@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.25 → 1.0.0-alpha.27

package/dist/specialExams/components/DeleteAllowanceModal.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, ModalDialog } from '@openedx/paragon';
+import { useDeleteAllowance } from '../../specialExams/data/apiHook';
+import messages from '../../specialExams/messages';
+import { useAlert } from '../../providers/AlertProvider';
+const DeleteAllowanceModal = ({ allowance, isOpen, onClose }) => {
+    const { courseId = '' } = useParams();
+    const intl = useIntl();
+    const { mutate: deleteAllowance, isPending } = useDeleteAllowance(courseId);
+    const { showModal } = useAlert();
+    const handleDelete = () => {
+        deleteAllowance({ examId: allowance.proctoredExam.id, userIds: [allowance.user.id], allowanceType: allowance.key }, {
+            onSuccess: () => {
+                onClose();
+            },
+            onError: () => {
+                showModal({
+                    message: intl.formatMessage(messages.deleteError),
+                    variant: 'danger',
+                });
+            }
+        });
+    };
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: onClose, title: intl.formatMessage(messages.deleteAllowance), isOverflowVisible: false, children: [_jsx(ModalDialog.Body, { className: "pt-4 px-4 pb-2.5", children: _jsx("p", { children: intl.formatMessage(messages.deleteConfirmation, { user: allowance.user.username, examName: allowance.proctoredExam.examName }) }) }), _jsxs(ModalDialog.Footer, { className: "pt-2", children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: intl.formatMessage(messages.cancel) }), _jsx(Button, { className: "ml-2", onClick: handleDelete, disabled: isPending, children: intl.formatMessage(messages.delete) })] })] }));
+};
+export default DeleteAllowanceModal;
+//# sourceMappingURL=DeleteAllowanceModal.js.map

package/dist/specialExams/components/DeleteAllowanceModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAllowanceModal.js","sourceRoot":"","sources":["../../../src/specialExams/components/DeleteAllowanceModal.tsx"],"names":[],"mappings":";AAAA,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,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,MAAM,oBAAoB,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAwB,EAAE,EAAE;IACpF,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC5E,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,EAAE,EAAE;YAClH,SAAS,EAAE,GAAG,EAAE;gBACd,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAE,GAAG,EAAE;gBACZ,SAAS,CAAC;oBACR,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;oBACjD,OAAO,EAAE,QAAQ;iBAClB,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,iBAAiB,EAAE,KAAK,aAC1H,KAAC,WAAW,CAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,YAC5C,sBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,GAAK,GACtH,EACnB,MAAC,WAAW,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,aAClC,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAU,EAC3F,KAAC,MAAM,IACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,SAAS,YAElB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC7B,IACU,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, ModalDialog } from '@openedx/paragon';\nimport { useDeleteAllowance } from '@src/specialExams/data/apiHook';\nimport messages from '@src/specialExams/messages';\nimport { Allowance } from '@src/specialExams/types';\nimport { useAlert } from '@src/providers/AlertProvider';\n\ninterface DeleteAllowanceProps {\n  allowance: Allowance,\n  isOpen: boolean,\n  onClose: () => void,\n}\n\nconst DeleteAllowanceModal = ({ allowance, isOpen, onClose }: DeleteAllowanceProps) => {\n  const { courseId = '' } = useParams();\n  const intl = useIntl();\n  const { mutate: deleteAllowance, isPending } = useDeleteAllowance(courseId);\n  const { showModal } = useAlert();\n  const handleDelete = () => {\n    deleteAllowance({ examId: allowance.proctoredExam.id, userIds: [allowance.user.id], allowanceType: allowance.key }, {\n      onSuccess: () => {\n        onClose();\n      },\n      onError: () => {\n        showModal({\n          message: intl.formatMessage(messages.deleteError),\n          variant: 'danger',\n        });\n      }\n    });\n  };\n\n  return (\n    <ModalDialog isOpen={isOpen} onClose={onClose} title={intl.formatMessage(messages.deleteAllowance)} isOverflowVisible={false}>\n      <ModalDialog.Body className=\"pt-4 px-4 pb-2.5\">\n        <p>{intl.formatMessage(messages.deleteConfirmation, { user: allowance.user.username, examName: allowance.proctoredExam.examName })}</p>\n      </ModalDialog.Body>\n      <ModalDialog.Footer className=\"pt-2\">\n        <Button variant=\"tertiary\" onClick={onClose}>{intl.formatMessage(messages.cancel)}</Button>\n        <Button\n          className=\"ml-2\"\n          onClick={handleDelete}\n          disabled={isPending}\n        >\n          {intl.formatMessage(messages.delete)}\n        </Button>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default DeleteAllowanceModal;\n"]}

package/dist/specialExams/components/EditAllowanceModal.d.ts

@@ -0,0 +1,8 @@
+import { Allowance } from '../../specialExams/types';
+interface EditAllowanceModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    allowance: Allowance;
+}
+declare const EditAllowanceModal: ({ isOpen, onClose, allowance }: EditAllowanceModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default EditAllowanceModal;

package/dist/specialExams/components/EditAllowanceModal.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { ActionRow, Button, Form, ModalDialog } from '@openedx/paragon';
+import SpecifyLearnerField from '../../components/SpecifyLearnerField';
+import { useLearner } from '../../data/apiHook';
+import { addLabel, addPlaceholder, allowanceTypesOptions } from '../../specialExams/constants';
+import { useAddAllowance } from '../../specialExams/data/apiHook';
+import messages from '../../specialExams/messages';
+import { useAlert } from '../../providers/AlertProvider';
+const EditAllowanceModal = ({ isOpen, onClose, allowance }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { mutate: editAllowance } = useAddAllowance(courseId);
+    const { data: learner, refetch } = useLearner(courseId, allowance.user.username);
+    const [editedAllowance, setEditedAllowance] = useState({
+        allowanceType: allowance.key,
+        value: allowance.value,
+    });
+    const { showModal } = useAlert();
+    useEffect(() => {
+        if (isOpen) {
+            // Refetch learner data when modal opens to ensure we have the most up-to-date information
+            refetch();
+        }
+    }, [isOpen, refetch]);
+    const handleChanges = (e) => {
+        const { name, value } = e.target;
+        setEditedAllowance(prev => (Object.assign(Object.assign({}, prev), { [name]: value })));
+    };
+    const hasChanges = useMemo(() => {
+        return (editedAllowance.allowanceType !== allowance.key && editedAllowance.allowanceType !== '')
+            || editedAllowance.value !== allowance.value;
+    }, [editedAllowance, allowance]);
+    const handleEdit = (e) => {
+        e.preventDefault();
+        editAllowance({
+            examType: allowance.proctoredExam.examType,
+            allowanceType: editedAllowance.allowanceType,
+            value: editedAllowance.value,
+            userIds: [allowance.user.username],
+            examIds: [allowance.proctoredExam.id],
+        }, {
+            onSuccess: () => {
+                onClose();
+            },
+            onError: () => {
+                showModal({
+                    message: intl.formatMessage(messages.editAllowanceError),
+                    variant: 'danger',
+                });
+            }
+        });
+    };
+    if (!(learner === null || learner === void 0 ? void 0 : learner.username)) {
+        return null;
+    }
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: onClose, title: intl.formatMessage(messages.editAllowance), isOverflowVisible: false, size: "lg", children: [_jsx(ModalDialog.Header, { className: "border-bottom border-light-700", children: _jsx(ModalDialog.Title, { className: "text-primary-700", children: intl.formatMessage(messages.editAllowance) }) }), _jsxs(Form, { className: "position-relative overflow-auto", onSubmit: handleEdit, children: [_jsxs(ModalDialog.Body, { children: [_jsx(Form.Group, { controlId: "learner-info", children: _jsx(SpecifyLearnerField, { learner: learner, onClickSelect: () => { } }) }), _jsxs(Form.Group, { controlId: "select-exam-type", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.selectExamType), ":"] }), _jsx(Form.Control, { as: "select", disabled: true, children: _jsx("option", { value: "", children: allowance.proctoredExam.examType }) })] }), _jsxs(Form.Group, { controlId: "select-exams", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.selectExams), ":"] }), _jsx("div", { children: _jsx(Form.Checkbox, { className: "mt-2", checked: true, disabled: true, labelClassName: "text-primary-500", children: allowance.proctoredExam.examName }, allowance.proctoredExam.examName) })] }), _jsxs(Form.Group, { controlId: "select-allowance-type", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.selectAllowanceType), ":"] }), _jsx(Form.Control, { as: "select", name: "allowanceType", onChange: handleChanges, value: editedAllowance.allowanceType, children: allowanceTypesOptions.map(option => (_jsx("option", { value: option.value, children: intl.formatMessage(option.label) }, option.value))) })] }), _jsxs(Form.Group, { controlId: "allowance-value", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(addLabel[editedAllowance.allowanceType || 'additional_time_granted']), ":"] }), _jsx(Form.Control, { type: editedAllowance.allowanceType === 'review_policy_exception' ? 'text' : 'number', placeholder: intl.formatMessage(addPlaceholder[editedAllowance.allowanceType || 'additional_time_granted']), name: "value", value: editedAllowance.value, onChange: handleChanges })] })] }), _jsx(ModalDialog.Footer, { className: "border-top border-light-700", children: _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: intl.formatMessage(messages.cancel) }), _jsx(Button, { variant: "primary", type: "submit", disabled: !hasChanges, children: intl.formatMessage(messages.editAllowance) })] }) })] })] }));
+};
+export default EditAllowanceModal;
+//# sourceMappingURL=EditAllowanceModal.js.map

package/dist/specialExams/components/EditAllowanceModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditAllowanceModal.js","sourceRoot":"","sources":["../../../src/specialExams/components/EditAllowanceModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { ActionRow, Button, Form, ModalDialog } from '@openedx/paragon';\nimport SpecifyLearnerField from '@src/components/SpecifyLearnerField';\nimport { useLearner } from '@src/data/apiHook';\nimport { addLabel, addPlaceholder, allowanceTypesOptions } from '@src/specialExams/constants';\nimport { useAddAllowance } from '@src/specialExams/data/apiHook';\nimport messages from '@src/specialExams/messages';\nimport { Allowance } from '@src/specialExams/types';\nimport { useAlert } from '@src/providers/AlertProvider';\n\ninterface EditAllowanceModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n  allowance: Allowance,\n}\n\nconst EditAllowanceModal = ({ isOpen, onClose, allowance }: EditAllowanceModalProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { mutate: editAllowance } = useAddAllowance(courseId);\n  const { data: learner, refetch } = useLearner(courseId, allowance.user.username);\n  const [editedAllowance, setEditedAllowance] = useState({\n    allowanceType: allowance.key,\n    value: allowance.value,\n  });\n  const { showModal } = useAlert();\n\n  useEffect(() => {\n    if (isOpen) {\n      // Refetch learner data when modal opens to ensure we have the most up-to-date information\n      refetch();\n    }\n  }, [isOpen, refetch]);\n\n  const handleChanges = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {\n    const { name, value } = e.target;\n    setEditedAllowance(prev => ({ ...prev, [name]: value }));\n  };\n\n  const hasChanges = useMemo(() => {\n    return (editedAllowance.allowanceType !== allowance.key && editedAllowance.allowanceType !== '')\n      || editedAllowance.value !== allowance.value;\n  }, [editedAllowance, allowance]);\n\n  const handleEdit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    editAllowance({\n      examType: allowance.proctoredExam.examType,\n      allowanceType: editedAllowance.allowanceType,\n      value: editedAllowance.value,\n      userIds: [allowance.user.username],\n      examIds: [allowance.proctoredExam.id],\n    }, {\n      onSuccess: () => {\n        onClose();\n      },\n      onError: () => {\n        showModal({\n          message: intl.formatMessage(messages.editAllowanceError),\n          variant: 'danger',\n        });\n      }\n    });\n  };\n\n  if (!learner?.username) {\n    return null;\n  }\n\n  return (\n    <ModalDialog isOpen={isOpen} onClose={onClose} title={intl.formatMessage(messages.editAllowance)} isOverflowVisible={false} size=\"lg\">\n      <ModalDialog.Header className=\"border-bottom border-light-700\">\n        <ModalDialog.Title className=\"text-primary-700\">{intl.formatMessage(messages.editAllowance)}</ModalDialog.Title>\n      </ModalDialog.Header>\n      <Form className=\"position-relative overflow-auto\" onSubmit={handleEdit}>\n        <ModalDialog.Body>\n          <Form.Group controlId=\"learner-info\">\n            <SpecifyLearnerField learner={learner} onClickSelect={() => {}} />\n          </Form.Group>\n          <Form.Group controlId=\"select-exam-type\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.selectExamType)}:</Form.Label>\n            <Form.Control as=\"select\" disabled>\n              <option value=\"\">{allowance.proctoredExam.examType}</option>\n            </Form.Control>\n          </Form.Group>\n          <Form.Group controlId=\"select-exams\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.selectExams)}:</Form.Label>\n            <div>\n              <Form.Checkbox className=\"mt-2\" key={allowance.proctoredExam.examName} checked disabled labelClassName=\"text-primary-500\">\n                {allowance.proctoredExam.examName}\n              </Form.Checkbox>\n            </div>\n          </Form.Group>\n          <Form.Group controlId=\"select-allowance-type\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.selectAllowanceType)}:</Form.Label>\n            <Form.Control as=\"select\" name=\"allowanceType\" onChange={handleChanges} value={editedAllowance.allowanceType}>\n              {allowanceTypesOptions.map(option => (\n                <option key={option.value} value={option.value}>{intl.formatMessage(option.label)}</option>\n              ))}\n            </Form.Control>\n          </Form.Group>\n          <Form.Group controlId=\"allowance-value\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(addLabel[editedAllowance.allowanceType || 'additional_time_granted'])}:</Form.Label>\n            <Form.Control\n              type={editedAllowance.allowanceType === 'review_policy_exception' ? 'text' : 'number'}\n              placeholder={intl.formatMessage(addPlaceholder[editedAllowance.allowanceType || 'additional_time_granted'])}\n              name=\"value\"\n              value={editedAllowance.value}\n              onChange={handleChanges}\n            />\n          </Form.Group>\n        </ModalDialog.Body>\n        <ModalDialog.Footer className=\"border-top border-light-700\">\n          <ActionRow>\n            <Button variant=\"tertiary\" onClick={onClose}>{intl.formatMessage(messages.cancel)}</Button>\n            <Button variant=\"primary\" type=\"submit\" disabled={!hasChanges}>{intl.formatMessage(messages.editAllowance)}</Button>\n          </ActionRow>\n        </ModalDialog.Footer>\n      </Form>\n    </ModalDialog>\n  );\n};\n\nexport default EditAllowanceModal;\n"]}

package/dist/specialExams/constants.d.ts

@@ -0,0 +1,43 @@
+export declare const ALLOWANCES_PAGE_SIZE = 25;
+export declare const addLabel: {
+    additional_time_granted: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    review_policy_exception: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    time_multiplier: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const addPlaceholder: {
+    additional_time_granted: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    review_policy_exception: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    time_multiplier: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export declare const allowanceTypesOptions: {
+    value: string;
+    label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+}[];

package/dist/specialExams/constants.js

@@ -0,0 +1,19 @@
+import messages from '../specialExams/messages';
+export const ALLOWANCES_PAGE_SIZE = 25;
+export const addLabel = {
+    additional_time_granted: messages.addAdditionalTimeGranted,
+    review_policy_exception: messages.addReviewPolicyException,
+    time_multiplier: messages.addTimeMultiplier,
+};
+export const addPlaceholder = {
+    additional_time_granted: messages.addTimePlaceholder,
+    review_policy_exception: messages.exceptionPlaceholder,
+    time_multiplier: messages.timeMultiplierPlaceholder,
+};
+export const allowanceTypesOptions = [
+    { value: '', label: messages.allowanceType },
+    { value: 'additional_time_granted', label: messages.additionalTime },
+    { value: 'review_policy_exception', label: messages.reviewPolicy },
+    { value: 'time_multiplier', label: messages.timeMultiplier },
+];
+//# sourceMappingURL=constants.js.map

package/dist/specialExams/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/specialExams/constants.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,uBAAuB,EAAE,QAAQ,CAAC,wBAAwB;IAC1D,uBAAuB,EAAE,QAAQ,CAAC,wBAAwB;IAC1D,eAAe,EAAE,QAAQ,CAAC,iBAAiB;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,uBAAuB,EAAE,QAAQ,CAAC,kBAAkB;IACpD,uBAAuB,EAAE,QAAQ,CAAC,oBAAoB;IACtD,eAAe,EAAE,QAAQ,CAAC,yBAAyB;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,aAAa,EAAE;IAC5C,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,QAAQ,CAAC,cAAc,EAAE;IACpE,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,QAAQ,CAAC,YAAY,EAAE;IAClE,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,CAAC,cAAc,EAAE;CAC7D,CAAC","sourcesContent":["import messages from '@src/specialExams/messages';\n\nexport const ALLOWANCES_PAGE_SIZE = 25;\n\nexport const addLabel = {\n  additional_time_granted: messages.addAdditionalTimeGranted,\n  review_policy_exception: messages.addReviewPolicyException,\n  time_multiplier: messages.addTimeMultiplier,\n};\n\nexport const addPlaceholder = {\n  additional_time_granted: messages.addTimePlaceholder,\n  review_policy_exception: messages.exceptionPlaceholder,\n  time_multiplier: messages.timeMultiplierPlaceholder,\n};\n\nexport const allowanceTypesOptions = [\n  { value: '', label: messages.allowanceType },\n  { value: 'additional_time_granted', label: messages.additionalTime },\n  { value: 'review_policy_exception', label: messages.reviewPolicy },\n  { value: 'time_multiplier', label: messages.timeMultiplier },\n];\n"]}

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

@@ -1,3 +1,7 @@
 import { DataList } from '../../types';
-import { Attempt, AttemptsParams } from '../types';
+import { AddAllowanceParams, Allowance, Attempt, AttemptsParams, DeleteAllowanceParams, SpecialExam } from '../types';
 export declare const getAttempts: (courseId: string, params: AttemptsParams) => Promise<DataList<Attempt>>;
+export declare const getAllowances: (courseId: string, params: AttemptsParams) => Promise<DataList<Allowance>>;
+export declare const addAllowance: (courseId: string, newAllowance: AddAllowanceParams) => Promise<Allowance[]>;
+export declare const deleteAllowance: (courseId: string, params: DeleteAllowanceParams) => Promise<void>;
+export declare const getSpecialExams: (courseId: string, examType: string) => Promise<SpecialExam[]>;

package/dist/specialExams/data/api.js

@@ -7,9 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { getAuthenticatedHttpClient, camelCaseObject } from '@openedx/frontend-base';
+import { getAuthenticatedHttpClient, camelCaseObject, snakeCaseObject } from '@openedx/frontend-base';
 import { getApiBaseUrl } from '../../data/api';
-export const getAttempts = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+const getQueryParams = (params) => {
     const queryParams = new URLSearchParams({
         page: (params.page + 1).toString(),
         page_size: params.pageSize.toString(),
@@ -17,7 +17,33 @@ export const getAttempts = (courseId, params) => __awaiter(void 0, void 0, void
     if (params.emailOrUsername) {
         queryParams.append('search', params.emailOrUsername);
     }
+    return queryParams;
+};
+export const getAttempts = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const queryParams = getQueryParams(params);
     const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/attempts?${queryParams.toString()}`);
     return camelCaseObject(data);
 });
+export const getAllowances = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const queryParams = getQueryParams(params);
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/allowances?${queryParams.toString()}`);
+    return camelCaseObject(data);
+});
+export const addAllowance = (courseId, newAllowance) => __awaiter(void 0, void 0, void 0, function* () {
+    const newAllowanceSnakeCase = snakeCaseObject(newAllowance);
+    const { data } = yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/allowances`, newAllowanceSnakeCase);
+    return camelCaseObject(data);
+});
+export const deleteAllowance = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const snakeCaseParams = snakeCaseObject(params);
+    yield getAuthenticatedHttpClient().delete(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/${params.examId}/allowance`, {
+        data: snakeCaseParams
+    });
+});
+export const getSpecialExams = (courseId, examType) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams`, {
+        params: { exam_type: examType }
+    });
+    return camelCaseObject(data);
+});
 //# sourceMappingURL=api.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/specialExams/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,QAAgB,EAAE,MAAsB,EAA8B,EAAE;IACxG,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;QAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;KACtC,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;QAC3B,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,2BAA2B,WAAW,CAAC,QAAQ,EAAE,EAAE,CAC5G,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { getAuthenticatedHttpClient, camelCaseObject } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { DataList } from '@src/types';\nimport { Attempt, AttemptsParams } from '../types';\n\nexport const getAttempts = async (courseId: string, params: AttemptsParams): Promise<DataList<Attempt>> => {\n  const queryParams = new URLSearchParams({\n    page: (params.page + 1).toString(),\n    page_size: params.pageSize.toString(),\n  });\n\n  if (params.emailOrUsername) {\n    queryParams.append('search', params.emailOrUsername);\n  }\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/attempts?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/specialExams/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,cAAc,GAAG,CAAC,MAAsB,EAAE,EAAE;IAChD,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;QAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;KACtC,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;QAC3B,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,QAAgB,EAAE,MAAsB,EAA8B,EAAE;IACxG,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,2BAA2B,WAAW,CAAC,QAAQ,EAAE,EAAE,CAC5G,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAO,QAAgB,EAAE,MAAsB,EAAgC,EAAE;IAC5G,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,6BAA6B,WAAW,CAAC,QAAQ,EAAE,EAAE,CAC9G,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAO,QAAgB,EAAE,YAAgC,EAAwB,EAAE;IAC7G,MAAM,qBAAqB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC5D,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACtD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,2BAA2B,EACnF,qBAAqB,CACtB,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAO,QAAgB,EAAE,MAA6B,EAAiB,EAAE;IACtG,MAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,0BAA0B,EAAE,CAAC,MAAM,CACvC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,kBAAkB,MAAM,CAAC,MAAM,YAAY,EAAE;QACnG,IAAI,EAAE,eAAe;KACtB,CACF,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAO,QAAgB,EAAE,QAAgB,EAA0B,EAAE;IAClG,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,gBAAgB,EAAE;QACxE,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;KAChC,CACF,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { getAuthenticatedHttpClient, camelCaseObject, snakeCaseObject } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { DataList } from '@src/types';\nimport { AddAllowanceParams, Allowance, Attempt, AttemptsParams, DeleteAllowanceParams, SpecialExam } from '../types';\n\nconst getQueryParams = (params: AttemptsParams) => {\n  const queryParams = new URLSearchParams({\n    page: (params.page + 1).toString(),\n    page_size: params.pageSize.toString(),\n  });\n\n  if (params.emailOrUsername) {\n    queryParams.append('search', params.emailOrUsername);\n  }\n\n  return queryParams;\n};\n\nexport const getAttempts = async (courseId: string, params: AttemptsParams): Promise<DataList<Attempt>> => {\n  const queryParams = getQueryParams(params);\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/attempts?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n\nexport const getAllowances = async (courseId: string, params: AttemptsParams): Promise<DataList<Allowance>> => {\n  const queryParams = getQueryParams(params);\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/allowances?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n\nexport const addAllowance = async (courseId: string, newAllowance: AddAllowanceParams): Promise<Allowance[]> => {\n  const newAllowanceSnakeCase = snakeCaseObject(newAllowance);\n  const { data } = await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/allowances`,\n    newAllowanceSnakeCase\n  );\n  return camelCaseObject(data);\n};\n\nexport const deleteAllowance = async (courseId: string, params: DeleteAllowanceParams): Promise<void> => {\n  const snakeCaseParams = snakeCaseObject(params);\n  await getAuthenticatedHttpClient().delete(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams/${params.examId}/allowance`, {\n      data: snakeCaseParams\n    }\n  );\n};\n\nexport const getSpecialExams = async (courseId: string, examType: string): Promise<SpecialExam[]> => {\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/special_exams`, {\n      params: { exam_type: examType }\n    }\n  );\n  return camelCaseObject(data);\n};\n"]}

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

@@ -1,2 +1,6 @@
-import { AttemptsParams } from '../types';
+import { AddAllowanceParams, AttemptsParams, DeleteAllowanceParams } from '../types';
 export declare const useAttempts: (courseId: string, params: AttemptsParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../types").Attempt>, Error>;
+export declare const useAllowances: (courseId: string, params: AttemptsParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../types").Allowance>, Error>;
+export declare const useAddAllowance: (courseId: string) => import("@tanstack/react-query").UseMutationResult<import("../types").Allowance[], Error, AddAllowanceParams, unknown>;
+export declare const useDeleteAllowance: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, DeleteAllowanceParams, unknown>;
+export declare const useSpecialExams: (courseId: string, examType: string) => import("@tanstack/react-query").UseQueryResult<import("../types").SpecialExam[], Error>;

package/dist/specialExams/data/apiHook.js

@@ -1,9 +1,37 @@
-import { useQuery } from '@tanstack/react-query';
-import { getAttempts } from './api';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { addAllowance, deleteAllowance, getAllowances, getAttempts, getSpecialExams } from './api';
 import { specialExamsQueryKeys } from './queryKeys';
 export const useAttempts = (courseId, params) => (useQuery({
     queryKey: specialExamsQueryKeys.attempts(courseId, params),
     queryFn: () => getAttempts(courseId, params),
     enabled: !!courseId,
 }));
+export const useAllowances = (courseId, params) => (useQuery({
+    queryKey: specialExamsQueryKeys.allowances(courseId, params),
+    queryFn: () => getAllowances(courseId, params),
+    enabled: !!courseId,
+}));
+export const useAddAllowance = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (newAllowance) => addAllowance(courseId, newAllowance),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: specialExamsQueryKeys.allowances(courseId), exact: false });
+        },
+    });
+};
+export const useDeleteAllowance = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (params) => deleteAllowance(courseId, params),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: specialExamsQueryKeys.allowances(courseId), exact: false });
+        },
+    });
+};
+export const useSpecialExams = (courseId, examType) => (useQuery({
+    queryKey: specialExamsQueryKeys.specialExams(courseId, examType),
+    queryFn: () => getSpecialExams(courseId, examType),
+    enabled: !!courseId && !!examType,
+}));
 //# sourceMappingURL=apiHook.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/specialExams/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,MAAsB,EAAE,EAAE,CAAC,CACvE,QAAQ,CAAC;IACP,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { getAttempts } from './api';\nimport { specialExamsQueryKeys } from './queryKeys';\nimport { AttemptsParams } from '../types';\n\nexport const useAttempts = (courseId: string, params: AttemptsParams) => (\n  useQuery({\n    queryKey: specialExamsQueryKeys.attempts(courseId, params),\n    queryFn: () => getAttempts(courseId, params),\n    enabled: !!courseId,\n  })\n);\n"]}
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/specialExams/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,MAAsB,EAAE,EAAE,CAAC,CACvE,QAAQ,CAAC;IACP,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,MAAsB,EAAE,EAAE,CAAC,CACzE,QAAQ,CAAC;IACP,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC9C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;IAClD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,YAAgC,EAAE,EAAE,CAC/C,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC;QACtC,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QACxG,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,MAA6B,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC;QAChF,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QACxG,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,QAAgB,EAAE,EAAE,CAAC,CACrE,QAAQ,CAAC;IACP,QAAQ,EAAE,qBAAqB,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAChE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAClD,OAAO,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ;CAClC,CAAC,CACH,CAAC","sourcesContent":["import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { addAllowance, deleteAllowance, getAllowances, getAttempts, getSpecialExams } from './api';\nimport { specialExamsQueryKeys } from './queryKeys';\nimport { AddAllowanceParams, AttemptsParams, DeleteAllowanceParams } from '../types';\n\nexport const useAttempts = (courseId: string, params: AttemptsParams) => (\n  useQuery({\n    queryKey: specialExamsQueryKeys.attempts(courseId, params),\n    queryFn: () => getAttempts(courseId, params),\n    enabled: !!courseId,\n  })\n);\n\nexport const useAllowances = (courseId: string, params: AttemptsParams) => (\n  useQuery({\n    queryKey: specialExamsQueryKeys.allowances(courseId, params),\n    queryFn: () => getAllowances(courseId, params),\n    enabled: !!courseId,\n  })\n);\n\nexport const useAddAllowance = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (newAllowance: AddAllowanceParams) =>\n      addAllowance(courseId, newAllowance),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: specialExamsQueryKeys.allowances(courseId), exact: false });\n    },\n  });\n};\n\nexport const useDeleteAllowance = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (params: DeleteAllowanceParams) => deleteAllowance(courseId, params),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: specialExamsQueryKeys.allowances(courseId), exact: false });\n    },\n  });\n};\n\nexport const useSpecialExams = (courseId: string, examType: string) => (\n  useQuery({\n    queryKey: specialExamsQueryKeys.specialExams(courseId, examType),\n    queryFn: () => getSpecialExams(courseId, examType),\n    enabled: !!courseId && !!examType,\n  })\n);\n"]}

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

@@ -1,5 +1,8 @@
 import { AttemptsParams } from '../types';
 export declare const specialExamsQueryKeys: {
     all: readonly ["org.openedx.frontend.app.instructorDashboard", "specialExams"];
-    attempts: (courseId: string, params: AttemptsParams) => readonly ["org.openedx.frontend.app.instructorDashboard", "specialExams", "attempts", string, number, string];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "specialExams", string];
+    attempts: (courseId: string, params: AttemptsParams) => readonly ["org.openedx.frontend.app.instructorDashboard", "specialExams", string, "attempts", number, string];
+    allowances: (courseId: string, params?: AttemptsParams) => readonly ["org.openedx.frontend.app.instructorDashboard", "specialExams", string, "allowances", number, string];
+    specialExams: (courseId: string, examType: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "specialExams", string, "specialExams", string];
 };

package/dist/specialExams/data/queryKeys.js

@@ -1,6 +1,9 @@
 import { appId } from '../../constants';
 export const specialExamsQueryKeys = {
     all: [appId, 'specialExams'],
-    attempts: (courseId, params) => [...specialExamsQueryKeys.all, 'attempts', courseId, params.page, params.emailOrUsername],
+    byCourse: (courseId) => [...specialExamsQueryKeys.all, courseId],
+    attempts: (courseId, params) => [...specialExamsQueryKeys.byCourse(courseId), 'attempts', params.page, params.emailOrUsername],
+    allowances: (courseId, params) => [...specialExamsQueryKeys.byCourse(courseId), 'allowances', (params === null || params === void 0 ? void 0 : params.page) || 1, (params === null || params === void 0 ? void 0 : params.emailOrUsername) || ''],
+    specialExams: (courseId, examType) => [...specialExamsQueryKeys.byCourse(courseId), 'specialExams', examType],
 };
 //# sourceMappingURL=queryKeys.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/specialExams/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,CAAU;IACrC,QAAQ,EAAE,CAAC,QAAgB,EAAE,MAAsB,EAAE,EAAE,CAAC,CAAC,GAAG,qBAAqB,CAAC,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,CAAU;CAC3J,CAAC","sourcesContent":["import { appId } from '@src/constants';\nimport { AttemptsParams } from '../types';\n\nexport const specialExamsQueryKeys = {\n  all: [appId, 'specialExams'] as const,\n  attempts: (courseId: string, params: AttemptsParams) => [...specialExamsQueryKeys.all, 'attempts', courseId, params.page, params.emailOrUsername] as const,\n};\n"]}
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/specialExams/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,CAAU;IACrC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,qBAAqB,CAAC,GAAG,EAAE,QAAQ,CAAU;IACjF,QAAQ,EAAE,CAAC,QAAgB,EAAE,MAAsB,EAAE,EAAE,CAAC,CAAC,GAAG,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,CAAU;IAC/J,UAAU,EAAE,CAAC,QAAgB,EAAE,MAAuB,EAAE,EAAE,CAAC,CAAC,GAAG,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,KAAI,EAAE,CAAU;IACjL,YAAY,EAAE,CAAC,QAAgB,EAAE,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,QAAQ,CAAU;CACvI,CAAC","sourcesContent":["import { appId } from '@src/constants';\nimport { AttemptsParams } from '../types';\n\nexport const specialExamsQueryKeys = {\n  all: [appId, 'specialExams'] as const,\n  byCourse: (courseId: string) => [...specialExamsQueryKeys.all, courseId] as const,\n  attempts: (courseId: string, params: AttemptsParams) => [...specialExamsQueryKeys.byCourse(courseId), 'attempts', params.page, params.emailOrUsername] as const,\n  allowances: (courseId: string, params?: AttemptsParams) => [...specialExamsQueryKeys.byCourse(courseId), 'allowances', params?.page || 1, params?.emailOrUsername || ''] as const,\n  specialExams: (courseId: string, examType: string) => [...specialExamsQueryKeys.byCourse(courseId), 'specialExams', examType] as const,\n};\n"]}

package/dist/specialExams/messages.d.ts

@@ -54,5 +54,170 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    noAllowances: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editAllowance: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    email: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allowanceType: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allowanceValue: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addAllowance: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    createAllowance: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    specifyLearners: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    specifyLearnersPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    selectExamType: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    selectExams: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    selectAllowanceType: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addTime: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addTimePlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    actions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    proctored: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    timed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    timeMultiplier: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    additionalTime: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    reviewPolicy: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    exceptionPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    timeMultiplierPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    edit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    delete: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteAllowance: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteConfirmation: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addAdditionalTimeGranted: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addReviewPolicyException: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addTimeMultiplier: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addAllowanceError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editAllowanceError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;