@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.0

package/dist/components/PendingTasks.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Collapsible, DataTable, Icon, Skeleton } from '@openedx/paragon';
+import { useMemo } from 'react';
+import messages from './messages';
+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 intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data: tasks, isLoading } = usePendingTasks(courseId, { enablePolling: isPolling });
+    const tableColumns = useMemo(() => [
+        { accessor: 'taskType', Header: intl.formatMessage(messages.taskTypeColumnName) },
+        { accessor: 'taskInput', Header: intl.formatMessage(messages.taskInputColumnName), Cell: ({ row }) => _jsx(ObjectCell, { value: row.original.taskInput }) },
+        { accessor: 'taskId', Header: intl.formatMessage(messages.taskIdColumnName) },
+        { accessor: 'requester', Header: intl.formatMessage(messages.requesterColumnName) },
+        { accessor: 'taskState', Header: intl.formatMessage(messages.taskStateColumnName) },
+        { accessor: 'created', Header: intl.formatMessage(messages.createdColumnName) },
+        { accessor: 'taskOutput', Header: intl.formatMessage(messages.taskOutputColumnName), Cell: ({ row }) => _jsx(ObjectCell, { value: row.original.taskOutput }) },
+        { accessor: 'durationSec', Header: intl.formatMessage(messages.durationColumnName) },
+        { accessor: 'status', Header: intl.formatMessage(messages.statusColumnName) },
+        { accessor: 'taskMessage', Header: intl.formatMessage(messages.taskMessageColumnName) },
+    ], [intl]);
+    const renderContent = () => {
+        if (isLoading) {
+            return _jsx(Skeleton, { count: 3 });
+        }
+        if (!tasks || (tasks === null || tasks === void 0 ? void 0 : tasks.length) === 0) {
+            return _jsx("div", { className: "my-3", children: intl.formatMessage(messages.noTasksMessage) });
+        }
+        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() })] }));
+};
+export { PendingTasks };
+//# sourceMappingURL=PendingTasks.js.map

package/dist/components/PendingTasks.js.map

@@ -0,0 +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"]}

package/dist/components/SpecifyLearnerField.d.ts

@@ -0,0 +1,5 @@
+interface SpecifyLearnerFieldProps {
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const SpecifyLearnerField: ({ onChange }: SpecifyLearnerFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default SpecifyLearnerField;

package/dist/components/SpecifyLearnerField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FormControl, FormGroup, FormLabel } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+const SpecifyLearnerField = ({ onChange }) => {
+    const intl = useIntl();
+    return (_jsxs(FormGroup, { size: "sm", children: [_jsx(FormLabel, { children: intl.formatMessage(messages.specifyLearner) }), _jsxs("div", { className: "d-flex", children: [_jsx(FormControl, { className: "mr-2", name: "emailOrUsername", placeholder: intl.formatMessage(messages.specifyLearnerPlaceholder), size: "md", autoResize: true, onChange: onChange }), _jsx(Button, { children: intl.formatMessage(messages.select) })] })] }));
+};
+export default SpecifyLearnerField;
+//# sourceMappingURL=SpecifyLearnerField.js.map

package/dist/components/SpecifyLearnerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecifyLearnerField.js","sourceRoot":"","sources":["../../src/components/SpecifyLearnerField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAMlC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACrE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,IAAI,aAClB,KAAC,SAAS,cAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAa,EACpE,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,iBAAiB,EAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,UAAU,QAAC,QAAQ,EAAE,QAAQ,GAAI,EACrK,KAAC,MAAM,cAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAU,IAClD,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { Button, FormControl, FormGroup, FormLabel } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\n\ninterface SpecifyLearnerFieldProps {\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void,\n}\n\nconst SpecifyLearnerField = ({ onChange }: SpecifyLearnerFieldProps) => {\n  const intl = useIntl();\n\n  return (\n    <FormGroup size=\"sm\">\n      <FormLabel>{intl.formatMessage(messages.specifyLearner)}</FormLabel>\n      <div className=\"d-flex\">\n        <FormControl className=\"mr-2\" name=\"emailOrUsername\" placeholder={intl.formatMessage(messages.specifyLearnerPlaceholder)} size=\"md\" autoResize onChange={onChange} />\n        <Button>{intl.formatMessage(messages.select)}</Button>\n      </div>\n    </FormGroup>\n  );\n};\n\nexport default SpecifyLearnerField;\n"]}

package/dist/components/messages.d.ts

@@ -0,0 +1,108 @@
+declare const messages: {
+    select: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    specifyLearner: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    specifyLearnerPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    pageNotFoundHeader: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    pageNotFoundBody: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    pendingTasksTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noTasksMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    taskTypeColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    taskInputColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    taskIdColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    requesterColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    taskStateColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    createdColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    taskOutputColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    durationColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    statusColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    taskMessageColumnName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    downloadCSVTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    downloadCSVDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewCSVTemplate: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    uploadingFileMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/messages.js

@@ -0,0 +1,110 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    select: {
+        id: 'instruct.specifyLearner.select',
+        defaultMessage: 'Select',
+        description: 'Label for select dropdown in specify learner field',
+    },
+    specifyLearner: {
+        id: 'instruct.specifyLearner.label',
+        defaultMessage: 'Specify Learner:',
+        description: 'Label for specify learner field',
+    },
+    specifyLearnerPlaceholder: {
+        id: 'instruct.specifyLearner.placeholder',
+        defaultMessage: 'Learner email address or username',
+        description: 'Placeholder text for specify learner input field',
+    },
+    pageNotFoundHeader: {
+        id: 'instruct.pageNotFound.header',
+        defaultMessage: 'Page not found',
+        description: 'Header for page not found error',
+    },
+    pageNotFoundBody: {
+        id: 'instruct.pageNotFound.body',
+        defaultMessage: "The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.",
+        description: 'Body text for page not found error',
+    },
+    pendingTasksTitle: {
+        id: 'instruct.pendingTasks.section.title',
+        defaultMessage: 'Pending Tasks',
+        description: 'Title for the pending tasks section',
+    },
+    noTasksMessage: {
+        id: 'instruct.pendingTasks.section.noTasks',
+        defaultMessage: 'No tasks currently running.',
+        description: 'Message displayed when there are no pending tasks',
+    },
+    taskTypeColumnName: {
+        id: 'instruct.pendingTasks.table.column.taskType',
+        defaultMessage: 'Task Type',
+        description: 'Column name for task type in pending tasks table',
+    },
+    taskInputColumnName: {
+        id: 'instruct.pendingTasks.table.column.taskInput',
+        defaultMessage: 'Task Input',
+        description: 'Column name for task input in pending tasks table',
+    },
+    taskIdColumnName: {
+        id: 'instruct.pendingTasks.table.column.taskId',
+        defaultMessage: 'Task ID',
+        description: 'Column name for task ID in pending tasks table',
+    },
+    requesterColumnName: {
+        id: 'instruct.pendingTasks.table.column.requester',
+        defaultMessage: 'Requester',
+        description: 'Column name for requester in pending tasks table',
+    },
+    taskStateColumnName: {
+        id: 'instruct.pendingTasks.table.column.taskState',
+        defaultMessage: 'Task State',
+        description: 'Column name for task state in pending tasks table',
+    },
+    createdColumnName: {
+        id: 'instruct.pendingTasks.table.column.created',
+        defaultMessage: 'Created',
+        description: 'Column name for created date in pending tasks table',
+    },
+    taskOutputColumnName: {
+        id: 'instruct.pendingTasks.table.column.taskOutput',
+        defaultMessage: 'Task Output',
+        description: 'Column name for task output in pending tasks table',
+    },
+    durationColumnName: {
+        id: 'instruct.pendingTasks.table.column.duration',
+        defaultMessage: 'Duration (sec)',
+        description: 'Column name for duration in pending tasks table',
+    },
+    statusColumnName: {
+        id: 'instruct.pendingTasks.table.column.status',
+        defaultMessage: 'Status',
+        description: 'Column name for status in pending tasks table',
+    },
+    taskMessageColumnName: {
+        id: 'instruct.pendingTasks.table.column.taskMessage',
+        defaultMessage: 'Task Message',
+        description: 'Column name for task message in pending tasks table',
+    },
+    downloadCSVTitle: {
+        id: 'instruct.csvComponent.downloadCSVTitle',
+        defaultMessage: 'Upload CSV File',
+        description: 'Title for the upload CSV file section'
+    },
+    downloadCSVDescription: {
+        id: 'instruct.csvComponent.downloadCSVDescription',
+        defaultMessage: 'Only properly formatted CSV files will be accepted',
+        description: 'Description for the upload CSV file section'
+    },
+    viewCSVTemplate: {
+        id: 'instruct.csvComponent.viewCSVTemplate',
+        defaultMessage: 'View Template',
+        description: 'Label for the view CSV template link'
+    },
+    uploadingFileMessage: {
+        id: 'instruct.csvComponent.uploadingFileMessage',
+        defaultMessage: 'File chosen: {fileName}',
+        description: 'Message displayed when a file is being uploaded, with the file name included'
+    }
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/components/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/components/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,MAAM,EAAE;QACN,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,oDAAoD;KAClE;IACD,cAAc,EAAE;QACd,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,iCAAiC;KAC/C;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,mCAAmC;QACnD,WAAW,EAAE,kDAAkD;KAChE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,iCAAiC;KAC/C;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,gHAAgH;QAChI,WAAW,EAAE,oCAAoC;KAClD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,qCAAqC;KACnD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,6BAA6B;QAC7C,WAAW,EAAE,mDAAmD;KACjE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,kDAAkD;KAChE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,mDAAmD;KACjE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,gDAAgD;KAC9D;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,kDAAkD;KAChE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,mDAAmD;KACjE;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,qDAAqD;KACnE;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,oDAAoD;KAClE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,iDAAiD;KAC/D;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,+CAA+C;KAC7D;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,qDAAqD;KACnE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,uCAAuC;KACrD;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,oDAAoD;QACpE,WAAW,EAAE,6CAA6C;KAC3D;IACD,eAAe,EAAE;QACf,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,sCAAsC;KACpD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,8EAA8E;KAC5F;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  select: {\n    id: 'instruct.specifyLearner.select',\n    defaultMessage: 'Select',\n    description: 'Label for select dropdown in specify learner field',\n  },\n  specifyLearner: {\n    id: 'instruct.specifyLearner.label',\n    defaultMessage: 'Specify Learner:',\n    description: 'Label for specify learner field',\n  },\n  specifyLearnerPlaceholder: {\n    id: 'instruct.specifyLearner.placeholder',\n    defaultMessage: 'Learner email address or username',\n    description: 'Placeholder text for specify learner input field',\n  },\n  pageNotFoundHeader: {\n    id: 'instruct.pageNotFound.header',\n    defaultMessage: 'Page not found',\n    description: 'Header for page not found error',\n  },\n  pageNotFoundBody: {\n    id: 'instruct.pageNotFound.body',\n    defaultMessage: \"The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.\",\n    description: 'Body text for page not found error',\n  },\n  pendingTasksTitle: {\n    id: 'instruct.pendingTasks.section.title',\n    defaultMessage: 'Pending Tasks',\n    description: 'Title for the pending tasks section',\n  },\n  noTasksMessage: {\n    id: 'instruct.pendingTasks.section.noTasks',\n    defaultMessage: 'No tasks currently running.',\n    description: 'Message displayed when there are no pending tasks',\n  },\n  taskTypeColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskType',\n    defaultMessage: 'Task Type',\n    description: 'Column name for task type in pending tasks table',\n  },\n  taskInputColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskInput',\n    defaultMessage: 'Task Input',\n    description: 'Column name for task input in pending tasks table',\n  },\n  taskIdColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskId',\n    defaultMessage: 'Task ID',\n    description: 'Column name for task ID in pending tasks table',\n  },\n  requesterColumnName: {\n    id: 'instruct.pendingTasks.table.column.requester',\n    defaultMessage: 'Requester',\n    description: 'Column name for requester in pending tasks table',\n  },\n  taskStateColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskState',\n    defaultMessage: 'Task State',\n    description: 'Column name for task state in pending tasks table',\n  },\n  createdColumnName: {\n    id: 'instruct.pendingTasks.table.column.created',\n    defaultMessage: 'Created',\n    description: 'Column name for created date in pending tasks table',\n  },\n  taskOutputColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskOutput',\n    defaultMessage: 'Task Output',\n    description: 'Column name for task output in pending tasks table',\n  },\n  durationColumnName: {\n    id: 'instruct.pendingTasks.table.column.duration',\n    defaultMessage: 'Duration (sec)',\n    description: 'Column name for duration in pending tasks table',\n  },\n  statusColumnName: {\n    id: 'instruct.pendingTasks.table.column.status',\n    defaultMessage: 'Status',\n    description: 'Column name for status in pending tasks table',\n  },\n  taskMessageColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskMessage',\n    defaultMessage: 'Task Message',\n    description: 'Column name for task message in pending tasks table',\n  },\n  downloadCSVTitle: {\n    id: 'instruct.csvComponent.downloadCSVTitle',\n    defaultMessage: 'Upload CSV File',\n    description: 'Title for the upload CSV file section'\n  },\n  downloadCSVDescription: {\n    id: 'instruct.csvComponent.downloadCSVDescription',\n    defaultMessage: 'Only properly formatted CSV files will be accepted',\n    description: 'Description for the upload CSV file section'\n  },\n  viewCSVTemplate: {\n    id: 'instruct.csvComponent.viewCSVTemplate',\n    defaultMessage: 'View Template',\n    description: 'Label for the view CSV template link'\n  },\n  uploadingFileMessage: {\n    id: 'instruct.csvComponent.uploadingFileMessage',\n    defaultMessage: 'File chosen: {fileName}',\n    description: 'Message displayed when a file is being uploaded, with the file name included'\n  }\n});\n\nexport default messages;\n"]}

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const appId = "org.openedx.frontend.app.instructor";

package/dist/constants.js

@@ -0,0 +1,2 @@
+export const appId = 'org.openedx.frontend.app.instructor';
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,qCAAqC,CAAC","sourcesContent":["export const appId = 'org.openedx.frontend.app.instructor';\n"]}

package/dist/courseInfo/CourseInfoPage.d.ts

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

package/dist/courseInfo/CourseInfoPage.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PendingTasks } from '../components/PendingTasks';
+import { GeneralCourseInfo } from '../courseInfo/components/generalCourseInfo';
+import { EnrollmentSummary } from './components/EnrollmentSummary';
+const CourseInfoPage = () => (_jsxs(_Fragment, { children: [_jsx(GeneralCourseInfo, {}), _jsx(EnrollmentSummary, {}), _jsx(PendingTasks, {})] }));
+export default CourseInfoPage;
+//# sourceMappingURL=CourseInfoPage.js.map

package/dist/courseInfo/CourseInfoPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseInfoPage.js","sourceRoot":"","sources":["../../src/courseInfo/CourseInfoPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAC3B,8BACE,KAAC,iBAAiB,KAAG,EACrB,KAAC,iBAAiB,KAAG,EACrB,KAAC,YAAY,KAAG,IACf,CACJ,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { PendingTasks } from '@src/components/PendingTasks';\nimport { GeneralCourseInfo } from '@src/courseInfo/components/generalCourseInfo';\nimport { EnrollmentSummary } from './components/EnrollmentSummary';\n\nconst CourseInfoPage = () => (\n  <>\n    <GeneralCourseInfo />\n    <EnrollmentSummary />\n    <PendingTasks />\n  </>\n);\n\nexport default CourseInfoPage;\n"]}

package/dist/courseInfo/components/EnrollmentSummary/EnrollmentCounter.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+interface EnrollmentCounterProps {
+    label: string;
+    count: string | number;
+    icon?: React.ReactNode;
+}
+declare const EnrollmentCounter: FC<EnrollmentCounterProps>;
+export { EnrollmentCounter };

package/dist/courseInfo/components/EnrollmentSummary/EnrollmentCounter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatNumberWithCommas } from './utils';
+const EnrollmentCounter = (props) => {
+    const renderCounter = () => {
+        return (_jsx("p", { className: "text-primary-500 lead mb-0", children: formatNumberWithCommas(props.count) }));
+    };
+    const renderCounterWithIcon = () => {
+        return (_jsxs("div", { className: "d-flex align-items-center", children: [props.icon, renderCounter()] }));
+    };
+    return (_jsxs("div", { className: "flex-row", children: [_jsx("p", { className: "text-gray-500 x-small mb-1", children: props.label }), props.icon ? renderCounterWithIcon() : renderCounter()] }));
+};
+export { EnrollmentCounter };
+//# sourceMappingURL=EnrollmentCounter.js.map

package/dist/courseInfo/components/EnrollmentSummary/EnrollmentCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentCounter.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/EnrollmentSummary/EnrollmentCounter.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAQjD,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,CAAC,YAAG,SAAS,EAAC,4BAA4B,YAAE,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,GAAK,CAAC,CAAC;IAC/F,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACvC,KAAK,CAAC,IAAI,EACV,aAAa,EAAE,IACZ,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,YAAG,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,KAAK,GAAK,EACzD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,IACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { formatNumberWithCommas } from './utils';\n\ninterface EnrollmentCounterProps {\n  label: string,\n  count: string | number,\n  icon?: React.ReactNode,\n}\n\nconst EnrollmentCounter: FC<EnrollmentCounterProps> = (props) => {\n  const renderCounter = () => {\n    return (<p className=\"text-primary-500 lead mb-0\">{formatNumberWithCommas(props.count)}</p>);\n  };\n\n  const renderCounterWithIcon = () => {\n    return (\n      <div className=\"d-flex align-items-center\">\n        {props.icon}\n        {renderCounter()}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"flex-row\">\n      <p className=\"text-gray-500 x-small mb-1\">{props.label}</p>\n      { props.icon ? renderCounterWithIcon() : renderCounter() }\n    </div>\n  );\n};\n\nexport { EnrollmentCounter };\n"]}

package/dist/courseInfo/components/EnrollmentSummary/EnrollmentSummary.d.ts

@@ -0,0 +1,2 @@
+declare const EnrollmentSummary: () => import("react/jsx-runtime").JSX.Element;
+export { EnrollmentSummary };

package/dist/courseInfo/components/EnrollmentSummary/EnrollmentSummary.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+import { Col, Row, Skeleton, Stack } from '@openedx/paragon';
+import { Verified } from '@openedx/paragon/icons';
+import { EnrollmentCounter } from './';
+import { useParams } from 'react-router-dom';
+import { useCourseInfo } from '../../../data/apiHook';
+const EnrollmentSummary = () => {
+    var _a;
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data: courseInfo, isLoading } = useCourseInfo(courseId);
+    const { enrollmentCounts, staffCount = 0, learnerCount = 0 } = courseInfo !== null && courseInfo !== void 0 ? courseInfo : {};
+    return (_jsxs(_Fragment, { children: [_jsx(Row, { className: "my-3", children: _jsx(Col, { xs: 12, children: _jsx("h3", { className: "h3 text-primary-700", children: intl.formatMessage(messages.enrollmentSummaryTitle) }) }) }), isLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { count: 1, width: "50%", className: "mb-2" }), _jsx(Skeleton, { count: 1, width: "50%", className: "mb-2 lead" })] })) : (_jsxs(Stack, { direction: "horizontal", gap: 5, children: [_jsx(EnrollmentCounter, { label: intl.formatMessage(messages.allEnrollmentsLabel), count: (_a = enrollmentCounts === null || enrollmentCounts === void 0 ? void 0 : enrollmentCounts.total) !== null && _a !== void 0 ? _a : 0 }), _jsx("div", { className: "h-auto border-light-400 border-left align-self-stretch" }), _jsx(EnrollmentCounter, { label: intl.formatMessage(messages.staffAndAdminsLabel), count: staffCount !== null && staffCount !== void 0 ? staffCount : 0 }), _jsx(EnrollmentCounter, { label: intl.formatMessage(messages.learnersLabel), count: learnerCount !== null && learnerCount !== void 0 ? learnerCount : 0 }), _jsx("div", { className: "h-auto border-light-400 border-left align-self-stretch" }), Object.entries(enrollmentCounts !== null && enrollmentCounts !== void 0 ? enrollmentCounts : {}).map(([type, count]) => {
+                        var _a;
+                        if (type === 'total' || count === undefined) {
+                            return null;
+                        }
+                        return (_jsx(EnrollmentCounter, { label: intl.formatMessage((_a = messages[`${type}`]) !== null && _a !== void 0 ? _a : { id: 'fallback', defaultMessage: type, description: `${type} label` }), count: (count !== null && count !== void 0 ? count : 0).toLocaleString(), icon: type === 'verified' ? _jsx(Verified, { className: "text-primary-300 mr-2", size: "1.5rem" }) : undefined }, type));
+                    })] }))] }));
+};
+export { EnrollmentSummary };
+//# sourceMappingURL=EnrollmentSummary.js.map

package/dist/courseInfo/components/EnrollmentSummary/EnrollmentSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentSummary.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/EnrollmentSummary/EnrollmentSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport { Col, Row, Skeleton, Stack } from '@openedx/paragon';\nimport { Verified } from '@openedx/paragon/icons';\nimport { EnrollmentCounter } from './';\nimport { useParams } from 'react-router-dom';\nimport { useCourseInfo } from '@src/data/apiHook';\n\nconst EnrollmentSummary = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams();\n  const { data: courseInfo, isLoading } = useCourseInfo(courseId);\n  const { enrollmentCounts, staffCount = 0, learnerCount = 0 } = courseInfo ?? {};\n\n  return (\n    <>\n      <Row className=\"my-3\">\n        <Col xs={12}>\n          <h3 className=\"h3 text-primary-700\">{intl.formatMessage(messages.enrollmentSummaryTitle)}</h3>\n        </Col>\n      </Row>\n      {\n        isLoading ? (\n          <>\n            <Skeleton count={1} width=\"50%\" className=\"mb-2\" />\n            <Skeleton count={1} width=\"50%\" className=\"mb-2 lead\" />\n          </>\n        ) : (\n          <Stack direction=\"horizontal\" gap={5}>\n            <EnrollmentCounter\n              label={intl.formatMessage(messages.allEnrollmentsLabel)}\n              count={enrollmentCounts?.total ?? 0}\n            />\n            <div className=\"h-auto border-light-400 border-left align-self-stretch\" />\n            <EnrollmentCounter\n              label={intl.formatMessage(messages.staffAndAdminsLabel)}\n              count={staffCount ?? 0}\n            />\n            <EnrollmentCounter\n              label={intl.formatMessage(messages.learnersLabel)}\n              count={learnerCount ?? 0}\n            />\n            <div className=\"h-auto border-light-400 border-left align-self-stretch\" />\n            {\n              Object.entries(enrollmentCounts ?? {}).map(([type, count]) => {\n                if (type === 'total' || count === undefined) {\n                  return null;\n                }\n                return (\n                  <EnrollmentCounter\n                    key={type}\n                    label={intl.formatMessage(messages[`${type}` as keyof typeof messages] ?? { id: 'fallback', defaultMessage: type, description: `${type} label` })}\n                    count={(count ?? 0).toLocaleString()}\n                    icon={type === 'verified' ? <Verified className=\"text-primary-300 mr-2\" size=\"1.5rem\" /> : undefined}\n                  />\n                );\n              })\n            }\n          </Stack>\n        )\n      }\n    </>\n  );\n};\n\nexport { EnrollmentSummary };\n"]}

package/dist/courseInfo/components/EnrollmentSummary/index.d.ts

@@ -0,0 +1,2 @@
+export { EnrollmentSummary } from './EnrollmentSummary';
+export { EnrollmentCounter } from './EnrollmentCounter';

package/dist/courseInfo/components/EnrollmentSummary/index.js

@@ -0,0 +1,3 @@
+export { EnrollmentSummary } from './EnrollmentSummary';
+export { EnrollmentCounter } from './EnrollmentCounter';
+//# sourceMappingURL=index.js.map

package/dist/courseInfo/components/EnrollmentSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/EnrollmentSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { EnrollmentSummary } from './EnrollmentSummary';\nexport { EnrollmentCounter } from './EnrollmentCounter';\n"]}

package/dist/courseInfo/components/EnrollmentSummary/messages.d.ts

@@ -0,0 +1,83 @@
+declare const messages: {
+    enrollmentSummaryTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allEnrollmentsLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    staffAndAdminsLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    learnersLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    verified: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    audit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    masters: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    honor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    professional: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noIdProfessional: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    credit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    paidBootcamp: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unpaidBootcamp: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    executiveEducation: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    paidExecutiveEducation: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unpaidExecutiveEducation: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/courseInfo/components/EnrollmentSummary/messages.js

@@ -0,0 +1,85 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    enrollmentSummaryTitle: {
+        id: 'instruct.courseInfo.enrollmentSummary.title',
+        defaultMessage: 'Course Enrollment',
+        description: 'Title for the enrollment summary section',
+    },
+    allEnrollmentsLabel: {
+        id: 'instruct.courseInfo.enrollmentSummary.allEnrollments',
+        defaultMessage: 'All Enrollments',
+        description: 'Label for all enrollments count',
+    },
+    staffAndAdminsLabel: {
+        id: 'instruct.courseInfo.enrollmentSummary.staffAndAdmins',
+        defaultMessage: 'Staff / Admin',
+        description: 'Label for staff and admins count',
+    },
+    learnersLabel: {
+        id: 'instruct.courseInfo.enrollmentSummary.learners',
+        defaultMessage: 'Learners',
+        description: 'Label for learners count',
+    },
+    verified: {
+        id: 'instruct.courseInfo.enrollmentSummary.verified',
+        defaultMessage: 'Verified',
+        description: 'Label for verified enrollments count',
+    },
+    audit: {
+        id: 'instruct.courseInfo.enrollmentSummary.audit',
+        defaultMessage: 'Audit',
+        description: 'Label for audit enrollments count',
+    },
+    masters: {
+        id: 'instruct.courseInfo.enrollmentSummary.masters',
+        defaultMessage: 'Master\'s',
+        description: 'Label for master\'s enrollments count',
+    },
+    honor: {
+        id: 'instruct.courseInfo.enrollmentSummary.honor',
+        defaultMessage: 'Honor',
+        description: 'Label for honor enrollments count',
+    },
+    professional: {
+        id: 'instruct.courseInfo.enrollmentSummary.professional',
+        defaultMessage: 'Professional',
+        description: 'Label for professional enrollments count',
+    },
+    noIdProfessional: {
+        id: 'instruct.courseInfo.enrollmentSummary.noIdProfessional',
+        defaultMessage: 'No ID Professional',
+        description: 'Label for no ID professional enrollments count',
+    },
+    credit: {
+        id: 'instruct.courseInfo.enrollmentSummary.credit',
+        defaultMessage: 'Credit',
+        description: 'Label for credit enrollments count',
+    },
+    paidBootcamp: {
+        id: 'instruct.courseInfo.enrollmentSummary.paidBootcamp',
+        defaultMessage: 'Paid Bootcamp',
+        description: 'Label for paid bootcamp enrollments count',
+    },
+    unpaidBootcamp: {
+        id: 'instruct.courseInfo.enrollmentSummary.unpaidBootcamp',
+        defaultMessage: 'Unpaid Bootcamp',
+        description: 'Label for unpaid bootcamp enrollments count',
+    },
+    executiveEducation: {
+        id: 'instruct.courseInfo.enrollmentSummary.executiveEducation',
+        defaultMessage: 'Executive Education',
+        description: 'Label for executive education enrollments count',
+    },
+    paidExecutiveEducation: {
+        id: 'instruct.courseInfo.enrollmentSummary.paidExecutiveEducation',
+        defaultMessage: 'Paid Executive Education',
+        description: 'Label for paid executive education enrollments count',
+    },
+    unpaidExecutiveEducation: {
+        id: 'instruct.courseInfo.enrollmentSummary.unpaidExecutiveEducation',
+        defaultMessage: 'Unpaid Executive Education',
+        description: 'Label for unpaid executive education enrollments count',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/courseInfo/components/EnrollmentSummary/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/EnrollmentSummary/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAE9B,sBAAsB,EAAE;QACtB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,mBAAmB;QACnC,WAAW,EAAE,0CAA0C;KACxD;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,iCAAiC;KAC/C;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,kCAAkC;KAChD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,0BAA0B;KACxC;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,sCAAsC;KACpD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,mCAAmC;KACjD;IACD,OAAO,EAAE;QACP,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,uCAAuC;KACrD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,mCAAmC;KACjD;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,0CAA0C;KACxD;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,wDAAwD;QAC5D,cAAc,EAAE,oBAAoB;QACpC,WAAW,EAAE,gDAAgD;KAC9D;IACD,MAAM,EAAE;QACN,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,oCAAoC;KAClD;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,2CAA2C;KACzD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,6CAA6C;KAC3D;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,0DAA0D;QAC9D,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,iDAAiD;KAC/D;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,8DAA8D;QAClE,cAAc,EAAE,0BAA0B;QAC1C,WAAW,EAAE,sDAAsD;KACpE;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,gEAAgE;QACpE,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,wDAAwD;KACtE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n\n  enrollmentSummaryTitle: {\n    id: 'instruct.courseInfo.enrollmentSummary.title',\n    defaultMessage: 'Course Enrollment',\n    description: 'Title for the enrollment summary section',\n  },\n  allEnrollmentsLabel: {\n    id: 'instruct.courseInfo.enrollmentSummary.allEnrollments',\n    defaultMessage: 'All Enrollments',\n    description: 'Label for all enrollments count',\n  },\n  staffAndAdminsLabel: {\n    id: 'instruct.courseInfo.enrollmentSummary.staffAndAdmins',\n    defaultMessage: 'Staff / Admin',\n    description: 'Label for staff and admins count',\n  },\n  learnersLabel: {\n    id: 'instruct.courseInfo.enrollmentSummary.learners',\n    defaultMessage: 'Learners',\n    description: 'Label for learners count',\n  },\n  verified: {\n    id: 'instruct.courseInfo.enrollmentSummary.verified',\n    defaultMessage: 'Verified',\n    description: 'Label for verified enrollments count',\n  },\n  audit: {\n    id: 'instruct.courseInfo.enrollmentSummary.audit',\n    defaultMessage: 'Audit',\n    description: 'Label for audit enrollments count',\n  },\n  masters: {\n    id: 'instruct.courseInfo.enrollmentSummary.masters',\n    defaultMessage: 'Master\\'s',\n    description: 'Label for master\\'s enrollments count',\n  },\n  honor: {\n    id: 'instruct.courseInfo.enrollmentSummary.honor',\n    defaultMessage: 'Honor',\n    description: 'Label for honor enrollments count',\n  },\n  professional: {\n    id: 'instruct.courseInfo.enrollmentSummary.professional',\n    defaultMessage: 'Professional',\n    description: 'Label for professional enrollments count',\n  },\n  noIdProfessional: {\n    id: 'instruct.courseInfo.enrollmentSummary.noIdProfessional',\n    defaultMessage: 'No ID Professional',\n    description: 'Label for no ID professional enrollments count',\n  },\n  credit: {\n    id: 'instruct.courseInfo.enrollmentSummary.credit',\n    defaultMessage: 'Credit',\n    description: 'Label for credit enrollments count',\n  },\n  paidBootcamp: {\n    id: 'instruct.courseInfo.enrollmentSummary.paidBootcamp',\n    defaultMessage: 'Paid Bootcamp',\n    description: 'Label for paid bootcamp enrollments count',\n  },\n  unpaidBootcamp: {\n    id: 'instruct.courseInfo.enrollmentSummary.unpaidBootcamp',\n    defaultMessage: 'Unpaid Bootcamp',\n    description: 'Label for unpaid bootcamp enrollments count',\n  },\n  executiveEducation: {\n    id: 'instruct.courseInfo.enrollmentSummary.executiveEducation',\n    defaultMessage: 'Executive Education',\n    description: 'Label for executive education enrollments count',\n  },\n  paidExecutiveEducation: {\n    id: 'instruct.courseInfo.enrollmentSummary.paidExecutiveEducation',\n    defaultMessage: 'Paid Executive Education',\n    description: 'Label for paid executive education enrollments count',\n  },\n  unpaidExecutiveEducation: {\n    id: 'instruct.courseInfo.enrollmentSummary.unpaidExecutiveEducation',\n    defaultMessage: 'Unpaid Executive Education',\n    description: 'Label for unpaid executive education enrollments count',\n  },\n});\n\nexport default messages;\n"]}

package/dist/courseInfo/components/EnrollmentSummary/utils.d.ts

@@ -0,0 +1 @@
+export declare const formatNumberWithCommas: (digit: string | number) => string;

package/dist/courseInfo/components/EnrollmentSummary/utils.js

@@ -0,0 +1,9 @@
+export const formatNumberWithCommas = (digit) => {
+    const numberString = typeof digit === 'number' ? digit.toString() : digit;
+    const cleanNumber = numberString.replace(/[,\s]/g, '');
+    if (isNaN(Number(cleanNumber))) {
+        return numberString;
+    }
+    return Number(cleanNumber).toLocaleString();
+};
+//# sourceMappingURL=utils.js.map

package/dist/courseInfo/components/EnrollmentSummary/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/EnrollmentSummary/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAsB,EAAU,EAAE;IACvE,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1E,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACvD,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;QAC/B,OAAO,YAAY,CAAC;IACtB,CAAC;IACD,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC,cAAc,EAAE,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["export const formatNumberWithCommas = (digit: string | number): string => {\n  const numberString = typeof digit === 'number' ? digit.toString() : digit;\n  const cleanNumber = numberString.replace(/[,\\s]/g, '');\n  if (isNaN(Number(cleanNumber))) {\n    return numberString;\n  }\n  return Number(cleanNumber).toLocaleString();\n};\n"]}