@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/courseTeam/components/RoleFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleFilter.js","sourceRoot":"","sources":["../../../src/courseTeam/components/RoleFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAGhD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAA2E,EAAE,EAAE;IACrI,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,kBAAkB,GAAG,CAAC,CAAuC,EAAE,EAAE;QACrE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IACtK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,KAAC,WAAW,IACV,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,KAAC,IAAI,IAAC,GAAG,EAAE,UAAU,GAAI,YAExC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,iBAAyB,KAAK,EAAE,IAAI,CAAC,KAAK,YACvC,IAAI,CAAC,KAAK,IADA,IAAI,CAAC,KAAK,CAEd,CACV,CAAC,GACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { FormControl, Icon } from '@openedx/paragon';\nimport { FilterList } from '@openedx/paragon/icons';\nimport { useRoles } from '@src/courseTeam/data/apiHook';\nimport messages from '@src/courseTeam/messages';\nimport { Role } from '@src/courseTeam/types';\n\nconst RoleFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data } = useRoles(courseId);\n\n  const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    setFilter(e.target.value);\n  };\n\n  const roles = useMemo(() => {\n    return [{ value: '', label: intl.formatMessage(messages.allRoles) }, ...(data?.results || []).map((role: Role) => ({ value: role.role, label: role.displayName }))];\n  }, [data, intl]);\n\n  return (\n    <FormControl\n      as=\"select\"\n      className=\"mb-0\"\n      disabled={!data}\n      name=\"role\"\n      size=\"md\"\n      value={filterValue}\n      onChange={handleSelectChange}\n      leadingElement={<Icon src={FilterList} />}\n    >\n      {roles.map(role => (\n        <option key={role.value} value={role.value}>\n          {role.label}\n        </option>\n      ))}\n    </FormControl>\n  );\n};\n\nexport default RoleFilter;\n"]}

package/dist/courseTeam/components/RolesContent.d.ts

@@ -0,0 +1,3 @@
+export declare const rolesOrder: readonly ["staff", "limitedStaff", "admin", "beta", "courseDataResearchers", "discussionAdmin", "discussionModerator", "groupCommunityTA", "communityTA"];
+declare const RolesContent: () => import("react/jsx-runtime").JSX.Element;
+export default RolesContent;

package/dist/courseTeam/components/RolesContent.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../../courseTeam/messages';
+import { useRoles } from '../../courseTeam/data/apiHook';
+export const rolesOrder = [
+    'staff',
+    'limitedStaff',
+    'admin',
+    'beta',
+    'courseDataResearchers',
+    'discussionAdmin',
+    'discussionModerator',
+    'groupCommunityTA',
+    'communityTA'
+];
+const RolesContent = () => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data: { results } = { results: [] } } = useRoles(courseId);
+    const isCCXCoachEnabled = !!(results === null || results === void 0 ? void 0 : results.find(({ role }) => role === 'ccx_coach'));
+    return (_jsxs("div", { className: "mt-4", children: [rolesOrder.map((role) => (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-primary-500", children: intl.formatMessage(messages[role]) }), _jsx("p", { className: "text-gray-700", children: intl.formatMessage(messages[`${role}Description`]) })] }, role))), isCCXCoachEnabled && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-primary-500", children: intl.formatMessage(messages.ccxCoach) }), _jsx("p", { className: "text-gray-700", children: intl.formatMessage(messages.ccxCoachDescription) })] }))] }));
+};
+export default RolesContent;
+//# sourceMappingURL=RolesContent.js.map

package/dist/courseTeam/components/RolesContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/RolesContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO;IACP,cAAc;IACd,OAAO;IACP,MAAM;IACN,uBAAuB;IACvB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,aAAa;CACL,CAAC;AAEX,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnE,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,EAAE,IAAI,EAAQ,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW,CAAC,CAAA,CAAC;IAEpF,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aAEjB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,eAAgB,SAAS,EAAC,MAAM,aAC9B,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAM,EAC1E,YAAG,SAAS,EAAC,eAAe,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,GAAK,KAF7E,IAAI,CAGR,CACP,CAAC,EAGF,iBAAiB,IAAI,CACnB,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAM,EAC7E,YAAG,SAAS,EAAC,eAAe,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GAAK,IAC/E,CACP,IAEC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/courseTeam/messages';\nimport { useRoles } from '@src/courseTeam/data/apiHook';\nimport { Role } from '@src/courseTeam/types';\n\nexport const rolesOrder = [\n  'staff',\n  'limitedStaff',\n  'admin',\n  'beta',\n  'courseDataResearchers',\n  'discussionAdmin',\n  'discussionModerator',\n  'groupCommunityTA',\n  'communityTA'\n] as const;\n\nconst RolesContent = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data: { results } = { results: [] } } = useRoles(courseId);\n  const isCCXCoachEnabled = !!results?.find(({ role }: Role) => role === 'ccx_coach');\n\n  return (\n    <div className=\"mt-4\">\n      {\n        rolesOrder.map((role) => (\n          <div key={role} className=\"mb-4\">\n            <h4 className=\"text-primary-500\">{intl.formatMessage(messages[role])}</h4>\n            <p className=\"text-gray-700\">{intl.formatMessage(messages[`${role}Description`])}</p>\n          </div>\n        ))\n      }\n      {\n        isCCXCoachEnabled && (\n          <div className=\"mb-4\">\n            <h4 className=\"text-primary-500\">{intl.formatMessage(messages.ccxCoach)}</h4>\n            <p className=\"text-gray-700\">{intl.formatMessage(messages.ccxCoachDescription)}</p>\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default RolesContent;\n"]}

package/dist/courseTeam/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TEAM_MEMBER_ACTION: {
+    readonly ALLOW: "allow";
+};

package/dist/courseTeam/constants.js

@@ -0,0 +1,4 @@
+export const TEAM_MEMBER_ACTION = {
+    ALLOW: 'allow',
+};
+//# sourceMappingURL=constants.js.map

package/dist/courseTeam/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/courseTeam/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,OAAO;CACN,CAAC","sourcesContent":["export const TEAM_MEMBER_ACTION = {\n  ALLOW: 'allow',\n} as const;\n"]}

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

@@ -0,0 +1,6 @@
+import { DataList } from '../../types';
+import { TeamMembersResponse, CourseTeamMember, CourseTeamMemberQueryParams, Role, AddTeamMemberParams } from '../../courseTeam/types';
+export declare const getTeamMembers: (courseId: string, params: CourseTeamMemberQueryParams) => Promise<DataList<CourseTeamMember>>;
+export declare const getRoles: (courseId: string) => Promise<Omit<DataList<Role>, "numPages" | "count">>;
+export declare const addTeamMember: (courseId: string, params: AddTeamMemberParams) => Promise<TeamMembersResponse>;
+export declare const removeTeamMember: (courseId: string, identifier: string, roles: string[]) => Promise<TeamMembersResponse>;

package/dist/courseTeam/data/api.js

@@ -0,0 +1,38 @@
+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 } from '@openedx/frontend-base';
+import { getApiBaseUrl } from '../../data/api';
+export const getTeamMembers = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const queryParams = new URLSearchParams({
+        page: (params.page + 1).toString(),
+        page_size: params.pageSize.toString(),
+    });
+    if (params.emailOrUsername) {
+        queryParams.append('email_or_username', params.emailOrUsername);
+    }
+    if (params.role) {
+        queryParams.append('role', params.role);
+    }
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team?${queryParams.toString()}`);
+    return camelCaseObject(data);
+});
+export const getRoles = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team/roles`);
+    return camelCaseObject(data);
+});
+export const addTeamMember = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team`, params);
+    return camelCaseObject(data);
+});
+export const removeTeamMember = (courseId, identifier, roles) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().delete(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team/${identifier}`, { data: { roles } });
+    return camelCaseObject(data);
+});
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/courseTeam/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAU9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,MAAmC,EACE,EAAE;IACvC,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,mBAAmB,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;QAChB,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,SAAS,WAAW,CAAC,QAAQ,EAAE,EAAE,CAC1F,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAO,QAAgB,EAAuD,EAAE;IACtG,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,aAAa,CACtE,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAO,QAAgB,EAAE,MAA2B,EAAgC,EAAE;IACjH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACtD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,OAAO,EAC/D,MAAM,CACP,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAO,QAAgB,EAAE,UAAkB,EAAE,KAAe,EAAgC,EAAE;IAC5H,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,MAAM,CACxD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,SAAS,UAAU,EAAE,EAC7E,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CACpB,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { DataList } from '@src/types';\nimport {\n  TeamMembersResponse,\n  CourseTeamMember,\n  CourseTeamMemberQueryParams,\n  Role,\n  AddTeamMemberParams,\n} from '@src/courseTeam/types';\n\nexport const getTeamMembers = async (\n  courseId: string,\n  params: CourseTeamMemberQueryParams\n): Promise<DataList<CourseTeamMember>> => {\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('email_or_username', params.emailOrUsername);\n  }\n\n  if (params.role) {\n    queryParams.append('role', params.role);\n  }\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n\nexport const getRoles = async (courseId: string): Promise<Omit<DataList<Role>, 'numPages' | 'count'>> => {\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team/roles`\n  );\n  return camelCaseObject(data);\n};\n\nexport const addTeamMember = async (courseId: string, params: AddTeamMemberParams): Promise<TeamMembersResponse> => {\n  const { data } = await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team`,\n    params\n  );\n  return camelCaseObject(data);\n};\n\nexport const removeTeamMember = async (courseId: string, identifier: string, roles: string[]): Promise<TeamMembersResponse> => {\n  const { data } = await getAuthenticatedHttpClient().delete(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team/${identifier}`,\n    { data: { roles } }\n  );\n  return camelCaseObject(data);\n};\n"]}

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

@@ -0,0 +1,8 @@
+import { AddTeamMemberParams, CourseTeamMemberQueryParams } from '../../courseTeam/types';
+export declare const useTeamMembers: (courseId: string, params: CourseTeamMemberQueryParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../../courseTeam/types").CourseTeamMember>, Error>;
+export declare const useRoles: (courseId: string) => import("@tanstack/react-query").UseQueryResult<Omit<import("../../types").DataList<import("../../courseTeam/types").Role>, "count" | "numPages">, Error>;
+export declare const useAddTeamMember: (courseId: string) => import("@tanstack/react-query").UseMutationResult<import("../../courseTeam/types").TeamMembersResponse, Error, AddTeamMemberParams, unknown>;
+export declare const useRemoveTeamMember: (courseId: string) => import("@tanstack/react-query").UseMutationResult<import("../../courseTeam/types").TeamMembersResponse, Error, {
+    identifier: string;
+    roles: string[];
+}, unknown>;

package/dist/courseTeam/data/apiHook.js

@@ -0,0 +1,32 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { addTeamMember, getRoles, getTeamMembers, removeTeamMember } from '../../courseTeam/data/api';
+import { courseTeamQueryKeys } from '../../courseTeam/data/queryKeys';
+export const useTeamMembers = (courseId, params) => (useQuery({
+    queryKey: courseTeamQueryKeys.byCoursePaginated(courseId, params),
+    queryFn: () => getTeamMembers(courseId, params),
+    enabled: !!courseId,
+}));
+export const useRoles = (courseId) => (useQuery({
+    queryKey: courseTeamQueryKeys.roles(courseId),
+    queryFn: () => getRoles(courseId),
+    enabled: !!courseId,
+}));
+export const useAddTeamMember = (courseId) => {
+    const queryClient = useQueryClient();
+    return (useMutation({
+        mutationFn: (params) => addTeamMember(courseId, params),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: courseTeamQueryKeys.byCourse(courseId) });
+        }
+    }));
+};
+export const useRemoveTeamMember = (courseId) => {
+    const queryClient = useQueryClient();
+    return (useMutation({
+        mutationFn: ({ identifier, roles }) => removeTeamMember(courseId, identifier, roles),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: courseTeamQueryKeys.byCourse(courseId) });
+        }
+    }));
+};
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/courseTeam/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACrG,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,MAAmC,EAAE,EAAE,CAAC,CACvF,QAAQ,CAAC;IACP,QAAQ,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;IACjE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,CAC5C,QAAQ,CAAC;IACP,QAAQ,EAAE,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACjC,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACnD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CAAC,WAAW,CAAC;QAClB,UAAU,EAAE,CAAC,MAA2B,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC5E,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtF,CAAC;KACF,CAAC,CACD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACtD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CAAC,WAAW,CAAC;QAClB,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAA2C,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC;QAC7H,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtF,CAAC;KACF,CAAC,CACD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { addTeamMember, getRoles, getTeamMembers, removeTeamMember } from '@src/courseTeam/data/api';\nimport { courseTeamQueryKeys } from '@src/courseTeam/data/queryKeys';\nimport { AddTeamMemberParams, CourseTeamMemberQueryParams } from '@src/courseTeam/types';\n\nexport const useTeamMembers = (courseId: string, params: CourseTeamMemberQueryParams) => (\n  useQuery({\n    queryKey: courseTeamQueryKeys.byCoursePaginated(courseId, params),\n    queryFn: () => getTeamMembers(courseId, params),\n    enabled: !!courseId,\n  })\n);\n\nexport const useRoles = (courseId: string) => (\n  useQuery({\n    queryKey: courseTeamQueryKeys.roles(courseId),\n    queryFn: () => getRoles(courseId),\n    enabled: !!courseId,\n  })\n);\n\nexport const useAddTeamMember = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return (useMutation({\n    mutationFn: (params: AddTeamMemberParams) => addTeamMember(courseId, params),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: courseTeamQueryKeys.byCourse(courseId) });\n    }\n  })\n  );\n};\n\nexport const useRemoveTeamMember = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return (useMutation({\n    mutationFn: ({ identifier, roles }: { identifier: string, roles: string[] }) => removeTeamMember(courseId, identifier, roles),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: courseTeamQueryKeys.byCourse(courseId) });\n    }\n  })\n  );\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { CourseTeamMemberQueryParams } from '../../courseTeam/types';
+export declare const courseTeamQueryKeys: {
+    all: readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam", string];
+    byCoursePaginated: (courseId: string, params: CourseTeamMemberQueryParams) => readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam", string, number, number, string, string];
+    roles: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam", string, "roles"];
+};

package/dist/courseTeam/data/queryKeys.js

@@ -0,0 +1,14 @@
+import { appId } from '../../constants';
+export const courseTeamQueryKeys = {
+    all: [appId, 'courseTeam'],
+    byCourse: (courseId) => [...courseTeamQueryKeys.all, courseId],
+    byCoursePaginated: (courseId, params) => [
+        ...courseTeamQueryKeys.byCourse(courseId),
+        params.page,
+        params.pageSize,
+        params.emailOrUsername || '',
+        params.role || ''
+    ],
+    roles: (courseId) => [...courseTeamQueryKeys.byCourse(courseId), 'roles'],
+};
+//# sourceMappingURL=queryKeys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/courseTeam/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,CAAU;IACnC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAU;IAC/E,iBAAiB,EAAE,CACjB,QAAgB,EAChB,MAAmC,EACnC,EAAE,CAAC;QACH,GAAG,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACzC,MAAM,CAAC,IAAI;QACX,MAAM,CAAC,QAAQ;QACf,MAAM,CAAC,eAAe,IAAI,EAAE;QAC5B,MAAM,CAAC,IAAI,IAAI,EAAE;KACT;IACV,KAAK,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAU;CAC3F,CAAC","sourcesContent":["import { appId } from '@src/constants';\nimport { CourseTeamMemberQueryParams } from '@src/courseTeam/types';\n\nexport const courseTeamQueryKeys = {\n  all: [appId, 'courseTeam'] as const,\n  byCourse: (courseId: string) => [...courseTeamQueryKeys.all, courseId] as const,\n  byCoursePaginated: (\n    courseId: string,\n    params: CourseTeamMemberQueryParams\n  ) => [\n    ...courseTeamQueryKeys.byCourse(courseId),\n    params.page,\n    params.pageSize,\n    params.emailOrUsername || '',\n    params.role || ''\n  ] as const,\n  roles: (courseId: string) => [...courseTeamQueryKeys.byCourse(courseId), 'roles'] as const,\n};\n"]}

package/dist/courseTeam/messages.d.ts

@@ -0,0 +1,248 @@
+declare const messages: {
+    courseTeamTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addTeamMember: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    membersTab: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rolesTab: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    username: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    email: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    role: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    actions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    edit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noTeamMembers: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allRoles: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    staff: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    staffDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedStaff: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedStaffDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    admin: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    adminDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    beta: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    betaDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    courseDataResearchers: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    courseDataResearchersDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionAdmin: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionAdminDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionModerator: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionModeratorDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    groupCommunityTA: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    groupCommunityTADescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    communityTA: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    communityTADescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    ccxCoach: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    ccxCoachDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addNewTeamMember: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addNewTeamMemberDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addUsersLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    usersPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    roleLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rolePlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancelButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    saveButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addTeamMemberError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    closeButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    failedToAddTeamMembers: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unknownLearner: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editTeamTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    editInstructions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addRole: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeTeamMemberError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addRoleError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewStudioRoles: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;