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

package/dist/certificates/types.d.ts

@@ -0,0 +1,66 @@
+import type { PaginationParams } from '../types';
+export declare enum CertificateFilter {
+    ALL_LEARNERS = "all",
+    RECEIVED = "received",
+    NOT_RECEIVED = "not_received",
+    AUDIT_PASSING = "audit_passing",
+    AUDIT_NOT_PASSING = "audit_not_passing",
+    ERROR_STATE = "error",
+    GRANTED_EXCEPTIONS = "granted_exceptions",
+    INVALIDATED = "invalidated"
+}
+export declare enum CertificateStatus {
+    RECEIVED = "downloadable",
+    NOT_RECEIVED = "notpassing",
+    AUDIT_PASSING = "audit_passing",
+    AUDIT_NOT_PASSING = "audit_notpassing",
+    ERROR_STATE = "error"
+}
+export declare enum SpecialCase {
+    NONE = "",
+    INVALIDATION = "invalidated",
+    EXCEPTION = "exception"
+}
+export interface CertificateData {
+    username: string;
+    email: string;
+    enrollmentTrack: string;
+    certificateStatus: CertificateStatus;
+    specialCase: SpecialCase;
+    exceptionGranted?: string;
+    exceptionNotes?: string;
+    invalidatedBy?: string;
+    invalidationDate?: string;
+    invalidationNote?: string;
+}
+export interface InstructorTask {
+    taskId: string;
+    taskName: string;
+    taskState: string;
+    taskOutput?: string;
+    created: string;
+    updated: string;
+}
+export interface CertificateGenerationHistory {
+    taskName: string;
+    date: string;
+    details: string;
+}
+export interface CertificateQueryParams extends PaginationParams {
+    filter: CertificateFilter;
+    search: string;
+}
+export interface GrantExceptionRequest {
+    learners: string[];
+    notes?: string;
+}
+export interface InvalidateCertificateRequest {
+    learners: string[];
+    notes?: string;
+}
+export interface RemoveExceptionRequest {
+    username: string;
+}
+export interface RemoveInvalidationRequest {
+    username: string;
+}

package/dist/certificates/types.js

@@ -0,0 +1,26 @@
+export var CertificateFilter;
+(function (CertificateFilter) {
+    CertificateFilter["ALL_LEARNERS"] = "all";
+    CertificateFilter["RECEIVED"] = "received";
+    CertificateFilter["NOT_RECEIVED"] = "not_received";
+    CertificateFilter["AUDIT_PASSING"] = "audit_passing";
+    CertificateFilter["AUDIT_NOT_PASSING"] = "audit_not_passing";
+    CertificateFilter["ERROR_STATE"] = "error";
+    CertificateFilter["GRANTED_EXCEPTIONS"] = "granted_exceptions";
+    CertificateFilter["INVALIDATED"] = "invalidated";
+})(CertificateFilter || (CertificateFilter = {}));
+export var CertificateStatus;
+(function (CertificateStatus) {
+    CertificateStatus["RECEIVED"] = "downloadable";
+    CertificateStatus["NOT_RECEIVED"] = "notpassing";
+    CertificateStatus["AUDIT_PASSING"] = "audit_passing";
+    CertificateStatus["AUDIT_NOT_PASSING"] = "audit_notpassing";
+    CertificateStatus["ERROR_STATE"] = "error";
+})(CertificateStatus || (CertificateStatus = {}));
+export var SpecialCase;
+(function (SpecialCase) {
+    SpecialCase["NONE"] = "";
+    SpecialCase["INVALIDATION"] = "invalidated";
+    SpecialCase["EXCEPTION"] = "exception";
+})(SpecialCase || (SpecialCase = {}));
+//# sourceMappingURL=types.js.map

package/dist/certificates/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/certificates/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,yCAAoB,CAAA;IACpB,0CAAqB,CAAA;IACrB,kDAA6B,CAAA;IAC7B,oDAA+B,CAAA;IAC/B,4DAAuC,CAAA;IACvC,0CAAqB,CAAA;IACrB,8DAAyC,CAAA;IACzC,gDAA2B,CAAA;AAC7B,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,QAS5B;AAED,MAAM,CAAN,IAAY,iBAMX;AAND,WAAY,iBAAiB;IAC3B,8CAAyB,CAAA;IACzB,gDAA2B,CAAA;IAC3B,oDAA+B,CAAA;IAC/B,2DAAsC,CAAA;IACtC,0CAAqB,CAAA;AACvB,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,QAM5B;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,wBAAS,CAAA;IACT,2CAA4B,CAAA;IAC5B,sCAAuB,CAAA;AACzB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","sourcesContent":["import type { PaginationParams } from '@src/types';\n\nexport enum CertificateFilter {\n  ALL_LEARNERS = 'all',\n  RECEIVED = 'received',\n  NOT_RECEIVED = 'not_received',\n  AUDIT_PASSING = 'audit_passing',\n  AUDIT_NOT_PASSING = 'audit_not_passing',\n  ERROR_STATE = 'error',\n  GRANTED_EXCEPTIONS = 'granted_exceptions',\n  INVALIDATED = 'invalidated',\n}\n\nexport enum CertificateStatus {\n  RECEIVED = 'downloadable',\n  NOT_RECEIVED = 'notpassing',\n  AUDIT_PASSING = 'audit_passing',\n  AUDIT_NOT_PASSING = 'audit_notpassing',\n  ERROR_STATE = 'error',\n}\n\nexport enum SpecialCase {\n  NONE = '',\n  INVALIDATION = 'invalidated',\n  EXCEPTION = 'exception',\n}\n\nexport interface CertificateData {\n  username: string,\n  email: string,\n  enrollmentTrack: string,\n  certificateStatus: CertificateStatus,\n  specialCase: SpecialCase,\n  exceptionGranted?: string,\n  exceptionNotes?: string,\n  invalidatedBy?: string,\n  invalidationDate?: string,\n  invalidationNote?: string,\n}\n\nexport interface InstructorTask {\n  taskId: string,\n  taskName: string,\n  taskState: string,\n  taskOutput?: string,\n  created: string,\n  updated: string,\n}\n\nexport interface CertificateGenerationHistory {\n  taskName: string,\n  date: string,\n  details: string,\n}\n\nexport interface CertificateQueryParams extends PaginationParams {\n  filter: CertificateFilter,\n  search: string,\n}\n\nexport interface GrantExceptionRequest {\n  learners: string[],\n  notes?: string,\n}\n\nexport interface InvalidateCertificateRequest {\n  learners: string[],\n  notes?: string,\n}\n\nexport interface RemoveExceptionRequest {\n  username: string,\n}\n\nexport interface RemoveInvalidationRequest {\n  username: string,\n}\n"]}

package/dist/certificates/utils/errorHandling.d.ts

@@ -0,0 +1,12 @@
+export interface ApiError {
+    response?: {
+        data?: {
+            error?: string;
+            message?: string;
+            detail?: string;
+        } | string;
+    };
+    message?: string;
+}
+export declare const getErrorMessage: (error: ApiError, fallbackMessage: string) => string;
+export declare const parseLearnersCount: (learners: string) => number;

package/dist/certificates/utils/errorHandling.js

@@ -0,0 +1,24 @@
+export const getErrorMessage = (error, fallbackMessage) => {
+    var _a, _b;
+    // Handle case where response.data is an object
+    if (((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) && typeof error.response.data === 'object') {
+        const data = error.response.data;
+        // Try different common error message fields
+        if (data.error && typeof data.error === 'string')
+            return data.error;
+        if (data.message && typeof data.message === 'string')
+            return data.message;
+        if (data.detail && typeof data.detail === 'string')
+            return data.detail;
+        // If data is an object we can't display, use fallback
+        return fallbackMessage;
+    }
+    // Handle case where response.data is a string
+    if (((_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.data) && typeof error.response.data === 'string') {
+        return error.response.data;
+    }
+    // Fall back to error.message or the fallback
+    return (error === null || error === void 0 ? void 0 : error.message) || fallbackMessage;
+};
+export const parseLearnersCount = (learners) => learners.split(/[\n,]/).filter((l) => l.trim()).length;
+//# sourceMappingURL=errorHandling.js.map

package/dist/certificates/utils/errorHandling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandling.js","sourceRoot":"","sources":["../../../src/certificates/utils/errorHandling.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAe,EAAE,eAAuB,EAAU,EAAE;;IAClF,+CAA+C;IAC/C,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,KAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACrE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjC,4CAA4C;QAC5C,IAAI,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpE,IAAI,IAAI,CAAC,OAAO,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC;QAC1E,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC;QACvE,sDAAsD;QACtD,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,8CAA8C;IAC9C,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,KAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACrE,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC7B,CAAC;IAED,6CAA6C;IAC7C,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,KAAI,eAAe,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAU,EAAE,CAC7D,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC","sourcesContent":["export interface ApiError {\n  response?: {\n    data?: {\n      error?: string,\n      message?: string,\n      detail?: string,\n    } | string,\n  },\n  message?: string,\n}\n\nexport const getErrorMessage = (error: ApiError, fallbackMessage: string): string => {\n  // Handle case where response.data is an object\n  if (error?.response?.data && typeof error.response.data === 'object') {\n    const data = error.response.data;\n    // Try different common error message fields\n    if (data.error && typeof data.error === 'string') return data.error;\n    if (data.message && typeof data.message === 'string') return data.message;\n    if (data.detail && typeof data.detail === 'string') return data.detail;\n    // If data is an object we can't display, use fallback\n    return fallbackMessage;\n  }\n\n  // Handle case where response.data is a string\n  if (error?.response?.data && typeof error.response.data === 'string') {\n    return error.response.data;\n  }\n\n  // Fall back to error.message or the fallback\n  return error?.message || fallbackMessage;\n};\n\nexport const parseLearnersCount = (learners: string): number =>\n  learners.split(/[\\n,]/).filter((l) => l.trim()).length;\n"]}

package/dist/certificates/utils/filterUtils.d.ts

@@ -0,0 +1,4 @@
+import { CertificateData, CertificateFilter } from '../../certificates/types';
+export declare const matchesFilter: (item: CertificateData, filter: CertificateFilter) => boolean;
+export declare const matchesSearch: (item: CertificateData, search: string) => boolean;
+export declare const filterCertificates: (data: CertificateData[], filter: CertificateFilter, search: string) => CertificateData[];

package/dist/certificates/utils/filterUtils.js

@@ -0,0 +1,31 @@
+import { CertificateFilter, CertificateStatus, SpecialCase } from '../../certificates/types';
+export const matchesFilter = (item, filter) => {
+    switch (filter) {
+        case CertificateFilter.RECEIVED:
+            return item.certificateStatus === CertificateStatus.RECEIVED;
+        case CertificateFilter.NOT_RECEIVED:
+            return item.certificateStatus === CertificateStatus.NOT_RECEIVED;
+        case CertificateFilter.AUDIT_PASSING:
+            return item.certificateStatus === CertificateStatus.AUDIT_PASSING;
+        case CertificateFilter.AUDIT_NOT_PASSING:
+            return item.certificateStatus === CertificateStatus.AUDIT_NOT_PASSING;
+        case CertificateFilter.ERROR_STATE:
+            return item.certificateStatus === CertificateStatus.ERROR_STATE;
+        case CertificateFilter.GRANTED_EXCEPTIONS:
+            return item.specialCase === SpecialCase.EXCEPTION;
+        case CertificateFilter.INVALIDATED:
+            return item.specialCase === SpecialCase.INVALIDATION;
+        case CertificateFilter.ALL_LEARNERS:
+        default:
+            return true;
+    }
+};
+export const matchesSearch = (item, search) => {
+    if (!search)
+        return true;
+    const searchLower = search.toLowerCase();
+    return (item.username.toLowerCase().includes(searchLower)
+        || item.email.toLowerCase().includes(searchLower));
+};
+export const filterCertificates = (data, filter, search) => data.filter((item) => matchesFilter(item, filter) && matchesSearch(item, search));
+//# sourceMappingURL=filterUtils.js.map

package/dist/certificates/utils/filterUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../src/certificates/utils/filterUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE7G,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,MAAyB,EAAW,EAAE;IACzF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB,CAAC,QAAQ;YAC7B,OAAO,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,QAAQ,CAAC;QAC/D,KAAK,iBAAiB,CAAC,YAAY;YACjC,OAAO,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,YAAY,CAAC;QACnE,KAAK,iBAAiB,CAAC,aAAa;YAClC,OAAO,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,aAAa,CAAC;QACpE,KAAK,iBAAiB,CAAC,iBAAiB;YACtC,OAAO,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,iBAAiB,CAAC;QACxE,KAAK,iBAAiB,CAAC,WAAW;YAChC,OAAO,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,CAAC,WAAW,CAAC;QAClE,KAAK,iBAAiB,CAAC,kBAAkB;YACvC,OAAO,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,SAAS,CAAC;QACpD,KAAK,iBAAiB,CAAC,WAAW;YAChC,OAAO,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,YAAY,CAAC;QACvD,KAAK,iBAAiB,CAAC,YAAY,CAAC;QACpC;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,MAAc,EAAW,EAAE;IAC9E,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACzC,OAAO,CACL,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;WAC9C,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAClD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,IAAuB,EACvB,MAAyB,EACzB,MAAc,EACK,EAAE,CACrB,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC","sourcesContent":["import { CertificateData, CertificateFilter, CertificateStatus, SpecialCase } from '@src/certificates/types';\n\nexport const matchesFilter = (item: CertificateData, filter: CertificateFilter): boolean => {\n  switch (filter) {\n    case CertificateFilter.RECEIVED:\n      return item.certificateStatus === CertificateStatus.RECEIVED;\n    case CertificateFilter.NOT_RECEIVED:\n      return item.certificateStatus === CertificateStatus.NOT_RECEIVED;\n    case CertificateFilter.AUDIT_PASSING:\n      return item.certificateStatus === CertificateStatus.AUDIT_PASSING;\n    case CertificateFilter.AUDIT_NOT_PASSING:\n      return item.certificateStatus === CertificateStatus.AUDIT_NOT_PASSING;\n    case CertificateFilter.ERROR_STATE:\n      return item.certificateStatus === CertificateStatus.ERROR_STATE;\n    case CertificateFilter.GRANTED_EXCEPTIONS:\n      return item.specialCase === SpecialCase.EXCEPTION;\n    case CertificateFilter.INVALIDATED:\n      return item.specialCase === SpecialCase.INVALIDATION;\n    case CertificateFilter.ALL_LEARNERS:\n    default:\n      return true;\n  }\n};\n\nexport const matchesSearch = (item: CertificateData, search: string): boolean => {\n  if (!search) return true;\n  const searchLower = search.toLowerCase();\n  return (\n    item.username.toLowerCase().includes(searchLower)\n    || item.email.toLowerCase().includes(searchLower)\n  );\n};\n\nexport const filterCertificates = (\n  data: CertificateData[],\n  filter: CertificateFilter,\n  search: string,\n): CertificateData[] =>\n  data.filter((item) => matchesFilter(item, filter) && matchesSearch(item, search));\n"]}

package/dist/certificates/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { getErrorMessage } from '../../certificates/utils/errorHandling';
+export type { ApiError } from '../../certificates/utils/errorHandling';

package/dist/certificates/utils/index.js

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

package/dist/certificates/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/certificates/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC","sourcesContent":["export { getErrorMessage } from '@src/certificates/utils/errorHandling';\nexport type { ApiError } from '@src/certificates/utils/errorHandling';\n"]}

package/dist/components/ActionCard.d.ts

@@ -1,5 +1,5 @@
-interface ActionCardProps {
-    buttonLabel: string;
+export interface ActionCardProps {
+    buttonLabel?: string;
     customAction?: React.ReactNode;
     description: string;
     hasBorderBottom?: boolean;

package/dist/components/ActionCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Card } from '@openedx/paragon';
 const ActionCard = ({ buttonLabel, customAction, description, hasBorderBottom = true, isLoading = false, title, onButtonClick, }) => {
-    return (_jsxs(Card, { className: `bg-light-200 py-2 border-gray-500 rounded-0 shadow-none ${hasBorderBottom ? 'border-bottom' : ''}`, orientation: "horizontal", children: [_jsx(Card.Body, { className: "flex-grow-1", children: _jsxs(Card.Section, { children: [_jsx("h4", { className: "mb-2", children: title }), _jsx("p", { className: "text-muted mb-0", children: description })] }) }), _jsx(Card.Footer, { className: "d-flex align-items-center justify-content-end", children: customAction !== null && customAction !== void 0 ? customAction : (_jsx(Button, { onClick: onButtonClick, disabled: isLoading, variant: "primary", children: buttonLabel })) })] }));
+    return (_jsxs(Card, { className: `bg-light-200 pb-2 mt-2 border-gray-500 rounded-0 shadow-none ${hasBorderBottom ? 'border-bottom' : ''}`, orientation: "horizontal", children: [_jsx(Card.Body, { className: "flex-grow-1", children: _jsxs(Card.Section, { className: "pl-0", children: [_jsx("h4", { className: "text-primary-700 mb-2", children: title }), _jsx("p", { className: "text-primary-500 mb-0", children: description })] }) }), _jsx(Card.Footer, { className: "d-flex align-items-center justify-content-end", children: customAction !== null && customAction !== void 0 ? customAction : (buttonLabel && onButtonClick && (_jsx(Button, { onClick: onButtonClick, disabled: isLoading, variant: "primary", children: buttonLabel }))) })] }));
 };
 export default ActionCard;
 //# sourceMappingURL=ActionCard.js.map

package/dist/components/ActionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionCard.js","sourceRoot":"","sources":["../../src/components/ActionCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAYhD,MAAM,UAAU,GAAG,CAAC,EAClB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,aAAa,GACG,EAAE,EAAE;IACpB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,2DAA2D,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAC,YAAY,aAC5I,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,YAChC,MAAC,IAAI,CAAC,OAAO,eACX,aAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,EACjC,YAAG,SAAS,EAAC,iBAAiB,YAAE,WAAW,GAAK,IACnC,GACL,EACZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,+CAA+C,YACnE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CACf,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAC,SAAS,YAEhB,WAAW,GACL,CACV,GACW,IACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { Button, Card } from '@openedx/paragon';\n\ninterface ActionCardProps {\n  buttonLabel: string,\n  customAction?: React.ReactNode,\n  description: string,\n  hasBorderBottom?: boolean,\n  isLoading?: boolean,\n  title: string,\n  onButtonClick?: () => void,\n}\n\nconst ActionCard = ({\n  buttonLabel,\n  customAction,\n  description,\n  hasBorderBottom = true,\n  isLoading = false,\n  title,\n  onButtonClick,\n}: ActionCardProps) => {\n  return (\n    <Card className={`bg-light-200 py-2 border-gray-500 rounded-0 shadow-none ${hasBorderBottom ? 'border-bottom' : ''}`} orientation=\"horizontal\">\n      <Card.Body className=\"flex-grow-1\">\n        <Card.Section>\n          <h4 className=\"mb-2\">{title}</h4>\n          <p className=\"text-muted mb-0\">{description}</p>\n        </Card.Section>\n      </Card.Body>\n      <Card.Footer className=\"d-flex align-items-center justify-content-end\">\n        {customAction ?? (\n          <Button\n            onClick={onButtonClick}\n            disabled={isLoading}\n            variant=\"primary\"\n          >\n            {buttonLabel}\n          </Button>\n        )}\n      </Card.Footer>\n    </Card>\n  );\n};\n\nexport default ActionCard;\n"]}
+{"version":3,"file":"ActionCard.js","sourceRoot":"","sources":["../../src/components/ActionCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAYhD,MAAM,UAAU,GAAG,CAAC,EAClB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,aAAa,GACG,EAAE,EAAE;IACpB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,gEAAgE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAC,YAAY,aACjJ,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,YAChC,MAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAC5B,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EAClD,YAAG,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAK,IACzC,GACL,EACZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,+CAA+C,YACnE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,WAAW,IAAI,aAAa,IAAI,CAChD,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAC,SAAS,YAEhB,WAAW,GACL,CACV,CAAC,GACU,IACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { Button, Card } from '@openedx/paragon';\n\nexport interface ActionCardProps {\n  buttonLabel?: string,\n  customAction?: React.ReactNode,\n  description: string,\n  hasBorderBottom?: boolean,\n  isLoading?: boolean,\n  title: string,\n  onButtonClick?: () => void,\n}\n\nconst ActionCard = ({\n  buttonLabel,\n  customAction,\n  description,\n  hasBorderBottom = true,\n  isLoading = false,\n  title,\n  onButtonClick,\n}: ActionCardProps) => {\n  return (\n    <Card className={`bg-light-200 pb-2 mt-2 border-gray-500 rounded-0 shadow-none ${hasBorderBottom ? 'border-bottom' : ''}`} orientation=\"horizontal\">\n      <Card.Body className=\"flex-grow-1\">\n        <Card.Section className=\"pl-0\">\n          <h4 className=\"text-primary-700 mb-2\">{title}</h4>\n          <p className=\"text-primary-500 mb-0\">{description}</p>\n        </Card.Section>\n      </Card.Body>\n      <Card.Footer className=\"d-flex align-items-center justify-content-end\">\n        {customAction ?? (buttonLabel && onButtonClick && (\n          <Button\n            onClick={onButtonClick}\n            disabled={isLoading}\n            variant=\"primary\"\n          >\n            {buttonLabel}\n          </Button>\n        ))}\n      </Card.Footer>\n    </Card>\n  );\n};\n\nexport default ActionCard;\n"]}

package/dist/components/CodeEditor.d.ts

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

package/dist/components/CodeEditor.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { EditorView, basicSetup } from 'codemirror';
+import { EditorState } from '@codemirror/state';
+const decodeHtml = (raw) => {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(raw, 'text/html');
+    return doc.documentElement.textContent || '';
+};
+const CodeEditor = ({ data }) => {
+    const editorRef = useRef(null);
+    const containerRef = useCallback((node) => {
+        if (editorRef.current) {
+            editorRef.current.destroy();
+            editorRef.current = null;
+        }
+        if (node && data) {
+            editorRef.current = new EditorView({
+                state: EditorState.create({
+                    doc: decodeHtml(data),
+                    extensions: [
+                        basicSetup,
+                        EditorState.readOnly.of(true),
+                        EditorView.editable.of(false),
+                    ],
+                }),
+                parent: node,
+            });
+        }
+    }, [data]);
+    return _jsx("div", { ref: containerRef });
+};
+export default CodeEditor;
+//# sourceMappingURL=CodeEditor.js.map

package/dist/components/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../src/components/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IACzC,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;IAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IACrD,OAAO,GAAG,CAAC,eAAe,CAAC,WAAW,IAAI,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAmB,EAAE,EAAE;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAA2B,EAAE,EAAE;QAC/D,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAC5B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC;QACD,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACjB,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC;gBACjC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;oBACxB,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC;oBACrB,UAAU,EAAE;wBACV,UAAU;wBACV,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC;wBAC7B,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC;qBAC9B;iBACF,CAAC;gBACF,MAAM,EAAE,IAAI;aACb,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,cAAK,GAAG,EAAE,YAAY,GAAI,CAAC;AACpC,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useCallback, useRef } from 'react';\nimport { EditorView, basicSetup } from 'codemirror';\nimport { EditorState } from '@codemirror/state';\n\ninterface CodeEditorProps {\n  data: string,\n}\n\nconst decodeHtml = (raw: string): string => {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(raw, 'text/html');\n  return doc.documentElement.textContent || '';\n};\n\nconst CodeEditor = ({ data }: CodeEditorProps) => {\n  const editorRef = useRef<EditorView | null>(null);\n\n  const containerRef = useCallback((node: HTMLDivElement | null) => {\n    if (editorRef.current) {\n      editorRef.current.destroy();\n      editorRef.current = null;\n    }\n    if (node && data) {\n      editorRef.current = new EditorView({\n        state: EditorState.create({\n          doc: decodeHtml(data),\n          extensions: [\n            basicSetup,\n            EditorState.readOnly.of(true),\n            EditorView.editable.of(false),\n          ],\n        }),\n        parent: node,\n      });\n    }\n  }, [data]);\n\n  return <div ref={containerRef} />;\n};\n\nexport default CodeEditor;\n"]}

package/dist/components/PendingTasks.d.ts

@@ -1,5 +1,7 @@
 interface PendingTasksProps {
     isPolling?: boolean;
+    isOpen?: boolean;
+    onToggle?: () => void;
 }
-declare const PendingTasks: ({ isPolling }: PendingTasksProps) => import("react/jsx-runtime").JSX.Element;
+declare const PendingTasks: ({ isPolling, isOpen, onToggle }: PendingTasksProps) => import("react/jsx-runtime").JSX.Element;
 export { PendingTasks };

package/dist/components/PendingTasks.js

@@ -7,7 +7,7 @@ import { ExpandLess, ExpandMore } from '@openedx/paragon/icons';
 import { usePendingTasks } from '../data/apiHook';
 import { useParams } from 'react-router';
 import { ObjectCell } from './ObjectCell';
-const PendingTasks = ({ isPolling = false }) => {
+const PendingTasks = ({ isPolling = false, isOpen = false, onToggle }) => {
     const intl = useIntl();
     const { courseId = '' } = useParams();
     const { data: tasks, isLoading } = usePendingTasks(courseId, { enablePolling: isPolling });
@@ -32,7 +32,8 @@ const PendingTasks = ({ isPolling = false }) => {
         }
         return (_jsx(DataTable, { columns: tableColumns, data: tasks, RowStatusComponent: () => null }));
     };
-    return (_jsxs(Collapsible.Advanced, { className: "mt-4 pt-4 border-top", styling: "basic", children: [_jsxs(Collapsible.Trigger, { className: "collapsible-trigger d-flex border-0 align-items-center text-decoration-none", children: [_jsx("div", { className: "d-flex", children: _jsx("h3", { className: "text-primary-700", children: intl.formatMessage(messages.pendingTasksTitle) }) }), _jsx(Collapsible.Visible, { whenClosed: true, children: _jsx("div", { className: "pl-2 d-flex", children: _jsx(Icon, { className: "text-primary-500", src: ExpandMore }) }) }), _jsx(Collapsible.Visible, { whenOpen: true, children: _jsx("div", { className: "pl-2 d-flex", children: _jsx(Icon, { className: "text-primary-500", src: ExpandLess }) }) })] }), _jsx(Collapsible.Body, { children: renderContent() })] }));
+    const collapsibleProps = onToggle ? { open: isOpen, onToggle } : {};
+    return (_jsxs(Collapsible.Advanced, Object.assign({ className: "mt-4 pt-4 border-top", styling: "basic" }, collapsibleProps, { children: [_jsxs(Collapsible.Trigger, { className: "collapsible-trigger d-flex border-0 align-items-center text-decoration-none", children: [_jsx("div", { className: "d-flex", children: _jsx("h3", { className: "text-primary-700", children: intl.formatMessage(messages.pendingTasksTitle) }) }), _jsx(Collapsible.Visible, { whenClosed: true, children: _jsx("div", { className: "pl-2 d-flex", children: _jsx(Icon, { className: "text-primary-500", src: ExpandMore }) }) }), _jsx(Collapsible.Visible, { whenOpen: true, children: _jsx("div", { className: "pl-2 d-flex", children: _jsx(Icon, { className: "text-primary-500", src: ExpandLess }) }) })] }), _jsx(Collapsible.Body, { children: renderContent() })] })));
 };
 export { PendingTasks };
 //# sourceMappingURL=PendingTasks.js.map

package/dist/components/PendingTasks.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingTasks.js","sourceRoot":"","sources":["../../src/components/PendingTasks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Collapsible, DataTable, Icon, Skeleton } from '@openedx/paragon';\nimport { useMemo } from 'react';\nimport messages from './messages';\nimport { ExpandLess, ExpandMore } from '@openedx/paragon/icons';\nimport { usePendingTasks } from '@src/data/apiHook';\nimport { useParams } from 'react-router';\nimport { ObjectCell } from './ObjectCell';\nimport { PendingTask, TableCellValue } from '@src/types';\n\ninterface PendingTasksProps {\n  isPolling?: boolean,\n}\n\nconst PendingTasks = ({ isPolling = false }: PendingTasksProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams();\n  const { data: tasks, isLoading } = usePendingTasks(courseId, { enablePolling: isPolling });\n\n  const tableColumns = useMemo(() => [\n    { accessor: 'taskType', Header: intl.formatMessage(messages.taskTypeColumnName) },\n    { accessor: 'taskInput', Header: intl.formatMessage(messages.taskInputColumnName), Cell: ({ row }: TableCellValue<PendingTask>) => <ObjectCell value={row.original.taskInput} /> },\n    { accessor: 'taskId', Header: intl.formatMessage(messages.taskIdColumnName) },\n    { accessor: 'requester', Header: intl.formatMessage(messages.requesterColumnName) },\n    { accessor: 'taskState', Header: intl.formatMessage(messages.taskStateColumnName) },\n    { accessor: 'created', Header: intl.formatMessage(messages.createdColumnName) },\n    { accessor: 'taskOutput', Header: intl.formatMessage(messages.taskOutputColumnName), Cell: ({ row }: TableCellValue<PendingTask>) => <ObjectCell value={row.original.taskOutput} /> },\n    { accessor: 'durationSec', Header: intl.formatMessage(messages.durationColumnName) },\n    { accessor: 'status', Header: intl.formatMessage(messages.statusColumnName) },\n    { accessor: 'taskMessage', Header: intl.formatMessage(messages.taskMessageColumnName) },\n  ], [intl]);\n\n  const renderContent = () => {\n    if (isLoading) {\n      return <Skeleton count={3} />;\n    }\n\n    if (!tasks || tasks?.length === 0) {\n      return <div className=\"my-3\">{intl.formatMessage(messages.noTasksMessage)}</div>;\n    }\n\n    return (\n      <DataTable\n        columns={tableColumns}\n        data={tasks}\n        RowStatusComponent={() => null}\n      />\n    );\n  };\n\n  return (\n    <Collapsible.Advanced\n      className=\"mt-4 pt-4 border-top\"\n      styling=\"basic\"\n    >\n      <Collapsible.Trigger\n        className=\"collapsible-trigger d-flex border-0 align-items-center text-decoration-none\"\n      >\n        <div className=\"d-flex\">\n          <h3 className=\"text-primary-700\">{intl.formatMessage(messages.pendingTasksTitle)}</h3>\n        </div>\n\n        <Collapsible.Visible whenClosed>\n          <div className=\"pl-2 d-flex\">\n            <Icon className=\"text-primary-500\" src={ExpandMore} />\n          </div>\n        </Collapsible.Visible>\n        <Collapsible.Visible whenOpen>\n          <div className=\"pl-2 d-flex\">\n            <Icon className=\"text-primary-500\" src={ExpandLess} />\n          </div>\n        </Collapsible.Visible>\n      </Collapsible.Trigger>\n      <Collapsible.Body>\n        {renderContent() }\n      </Collapsible.Body>\n    </Collapsible.Advanced>\n  );\n};\n\nexport { PendingTasks };\n"]}
+{"version":3,"file":"PendingTasks.js","sourceRoot":"","sources":["../../src/components/PendingTasks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Collapsible, DataTable, Icon, Skeleton } from '@openedx/paragon';\nimport { useMemo } from 'react';\nimport messages from './messages';\nimport { ExpandLess, ExpandMore } from '@openedx/paragon/icons';\nimport { usePendingTasks } from '@src/data/apiHook';\nimport { useParams } from 'react-router';\nimport { ObjectCell } from './ObjectCell';\nimport { PendingTask, TableCellValue } from '@src/types';\n\ninterface PendingTasksProps {\n  isPolling?: boolean,\n  isOpen?: boolean,\n  onToggle?: () => void,\n}\n\nconst PendingTasks = ({ isPolling = false, isOpen = false, onToggle }: PendingTasksProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams();\n  const { data: tasks, isLoading } = usePendingTasks(courseId, { enablePolling: isPolling });\n\n  const tableColumns = useMemo(() => [\n    { accessor: 'taskType', Header: intl.formatMessage(messages.taskTypeColumnName) },\n    { accessor: 'taskInput', Header: intl.formatMessage(messages.taskInputColumnName), Cell: ({ row }: TableCellValue<PendingTask>) => <ObjectCell value={row.original.taskInput} /> },\n    { accessor: 'taskId', Header: intl.formatMessage(messages.taskIdColumnName) },\n    { accessor: 'requester', Header: intl.formatMessage(messages.requesterColumnName) },\n    { accessor: 'taskState', Header: intl.formatMessage(messages.taskStateColumnName) },\n    { accessor: 'created', Header: intl.formatMessage(messages.createdColumnName) },\n    { accessor: 'taskOutput', Header: intl.formatMessage(messages.taskOutputColumnName), Cell: ({ row }: TableCellValue<PendingTask>) => <ObjectCell value={row.original.taskOutput} /> },\n    { accessor: 'durationSec', Header: intl.formatMessage(messages.durationColumnName) },\n    { accessor: 'status', Header: intl.formatMessage(messages.statusColumnName) },\n    { accessor: 'taskMessage', Header: intl.formatMessage(messages.taskMessageColumnName) },\n  ], [intl]);\n\n  const renderContent = () => {\n    if (isLoading) {\n      return <Skeleton count={3} />;\n    }\n\n    if (!tasks || tasks?.length === 0) {\n      return <div className=\"my-3\">{intl.formatMessage(messages.noTasksMessage)}</div>;\n    }\n\n    return (\n      <DataTable\n        columns={tableColumns}\n        data={tasks}\n        RowStatusComponent={() => null}\n      />\n    );\n  };\n\n  const collapsibleProps = onToggle ? { open: isOpen, onToggle } : {};\n\n  return (\n    <Collapsible.Advanced\n      className=\"mt-4 pt-4 border-top\"\n      styling=\"basic\"\n      {...collapsibleProps}\n    >\n      <Collapsible.Trigger\n        className=\"collapsible-trigger d-flex border-0 align-items-center text-decoration-none\"\n      >\n        <div className=\"d-flex\">\n          <h3 className=\"text-primary-700\">{intl.formatMessage(messages.pendingTasksTitle)}</h3>\n        </div>\n\n        <Collapsible.Visible whenClosed>\n          <div className=\"pl-2 d-flex\">\n            <Icon className=\"text-primary-500\" src={ExpandMore} />\n          </div>\n        </Collapsible.Visible>\n        <Collapsible.Visible whenOpen>\n          <div className=\"pl-2 d-flex\">\n            <Icon className=\"text-primary-500\" src={ExpandLess} />\n          </div>\n        </Collapsible.Visible>\n      </Collapsible.Trigger>\n      <Collapsible.Body>\n        {renderContent() }\n      </Collapsible.Body>\n    </Collapsible.Advanced>\n  );\n};\n\nexport { PendingTasks };\n"]}

package/dist/components/SpecifyLearnerField.d.ts

@@ -3,5 +3,8 @@ interface SpecifyLearnerFieldProps {
     learner?: SelectedLearner;
     onClickSelect: (emailOrUsername: string) => void;
 }
-declare const SpecifyLearnerField: ({ learner, onClickSelect }: SpecifyLearnerFieldProps) => import("react/jsx-runtime").JSX.Element;
+interface SpecifyLearnerFieldRef {
+    reset: () => void;
+}
+declare const SpecifyLearnerField: import("react").ForwardRefExoticComponent<SpecifyLearnerFieldProps & import("react").RefAttributes<SpecifyLearnerFieldRef>>;
 export default SpecifyLearnerField;

package/dist/components/SpecifyLearnerField.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useState, useImperativeHandle, forwardRef } from 'react';
 import { isAxiosError } from 'axios';
 import { useParams } from 'react-router-dom';
 import { Avatar, Button, FormControl, FormGroup, FormLabel, useToggle } from '@openedx/paragon';
@@ -8,37 +8,77 @@ import { SpinnerIcon } from '@openedx/paragon/icons';
 import { useDebouncedFilter } from '../hooks/useDebouncedFilter';
 import { useCourseInfo, useLearner } from '../data/apiHook';
 import messages from './messages';
-const SpecifyLearnerField = ({ learner, onClickSelect }) => {
-    var _a;
+const errorMessages = {
+    not_found: messages.learnerNotFound,
+    generic_error: messages.learnerGenericError,
+    not_enrolled: messages.learnerNotEnrolled,
+};
+const getErrorState = (error, data) => {
+    var _a, _b;
+    const isNotFoundError = isAxiosError(error)
+        && (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 404 || ((_b = error.response) === null || _b === void 0 ? void 0 : _b.status) === 400);
+    if (isNotFoundError)
+        return 'not_found';
+    if (data && !data.isEnrolled)
+        return 'not_enrolled';
+    if (error && !isNotFoundError)
+        return 'generic_error';
+    return null;
+};
+const initialLearnerState = {
+    username: '',
+    fullName: '',
+    email: '',
+    isEnrolled: false,
+};
+const SpecifyLearnerField = forwardRef(({ learner, onClickSelect }, ref) => {
     const intl = useIntl();
     const { courseId = '' } = useParams();
     const [identifier, setIdentifier] = useState('');
-    const [showLearner, enableShowLearner, disableShowLearner] = useToggle(false);
+    const [showLearner, enableShowLearner, disableShowLearner] = useToggle(!!learner);
+    const [errorState, setErrorState] = useState(null);
     const { data: courseInfo } = useCourseInfo(courseId);
     const permissions = (courseInfo === null || courseInfo === void 0 ? void 0 : courseInfo.permissions) || { admin: false, dataResearcher: false };
-    const { inputValue, handleChange } = useDebouncedFilter({
+    const { inputValue, handleChange, resetFilter } = useDebouncedFilter({
         filterValue: identifier,
         setFilter: setIdentifier,
     });
-    const { data = { email: '', fullName: '', username: '' }, refetch, error } = useLearner(courseId, inputValue);
-    const selectedLearner = learner || data;
+    const { data, refetch } = useLearner(courseId, inputValue);
+    const resetState = () => {
+        resetFilter();
+        onClickSelect('');
+        disableShowLearner();
+        setErrorState(null);
+    };
+    useImperativeHandle(ref, () => ({
+        reset: resetState,
+    }));
+    const selectedLearner = learner || data || initialLearnerState;
     const handleInputChange = (event) => {
         handleChange(event.target.value);
+        if (errorState) {
+            setErrorState(null);
+        }
         if (showLearner) {
             disableShowLearner();
         }
     };
     const handleClickSelect = () => {
         if (inputValue) {
-            onClickSelect(inputValue);
-            refetch();
-            enableShowLearner();
+            refetch().then((result) => {
+                var _a;
+                // Need to pass empty value if learner is not valid to clear out any previously selected learner
+                // We could have other conditions/fields depending on valid learner
+                const formValue = !result.error && ((_a = result.data) === null || _a === void 0 ? void 0 : _a.isEnrolled) ? inputValue : '';
+                setErrorState(getErrorState(result.error, result === null || result === void 0 ? void 0 : result.data));
+                onClickSelect(formValue);
+                enableShowLearner();
+            });
         }
     };
-    return (_jsxs(FormGroup, { className: "mb-0", size: "sm", children: [_jsx(FormLabel, { className: "text-primary-500 d-flex", children: intl.formatMessage(messages.specifyLearner) }), _jsxs("div", { className: "d-flex align-items-center", children: [_jsx(FormControl, { className: `mr-2 ${selectedLearner.username && showLearner ? 'd-none' : ''}`, name: "emailOrUsername", placeholder: intl.formatMessage(messages.specifyLearnerPlaceholder), size: "md", autoResize: true, value: inputValue, onChange: handleInputChange }), selectedLearner.username && showLearner ? (_jsxs(_Fragment, { children: [_jsx(Avatar, { className: "mr-2.5", size: "sm" }), _jsxs("div", { className: "d-flex flex-column mr-3 text-primary-500", children: [_jsx("p", { className: "mb-0", children: selectedLearner.username }), (permissions.admin || permissions.dataResearcher)
-                                        && (_jsxs("div", { className: "d-flex x-small", children: [_jsx("p", { className: "mr-3 mb-0", children: selectedLearner.fullName }), _jsx("p", { className: "mb-0", children: selectedLearner.email })] }))] }), !learner && _jsx(Button, { iconBefore: SpinnerIcon, onClick: disableShowLearner, children: intl.formatMessage(messages.change) })] })) : (_jsx(Button, { onClick: handleClickSelect, disabled: !inputValue, children: intl.formatMessage(messages.select) }))] }), showLearner && error
-                && isAxiosError(error)
-                && ((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 404 && (_jsx("p", { className: "text-danger-500 mb-0 x-small mt-2", children: intl.formatMessage(messages.learnerNotFound, { identifier }) }))] }));
-};
+    return (_jsxs(FormGroup, { className: "mb-0", size: "sm", children: [_jsx(FormLabel, { className: "text-primary-500 d-flex", children: selectedLearner.username ? intl.formatMessage(messages.selectedLearner) : intl.formatMessage(messages.specifyLearner) }), _jsxs("div", { className: "d-flex align-items-center", children: [_jsx(FormControl, { className: `mr-2 ${selectedLearner.username && showLearner ? 'd-none' : ''}`, name: "emailOrUsername", placeholder: intl.formatMessage(messages.specifyLearnerPlaceholder), size: "md", autoResize: true, value: inputValue, onChange: handleInputChange }), selectedLearner.username && showLearner ? (_jsxs(_Fragment, { children: [_jsx(Avatar, { className: "mr-2.5", size: "sm" }), _jsxs("div", { className: "d-flex flex-column mr-3 text-primary-500", children: [_jsx("p", { className: "mb-0", children: selectedLearner.username }), (permissions.admin || permissions.dataResearcher)
+                                        && (_jsxs("div", { className: "d-flex x-small", children: [_jsx("p", { className: "mr-3 mb-0", children: selectedLearner.fullName }), _jsx("p", { className: "mb-0", children: selectedLearner.email })] }))] }), !learner && _jsx(Button, { iconBefore: SpinnerIcon, onClick: resetState, children: intl.formatMessage(messages.change) })] })) : (_jsx(Button, { onClick: handleClickSelect, disabled: !inputValue, children: intl.formatMessage(messages.select) }))] }), showLearner && errorState && (_jsx("p", { className: "text-danger-500 mb-0 x-small mt-2", children: intl.formatMessage(errorMessages[errorState], { identifier: inputValue }) }))] }));
+});
+SpecifyLearnerField.displayName = 'SpecifyLearnerField';
 export default SpecifyLearnerField;
 //# sourceMappingURL=SpecifyLearnerField.js.map

package/dist/components/SpecifyLearnerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpecifyLearnerField.js","sourceRoot":"","sources":["../../src/components/SpecifyLearnerField.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ChangeEvent } from 'react';\nimport { isAxiosError } from 'axios';\nimport { useParams } from 'react-router-dom';\nimport { Avatar, Button, FormControl, FormGroup, FormLabel, useToggle } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { SpinnerIcon } from '@openedx/paragon/icons';\nimport { useDebouncedFilter } from '@src/hooks/useDebouncedFilter';\nimport { useCourseInfo, useLearner } from '@src/data/apiHook';\nimport { SelectedLearner } from '@src/types';\nimport messages from './messages';\n\ninterface SpecifyLearnerFieldProps {\n  learner?: SelectedLearner,\n  onClickSelect: (emailOrUsername: string) => void,\n}\n\nconst SpecifyLearnerField = ({ learner, onClickSelect }: SpecifyLearnerFieldProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [identifier, setIdentifier] = useState('');\n  const [showLearner, enableShowLearner, disableShowLearner] = useToggle(false);\n  const { data: courseInfo } = useCourseInfo(courseId);\n  const permissions = courseInfo?.permissions || { admin: false, dataResearcher: false };\n  const { inputValue, handleChange } = useDebouncedFilter({\n    filterValue: identifier,\n    setFilter: setIdentifier,\n  });\n  const { data = { email: '', fullName: '', username: '' }, refetch, error } = useLearner(courseId, inputValue);\n\n  const selectedLearner = learner || data;\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    handleChange(event.target.value);\n\n    if (showLearner) {\n      disableShowLearner();\n    }\n  };\n\n  const handleClickSelect = () => {\n    if (inputValue) {\n      onClickSelect(inputValue);\n      refetch();\n      enableShowLearner();\n    }\n  };\n\n  return (\n    <FormGroup className=\"mb-0\" size=\"sm\">\n      <FormLabel className=\"text-primary-500 d-flex\">{intl.formatMessage(messages.specifyLearner)}</FormLabel>\n      <div className=\"d-flex align-items-center\">\n        <FormControl\n          className={`mr-2 ${selectedLearner.username && showLearner ? 'd-none' : ''}`}\n          name=\"emailOrUsername\"\n          placeholder={intl.formatMessage(messages.specifyLearnerPlaceholder)}\n          size=\"md\"\n          autoResize\n          value={inputValue}\n          onChange={handleInputChange}\n        />\n        {selectedLearner.username && showLearner ? (\n          <>\n            <Avatar className=\"mr-2.5\" size=\"sm\" />\n            <div className=\"d-flex flex-column mr-3 text-primary-500\">\n              <p className=\"mb-0\">{selectedLearner.username}</p>\n              {(permissions.admin || permissions.dataResearcher)\n              && (\n                <div className=\"d-flex x-small\">\n                  <p className=\"mr-3 mb-0\">{selectedLearner.fullName}</p>\n                  <p className=\"mb-0\">{selectedLearner.email}</p>\n                </div>\n              )}\n            </div>\n            {!learner && <Button iconBefore={SpinnerIcon} onClick={disableShowLearner}>{intl.formatMessage(messages.change)}</Button>}\n          </>\n        ) : (\n          <Button onClick={handleClickSelect} disabled={!inputValue}>{intl.formatMessage(messages.select)}</Button>\n        )}\n      </div>\n      {showLearner && error\n      && isAxiosError(error)\n      && error.response?.status === 404 && (\n        <p className=\"text-danger-500 mb-0 x-small mt-2\">\n          {intl.formatMessage(messages.learnerNotFound, { identifier })}\n        </p>\n      )}\n    </FormGroup>\n  );\n};\n\nexport default SpecifyLearnerField;\n"]}
+{"version":3,"file":"SpecifyLearnerField.js","sourceRoot":"","sources":["../../src/components/SpecifyLearnerField.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ChangeEvent, useImperativeHandle, forwardRef } from 'react';\nimport { isAxiosError } from 'axios';\nimport { useParams } from 'react-router-dom';\nimport { Avatar, Button, FormControl, FormGroup, FormLabel, useToggle } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { SpinnerIcon } from '@openedx/paragon/icons';\nimport { useDebouncedFilter } from '@src/hooks/useDebouncedFilter';\nimport { useCourseInfo, useLearner } from '@src/data/apiHook';\nimport { SelectedLearner } from '@src/types';\nimport messages from './messages';\n\ninterface SpecifyLearnerFieldProps {\n  learner?: SelectedLearner,\n  onClickSelect: (emailOrUsername: string) => void,\n}\n\ninterface SpecifyLearnerFieldRef {\n  reset: () => void,\n}\n\ntype ErrorState = 'not_enrolled' | 'not_found' | 'generic_error' | null;\n\nconst errorMessages = {\n  not_found: messages.learnerNotFound,\n  generic_error: messages.learnerGenericError,\n  not_enrolled: messages.learnerNotEnrolled,\n};\n\nconst getErrorState = (error: Error | null, data?: SelectedLearner): ErrorState => {\n  const isNotFoundError = isAxiosError(error)\n    && (error.response?.status === 404 || error.response?.status === 400);\n\n  if (isNotFoundError) return 'not_found';\n  if (data && !data.isEnrolled) return 'not_enrolled';\n  if (error && !isNotFoundError) return 'generic_error';\n  return null;\n};\n\nconst initialLearnerState = {\n  username: '',\n  fullName: '',\n  email: '',\n  isEnrolled: false,\n};\n\nconst SpecifyLearnerField = forwardRef<SpecifyLearnerFieldRef, SpecifyLearnerFieldProps>(({ learner, onClickSelect }, ref) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [identifier, setIdentifier] = useState('');\n  const [showLearner, enableShowLearner, disableShowLearner] = useToggle(!!learner);\n  const [errorState, setErrorState] = useState<ErrorState>(null);\n  const { data: courseInfo } = useCourseInfo(courseId);\n  const permissions = courseInfo?.permissions || { admin: false, dataResearcher: false };\n  const { inputValue, handleChange, resetFilter } = useDebouncedFilter({\n    filterValue: identifier,\n    setFilter: setIdentifier,\n  });\n  const { data, refetch } = useLearner(courseId, inputValue);\n\n  const resetState = () => {\n    resetFilter();\n    onClickSelect('');\n    disableShowLearner();\n    setErrorState(null);\n  };\n\n  useImperativeHandle(ref, () => ({\n    reset: resetState,\n  }));\n\n  const selectedLearner = learner || data || initialLearnerState;\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    handleChange(event.target.value);\n\n    if (errorState) {\n      setErrorState(null);\n    }\n\n    if (showLearner) {\n      disableShowLearner();\n    }\n  };\n\n  const handleClickSelect = () => {\n    if (inputValue) {\n      refetch().then((result) => {\n        // Need to pass empty value if learner is not valid to clear out any previously selected learner\n        // We could have other conditions/fields depending on valid learner\n        const formValue = !result.error && result.data?.isEnrolled ? inputValue : '';\n\n        setErrorState(getErrorState(result.error, result?.data));\n        onClickSelect(formValue);\n        enableShowLearner();\n      });\n    }\n  };\n\n  return (\n    <FormGroup className=\"mb-0\" size=\"sm\">\n      <FormLabel className=\"text-primary-500 d-flex\">{selectedLearner.username ? intl.formatMessage(messages.selectedLearner) : intl.formatMessage(messages.specifyLearner)}</FormLabel>\n      <div className=\"d-flex align-items-center\">\n        <FormControl\n          className={`mr-2 ${selectedLearner.username && showLearner ? 'd-none' : ''}`}\n          name=\"emailOrUsername\"\n          placeholder={intl.formatMessage(messages.specifyLearnerPlaceholder)}\n          size=\"md\"\n          autoResize\n          value={inputValue}\n          onChange={handleInputChange}\n        />\n        {selectedLearner.username && showLearner ? (\n          <>\n            <Avatar className=\"mr-2.5\" size=\"sm\" />\n            <div className=\"d-flex flex-column mr-3 text-primary-500\">\n              <p className=\"mb-0\">{selectedLearner.username}</p>\n              {(permissions.admin || permissions.dataResearcher)\n              && (\n                <div className=\"d-flex x-small\">\n                  <p className=\"mr-3 mb-0\">{selectedLearner.fullName}</p>\n                  <p className=\"mb-0\">{selectedLearner.email}</p>\n                </div>\n              )}\n            </div>\n            {!learner && <Button iconBefore={SpinnerIcon} onClick={resetState}>{intl.formatMessage(messages.change)}</Button>}\n          </>\n        ) : (\n          <Button onClick={handleClickSelect} disabled={!inputValue}>{intl.formatMessage(messages.select)}</Button>\n        )}\n      </div>\n      {showLearner && errorState && (\n        <p className=\"text-danger-500 mb-0 x-small mt-2\">\n          {intl.formatMessage(errorMessages[errorState], { identifier: inputValue })}\n        </p>\n      )}\n    </FormGroup>\n  );\n});\n\nSpecifyLearnerField.displayName = 'SpecifyLearnerField';\n\nexport default SpecifyLearnerField;\n"]}

package/dist/components/SpecifyProblemField.d.ts

@@ -0,0 +1,13 @@
+interface SpecifyProblemFieldProps {
+    buttonLabel: string;
+    disabled?: boolean;
+    fieldLabel: string;
+    problemResponsesError?: string;
+    usernameOrEmail?: string;
+    onClickSelect: (problemLocation: string, event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+interface SpecifyProblemFieldRef {
+    reset: () => void;
+}
+declare const SpecifyProblemField: import("react").ForwardRefExoticComponent<SpecifyProblemFieldProps & import("react").RefAttributes<SpecifyProblemFieldRef>>;
+export default SpecifyProblemField;

package/dist/components/SpecifyProblemField.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useImperativeHandle, forwardRef } from 'react';
+import { isAxiosError } from 'axios';
+import { useParams } from 'react-router-dom';
+import { Button, Form, Icon, OverlayTrigger, Tooltip, useToggle } from '@openedx/paragon';
+import { InfoOutline, SpinnerIcon } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+import { useDebouncedFilter } from '../hooks/useDebouncedFilter';
+import { useProblemDetails } from '../data/apiHook';
+const SpecifyProblemField = forwardRef(({ buttonLabel, disabled, fieldLabel, problemResponsesError, usernameOrEmail = '', onClickSelect, }, ref) => {
+    var _a, _b;
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [problemLocation, setProblemLocation] = useState('');
+    const [showSelectedLocation, enableShowSelectedLocation, disableShowSelectedLocation] = useToggle(false);
+    const { inputValue, handleChange, resetFilter } = useDebouncedFilter({
+        filterValue: problemLocation,
+        setFilter: setProblemLocation,
+    });
+    const { data = { breadcrumbs: [], name: '', id: '' }, refetch, error } = useProblemDetails(courseId, inputValue, usernameOrEmail);
+    useImperativeHandle(ref, () => ({
+        reset: () => {
+            resetFilter();
+            disableShowSelectedLocation();
+        }
+    }));
+    const handleInputChange = (e) => {
+        handleChange(e.target.value);
+        if (showSelectedLocation) {
+            disableShowSelectedLocation();
+        }
+    };
+    const handleClick = (event) => {
+        if (inputValue) {
+            refetch().then(() => {
+                onClickSelect(inputValue, event);
+                enableShowSelectedLocation();
+            });
+        }
+    };
+    return (_jsxs(Form.Group, { className: "mb-0", isInvalid: !!problemResponsesError, size: "sm", children: [_jsx(Form.Label, { className: "d-flex align-content-end align-items-center gap-2 text-primary-500", children: showSelectedLocation ? intl.formatMessage(messages.selectedProblem)
+                    : (_jsxs(_Fragment, { children: [fieldLabel, _jsx(OverlayTrigger, { placement: "top", overlay: (_jsx(Tooltip, { id: "problem-location-tooltip", className: "info-tooltip", children: intl.formatMessage(messages.problemLocationTooltip) })), children: _jsx(Icon, { src: InfoOutline, size: "sm", "aria-label": intl.formatMessage(messages.problemLocationInfoIconLabel) }) })] })) }), _jsx("div", { className: "d-flex align-items-center", children: showSelectedLocation && data && !error ? (_jsxs("div", { className: "d-flex gap-3 align-items-center col-8 p-0", children: [_jsxs("div", { className: "d-block w-100", children: [_jsx("p", { className: "x-small mb-0 text-primary-500 text-truncate", children: data.breadcrumbs
+                                        .slice(1, -1)
+                                        .map(breadcrumb => breadcrumb.displayName)
+                                        .join(' > ') }), _jsx("p", { className: "text-primary-500 mb-0", children: data.name }), _jsx("p", { className: "x-small text-gray-700 text-truncate mb-0", children: data.id })] }), _jsx(Button, { iconBefore: SpinnerIcon, onClick: disableShowSelectedLocation, children: intl.formatMessage(messages.change) })] })) : (_jsxs(_Fragment, { children: [_jsx(Form.Control, { type: "text", placeholder: intl.formatMessage(messages.problemLocationPlaceholder), value: inputValue, onChange: handleInputChange, className: "flex-grow-1", size: "md" }), problemResponsesError && (_jsx(Form.Control.Feedback, { type: "invalid", children: problemResponsesError })), _jsx(Button, { variant: "primary", onClick: handleClick, disabled: disabled || !inputValue, className: "text-nowrap", children: buttonLabel })] })) }), showSelectedLocation && error
+                && isAxiosError(error)
+                && ((((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 400) || (((_b = error.response) === null || _b === void 0 ? void 0 : _b.status) === 404)) && (_jsx("p", { className: "text-danger-500 mb-0 x-small mt-2", children: intl.formatMessage(messages.problemNotFound, { identifier: inputValue }) }))] }));
+});
+SpecifyProblemField.displayName = 'SpecifyProblemField';
+export default SpecifyProblemField;
+//# sourceMappingURL=SpecifyProblemField.js.map