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

package/dist/enrollments/messages.d.ts

@@ -0,0 +1,108 @@
+declare const messages: {
+    enrollmentsPageTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addBetaTesters: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    enrollLearners: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    checkEnrollmentStatus: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    username: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fullName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    email: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    track: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    betaTester: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    actions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unenrollButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    trueLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addLearnerInstructions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    enrollLearnersPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    closeButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noEnrollments: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    changeBetaTesterStatus: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allEnrollees: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    betaTesters: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    nonBetaTesters: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/enrollments/messages.js

@@ -0,0 +1,110 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    enrollmentsPageTitle: {
+        id: 'instruct.enrollments.page.title',
+        defaultMessage: 'Enrollment Management',
+        description: 'Title for the enrollments page',
+    },
+    addBetaTesters: {
+        id: 'instruct.enrollments.addBetaTesters',
+        defaultMessage: 'Add Beta Testers',
+        description: 'Button label for adding beta testers',
+    },
+    enrollLearners: {
+        id: 'instruct.enrollments.enrollLearners',
+        defaultMessage: 'Enroll Learners',
+        description: 'Button label for enrolling learners',
+    },
+    checkEnrollmentStatus: {
+        id: 'instruct.enrollments.checkEnrollmentStatus',
+        defaultMessage: 'Check Enrollment Status',
+        description: 'Check enrollment status modal title and alt for icon button',
+    },
+    username: {
+        id: 'instruct.enrollments.username',
+        defaultMessage: 'Username',
+        description: 'Column header for username in enrollments list',
+    },
+    fullName: {
+        id: 'instruct.enrollments.fullName',
+        defaultMessage: 'Name',
+        description: 'Column header for full name in enrollments list',
+    },
+    email: {
+        id: 'instruct.enrollments.email',
+        defaultMessage: 'Email',
+        description: 'Column header for email in enrollments list',
+    },
+    track: {
+        id: 'instruct.enrollments.track',
+        defaultMessage: 'Track',
+        description: 'Column header for track in enrollments list',
+    },
+    betaTester: {
+        id: 'instruct.enrollments.betaTester',
+        defaultMessage: 'Beta Tester',
+        description: 'Column header for beta tester status in enrollments list',
+    },
+    actions: {
+        id: 'instruct.enrollments.actions',
+        defaultMessage: 'Actions',
+        description: 'Column header for actions in enrollments list',
+    },
+    unenrollButton: {
+        id: 'instruct.enrollments.unenrollButton',
+        defaultMessage: 'Unenroll',
+        description: 'Button label for unenrolling a learner',
+    },
+    trueLabel: {
+        id: 'instruct.enrollments.trueLabel',
+        defaultMessage: 'True',
+        description: 'Label for true boolean value',
+    },
+    addLearnerInstructions: {
+        id: 'instruct.enrollments.checkEnrollmentStatusModal.addLearnerInstructions',
+        defaultMessage: 'Learner’s My Open edX email address or username',
+        description: 'Instructions for enroll learners to the course',
+    },
+    enrollLearnersPlaceholder: {
+        id: 'instruct.enrollments.checkEnrollmentStatusModal.enrollLearnersPlaceholder',
+        defaultMessage: 'Learner email address or username',
+        description: 'Placeholder text for enrolling learners textarea',
+    },
+    closeButton: {
+        id: 'instruct.enrollments.checkEnrollmentStatusModal.closeButton',
+        defaultMessage: 'Close',
+        description: 'Label for close button in modals',
+    },
+    searchPlaceholder: {
+        id: 'instruct.enrollments.searchPlaceholder',
+        defaultMessage: 'Search enrollments',
+        description: 'Placeholder for the search input in enrollments list',
+    },
+    noEnrollments: {
+        id: 'instruct.enrollments.noEnrollments',
+        defaultMessage: 'No enrollments found',
+        description: 'Message displayed when there are no enrollments to show',
+    },
+    changeBetaTesterStatus: {
+        id: 'instruct.enrollments.changeBetaTesterStatus',
+        defaultMessage: 'Change Beta Tester Status',
+        description: 'Alt text for change beta tester status icon button',
+    },
+    allEnrollees: {
+        id: 'instruct.enrollments.allEnrollees',
+        defaultMessage: 'All Enrollees',
+        description: 'Option for showing all enrollees in beta tester filter',
+    },
+    betaTesters: {
+        id: 'instruct.enrollments.betaTesters',
+        defaultMessage: 'Beta Testers',
+        description: 'Option for showing only beta testers in beta tester filter',
+    },
+    nonBetaTesters: {
+        id: 'instruct.enrollments.nonBetaTesters',
+        defaultMessage: 'Non-Beta Testers',
+        description: 'Option for showing only non-beta testers in beta tester filter',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/enrollments/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/enrollments/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,oBAAoB,EAAE;QACpB,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,gCAAgC;KAC9C;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,sCAAsC;KACpD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,qCAAqC;KACnD;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,6DAA6D;KAC3E;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,gDAAgD;KAC9D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,iDAAiD;KAC/D;IACD,KAAK,EAAE;QACL,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,6CAA6C;KAC3D;IACD,KAAK,EAAE;QACL,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,6CAA6C;KAC3D;IACD,UAAU,EAAE;QACV,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,0DAA0D;KACxE;IACD,OAAO,EAAE;QACP,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,+CAA+C;KAC7D;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,wCAAwC;KACtD;IACD,SAAS,EAAE;QACT,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,8BAA8B;KAC5C;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,wEAAwE;QAC5E,cAAc,EAAE,iDAAiD;QACjE,WAAW,EAAE,gDAAgD;KAC9D;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,2EAA2E;QAC/E,cAAc,EAAE,mCAAmC;QACnD,WAAW,EAAE,kDAAkD;KAChE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,6DAA6D;QACjE,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,kCAAkC;KAChD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,oBAAoB;QACpC,WAAW,EAAE,sDAAsD;KACpE;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,yDAAyD;KACvE;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,2BAA2B;QAC3C,WAAW,EAAE,oDAAoD;KAClE;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,wDAAwD;KACtE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,4DAA4D;KAC1E;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,gEAAgE;KAC9E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  enrollmentsPageTitle: {\n    id: 'instruct.enrollments.page.title',\n    defaultMessage: 'Enrollment Management',\n    description: 'Title for the enrollments page',\n  },\n  addBetaTesters: {\n    id: 'instruct.enrollments.addBetaTesters',\n    defaultMessage: 'Add Beta Testers',\n    description: 'Button label for adding beta testers',\n  },\n  enrollLearners: {\n    id: 'instruct.enrollments.enrollLearners',\n    defaultMessage: 'Enroll Learners',\n    description: 'Button label for enrolling learners',\n  },\n  checkEnrollmentStatus: {\n    id: 'instruct.enrollments.checkEnrollmentStatus',\n    defaultMessage: 'Check Enrollment Status',\n    description: 'Check enrollment status modal title and alt for icon button',\n  },\n  username: {\n    id: 'instruct.enrollments.username',\n    defaultMessage: 'Username',\n    description: 'Column header for username in enrollments list',\n  },\n  fullName: {\n    id: 'instruct.enrollments.fullName',\n    defaultMessage: 'Name',\n    description: 'Column header for full name in enrollments list',\n  },\n  email: {\n    id: 'instruct.enrollments.email',\n    defaultMessage: 'Email',\n    description: 'Column header for email in enrollments list',\n  },\n  track: {\n    id: 'instruct.enrollments.track',\n    defaultMessage: 'Track',\n    description: 'Column header for track in enrollments list',\n  },\n  betaTester: {\n    id: 'instruct.enrollments.betaTester',\n    defaultMessage: 'Beta Tester',\n    description: 'Column header for beta tester status in enrollments list',\n  },\n  actions: {\n    id: 'instruct.enrollments.actions',\n    defaultMessage: 'Actions',\n    description: 'Column header for actions in enrollments list',\n  },\n  unenrollButton: {\n    id: 'instruct.enrollments.unenrollButton',\n    defaultMessage: 'Unenroll',\n    description: 'Button label for unenrolling a learner',\n  },\n  trueLabel: {\n    id: 'instruct.enrollments.trueLabel',\n    defaultMessage: 'True',\n    description: 'Label for true boolean value',\n  },\n  addLearnerInstructions: {\n    id: 'instruct.enrollments.checkEnrollmentStatusModal.addLearnerInstructions',\n    defaultMessage: 'Learner’s My Open edX email address or username',\n    description: 'Instructions for enroll learners to the course',\n  },\n  enrollLearnersPlaceholder: {\n    id: 'instruct.enrollments.checkEnrollmentStatusModal.enrollLearnersPlaceholder',\n    defaultMessage: 'Learner email address or username',\n    description: 'Placeholder text for enrolling learners textarea',\n  },\n  closeButton: {\n    id: 'instruct.enrollments.checkEnrollmentStatusModal.closeButton',\n    defaultMessage: 'Close',\n    description: 'Label for close button in modals',\n  },\n  searchPlaceholder: {\n    id: 'instruct.enrollments.searchPlaceholder',\n    defaultMessage: 'Search enrollments',\n    description: 'Placeholder for the search input in enrollments list',\n  },\n  noEnrollments: {\n    id: 'instruct.enrollments.noEnrollments',\n    defaultMessage: 'No enrollments found',\n    description: 'Message displayed when there are no enrollments to show',\n  },\n  changeBetaTesterStatus: {\n    id: 'instruct.enrollments.changeBetaTesterStatus',\n    defaultMessage: 'Change Beta Tester Status',\n    description: 'Alt text for change beta tester status icon button',\n  },\n  allEnrollees: {\n    id: 'instruct.enrollments.allEnrollees',\n    defaultMessage: 'All Enrollees',\n    description: 'Option for showing all enrollees in beta tester filter',\n  },\n  betaTesters: {\n    id: 'instruct.enrollments.betaTesters',\n    defaultMessage: 'Beta Testers',\n    description: 'Option for showing only beta testers in beta tester filter',\n  },\n  nonBetaTesters: {\n    id: 'instruct.enrollments.nonBetaTesters',\n    defaultMessage: 'Non-Beta Testers',\n    description: 'Option for showing only non-beta testers in beta tester filter',\n  },\n});\n\nexport default messages;\n"]}

package/dist/enrollments/types.d.ts

@@ -0,0 +1,15 @@
+import { PaginationParams } from '../types';
+export interface EnrollmentStatusResponse {
+    enrollmentStatus: string;
+}
+export interface Learner {
+    username: string;
+    fullName: string;
+    email: string;
+    mode: string;
+    isBetaTester: boolean;
+}
+export interface EnrollmentsParams extends PaginationParams {
+    emailOrUsername: string;
+    isBetaTester: string;
+}

package/dist/enrollments/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/enrollments/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/enrollments/types.ts"],"names":[],"mappings":"","sourcesContent":["import { PaginationParams } from '@src/types';\n\nexport interface EnrollmentStatusResponse {\n  enrollmentStatus: string,\n}\n\nexport interface Learner {\n  username: string,\n  fullName: string,\n  email: string,\n  mode: string,\n  isBetaTester: boolean,\n}\n\nexport interface EnrollmentsParams extends PaginationParams {\n  emailOrUsername: string,\n  isBetaTester: string,\n}\n"]}

package/dist/grading/GradingPage.d.ts

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

package/dist/grading/GradingPage.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const GradingPage = () => {
+    return (_jsx("div", { children: _jsx("h3", { children: "Grading" }) }));
+};
+export default GradingPage;
+//# sourceMappingURL=GradingPage.js.map

package/dist/grading/GradingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradingPage.js","sourceRoot":"","sources":["../../src/grading/GradingPage.tsx"],"names":[],"mappings":";AAAA,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,wBACE,mCAAgB,GACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["const GradingPage = () => {\n  return (\n    <div>\n      <h3>Grading</h3>\n    </div>\n  );\n};\n\nexport default GradingPage;\n"]}

package/dist/hooks/useDebouncedFilter.d.ts

@@ -0,0 +1,16 @@
+interface UseDebouncedFilterProps {
+    filterValue: string;
+    setFilter: (value: string) => void;
+    delay?: number;
+}
+/**
+ * Hook for handling debounced filter input with automatic synchronization
+ * @param filterValue - Current filter value from parent component
+ * @param setFilter - Function to update the filter in parent component
+ * @param delay - Debounce delay in milliseconds (default: 600ms)
+ */
+export declare const useDebouncedFilter: ({ filterValue, setFilter, delay }: UseDebouncedFilterProps) => {
+    inputValue: string;
+    handleChange: (value: string) => void;
+};
+export {};

package/dist/hooks/useDebouncedFilter.js

@@ -0,0 +1,27 @@
+import { useCallback, useEffect, useState } from 'react';
+import { debounce } from 'lodash';
+/**
+ * Hook for handling debounced filter input with automatic synchronization
+ * @param filterValue - Current filter value from parent component
+ * @param setFilter - Function to update the filter in parent component
+ * @param delay - Debounce delay in milliseconds (default: 600ms)
+ */
+export const useDebouncedFilter = ({ filterValue, setFilter, delay = 600 }) => {
+    const [inputValue, setInputValue] = useState(filterValue || '');
+    // Debounced function to update the filter
+    // Added 600ms delay after testing on 3G network - good balance between responsiveness and reducing API calls
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const debouncedSetFilter = useCallback(debounce((value) => setFilter(value), delay), [setFilter, delay]);
+    useEffect(() => {
+        setInputValue(filterValue || '');
+    }, [filterValue]);
+    const handleChange = (value) => {
+        setInputValue(value);
+        debouncedSetFilter(value);
+    };
+    return {
+        inputValue,
+        handleChange,
+    };
+};
+//# sourceMappingURL=useDebouncedFilter.js.map

package/dist/hooks/useDebouncedFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedFilter.js","sourceRoot":"","sources":["../../src/hooks/useDebouncedFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAQlC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,WAAW,EACX,SAAS,EACT,KAAK,GAAG,GAAG,EACa,EAAE,EAAE;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAEhE,0CAA0C;IAC1C,6GAA6G;IAC7G,uDAAuD;IACvD,MAAM,kBAAkB,GAAG,WAAW,CACpC,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EACpD,CAAC,SAAS,EAAE,KAAK,CAAC,CACnB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,YAAY;KACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { debounce } from 'lodash';\n\ninterface UseDebouncedFilterProps {\n  filterValue: string,\n  setFilter: (value: string) => void,\n  delay?: number,\n}\n\n/**\n * Hook for handling debounced filter input with automatic synchronization\n * @param filterValue - Current filter value from parent component\n * @param setFilter - Function to update the filter in parent component\n * @param delay - Debounce delay in milliseconds (default: 600ms)\n */\nexport const useDebouncedFilter = ({\n  filterValue,\n  setFilter,\n  delay = 600\n}: UseDebouncedFilterProps) => {\n  const [inputValue, setInputValue] = useState(filterValue || '');\n\n  // Debounced function to update the filter\n  // Added 600ms delay after testing on 3G network - good balance between responsiveness and reducing API calls\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedSetFilter = useCallback(\n    debounce((value: string) => setFilter(value), delay),\n    [setFilter, delay]\n  );\n\n  useEffect(() => {\n    setInputValue(filterValue || '');\n  }, [filterValue]);\n\n  const handleChange = (value: string) => {\n    setInputValue(value);\n    debouncedSetFilter(value);\n  };\n\n  return {\n    inputValue,\n    handleChange,\n  };\n};\n"]}

package/dist/i18n/index.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    ar: {};
+    'zh-hk': {};
+    'zh-cn': {};
+    uk: {};
+    'tr-tr': {};
+    th: {};
+    te: {};
+    ru: {};
+    'pt-pt': {};
+    'pt-br': {};
+    'it-it': {};
+    id: {};
+    hi: {};
+    he: {};
+    'fr-ca': {};
+    fa: {};
+    'es-es': {};
+    'es-419': {};
+    el: {};
+    'de-de': {};
+    da: {};
+    bo: {};
+};
+export default _default;

package/dist/i18n/index.js

@@ -0,0 +1,26 @@
+// Placeholder be overridden by `make pull_translations`
+export default {
+    ar: {},
+    'zh-hk': {},
+    'zh-cn': {},
+    uk: {},
+    'tr-tr': {},
+    th: {},
+    te: {},
+    ru: {},
+    'pt-pt': {},
+    'pt-br': {},
+    'it-it': {},
+    id: {},
+    hi: {},
+    he: {},
+    'fr-ca': {},
+    fa: {},
+    'es-es': {},
+    'es-419': {},
+    el: {},
+    'de-de': {},
+    da: {},
+    bo: {},
+};
+//# sourceMappingURL=index.js.map

package/dist/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/i18n/index.js"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,eAAe;IACb,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;IACZ,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC","sourcesContent":["// Placeholder be overridden by `make pull_translations`\nexport default {\n  ar: {},\n  'zh-hk': {},\n  'zh-cn': {},\n  uk: {},\n  'tr-tr': {},\n  th: {},\n  te: {},\n  ru: {},\n  'pt-pt': {},\n  'pt-br': {},\n  'it-it': {},\n  id: {},\n  hi: {},\n  he: {},\n  'fr-ca': {},\n  fa: {},\n  'es-es': {},\n  'es-419': {},\n  el: {},\n  'de-de': {},\n  da: {},\n  bo: {},\n};\n"]}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as instructApp } from './app';
+export { default as instructRoutes } from './routes';
+export { default as instructMessages } from './i18n';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { default as instructApp } from './app';
+export { default as instructRoutes } from './routes';
+export { default as instructMessages } from './i18n';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { default as instructApp } from './app';\nexport { default as instructRoutes } from './routes';\nexport { default as instructMessages } from './i18n';\n"]}

package/dist/instructorNav/InstructorNav.d.ts

@@ -0,0 +1,8 @@
+export interface TabProps {
+    tabId: string;
+    url: string;
+    title: string;
+    sortOrder: number;
+}
+declare const InstructorNav: () => import("react/jsx-runtime").JSX.Element | null;
+export default InstructorNav;

package/dist/instructorNav/InstructorNav.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useParams, Link } from 'react-router-dom';
+import { Nav, Navbar, Skeleton } from '@openedx/paragon';
+import { useCourseInfo } from '../data/apiHook';
+import { useAlert } from '../providers/AlertProvider';
+import { useWidgetProps } from '../slots/SlotUtils';
+const InstructorNav = () => {
+    const { courseId = '', tabId = '' } = useParams();
+    const { data: courseInfo, isLoading } = useCourseInfo(courseId);
+    const widgetPropsArray = useWidgetProps('org.openedx.frontend.slot.instructor.tabs.v1');
+    const { clearAlerts } = useAlert();
+    const sortedTabs = useMemo(() => {
+        var _a;
+        if (isLoading)
+            return [];
+        const apiTabs = (_a = courseInfo === null || courseInfo === void 0 ? void 0 : courseInfo.tabs) !== null && _a !== void 0 ? _a : [];
+        const tabMap = new Map();
+        // Adding tabs from API and from slot into a map to avoid duplicates
+        apiTabs.forEach(tab => {
+            tabMap.set(tab.tabId, tab);
+        });
+        widgetPropsArray.forEach(slotTab => {
+            // If the slotTab doesn't have a tabId or title, we can't render it properly, so we skip it.
+            if (!slotTab.tabId || !slotTab.title) {
+                return;
+            }
+            tabMap.set(slotTab.tabId, slotTab);
+        });
+        const allTabs = Array.from(tabMap.values());
+        // Tabs are sorted by sortOrder, with a fallback to 1000 to be placed at the end for tabs that don't have sortOrder defined (to avoid NaN issues)
+        return allTabs.sort((a, b) => { var _a, _b; return ((_a = a.sortOrder) !== null && _a !== void 0 ? _a : 1000) - ((_b = b.sortOrder) !== null && _b !== void 0 ? _b : 1000); });
+    }, [courseInfo === null || courseInfo === void 0 ? void 0 : courseInfo.tabs, isLoading, widgetPropsArray]);
+    if (isLoading) {
+        return _jsx(Skeleton, { className: "lead" });
+    }
+    if (sortedTabs.length === 0)
+        return null;
+    return (_jsx(Navbar, { expand: "md", className: "py-0", children: _jsxs(Nav, { variant: "tabs", activeKey: tabId, children: [_jsx(Navbar.Toggle, { "aria-controls": "instructor-nav" }), _jsx(Navbar.Collapse, { id: "instructor-nav", children: sortedTabs.map((tab) => (_jsx(Nav.Item, { children: _jsx(Nav.Link, { as: Link, to: tab.url, active: tab.tabId === tabId, onClick: () => clearAlerts(), children: tab.title }) }, tab.tabId))) })] }) }));
+};
+export default InstructorNav;
+//# sourceMappingURL=InstructorNav.js.map

package/dist/instructorNav/InstructorNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstructorNav.js","sourceRoot":"","sources":["../../src/instructorNav/InstructorNav.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport { useParams, Link } from 'react-router-dom';\nimport { Nav, Navbar, Skeleton } from '@openedx/paragon';\nimport { useCourseInfo } from '@src/data/apiHook';\nimport { useAlert } from '@src/providers/AlertProvider';\nimport { useWidgetProps } from '../slots/SlotUtils';\n\nexport interface TabProps {\n  tabId: string,\n  url: string,\n  title: string,\n  sortOrder: number,\n}\n\nconst InstructorNav = () => {\n  const { courseId = '', tabId = '' } = useParams<{ courseId: string, tabId?: string }>();\n  const { data: courseInfo, isLoading } = useCourseInfo(courseId);\n  const widgetPropsArray = useWidgetProps('org.openedx.frontend.slot.instructor.tabs.v1') as TabProps[];\n  const { clearAlerts } = useAlert();\n\n  const sortedTabs = useMemo(() => {\n    if (isLoading) return [];\n    const apiTabs: TabProps[] = courseInfo?.tabs ?? [];\n    const tabMap = new Map<string, TabProps>();\n\n    // Adding tabs from API and from slot into a map to avoid duplicates\n    apiTabs.forEach(tab => {\n      tabMap.set(tab.tabId, tab);\n    });\n\n    widgetPropsArray.forEach(slotTab => {\n      // If the slotTab doesn't have a tabId or title, we can't render it properly, so we skip it.\n      if (!slotTab.tabId || !slotTab.title) {\n        return;\n      }\n\n      tabMap.set(slotTab.tabId, slotTab);\n    });\n\n    const allTabs = Array.from(tabMap.values());\n\n    // Tabs are sorted by sortOrder, with a fallback to 1000 to be placed at the end for tabs that don't have sortOrder defined (to avoid NaN issues)\n    return allTabs.sort((a, b) => (a.sortOrder ?? 1000) - (b.sortOrder ?? 1000));\n  }, [courseInfo?.tabs, isLoading, widgetPropsArray]);\n\n  if (isLoading) {\n    return <Skeleton className=\"lead\" />;\n  }\n\n  if (sortedTabs.length === 0) return null;\n\n  return (\n    <Navbar expand=\"md\" className=\"py-0\">\n      <Nav\n        variant=\"tabs\"\n        activeKey={tabId}\n      >\n        <Navbar.Toggle aria-controls=\"instructor-nav\" />\n        <Navbar.Collapse id=\"instructor-nav\">\n          {\n            sortedTabs.map((tab) => (\n              <Nav.Item key={tab.tabId}>\n                <Nav.Link\n                  as={Link}\n                  to={tab.url}\n                  active={tab.tabId === tabId}\n                  onClick={() => clearAlerts()}\n                >\n                  {tab.title}\n                </Nav.Link>\n              </Nav.Item>\n            ))\n          }\n        </Navbar.Collapse>\n      </Nav>\n    </Navbar>\n  );\n};\n\nexport default InstructorNav;\n"]}

package/dist/openResponses/OpenResponsesPage.d.ts

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

package/dist/openResponses/OpenResponsesPage.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import OpenResponsesSummary from '../openResponses/components/OpenResponsesSummary';
+import DetailAssessmentsList from '../openResponses/components/DetailAssessmentsList';
+const OpenResponsesPage = () => {
+    return (_jsxs(_Fragment, { children: [_jsx(OpenResponsesSummary, {}), _jsx(DetailAssessmentsList, {})] }));
+};
+export default OpenResponsesPage;
+//# sourceMappingURL=OpenResponsesPage.js.map

package/dist/openResponses/OpenResponsesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenResponsesPage.js","sourceRoot":"","sources":["../../src/openResponses/OpenResponsesPage.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,MAAM,oDAAoD,CAAC;AACtF,OAAO,qBAAqB,MAAM,qDAAqD,CAAC;AAExF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,KAAC,qBAAqB,KAAG,IACxB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import OpenResponsesSummary from '@src/openResponses/components/OpenResponsesSummary';\nimport DetailAssessmentsList from '@src/openResponses/components/DetailAssessmentsList';\n\nconst OpenResponsesPage = () => {\n  return (\n    <>\n      <OpenResponsesSummary />\n      <DetailAssessmentsList />\n    </>\n  );\n};\n\nexport default OpenResponsesPage;\n"]}

package/dist/openResponses/components/DetailAssessmentsList.d.ts

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

package/dist/openResponses/components/DetailAssessmentsList.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, DataTable } from '@openedx/paragon';
+import messages from '../messages';
+import { useDetailAssessmentsData } from '../data/apiHook';
+const DETAILS_PAGE_SIZE = 25;
+const DetailAssessmentsList = () => {
+    const intl = useIntl();
+    const { courseId } = useParams();
+    const [page, setPage] = useState(0);
+    const { data = { count: 0, results: [], numPages: 1 }, isLoading } = useDetailAssessmentsData(courseId !== null && courseId !== void 0 ? courseId : '', {
+        page,
+        pageSize: DETAILS_PAGE_SIZE
+    });
+    const tableColumns = [
+        { accessor: 'unitName', Header: intl.formatMessage(messages.unitName) },
+        { accessor: 'displayName', Header: intl.formatMessage(messages.assessment) },
+        { accessor: 'totalResponses', Header: intl.formatMessage(messages.totalResponses) },
+        { accessor: 'training', Header: intl.formatMessage(messages.training) },
+        { accessor: 'peer', Header: intl.formatMessage(messages.peer) },
+        { accessor: 'self', Header: intl.formatMessage(messages.self) },
+        { accessor: 'waiting', Header: intl.formatMessage(messages.waiting) },
+        { accessor: 'staff', Header: intl.formatMessage(messages.staff) },
+        { accessor: 'finalGradeReceived', Header: intl.formatMessage(messages.finalGradeReceived) },
+    ];
+    const additionalColumns = [
+        {
+            id: 'staffOraGradingUrl',
+            Header: intl.formatMessage(messages.staffGrader),
+            Cell: ({ row }) => row.original.staffOraGradingUrl && _jsx(Button, { variant: "link", size: "inline", href: row.original.staffOraGradingUrl, children: intl.formatMessage(messages.viewAndGradeResponses) }),
+        }
+    ];
+    const handleFetchData = (data) => {
+        setPage(data.pageIndex);
+    };
+    return (_jsxs("div", { className: "mt-4.5", children: [_jsx("h3", { className: "text-primary-700 mb-3", children: intl.formatMessage(messages.details) }), _jsxs(DataTable, { columns: tableColumns, additionalColumns: additionalColumns, data: data.results, fetchData: handleFetchData, initialState: {
+                    pageIndex: page,
+                    pageSize: DETAILS_PAGE_SIZE
+                }, isLoading: isLoading, isPaginated: true, itemCount: data.count, manualFilters: true, manualPagination: true, pageCount: data.numPages, pageSize: DETAILS_PAGE_SIZE, children: [_jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noAssessmentsFoundMessage) }), _jsx(DataTable.TableFooter, {})] })] }));
+};
+export default DetailAssessmentsList;
+//# sourceMappingURL=DetailAssessmentsList.js.map

package/dist/openResponses/components/DetailAssessmentsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailAssessmentsList.js","sourceRoot":"","sources":["../../../src/openResponses/components/DetailAssessmentsList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable } from '@openedx/paragon';\nimport messages from '../messages';\nimport { useDetailAssessmentsData } from '../data/apiHook';\nimport { ORARecord } from '../types';\n\nconst DETAILS_PAGE_SIZE = 25;\n\ninterface DataTableFetchDataProps {\n  pageIndex: number,\n}\n\nconst DetailAssessmentsList = () => {\n  const intl = useIntl();\n  const { courseId } = useParams();\n  const [page, setPage] = useState(0);\n  const { data = { count: 0, results: [], numPages: 1 }, isLoading } = useDetailAssessmentsData(courseId ?? '', {\n    page,\n    pageSize: DETAILS_PAGE_SIZE\n  });\n\n  const tableColumns = [\n    { accessor: 'unitName', Header: intl.formatMessage(messages.unitName) },\n    { accessor: 'displayName', Header: intl.formatMessage(messages.assessment) },\n    { accessor: 'totalResponses', Header: intl.formatMessage(messages.totalResponses) },\n    { accessor: 'training', Header: intl.formatMessage(messages.training) },\n    { accessor: 'peer', Header: intl.formatMessage(messages.peer) },\n    { accessor: 'self', Header: intl.formatMessage(messages.self) },\n    { accessor: 'waiting', Header: intl.formatMessage(messages.waiting) },\n    { accessor: 'staff', Header: intl.formatMessage(messages.staff) },\n    { accessor: 'finalGradeReceived', Header: intl.formatMessage(messages.finalGradeReceived) },\n  ];\n\n  const additionalColumns = [\n    {\n      id: 'staffOraGradingUrl',\n      Header: intl.formatMessage(messages.staffGrader),\n      Cell: ({ row }: { row: { original: ORARecord } }) => row.original.staffOraGradingUrl && <Button variant=\"link\" size=\"inline\" href={row.original.staffOraGradingUrl}>{intl.formatMessage(messages.viewAndGradeResponses)}</Button>,\n    }\n  ];\n\n  const handleFetchData = (data: DataTableFetchDataProps) => {\n    setPage(data.pageIndex);\n  };\n\n  return (\n    <div className=\"mt-4.5\">\n      <h3 className=\"text-primary-700 mb-3\">{intl.formatMessage(messages.details)}</h3>\n      <DataTable\n        columns={tableColumns}\n        additionalColumns={additionalColumns}\n        data={data.results}\n        fetchData={handleFetchData}\n        initialState={{\n          pageIndex: page,\n          pageSize: DETAILS_PAGE_SIZE\n        }}\n        isLoading={isLoading}\n        isPaginated\n        itemCount={data.count}\n        manualFilters\n        manualPagination\n        pageCount={data.numPages}\n        pageSize={DETAILS_PAGE_SIZE}\n      >\n        <DataTable.Table />\n        <DataTable.EmptyTable content={intl.formatMessage(messages.noAssessmentsFoundMessage)} />\n        <DataTable.TableFooter />\n      </DataTable>\n    </div>\n  );\n};\n\nexport default DetailAssessmentsList;\n"]}

package/dist/openResponses/components/OpenResponsesSummary.d.ts

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

package/dist/openResponses/components/OpenResponsesSummary.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Alert, Icon, Skeleton, Stack } from '@openedx/paragon';
+import { EditNote, ViewDay } from '@openedx/paragon/icons';
+import { useOpenResponsesData } from '../../openResponses/data/apiHook';
+import messages from '../../openResponses/messages';
+const summaryOrder = [
+    'totalResponses',
+    'training',
+    'peer',
+    'self',
+    'waiting',
+    'staff',
+    'finalGradeReceived',
+];
+const OpenResponsesSummary = () => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data = {}, isLoading, isError, error } = useOpenResponsesData(courseId);
+    const { totalUnits = 0, totalAssessments = 0, } = data;
+    return (_jsxs(_Fragment, { children: [_jsx(Alert, { variant: "danger", show: isError, className: "my-3", dismissible: true, children: error instanceof Object && 'message' in error ? String(error.message) : String(error) }), _jsx("h3", { className: "text-primary-700 mb-3", children: intl.formatMessage(messages.summaryTitle) }), _jsxs(Stack, { direction: "horizontal", gap: 3, children: [_jsxs("div", { children: [_jsx("div", { className: "x-small text-gray-500", children: _jsx("p", { className: "mb-0", children: intl.formatMessage(messages.totalUnits) }) }), isLoading ? _jsx(Skeleton, { className: "lead" })
+                                : (_jsxs("div", { className: "d-flex align-items-center lead", children: [_jsx(Icon, { src: ViewDay, "aria-hidden": "true" }), _jsx("p", { className: "ml-2 mb-0 text-primary-500", children: totalUnits })] }))] }), _jsxs("div", { children: [_jsx("div", { className: "x-small text-gray-500", children: _jsx("p", { className: "mb-0", children: intl.formatMessage(messages.totalAssessments) }) }), isLoading ? _jsx(Skeleton, { className: "lead" })
+                                : (_jsxs("div", { className: "d-flex align-items-center lead", children: [_jsx(Icon, { src: EditNote, size: "lg", "aria-hidden": "true" }), _jsx("p", { className: "ml-2 mb-0 text-primary-500", children: totalAssessments })] }))] })] }), _jsx("div", { className: "mt-3 row w-md-75 w-lg-50 align-items-end", children: summaryOrder.map((key) => {
+                    var _a;
+                    return (_jsxs("div", { className: "col", children: [_jsx("div", { className: "x-small text-gray-500", children: _jsx("p", { className: "mb-0", children: intl.formatMessage(messages[key]) }) }), _jsx("div", { className: "lead text-primary-500", children: isLoading ? (_jsx(Skeleton, {})) : (_jsx("p", { children: (_a = data[key]) !== null && _a !== void 0 ? _a : 0 })) })] }, key));
+                }) })] }));
+};
+export default OpenResponsesSummary;
+//# sourceMappingURL=OpenResponsesSummary.js.map

package/dist/openResponses/components/OpenResponsesSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenResponsesSummary.js","sourceRoot":"","sources":["../../../src/openResponses/components/OpenResponsesSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Alert, Icon, Skeleton, Stack } from '@openedx/paragon';\nimport { EditNote, ViewDay } from '@openedx/paragon/icons';\nimport { useOpenResponsesData } from '@src/openResponses/data/apiHook';\nimport messages from '@src/openResponses/messages';\n\nconst summaryOrder = [\n  'totalResponses',\n  'training',\n  'peer',\n  'self',\n  'waiting',\n  'staff',\n  'finalGradeReceived',\n];\n\nconst OpenResponsesSummary = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data = {}, isLoading, isError, error } = useOpenResponsesData(courseId);\n  const {\n    totalUnits = 0,\n    totalAssessments = 0,\n  } = data;\n\n  return (\n    <>\n      <Alert variant=\"danger\" show={isError} className=\"my-3\" dismissible>\n        {error instanceof Object && 'message' in error ? String(error.message) : String(error)}\n      </Alert>\n      <h3 className=\"text-primary-700 mb-3\">{intl.formatMessage(messages.summaryTitle)}</h3>\n      <Stack direction=\"horizontal\" gap={3}>\n        <div>\n          <div className=\"x-small text-gray-500\">\n            <p className=\"mb-0\">{intl.formatMessage(messages.totalUnits)}</p>\n          </div>\n          {isLoading ? <Skeleton className=\"lead\" />\n            : (\n                <div className=\"d-flex align-items-center lead\">\n                  <Icon src={ViewDay} aria-hidden=\"true\" />\n                  <p className=\"ml-2 mb-0 text-primary-500\">{totalUnits}</p>\n                </div>\n              )}\n        </div>\n        <div>\n          <div className=\"x-small text-gray-500\">\n            <p className=\"mb-0\">{intl.formatMessage(messages.totalAssessments)}</p>\n          </div>\n          {isLoading ? <Skeleton className=\"lead\" />\n            : (\n                <div className=\"d-flex align-items-center lead\">\n                  <Icon src={EditNote} size=\"lg\" aria-hidden=\"true\" />\n                  <p className=\"ml-2 mb-0 text-primary-500\">{totalAssessments}</p>\n                </div>\n              )}\n        </div>\n      </Stack>\n      <div className=\"mt-3 row w-md-75 w-lg-50 align-items-end\">\n        {\n          summaryOrder.map((key) => (\n            <div className=\"col\" key={key}>\n              <div className=\"x-small text-gray-500\">\n                <p className=\"mb-0\">{intl.formatMessage(messages[key as keyof typeof messages])}</p>\n              </div>\n              <div className=\"lead text-primary-500\">\n                {isLoading ? (\n                  <Skeleton />\n                ) : (\n                  <p>\n                    {data[key as keyof typeof data] ?? 0}\n                  </p>\n                )}\n              </div>\n            </div>\n          ))\n        }\n      </div>\n    </>\n  );\n};\n\nexport default OpenResponsesSummary;\n"]}

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

@@ -0,0 +1,4 @@
+import { ORARecord } from '../types';
+import { DataList } from '../../types';
+export declare const getOpenResponsesData: (courseId: string) => Promise<any>;
+export declare const getDetailAssessmentsData: (courseId: string, params?: Record<string, string | number | boolean>) => Promise<DataList<ORARecord>>;

package/dist/openResponses/data/api.js

@@ -0,0 +1,23 @@
+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 { getAuthenticatedHttpClient, camelCaseObject, snakeCaseObject } from '@openedx/frontend-base';
+import { getApiBaseUrl } from '../../data/api';
+export const getOpenResponsesData = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/ora_summary`;
+    const { data } = yield getAuthenticatedHttpClient().get(url);
+    return camelCaseObject(data);
+});
+export const getDetailAssessmentsData = (courseId_1, ...args_1) => __awaiter(void 0, [courseId_1, ...args_1], void 0, function* (courseId, params = {}) {
+    const url = `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/ora`;
+    const snakeCaseParams = snakeCaseObject(params);
+    const { data } = yield getAuthenticatedHttpClient().get(url, { params: Object.assign(Object.assign({}, snakeCaseParams), { page: params.page + 1 }) });
+    return camelCaseObject(data);
+});
+//# sourceMappingURL=api.js.map