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

package/dist/cohorts/components/CohortsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortsForm.js","sourceRoot":"","sources":["../../../src/cohorts/components/CohortsForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useState, useEffect, forwardRef, useImperativeHandle, useCallback } from 'react';\nimport { ActionRow, Button, Form, FormControl, FormGroup, FormLabel, FormRadioSet, Hyperlink, Icon, OverlayTrigger, Tooltip } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/cohorts/messages';\nimport { useContentGroupsData } from '@src/cohorts/data/apiHook';\nimport { Warning } from '@openedx/paragon/icons';\nimport { assignmentTypes } from '@src/cohorts/constants';\nimport { CohortData } from '@src/cohorts/types';\nimport { useCohortContext } from '@src/cohorts/components/CohortContext';\n\ninterface CohortsFormProps {\n  disableManualAssignment?: boolean,\n  onCancel: () => void,\n  onSubmit: (data: Partial<CohortData>) => void,\n}\n\nexport interface CohortsFormRef {\n  resetForm: () => void,\n}\n\nconst CohortsForm = forwardRef<CohortsFormRef, CohortsFormProps>(({ disableManualAssignment = false, onCancel, onSubmit }, ref) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data = { groups: [], id: null, studioContentGroupsLink: '' } } = useContentGroupsData(courseId);\n  const { selectedCohort } = useCohortContext();\n\n  const initialCohortName = (selectedCohort?.name) ?? '';\n  const initialAssignmentType = selectedCohort?.assignmentType ?? assignmentTypes.automatic;\n  const initialContentGroupOption = selectedCohort?.groupId ? 'selectContentGroup' : 'noContentGroup';\n  const initialContentGroup = selectedCohort?.groupId ? selectedCohort.groupId : null;\n\n  const [selectedContentGroup, setSelectedContentGroup] = useState<number | null>(initialContentGroup);\n  const [selectedContentGroupOption, setSelectedContentGroupOption] = useState<string>(initialContentGroupOption);\n  const [selectedAssignmentType, setSelectedAssignmentType] = useState<string>(initialAssignmentType);\n  const [name, setName] = useState<string>(initialCohortName);\n\n  const resetToInitialValues = useCallback(() => {\n    if (selectedCohort) {\n      setName(selectedCohort.name);\n      setSelectedAssignmentType(selectedCohort.assignmentType);\n      setSelectedContentGroupOption(selectedCohort.groupId ? 'selectContentGroup' : 'noContentGroup');\n      setSelectedContentGroup(selectedCohort.groupId ?? null);\n    }\n  }, [selectedCohort]);\n\n  useImperativeHandle(ref, () => ({\n    resetForm: resetToInitialValues\n  }));\n\n  useEffect(() => {\n    resetToInitialValues();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedCohort]);\n\n  const contentGroups = [{ id: 'null', name: intl.formatMessage(messages.notSelected) }, ...data.groups];\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSubmit({\n      name,\n      assignmentType: selectedAssignmentType,\n      groupId: selectedContentGroup,\n      userPartitionId: data.id,\n    });\n  };\n\n  return (\n    <Form className=\"my-3.5 mx-4\" onSubmit={handleSubmit}>\n      <FormGroup className=\"w-md-50\">\n        <FormLabel className=\"text-primary-500\">{intl.formatMessage(messages.cohortName)}</FormLabel>\n        <FormControl value={name} onChange={(e) => setName(e.target.value)} placeholder={intl.formatMessage(messages.cohortName)} />\n      </FormGroup>\n      <FormGroup>\n        <FormLabel className=\"text-primary-500\">{intl.formatMessage(messages.cohortAssignmentMethod)}</FormLabel>\n        <FormRadioSet name=\"assignmentType\" value={selectedAssignmentType} onChange={(e) => setSelectedAssignmentType(e.target.value)}>\n          <Form.Radio className=\"mb-2\" value={assignmentTypes.automatic}>{intl.formatMessage(messages.automatic)}</Form.Radio>\n          {disableManualAssignment ? (\n            <OverlayTrigger\n              placement=\"top\"\n              overlay={(\n                <Tooltip id=\"manual-assignment-tooltip\" className=\"assignment-tooltip\">\n                  {intl.formatMessage(messages.manualAssignmentDisabledTooltip)}\n                </Tooltip>\n              )}\n            >\n              <span>\n                <Form.Radio disabled value={assignmentTypes.manual}>{intl.formatMessage(messages.manual)}</Form.Radio>\n              </span>\n            </OverlayTrigger>\n          )\n            : <Form.Radio value={assignmentTypes.manual}>{intl.formatMessage(messages.manual)}</Form.Radio>}\n        </FormRadioSet>\n      </FormGroup>\n      <FormGroup className=\"mb-3.5\">\n        <FormLabel className=\"text-primary-500\">{intl.formatMessage(messages.associatedContentGroup)}</FormLabel>\n        <FormRadioSet\n          name=\"associatedContentGroup\"\n          value={selectedContentGroupOption}\n          onChange={(e) => setSelectedContentGroupOption(e.target.value)}\n        >\n          <Form.Radio value=\"noContentGroup\">{intl.formatMessage(messages.noContentGroup)}</Form.Radio>\n          <div className=\"d-flex align-items-center\">\n            <Form.Radio value=\"selectContentGroup\" disabled={data.groups.length === 0}>{intl.formatMessage(messages.selectAContentGroup)}</Form.Radio>\n            { data.groups.length > 0\n              ? (\n                  <FormControl\n                    as=\"select\"\n                    className=\"ml-2\"\n                    size=\"sm\"\n                    disabled={selectedContentGroupOption !== 'selectContentGroup'}\n                    name=\"contentGroup\"\n                    onChange={(e) => setSelectedContentGroup(Number(e.target.value))}\n                    value={selectedContentGroup}\n                  >\n                    {\n                      contentGroups.map((contentGroup) => (\n                        <option key={contentGroup.id} value={contentGroup.id}>\n                          {contentGroup.name}\n                        </option>\n                      ))\n                    }\n                  </FormControl>\n                )\n              : (\n                  <div className=\"d-flex align-items-center small\">\n                    <Icon className=\"ml-2 text-danger-500\" src={Warning} size=\"sm\" />\n                    <p className=\"mb-0 ml-1 text-danger-500\">{intl.formatMessage(messages.noContentGroups)}</p>\n                    <Hyperlink className=\"ml-1\" destination={data.studioContentGroupsLink}>{intl.formatMessage(messages.createContentGroup)}</Hyperlink>\n                  </div>\n                )}\n          </div>\n        </FormRadioSet>\n      </FormGroup>\n      <ActionRow>\n        <Button variant=\"tertiary\" onClick={onCancel}>{intl.formatMessage(messages.cancelLabel)}</Button>\n        <Button type=\"submit\" disabled={name.trim() === ''}>{intl.formatMessage(messages.saveLabel)}</Button>\n      </ActionRow>\n    </Form>\n  );\n});\n\nCohortsForm.displayName = 'CohortsForm';\n\nexport default CohortsForm;\n"]}

package/dist/cohorts/components/DisableCohortsModal.d.ts

@@ -0,0 +1,7 @@
+interface DisableCohortsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirmDisable: () => void;
+}
+declare const DisableCohortsModal: ({ isOpen, onClose, onConfirmDisable }: DisableCohortsModalProps) => import("react/jsx-runtime").JSX.Element;
+export default DisableCohortsModal;

package/dist/cohorts/components/DisableCohortsModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionRow, Button, ModalDialog } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../messages';
+const DisableCohortsModal = ({ isOpen, onClose, onConfirmDisable }) => {
+    const intl = useIntl();
+    return (_jsxs(ModalDialog, { title: intl.formatMessage(messages.disableCohorts), onClose: onClose, isOpen: isOpen, size: "sm", hasCloseButton: false, isOverflowVisible: false, children: [_jsx("div", { className: "mx-4 mt-4 mb-2.5", children: _jsx("p", { children: intl.formatMessage(messages.disableMessage) }) }), _jsx(ModalDialog.Footer, { children: _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: intl.formatMessage(messages.cancelLabel) }), _jsx(Button, { variant: "primary", onClick: onConfirmDisable, children: intl.formatMessage(messages.disableLabel) })] }) })] }));
+};
+export default DisableCohortsModal;
+//# sourceMappingURL=DisableCohortsModal.js.map

package/dist/cohorts/components/DisableCohortsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisableCohortsModal.js","sourceRoot":"","sources":["../../../src/cohorts/components/DisableCohortsModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAQnC,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAA4B,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,EAAC,cAAc,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,aAC1J,cAAK,SAAS,EAAC,kBAAkB,YAC/B,sBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAK,GAChD,EACN,KAAC,WAAW,CAAC,MAAM,cACjB,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAU,EAChG,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,gBAAgB,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAU,IAC/F,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { ActionRow, Button, ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '../messages';\n\ninterface DisableCohortsModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n  onConfirmDisable: () => void,\n}\n\nconst DisableCohortsModal = ({ isOpen, onClose, onConfirmDisable }: DisableCohortsModalProps) => {\n  const intl = useIntl();\n\n  return (\n    <ModalDialog title={intl.formatMessage(messages.disableCohorts)} onClose={onClose} isOpen={isOpen} size=\"sm\" hasCloseButton={false} isOverflowVisible={false}>\n      <div className=\"mx-4 mt-4 mb-2.5\">\n        <p>{intl.formatMessage(messages.disableMessage)}</p>\n      </div>\n      <ModalDialog.Footer>\n        <ActionRow>\n          <Button variant=\"tertiary\" onClick={onClose}>{intl.formatMessage(messages.cancelLabel)}</Button>\n          <Button variant=\"primary\" onClick={onConfirmDisable}>{intl.formatMessage(messages.disableLabel)}</Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default DisableCohortsModal;\n"]}

package/dist/cohorts/components/DisabledCohortsView.d.ts

@@ -0,0 +1,5 @@
+interface DisabledCohortsViewProps {
+    onEnableCohorts: () => void;
+}
+declare const DisabledCohortsView: ({ onEnableCohorts }: DisabledCohortsViewProps) => import("react/jsx-runtime").JSX.Element;
+export default DisabledCohortsView;

package/dist/cohorts/components/DisabledCohortsView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getExternalLinkUrl, useIntl } from '@openedx/frontend-base';
+import { Button, Hyperlink } from '@openedx/paragon';
+import messages from '../messages';
+const DisabledCohortsView = ({ onEnableCohorts }) => {
+    const intl = useIntl();
+    return (_jsxs("div", { className: "d-flex bg-light-200 border border-light-400 p-5 mt-4.5 align-items-center", children: [_jsxs("p", { className: "m-0", children: [intl.formatMessage(messages.noCohortsMessage), " ", _jsx(Hyperlink, { destination: getExternalLinkUrl('https://openedx.atlassian.net/wiki/spaces/ENG/pages/123456789/Cohorts+Feature+Documentation'), showLaunchIcon: false, target: "_blank", children: intl.formatMessage(messages.learnMore) })] }), _jsx(Button, { className: "ml-3 flex-shrink-0", onClick: onEnableCohorts, children: intl.formatMessage(messages.enableCohorts) })] }));
+};
+export default DisabledCohortsView;
+//# sourceMappingURL=DisabledCohortsView.js.map

package/dist/cohorts/components/DisabledCohortsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledCohortsView.js","sourceRoot":"","sources":["../../../src/cohorts/components/DisabledCohortsView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAMnC,MAAM,mBAAmB,GAAG,CAAC,EAAE,eAAe,EAA4B,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,eAAK,SAAS,EAAC,2EAA2E,aACxF,aAAG,SAAS,EAAC,KAAK,aACf,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAE,KAAC,SAAS,IAAC,WAAW,EAAE,kBAAkB,CAAC,6FAA6F,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAC,QAAQ,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAa,IACpR,EACJ,KAAC,MAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,eAAe,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAU,IAClH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { getExternalLinkUrl, useIntl } from '@openedx/frontend-base';\nimport { Button, Hyperlink } from '@openedx/paragon';\nimport messages from '../messages';\n\ninterface DisabledCohortsViewProps {\n  onEnableCohorts: () => void,\n}\n\nconst DisabledCohortsView = ({ onEnableCohorts }: DisabledCohortsViewProps) => {\n  const intl = useIntl();\n\n  return (\n    <div className=\"d-flex bg-light-200 border border-light-400 p-5 mt-4.5 align-items-center\">\n      <p className=\"m-0\">\n        {intl.formatMessage(messages.noCohortsMessage)} <Hyperlink destination={getExternalLinkUrl('https://openedx.atlassian.net/wiki/spaces/ENG/pages/123456789/Cohorts+Feature+Documentation')} showLaunchIcon={false} target=\"_blank\">{intl.formatMessage(messages.learnMore)}</Hyperlink>\n      </p>\n      <Button className=\"ml-3 flex-shrink-0\" onClick={onEnableCohorts}>{intl.formatMessage(messages.enableCohorts)}</Button>\n    </div>\n  );\n};\n\nexport default DisabledCohortsView;\n"]}

package/dist/cohorts/components/EnabledCohortsView.d.ts

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

package/dist/cohorts/components/EnabledCohortsView.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { FormControl, Button, Card, Alert } from '@openedx/paragon';
+import { CheckCircle, Error, WarningFilled } from '@openedx/paragon/icons';
+import { useCohortContext } from '../../cohorts/components/CohortContext';
+import CohortsForm from '../../cohorts/components/CohortsForm';
+import SelectedCohortInfo from '../../cohorts/components/SelectedCohortInfo';
+import { useCohorts, useCreateCohort } from '../../cohorts/data/apiHook';
+import { assignmentTypes } from '../../cohorts/constants';
+import messages from '../../cohorts/messages';
+import { useAlert } from '../../providers/AlertProvider';
+const alertIcons = {
+    success: CheckCircle,
+    error: Error,
+    warning: WarningFilled,
+};
+const EnabledCohortsView = () => {
+    var _a, _b;
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data = [] } = useCohorts(courseId);
+    const { mutate: createCohort } = useCreateCohort(courseId);
+    const { clearSelectedCohort, selectedCohort, setSelectedCohort } = useCohortContext();
+    const [displayAddForm, setDisplayAddForm] = useState(false);
+    const { alerts, addAlert, removeAlert, clearAlerts } = useAlert();
+    const cohortsList = [{ id: 'null', name: intl.formatMessage(messages.selectCohortPlaceholder) }, ...data];
+    // Sync selectedCohort with updated data when useCohorts refetches
+    useEffect(() => {
+        var _a, _b;
+        if (selectedCohort && data.length > 0) {
+            const updatedCohort = data.find(cohort => { var _a, _b; return ((_a = cohort.id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = selectedCohort.id) === null || _b === void 0 ? void 0 : _b.toString()); });
+            if (updatedCohort && (updatedCohort.userCount !== selectedCohort.userCount
+                || updatedCohort.name !== selectedCohort.name
+                || updatedCohort.assignmentType !== selectedCohort.assignmentType)) {
+                const updatedCohortData = {
+                    id: updatedCohort.id,
+                    name: updatedCohort.name,
+                    assignmentType: (_a = updatedCohort.assignmentType) !== null && _a !== void 0 ? _a : assignmentTypes.automatic,
+                    groupId: updatedCohort.groupId,
+                    userPartitionId: updatedCohort.userPartitionId,
+                    userCount: (_b = updatedCohort.userCount) !== null && _b !== void 0 ? _b : 0,
+                };
+                setSelectedCohort(updatedCohortData);
+            }
+        }
+    }, [data, selectedCohort, setSelectedCohort]);
+    const handleAddCohort = () => {
+        clearSelectedCohort();
+        clearAlerts();
+        setDisplayAddForm(true);
+    };
+    const handleSelectCohort = (event) => {
+        var _a, _b;
+        clearAlerts();
+        const selectedValue = event.target.value;
+        const selectedCohortFromApi = cohortsList.find(cohort => { var _a; return ((_a = cohort.id) === null || _a === void 0 ? void 0 : _a.toString()) === selectedValue; });
+        setDisplayAddForm(false);
+        if (selectedCohortFromApi && selectedCohortFromApi.id !== 'null') {
+            const cohortFormData = {
+                id: selectedCohortFromApi.id,
+                name: selectedCohortFromApi.name,
+                assignmentType: (_a = selectedCohortFromApi.assignmentType) !== null && _a !== void 0 ? _a : assignmentTypes.automatic,
+                groupId: selectedCohortFromApi.groupId,
+                userPartitionId: selectedCohortFromApi.userPartitionId,
+                userCount: (_b = selectedCohortFromApi.userCount) !== null && _b !== void 0 ? _b : 0,
+            };
+            setSelectedCohort(cohortFormData);
+        }
+        else {
+            clearSelectedCohort();
+        }
+    };
+    const handleNewCohort = (newCohort) => {
+        createCohort(newCohort, {
+            onSuccess: (newCohort) => {
+                addAlert({
+                    type: 'success',
+                    message: intl.formatMessage(messages.addCohortSuccessMessage, { cohortName: newCohort.name })
+                });
+                setSelectedCohort(newCohort);
+                hideAddForm();
+            },
+            onError: (error) => {
+                console.error(error);
+            }
+        });
+    };
+    const hideAddForm = () => {
+        setDisplayAddForm(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex mt-4.5", children: [_jsx(FormControl, { as: "select", disabled: displayAddForm || cohortsList.length === 1, name: "cohort", placeholder: intl.formatMessage(messages.selectCohortPlaceholder), value: (_b = (_a = selectedCohort === null || selectedCohort === void 0 ? void 0 : selectedCohort.id) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : 'null', onChange: handleSelectCohort, children: cohortsList.map((cohort) => (_jsx("option", { value: cohort.id, children: cohort.name }, cohort.id))) }), _jsxs(Button, { onClick: handleAddCohort, disabled: displayAddForm, children: ["+ ", intl.formatMessage(messages.addCohort)] })] }), alerts.map(alert => (_jsxs(Alert, { className: "mt-3", icon: alertIcons[alert.type], variant: alert.type === 'error' ? 'danger' : alert.type, dismissible: true, onClose: () => removeAlert(alert.id), children: [_jsx("p", { className: "mb-0", children: alert.message }), alert.extraContent] }, alert.id))), displayAddForm && (_jsx(Card, { className: "mt-3 bg-light-200", children: _jsx(CohortsForm, { disableManualAssignment: data.length === 0, onCancel: hideAddForm, onSubmit: handleNewCohort }) })), selectedCohort && _jsx(SelectedCohortInfo, {})] }));
+};
+export default EnabledCohortsView;
+//# sourceMappingURL=EnabledCohortsView.js.map

package/dist/cohorts/components/EnabledCohortsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnabledCohortsView.js","sourceRoot":"","sources":["../../../src/cohorts/components/EnabledCohortsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { FormControl, Button, Card, Alert } from '@openedx/paragon';\nimport { CheckCircle, Error, WarningFilled } from '@openedx/paragon/icons';\nimport { useCohortContext } from '@src/cohorts/components/CohortContext';\nimport CohortsForm from '@src/cohorts/components/CohortsForm';\nimport SelectedCohortInfo from '@src/cohorts/components/SelectedCohortInfo';\nimport { useCohorts, useCreateCohort } from '@src/cohorts/data/apiHook';\nimport { assignmentTypes } from '@src/cohorts/constants';\nimport messages from '@src/cohorts/messages';\nimport { CohortData, BasicCohortData } from '@src/cohorts/types';\nimport { useAlert } from '@src/providers/AlertProvider';\n\nconst alertIcons = {\n  success: CheckCircle,\n  error: Error,\n  warning: WarningFilled,\n};\n\nconst EnabledCohortsView = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data = [] } = useCohorts(courseId);\n  const { mutate: createCohort } = useCreateCohort(courseId);\n  const { clearSelectedCohort, selectedCohort, setSelectedCohort } = useCohortContext();\n  const [displayAddForm, setDisplayAddForm] = useState(false);\n  const { alerts, addAlert, removeAlert, clearAlerts } = useAlert();\n\n  const cohortsList = [{ id: 'null', name: intl.formatMessage(messages.selectCohortPlaceholder) }, ...data];\n\n  // Sync selectedCohort with updated data when useCohorts refetches\n  useEffect(() => {\n    if (selectedCohort && data.length > 0) {\n      const updatedCohort = data.find(cohort => cohort.id?.toString() === selectedCohort.id?.toString());\n      if (updatedCohort && (\n        updatedCohort.userCount !== selectedCohort.userCount\n        || updatedCohort.name !== selectedCohort.name\n        || updatedCohort.assignmentType !== selectedCohort.assignmentType\n      )) {\n        const updatedCohortData: CohortData = {\n          id: updatedCohort.id,\n          name: updatedCohort.name,\n          assignmentType: updatedCohort.assignmentType ?? assignmentTypes.automatic,\n          groupId: updatedCohort.groupId,\n          userPartitionId: updatedCohort.userPartitionId,\n          userCount: updatedCohort.userCount ?? 0,\n        };\n        setSelectedCohort(updatedCohortData);\n      }\n    }\n  }, [data, selectedCohort, setSelectedCohort]);\n\n  const handleAddCohort = () => {\n    clearSelectedCohort();\n    clearAlerts();\n    setDisplayAddForm(true);\n  };\n\n  const handleSelectCohort = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    clearAlerts();\n    const selectedValue = event.target.value;\n    const selectedCohortFromApi = cohortsList.find(cohort => cohort.id?.toString() === selectedValue);\n    setDisplayAddForm(false);\n\n    if (selectedCohortFromApi && selectedCohortFromApi.id !== 'null') {\n      const cohortFormData: CohortData = {\n        id: selectedCohortFromApi.id,\n        name: selectedCohortFromApi.name,\n        assignmentType: selectedCohortFromApi.assignmentType ?? assignmentTypes.automatic,\n        groupId: selectedCohortFromApi.groupId,\n        userPartitionId: selectedCohortFromApi.userPartitionId,\n        userCount: selectedCohortFromApi.userCount ?? 0,\n      };\n      setSelectedCohort(cohortFormData);\n    } else {\n      clearSelectedCohort();\n    }\n  };\n\n  const handleNewCohort = (newCohort: BasicCohortData) => {\n    createCohort(newCohort, {\n      onSuccess: (newCohort: CohortData) => {\n        addAlert({\n          type: 'success',\n          message: intl.formatMessage(messages.addCohortSuccessMessage, { cohortName: newCohort.name })\n        });\n        setSelectedCohort(newCohort);\n        hideAddForm();\n      },\n      onError: (error) => {\n        console.error(error);\n      }\n    });\n  };\n\n  const hideAddForm = () => {\n    setDisplayAddForm(false);\n  };\n\n  return (\n    <>\n      <div className=\"d-flex mt-4.5\">\n        <FormControl\n          as=\"select\"\n          disabled={displayAddForm || cohortsList.length === 1}\n          name=\"cohort\"\n          placeholder={intl.formatMessage(messages.selectCohortPlaceholder)}\n          value={selectedCohort?.id?.toString() ?? 'null'}\n          onChange={handleSelectCohort}\n        >\n          {\n            cohortsList.map((cohort) => (\n              <option key={cohort.id} value={cohort.id}>\n                {cohort.name}\n              </option>\n            ))\n          }\n        </FormControl>\n        <Button onClick={handleAddCohort} disabled={displayAddForm}>+ {intl.formatMessage(messages.addCohort)}</Button>\n      </div>\n      {alerts.map(alert => (\n        <Alert\n          key={alert.id}\n          className=\"mt-3\"\n          icon={alertIcons[alert.type]}\n          variant={alert.type === 'error' ? 'danger' : alert.type}\n          dismissible\n          onClose={() => removeAlert(alert.id)}\n        >\n          <p className=\"mb-0\">{alert.message}</p>\n          {alert.extraContent}\n        </Alert>\n      ))}\n      {displayAddForm && (\n        <Card className=\"mt-3 bg-light-200\">\n          <CohortsForm disableManualAssignment={data.length === 0} onCancel={hideAddForm} onSubmit={handleNewCohort} />\n        </Card>\n      )}\n      {selectedCohort && <SelectedCohortInfo />}\n    </>\n  );\n};\n\nexport default EnabledCohortsView;\n"]}

package/dist/cohorts/components/ManageLearners.d.ts

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

package/dist/cohorts/components/ManageLearners.js

@@ -0,0 +1,64 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, FormControl } from '@openedx/paragon';
+import { useCohortContext } from '../../cohorts/components/CohortContext';
+import { useAddLearnersToCohort } from '../../cohorts/data/apiHook';
+import messages from '../../cohorts/messages';
+import { useAlert } from '../../providers/AlertProvider';
+const ManageLearners = () => {
+    const { courseId = '' } = useParams();
+    const intl = useIntl();
+    const { selectedCohort } = useCohortContext();
+    const { mutate: addLearnersToCohort } = useAddLearnersToCohort(courseId, (selectedCohort === null || selectedCohort === void 0 ? void 0 : selectedCohort.id) ? Number(selectedCohort.id) : 0);
+    const [users, setUsers] = useState('');
+    const { addAlert, clearAlerts } = useAlert();
+    const handleAlertMessages = (response) => {
+        const { added, changed, preassigned, present, unknown } = response;
+        if (preassigned.length > 0) {
+            addAlert({
+                type: 'warning',
+                message: intl.formatMessage(messages.addLearnersWarningMessage, {
+                    countLearners: preassigned.length,
+                }),
+                extraContent: (preassigned.map((learner) => (_jsxs("p", { className: "mb-0", children: ["\u2022 ", learner] }, learner))))
+            });
+        }
+        if (present.length > 0 || added.length > 0 || changed.length > 0) {
+            addAlert({
+                type: 'success',
+                message: intl.formatMessage(messages.addLearnersSuccessMessage, {
+                    countLearners: added.length + changed.length,
+                }),
+                extraContent: (present.length > 0 && (present.map((learner) => (_jsxs("p", { className: "mb-0", children: ["\u2022 ", intl.formatMessage(messages.existingLearner, { learner })] }, learner)))))
+            });
+        }
+        if (unknown.length > 0) {
+            addAlert({
+                type: 'error',
+                message: intl.formatMessage(messages.addLearnersErrorMessage, {
+                    countLearners: unknown.length,
+                }),
+                extraContent: (unknown.map((learner) => (_jsxs("p", { className: "mb-0", children: ["\u2022 ", intl.formatMessage(messages.unknownLearner, { learner })] }, learner))))
+            });
+        }
+    };
+    const handleAddLearners = () => {
+        clearAlerts();
+        const usersArray = users.split(/[\n,]+/).map(u => u.trim()).filter(Boolean);
+        addLearnersToCohort(usersArray, {
+            onSuccess: handleAlertMessages,
+            onError: (error) => {
+                addAlert({
+                    type: 'error',
+                    message: intl.formatMessage(messages.addLearnersErrorMessage)
+                });
+                console.error(error);
+            }
+        });
+    };
+    return (_jsxs("div", { className: "mx-4 my-3.5", children: [_jsx("h3", { className: "text-primary-700", children: intl.formatMessage(messages.addLearnersTitle) }), _jsx("p", { className: "x-small mb-2.5", children: intl.formatMessage(messages.addLearnersSubtitle) }), _jsx("p", { className: "mb-2 text-primary-500", children: intl.formatMessage(messages.addLearnersInstructions) }), _jsx(FormControl, { as: "textarea", className: "mb-2", rows: 4, placeholder: intl.formatMessage(messages.learnersExample), onChange: (e) => setUsers(e.target.value) }), _jsx("p", { className: "x-small mb-2.5", children: intl.formatMessage(messages.addLearnersFootnote) }), _jsxs(Button, { variant: "primary", className: "mt-2", onClick: handleAddLearners, children: ["+ ", intl.formatMessage(messages.addLearnersLabel)] })] }));
+};
+export default ManageLearners;
+//# sourceMappingURL=ManageLearners.js.map

package/dist/cohorts/components/ManageLearners.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageLearners.js","sourceRoot":"","sources":["../../../src/cohorts/components/ManageLearners.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAUxD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,QAAQ,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,EAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7C,MAAM,mBAAmB,GAAG,CAAC,QAA6B,EAAE,EAAE;QAC5D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QACnE,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,QAAQ,CAAC;gBACP,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE;oBAC9D,aAAa,EAAE,WAAW,CAAC,MAAM;iBAClC,CAAC;gBACF,YAAY,EAAE,CACZ,WAAW,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,EAAE,CAAC,CACnC,aAAiB,SAAS,EAAC,MAAM,wBAAI,OAAO,KAApC,OAAO,CAAkC,CAClD,CAAC,CACH;aACF,CAAC,CAAC;QACL,CAAC;QACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjE,QAAQ,CAAC;gBACP,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE;oBAC9D,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM;iBAC7C,CAAC;gBACF,YAAY,EAAE,CACZ,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,OAAO,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,EAAE,CAAC,CAC/B,aAAiB,SAAS,EAAC,MAAM,wBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,CAAC,KAAtF,OAAO,CAAoF,CACpG,CAAC,CACH,CAAC;aACL,CAAC,CAAC;QACL,CAAC;QACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvB,QAAQ,CAAC;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,EAAE;oBAC5D,aAAa,EAAE,OAAO,CAAC,MAAM;iBAC9B,CAAC;gBACF,YAAY,EAAE,CACZ,OAAO,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,EAAE,CAAC,CAC/B,aAAiB,SAAS,EAAC,MAAM,wBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,CAAC,KAArF,OAAO,CAAmF,CACnG,CAAC,CACH;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,WAAW,EAAE,CAAC;QACd,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5E,mBAAmB,CAAC,UAAU,EAAE;YAC9B,SAAS,EAAE,mBAAmB;YAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,QAAQ,CAAC;oBACP,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC;iBAC9D,CAAC,CAAC;gBACH,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAM,EACrF,YAAG,SAAS,EAAC,gBAAgB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GAAK,EACpF,YAAG,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAK,EAC/F,KAAC,WAAW,IACV,EAAE,EAAC,UAAU,EACb,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,EACzD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,EACF,YAAG,SAAS,EAAC,gBAAgB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GAAK,EACpF,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,iBAAiB,mBAAK,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAU,IAC7H,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, FormControl } from '@openedx/paragon';\nimport { useCohortContext } from '@src/cohorts/components/CohortContext';\nimport { useAddLearnersToCohort } from '@src/cohorts/data/apiHook';\nimport messages from '@src/cohorts/messages';\nimport { useAlert } from '@src/providers/AlertProvider';\n\ninterface AddLearnersResponse {\n  added: string[],\n  changed: string[],\n  preassigned: string[],\n  present: string[],\n  unknown: string[],\n}\n\nconst ManageLearners = () => {\n  const { courseId = '' } = useParams();\n  const intl = useIntl();\n  const { selectedCohort } = useCohortContext();\n  const { mutate: addLearnersToCohort } = useAddLearnersToCohort(courseId, selectedCohort?.id ? Number(selectedCohort.id) : 0);\n  const [users, setUsers] = useState('');\n  const { addAlert, clearAlerts } = useAlert();\n\n  const handleAlertMessages = (response: AddLearnersResponse) => {\n    const { added, changed, preassigned, present, unknown } = response;\n    if (preassigned.length > 0) {\n      addAlert({\n        type: 'warning',\n        message: intl.formatMessage(messages.addLearnersWarningMessage, {\n          countLearners: preassigned.length,\n        }),\n        extraContent: (\n          preassigned.map((learner: string) => (\n            <p key={learner} className=\"mb-0\">• {learner}</p>\n          ))\n        )\n      });\n    }\n    if (present.length > 0 || added.length > 0 || changed.length > 0) {\n      addAlert({\n        type: 'success',\n        message: intl.formatMessage(messages.addLearnersSuccessMessage, {\n          countLearners: added.length + changed.length,\n        }),\n        extraContent: (\n          present.length > 0 && (\n            present.map((learner: string) => (\n              <p key={learner} className=\"mb-0\">• {intl.formatMessage(messages.existingLearner, { learner })}</p>\n            ))\n          ))\n      });\n    }\n    if (unknown.length > 0) {\n      addAlert({\n        type: 'error',\n        message: intl.formatMessage(messages.addLearnersErrorMessage, {\n          countLearners: unknown.length,\n        }),\n        extraContent: (\n          unknown.map((learner: string) => (\n            <p key={learner} className=\"mb-0\">• {intl.formatMessage(messages.unknownLearner, { learner })}</p>\n          ))\n        )\n      });\n    }\n  };\n\n  const handleAddLearners = () => {\n    clearAlerts();\n    const usersArray = users.split(/[\\n,]+/).map(u => u.trim()).filter(Boolean);\n    addLearnersToCohort(usersArray, {\n      onSuccess: handleAlertMessages,\n      onError: (error) => {\n        addAlert({\n          type: 'error',\n          message: intl.formatMessage(messages.addLearnersErrorMessage)\n        });\n        console.error(error);\n      }\n    });\n  };\n\n  return (\n    <div className=\"mx-4 my-3.5\">\n      <h3 className=\"text-primary-700\">{intl.formatMessage(messages.addLearnersTitle)}</h3>\n      <p className=\"x-small mb-2.5\">{intl.formatMessage(messages.addLearnersSubtitle)}</p>\n      <p className=\"mb-2 text-primary-500\">{intl.formatMessage(messages.addLearnersInstructions)}</p>\n      <FormControl\n        as=\"textarea\"\n        className=\"mb-2\"\n        rows={4}\n        placeholder={intl.formatMessage(messages.learnersExample)}\n        onChange={(e) => setUsers(e.target.value)}\n      />\n      <p className=\"x-small mb-2.5\">{intl.formatMessage(messages.addLearnersFootnote)}</p>\n      <Button variant=\"primary\" className=\"mt-2\" onClick={handleAddLearners}>+ {intl.formatMessage(messages.addLearnersLabel)}</Button>\n    </div>\n  );\n};\n\nexport default ManageLearners;\n"]}

package/dist/cohorts/components/SelectedCohortInfo.d.ts

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

package/dist/cohorts/components/SelectedCohortInfo.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getExternalLinkUrl, useIntl } from '@openedx/frontend-base';
+import { useParams } from 'react-router-dom';
+import { Collapsible, Hyperlink } from '@openedx/paragon';
+import CSVComponent from '../../components/CSVComponent';
+import dataDownloadsMessages from '../../dataDownloads/messages';
+import { useAlert } from '../../providers/AlertProvider';
+import CohortCard from './CohortCard';
+import messages from '../messages';
+import { useAddLearnersToCohortsBulk } from '../data/apiHook';
+const SelectedCohortInfo = () => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { mutate: addLearnersToCohortsBulk } = useAddLearnersToCohortsBulk(courseId);
+    const { showToast } = useAlert();
+    const handleProcessUpload = ({ fileData, handleError }) => {
+        // Create new FormData with the correct field name for cohorts API
+        const correctedFormData = new FormData();
+        // Get the first file from the original FormData (Dropzone might use 'file', 'files[0]', etc.)
+        const file = fileData.get('file') || fileData.get('files[0]') || Array.from(fileData.values()).find(value => value instanceof File);
+        if (file instanceof File) {
+            correctedFormData.append('uploaded-file', file);
+            addLearnersToCohortsBulk(correctedFormData, {
+                onSuccess: () => {
+                    showToast(intl.formatMessage(messages.uploadSuccessMessage, { fileName: file.name }));
+                },
+                onError: (error) => {
+                    if (handleError) {
+                        handleError(error);
+                    }
+                }
+            });
+        }
+        else {
+            if (handleError) {
+                handleError(new Error(intl.formatMessage(messages.noFileFoundMessage)));
+            }
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(CohortCard, {}), _jsx(Collapsible, { className: "collapsible-csv mt-3 w-50", styling: "basic", title: _jsx("p", { className: "text-info-500 mb-0", children: intl.formatMessage(messages.downloadCSVCaption) }), children: _jsx(CSVComponent, { templateLink: getExternalLinkUrl('https://docs.openedx.org/en/latest/educators/how-tos/advanced_features/manage_cohorts.html#assign-learners-to-cohorts-by-uploading-a-csv-file'), onProcessUpload: handleProcessUpload }) }), _jsxs("p", { className: "mt-3", children: [intl.formatMessage(messages.cohortDisclaimer), " ", _jsx(Hyperlink, { className: "text-info-500 text-decoration-none", destination: `/instructor/${courseId}/data_downloads`, showLaunchIcon: false, children: intl.formatMessage(dataDownloadsMessages.pageTitle) }), " ", intl.formatMessage(messages.page)] })] }));
+};
+export default SelectedCohortInfo;
+//# sourceMappingURL=SelectedCohortInfo.js.map

package/dist/cohorts/components/SelectedCohortInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedCohortInfo.js","sourceRoot":"","sources":["../../../src/cohorts/components/SelectedCohortInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getExternalLinkUrl, useIntl } from '@openedx/frontend-base';\nimport { useParams } from 'react-router-dom';\nimport { Collapsible, Hyperlink } from '@openedx/paragon';\nimport CSVComponent from '@src/components/CSVComponent';\nimport dataDownloadsMessages from '@src/dataDownloads/messages';\nimport { useAlert } from '@src/providers/AlertProvider';\nimport CohortCard from './CohortCard';\nimport messages from '../messages';\nimport { useAddLearnersToCohortsBulk } from '../data/apiHook';\n\nconst SelectedCohortInfo = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { mutate: addLearnersToCohortsBulk } = useAddLearnersToCohortsBulk(courseId);\n  const { showToast } = useAlert();\n\n  const handleProcessUpload = ({ fileData, handleError }: { fileData: FormData, requestConfig?: RequestInit, handleError?: (error: Error) => void }) => {\n    // Create new FormData with the correct field name for cohorts API\n    const correctedFormData = new FormData();\n\n    // Get the first file from the original FormData (Dropzone might use 'file', 'files[0]', etc.)\n    const file = fileData.get('file') || fileData.get('files[0]') || Array.from(fileData.values()).find(value => value instanceof File);\n\n    if (file instanceof File) {\n      correctedFormData.append('uploaded-file', file);\n      addLearnersToCohortsBulk(correctedFormData, {\n        onSuccess: () => {\n          showToast(intl.formatMessage(messages.uploadSuccessMessage, { fileName: file.name }));\n        },\n        onError: (error) => {\n          if (handleError) {\n            handleError(error);\n          }\n        }\n      });\n    } else {\n      if (handleError) {\n        handleError(new Error(intl.formatMessage(messages.noFileFoundMessage)));\n      }\n    }\n  };\n\n  return (\n    <>\n      <CohortCard />\n      <Collapsible className=\"collapsible-csv mt-3 w-50\" styling=\"basic\" title={<p className=\"text-info-500 mb-0\">{intl.formatMessage(messages.downloadCSVCaption)}</p>}>\n        <CSVComponent templateLink={getExternalLinkUrl('https://docs.openedx.org/en/latest/educators/how-tos/advanced_features/manage_cohorts.html#assign-learners-to-cohorts-by-uploading-a-csv-file')} onProcessUpload={handleProcessUpload} />\n      </Collapsible>\n      <p className=\"mt-3\">\n        {intl.formatMessage(messages.cohortDisclaimer)} <Hyperlink className=\"text-info-500 text-decoration-none\" destination={`/instructor/${courseId}/data_downloads`} showLaunchIcon={false}>{intl.formatMessage(dataDownloadsMessages.pageTitle)}</Hyperlink> {intl.formatMessage(messages.page)}\n      </p>\n    </>\n  );\n};\n\nexport default SelectedCohortInfo;\n"]}

package/dist/cohorts/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const assignmentTypes: {
+    automatic: string;
+    manual: string;
+};

package/dist/cohorts/constants.js

@@ -0,0 +1,5 @@
+export const assignmentTypes = {
+    automatic: 'random',
+    manual: 'manual'
+};
+//# sourceMappingURL=constants.js.map

package/dist/cohorts/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/cohorts/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,SAAS,EAAE,QAAQ;IACnB,MAAM,EAAE,QAAQ;CACjB,CAAC","sourcesContent":["export const assignmentTypes = {\n  automatic: 'random',\n  manual: 'manual'\n};\n"]}

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

@@ -0,0 +1,9 @@
+import { CohortData, BasicCohortData } from '../../cohorts/types';
+export declare const getCohortStatus: (courseId: string) => Promise<any>;
+export declare const getCohorts: (courseId: string) => Promise<any>;
+export declare const toggleCohorts: (courseId: string, isCohorted: boolean) => Promise<any>;
+export declare const createCohort: (courseId: string, cohortDetails: BasicCohortData) => Promise<any>;
+export declare const getContentGroups: (courseId: string) => Promise<any>;
+export declare const patchCohort: (courseId: string, cohortId: number, cohortDetails: CohortData) => Promise<any>;
+export declare const addLearnersToCohort: (courseId: string, cohortId: number, users: string[]) => Promise<any>;
+export declare const addLearnersToCohortsBulk: (courseId: string, uploadedFile: FormData) => Promise<any>;

package/dist/cohorts/data/api.js

@@ -0,0 +1,54 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { camelCaseObject, getAuthenticatedHttpClient, snakeCaseObject } from '@openedx/frontend-base';
+import { getApiBaseUrl } from '../../data/api';
+export const getCohortStatus = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/settings/${courseId}`;
+    const { data } = yield getAuthenticatedHttpClient().get(url);
+    return camelCaseObject(data);
+});
+export const getCohorts = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/`;
+    const { data } = yield getAuthenticatedHttpClient().get(url, { params: { page_size: 100 } });
+    return camelCaseObject(data);
+});
+export const toggleCohorts = (courseId, isCohorted) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/settings/${courseId}`;
+    const { data } = yield getAuthenticatedHttpClient().put(url, { is_cohorted: isCohorted });
+    return camelCaseObject(data);
+});
+export const createCohort = (courseId, cohortDetails) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/`;
+    const cohortDetailsSnakeCase = snakeCaseObject(cohortDetails);
+    const { data } = yield getAuthenticatedHttpClient().post(url, cohortDetailsSnakeCase);
+    return camelCaseObject(data);
+});
+export const getContentGroups = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v2/courses/${courseId}/group_configurations`;
+    const { data } = yield getAuthenticatedHttpClient().get(url);
+    return camelCaseObject(data);
+});
+export const patchCohort = (courseId, cohortId, cohortDetails) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/${cohortId}`;
+    const cohortDetailsSnakeCase = snakeCaseObject(cohortDetails);
+    const { data } = yield getAuthenticatedHttpClient().patch(url, cohortDetailsSnakeCase);
+    return camelCaseObject(data);
+});
+export const addLearnersToCohort = (courseId, cohortId, users) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/${cohortId}/users/`;
+    const { data } = yield getAuthenticatedHttpClient().post(url, { users });
+    return camelCaseObject(data);
+});
+export const addLearnersToCohortsBulk = (courseId, uploadedFile) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/users`;
+    const { data } = yield getAuthenticatedHttpClient().post(url, uploadedFile);
+    return camelCaseObject(data);
+});
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/cohorts/data/api.ts"],"names":[],"mappings":"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","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient, snakeCaseObject } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { CohortData, BasicCohortData } from '@src/cohorts/types';\n\nexport const getCohortStatus = async (courseId: string) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/settings/${courseId}`;\n  const { data } = await getAuthenticatedHttpClient().get(url);\n  return camelCaseObject(data);\n};\n\nexport const getCohorts = async (courseId: string) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/`;\n  const { data } = await getAuthenticatedHttpClient().get(url, { params: { page_size: 100 } });\n  return camelCaseObject(data);\n};\n\nexport const toggleCohorts = async (courseId: string, isCohorted: boolean) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/settings/${courseId}`;\n  const { data } = await getAuthenticatedHttpClient().put(url, { is_cohorted: isCohorted });\n  return camelCaseObject(data);\n};\n\nexport const createCohort = async (courseId: string, cohortDetails: BasicCohortData) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/`;\n  const cohortDetailsSnakeCase = snakeCaseObject(cohortDetails);\n  const { data } = await getAuthenticatedHttpClient().post(url, cohortDetailsSnakeCase);\n  return camelCaseObject(data);\n};\n\nexport const getContentGroups = async (courseId: string) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v2/courses/${courseId}/group_configurations`;\n  const { data } = await getAuthenticatedHttpClient().get(url);\n  return camelCaseObject(data);\n};\n\nexport const patchCohort = async (courseId: string, cohortId: number, cohortDetails: CohortData) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/${cohortId}`;\n  const cohortDetailsSnakeCase = snakeCaseObject(cohortDetails);\n  const { data } = await getAuthenticatedHttpClient().patch(url, cohortDetailsSnakeCase);\n  return camelCaseObject(data);\n};\n\nexport const addLearnersToCohort = async (courseId: string, cohortId: number, users: string[]) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/cohorts/${cohortId}/users/`;\n  const { data } = await getAuthenticatedHttpClient().post(url, { users });\n  return camelCaseObject(data);\n};\n\nexport const addLearnersToCohortsBulk = async (courseId: string, uploadedFile: FormData) => {\n  const url = `${getApiBaseUrl()}/api/cohorts/v1/courses/${courseId}/users`;\n  const { data } = await getAuthenticatedHttpClient().post(url, uploadedFile);\n  return camelCaseObject(data);\n};\n"]}

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

@@ -0,0 +1,14 @@
+import { CohortData, BasicCohortData } from '../../cohorts/types';
+export declare const useCohortStatus: (courseId: string) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export declare const useCohorts: (courseId: string) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export declare const useToggleCohorts: (courseId: string) => import("@tanstack/react-query").UseMutationResult<any, Error, {
+    isCohorted: boolean;
+}, unknown>;
+export declare const useCreateCohort: (courseId: string) => import("@tanstack/react-query").UseMutationResult<any, Error, BasicCohortData, unknown>;
+export declare const useContentGroupsData: (courseId: string) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export declare const usePatchCohort: (courseId: string) => import("@tanstack/react-query").UseMutationResult<any, Error, {
+    cohortId: number;
+    cohortInfo: CohortData;
+}, unknown>;
+export declare const useAddLearnersToCohort: (courseId: string, cohortId: number) => import("@tanstack/react-query").UseMutationResult<any, Error, string[], unknown>;
+export declare const useAddLearnersToCohortsBulk: (courseId: string) => import("@tanstack/react-query").UseMutationResult<any, Error, FormData, unknown>;

package/dist/cohorts/data/apiHook.js

@@ -0,0 +1,64 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { getCohorts, getCohortStatus, getContentGroups, toggleCohorts, createCohort, patchCohort, addLearnersToCohort, addLearnersToCohortsBulk } from '../../cohorts/data/api';
+import { cohortsQueryKeys } from '../../cohorts/data/queryKeys';
+export const useCohortStatus = (courseId) => (useQuery({
+    queryKey: cohortsQueryKeys.enabled(courseId),
+    queryFn: () => getCohortStatus(courseId),
+    enabled: !!courseId,
+}));
+export const useCohorts = (courseId) => (useQuery({
+    queryKey: cohortsQueryKeys.list(courseId),
+    queryFn: () => getCohorts(courseId),
+    enabled: !!courseId,
+}));
+export const useToggleCohorts = (courseId) => {
+    const queryClient = useQueryClient();
+    return (useMutation({
+        mutationFn: ({ isCohorted }) => toggleCohorts(courseId, isCohorted),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.enabled(courseId) });
+        },
+    }));
+};
+export const useCreateCohort = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (cohortInfo) => createCohort(courseId, cohortInfo),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.list(courseId) });
+        },
+    });
+};
+export const useContentGroupsData = (courseId) => (useQuery({
+    queryKey: cohortsQueryKeys.contentGroups(courseId),
+    queryFn: () => getContentGroups(courseId),
+    enabled: !!courseId,
+}));
+export const usePatchCohort = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: ({ cohortId, cohortInfo }) => patchCohort(courseId, cohortId, cohortInfo),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.byCourse(courseId) });
+        },
+    });
+};
+export const useAddLearnersToCohort = (courseId, cohortId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (users) => addLearnersToCohort(courseId, cohortId, users),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.list(courseId) });
+        },
+    });
+};
+export const useAddLearnersToCohortsBulk = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (uploadedFile) => addLearnersToCohortsBulk(courseId, uploadedFile),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.list(courseId) });
+        },
+    });
+};
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/cohorts/data/apiHook.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { getCohorts, getCohortStatus, getContentGroups, toggleCohorts, createCohort, patchCohort, addLearnersToCohort, addLearnersToCohortsBulk } from '@src/cohorts/data/api';\nimport { cohortsQueryKeys } from '@src/cohorts/data/queryKeys';\nimport { CohortData, BasicCohortData } from '@src/cohorts/types';\n\nexport const useCohortStatus = (courseId: string) => (\n  useQuery({\n    queryKey: cohortsQueryKeys.enabled(courseId),\n    queryFn: () => getCohortStatus(courseId),\n    enabled: !!courseId,\n  })\n);\n\nexport const useCohorts = (courseId: string) => (\n  useQuery({\n    queryKey: cohortsQueryKeys.list(courseId),\n    queryFn: () => getCohorts(courseId),\n    enabled: !!courseId,\n  })\n);\n\nexport const useToggleCohorts = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return (useMutation({\n    mutationFn: ({ isCohorted }: { isCohorted: boolean }) => toggleCohorts(courseId, isCohorted),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.enabled(courseId) });\n    },\n  }));\n};\n\nexport const useCreateCohort = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (cohortInfo: BasicCohortData) => createCohort(courseId, cohortInfo),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.list(courseId) });\n    },\n  });\n};\n\nexport const useContentGroupsData = (courseId: string) => (\n  useQuery({\n    queryKey: cohortsQueryKeys.contentGroups(courseId),\n    queryFn: () => getContentGroups(courseId),\n    enabled: !!courseId,\n  })\n);\n\nexport const usePatchCohort = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: ({ cohortId, cohortInfo }: { cohortId: number, cohortInfo: CohortData }) =>\n      patchCohort(courseId, cohortId, cohortInfo),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.byCourse(courseId) });\n    },\n  });\n};\n\nexport const useAddLearnersToCohort = (courseId: string, cohortId: number) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (users: string[]) => addLearnersToCohort(courseId, cohortId, users),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.list(courseId) });\n    },\n  });\n};\n\nexport const useAddLearnersToCohortsBulk = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (uploadedFile: FormData) => addLearnersToCohortsBulk(courseId, uploadedFile),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: cohortsQueryKeys.list(courseId) });\n    },\n  });\n};\n"]}

package/dist/cohorts/data/queryKeys.d.ts

@@ -0,0 +1,7 @@
+export declare const cohortsQueryKeys: {
+    all: readonly ["org.openedx.frontend.app.instructor", "cohorts"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructor", "cohorts", "byCourse", string];
+    list: (courseId: string) => readonly ["org.openedx.frontend.app.instructor", "cohorts", "byCourse", string, string, "list"];
+    enabled: (courseId: string) => readonly ["cohortsEnabled", string];
+    contentGroups: (courseId: string) => readonly ["org.openedx.frontend.app.instructor", "cohorts", "byCourse", string, "contentGroups"];
+};

package/dist/cohorts/data/queryKeys.js

@@ -0,0 +1,9 @@
+import { appId } from '../../constants';
+export const cohortsQueryKeys = {
+    all: [appId, 'cohorts'],
+    byCourse: (courseId) => [...cohortsQueryKeys.all, 'byCourse', courseId],
+    list: (courseId) => [...cohortsQueryKeys.byCourse(courseId), courseId, 'list'],
+    enabled: (courseId) => ['cohortsEnabled', courseId],
+    contentGroups: (courseId) => [...cohortsQueryKeys.byCourse(courseId), 'contentGroups'],
+};
+//# sourceMappingURL=queryKeys.js.map

package/dist/cohorts/data/queryKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/cohorts/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,CAAC,KAAK,EAAE,SAAS,CAAU;IAChC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,EAAE,UAAU,EAAE,QAAQ,CAAU;IACxF,IAAI,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAU;IAC/F,OAAO,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,gBAAgB,EAAE,QAAQ,CAAU;IACpE,aAAa,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAU;CACxG,CAAC","sourcesContent":["import { appId } from '@src/constants';\n\nexport const cohortsQueryKeys = {\n  all: [appId, 'cohorts'] as const,\n  byCourse: (courseId: string) => [...cohortsQueryKeys.all, 'byCourse', courseId] as const,\n  list: (courseId: string) => [...cohortsQueryKeys.byCourse(courseId), courseId, 'list'] as const,\n  enabled: (courseId: string) => ['cohortsEnabled', courseId] as const,\n  contentGroups: (courseId: string) => [...cohortsQueryKeys.byCourse(courseId), 'contentGroups'] as const,\n};\n"]}