@openedx/frontend-app-admin-console 1.0.0-alpha.0

package/dist/authz-module/hooks/useQuerySettings.js

@@ -0,0 +1,72 @@
+import { useCallback, useState } from 'react';
+var SortOrderKeys;
+(function (SortOrderKeys) {
+    SortOrderKeys["ASC"] = "asc";
+    SortOrderKeys["DESC"] = "desc";
+})(SortOrderKeys || (SortOrderKeys = {}));
+/**
+ * Custom hook to manage query settings for table data fetching
+ * Converts DataTable filter/sort/pagination settings to API query parameters
+ * and manages URL synchronization
+ *
+ * @param initialQuerySettings - Initial query settings
+ * @returns Object containing querySettings and handleTableFetch function
+ */
+export const useQuerySettings = (initialQuerySettings = {
+    roles: null,
+    scopes: null,
+    organizations: null,
+    search: null,
+    pageSize: 10,
+    pageIndex: 0,
+    order: null,
+    sortBy: null,
+}) => {
+    const [querySettings, setQuerySettings] = useState(initialQuerySettings);
+    const handleTableFetch = useCallback((tableFilters) => {
+        setQuerySettings((prevSettings) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+            // Extract filters
+            const rolesFilter = (_d = (_c = (_b = (_a = tableFilters.filters) === null || _a === void 0 ? void 0 : _a.find((filter) => filter.id === 'role')) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.join(',')) !== null && _d !== void 0 ? _d : '';
+            const searchFilter = (_g = (_f = (_e = tableFilters.filters) === null || _e === void 0 ? void 0 : _e.find((filter) => filter.id === 'username')) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '';
+            const organizationsFilter = (_l = (_k = (_j = (_h = tableFilters.filters) === null || _h === void 0 ? void 0 : _h.find((filter) => filter.id === 'org')) === null || _j === void 0 ? void 0 : _j.value) === null || _k === void 0 ? void 0 : _k.join(',')) !== null && _l !== void 0 ? _l : '';
+            const scopesFilter = (_q = (_p = (_o = (_m = tableFilters.filters) === null || _m === void 0 ? void 0 : _m.find((filter) => filter.id === 'scope')) === null || _o === void 0 ? void 0 : _o.value) === null || _p === void 0 ? void 0 : _p.join(',')) !== null && _q !== void 0 ? _q : '';
+            // Extract pagination
+            const { pageSize = 10, pageIndex = 0 } = tableFilters;
+            // Extract and convert sorting
+            let sortByOption = '';
+            let sortByOrder = '';
+            if ((_r = tableFilters.sortBy) === null || _r === void 0 ? void 0 : _r.length) {
+                sortByOption = (_s = tableFilters.sortBy[0]) === null || _s === void 0 ? void 0 : _s.id.replace(/([A-Z])/g, '_$1').toLowerCase();
+                sortByOrder = ((_t = tableFilters.sortBy[0]) === null || _t === void 0 ? void 0 : _t.desc) ? SortOrderKeys.DESC : SortOrderKeys.ASC;
+            }
+            const newQuerySettings = {
+                roles: rolesFilter || null,
+                scopes: scopesFilter || null,
+                organizations: organizationsFilter || null,
+                search: searchFilter || null,
+                sortBy: sortByOption || null,
+                order: sortByOrder || null,
+                pageSize,
+                pageIndex,
+            };
+            const hasChanged = (prevSettings.roles !== newQuerySettings.roles
+                || prevSettings.scopes !== newQuerySettings.scopes
+                || prevSettings.organizations !== newQuerySettings.organizations
+                || prevSettings.search !== newQuerySettings.search
+                || prevSettings.pageSize !== newQuerySettings.pageSize
+                || prevSettings.pageIndex !== newQuerySettings.pageIndex
+                || prevSettings.sortBy !== newQuerySettings.sortBy
+                || prevSettings.order !== newQuerySettings.order);
+            if (!hasChanged) {
+                return prevSettings; // No change, prevent unnecessary update
+            }
+            return newQuerySettings;
+        });
+    }, []);
+    return {
+        querySettings,
+        handleTableFetch,
+    };
+};
+//# sourceMappingURL=useQuerySettings.js.map

package/dist/authz-module/hooks/useQuerySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuerySettings.js","sourceRoot":"","sources":["../../../src/authz-module/hooks/useQuerySettings.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\nimport { QuerySettings } from '@src/authz-module/data/api';\n\ninterface DataTableFilters {\n  pageSize: number;\n  pageIndex: number;\n  sortBy: { id: string; desc: boolean }[];\n  filters: { id: string; value: any }[];\n}\n\ninterface UseQuerySettingsReturn {\n  querySettings: QuerySettings;\n  handleTableFetch: (tableFilters: DataTableFilters) => void;\n}\n\nenum SortOrderKeys {\n  ASC = 'asc',\n  DESC = 'desc',\n}\n\n/**\n * Custom hook to manage query settings for table data fetching\n * Converts DataTable filter/sort/pagination settings to API query parameters\n * and manages URL synchronization\n *\n * @param initialQuerySettings - Initial query settings\n * @returns Object containing querySettings and handleTableFetch function\n */\nexport const useQuerySettings = (\n  initialQuerySettings: QuerySettings = {\n    roles: null,\n    scopes: null,\n    organizations: null,\n    search: null,\n    pageSize: 10,\n    pageIndex: 0,\n    order: null,\n    sortBy: null,\n  },\n): UseQuerySettingsReturn => {\n  const [querySettings, setQuerySettings] = useState<QuerySettings>(initialQuerySettings);\n\n  const handleTableFetch = useCallback((tableFilters: DataTableFilters) => {\n    setQuerySettings((prevSettings) => {\n      // Extract filters\n      const rolesFilter = tableFilters.filters?.find((filter) => filter.id === 'role')?.value?.join(',') ?? '';\n      const searchFilter = tableFilters.filters?.find((filter) => filter.id === 'username')?.value ?? '';\n      const organizationsFilter = tableFilters.filters?.find((filter) => filter.id === 'org')?.value?.join(',') ?? '';\n      const scopesFilter = tableFilters.filters?.find((filter) => filter.id === 'scope')?.value?.join(',') ?? '';\n\n      // Extract pagination\n      const { pageSize = 10, pageIndex = 0 } = tableFilters;\n\n      // Extract and convert sorting\n      let sortByOption = '';\n      let sortByOrder = '';\n      if (tableFilters.sortBy?.length) {\n        sortByOption = tableFilters.sortBy[0]?.id.replace(/([A-Z])/g, '_$1').toLowerCase();\n        sortByOrder = tableFilters.sortBy[0]?.desc ? SortOrderKeys.DESC : SortOrderKeys.ASC;\n      }\n\n      const newQuerySettings: QuerySettings = {\n        roles: rolesFilter || null,\n        scopes: scopesFilter || null,\n        organizations: organizationsFilter || null,\n        search: searchFilter || null,\n        sortBy: sortByOption || null,\n        order: sortByOrder || null,\n        pageSize,\n        pageIndex,\n      };\n\n      const hasChanged = (\n        prevSettings.roles !== newQuerySettings.roles\n        || prevSettings.scopes !== newQuerySettings.scopes\n        || prevSettings.organizations !== newQuerySettings.organizations\n        || prevSettings.search !== newQuerySettings.search\n        || prevSettings.pageSize !== newQuerySettings.pageSize\n        || prevSettings.pageIndex !== newQuerySettings.pageIndex\n        || prevSettings.sortBy !== newQuerySettings.sortBy\n        || prevSettings.order !== newQuerySettings.order\n      );\n\n      if (!hasChanged) {\n        return prevSettings; // No change, prevent unnecessary update\n      }\n\n      return newQuerySettings;\n    });\n  }, []);\n\n  return {\n    querySettings,\n    handleTableFetch,\n  };\n};\n"]}

package/dist/authz-module/hooks/useViewTeamPermissions.d.ts

@@ -0,0 +1,5 @@
+export declare const useViewTeamPermissions: () => {
+    isCourseViewAllowed: boolean;
+    isLibraryViewAllowed: boolean;
+    isLoading: boolean;
+};

package/dist/authz-module/hooks/useViewTeamPermissions.js

@@ -0,0 +1,13 @@
+import { useValidateUserPermissionsNonSuspense } from '../../data/hooks';
+import { CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS, VIEW_TEAM_PERMISSIONS, } from '../roles-permissions';
+export const useViewTeamPermissions = () => {
+    const { data: permissions, isLoading } = useValidateUserPermissionsNonSuspense(VIEW_TEAM_PERMISSIONS);
+    const isCourseViewAllowed = permissions
+        ? permissions.some((p) => p.action === CONTENT_COURSE_PERMISSIONS.VIEW_COURSE_TEAM && p.allowed)
+        : false;
+    const isLibraryViewAllowed = permissions
+        ? permissions.some((p) => p.action === CONTENT_LIBRARY_PERMISSIONS.VIEW_LIBRARY_TEAM && p.allowed)
+        : false;
+    return { isCourseViewAllowed, isLibraryViewAllowed, isLoading };
+};
+//# sourceMappingURL=useViewTeamPermissions.js.map

package/dist/authz-module/hooks/useViewTeamPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewTeamPermissions.js","sourceRoot":"","sources":["../../../src/authz-module/hooks/useViewTeamPermissions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qCAAqC,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EACL,0BAA0B,EAAE,2BAA2B,EAAE,qBAAqB,GAC/E,MAAM,qCAAqC,CAAC;AAE7C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,qCAAqC,CAAC,qBAAqB,CAAC,CAAC;IAEtG,MAAM,mBAAmB,GAAG,WAAW;QACrC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,0BAA0B,CAAC,gBAAgB,IAAI,CAAC,CAAC,OAAO,CAAC;QAChG,CAAC,CAAC,KAAK,CAAC;IAEV,MAAM,oBAAoB,GAAG,WAAW;QACtC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,2BAA2B,CAAC,iBAAiB,IAAI,CAAC,CAAC,OAAO,CAAC;QAClG,CAAC,CAAC,KAAK,CAAC;IAEV,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC;AAClE,CAAC,CAAC","sourcesContent":["import { useValidateUserPermissionsNonSuspense } from '@src/data/hooks';\nimport {\n  CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS, VIEW_TEAM_PERMISSIONS,\n} from '@src/authz-module/roles-permissions';\n\nexport const useViewTeamPermissions = () => {\n  const { data: permissions, isLoading } = useValidateUserPermissionsNonSuspense(VIEW_TEAM_PERMISSIONS);\n\n  const isCourseViewAllowed = permissions\n    ? permissions.some((p) => p.action === CONTENT_COURSE_PERMISSIONS.VIEW_COURSE_TEAM && p.allowed)\n    : false;\n\n  const isLibraryViewAllowed = permissions\n    ? permissions.some((p) => p.action === CONTENT_LIBRARY_PERMISSIONS.VIEW_LIBRARY_TEAM && p.allowed)\n    : false;\n\n  return { isCourseViewAllowed, isLibraryViewAllowed, isLoading };\n};\n"]}

package/dist/authz-module/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+declare const AuthZModule: () => import("react").JSX.Element;
+export default AuthZModule;

package/dist/authz-module/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { ErrorBoundary } from 'react-error-boundary';
+import { QueryErrorResetBoundary } from '@tanstack/react-query';
+import LoadingPage from '../components/LoadingPage';
+import ErrorFallback from './components/ErrorPage';
+import { CustomErrors } from '../constants';
+import AuthzHome from './authz-home';
+import AuditUserPage from './audit-user';
+import AssignRoleWizardPage from './role-assignation-wizard/AssignRoleWizardPage';
+import { ROUTES } from './constants';
+import './index.scss';
+const NotFoundError = () => {
+    const error = new Error(CustomErrors.NOT_FOUND);
+    throw error;
+};
+const AuthZModule = () => (_jsx(QueryErrorResetBoundary, { children: ({ reset }) => (_jsx(ErrorBoundary, { fallbackRender: ErrorFallback, onReset: reset, children: _jsx(Suspense, { fallback: _jsx(LoadingPage, {}), children: _jsxs(Routes, { children: [_jsx(Route, { index: true, element: _jsx(AuthzHome, {}) }), _jsx(Route, { path: ROUTES.AUDIT_USER_PATH, element: _jsx(AuditUserPage, {}) }), _jsx(Route, { path: ROUTES.ASSIGN_ROLE_WIZARD_PATH, element: _jsx(AssignRoleWizardPage, {}) }), _jsx(Route, { path: "*", element: _jsx(NotFoundError, {}) })] }) }) })) }));
+export default AuthZModule;
+//# sourceMappingURL=index.js.map

package/dist/authz-module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/authz-module/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,aAAa,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,aAAa,MAAM,cAAc,CAAC;AACzC,OAAO,oBAAoB,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAChD,MAAM,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,KAAC,uBAAuB,cACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd,KAAC,aAAa,IAAC,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,YAC1D,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,WAAW,KAAG,YACjC,MAAC,MAAM,eACL,KAAC,KAAK,IAAC,KAAK,QAAC,OAAO,EAAE,KAAC,SAAS,KAAG,GAAI,EACvC,KAAC,KAAK,IAAC,IAAI,EAAE,MAAM,CAAC,eAAe,EAAE,OAAO,EAAE,KAAC,aAAa,KAAG,GAAI,EACnE,KAAC,KAAK,IAAC,IAAI,EAAE,MAAM,CAAC,uBAAuB,EAAE,OAAO,EAAE,KAAC,oBAAoB,KAAG,GAAI,EAClF,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAC,aAAa,KAAG,GAAI,IACvC,GACA,GACG,CACjB,GACuB,CAC3B,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Suspense } from 'react';\nimport { Routes, Route } from 'react-router-dom';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { QueryErrorResetBoundary } from '@tanstack/react-query';\nimport LoadingPage from '@src/components/LoadingPage';\nimport ErrorFallback from '@src/authz-module/components/ErrorPage';\nimport { CustomErrors } from '@src/constants';\nimport AuthzHome from './authz-home';\nimport AuditUserPage from './audit-user';\nimport AssignRoleWizardPage from './role-assignation-wizard/AssignRoleWizardPage';\nimport { ROUTES } from './constants';\n\nimport './index.scss';\n\nconst NotFoundError = () => {\n  const error = new Error(CustomErrors.NOT_FOUND);\n  throw error;\n};\n\nconst AuthZModule = () => (\n  <QueryErrorResetBoundary>\n    {({ reset }) => (\n      <ErrorBoundary fallbackRender={ErrorFallback} onReset={reset}>\n        <Suspense fallback={<LoadingPage />}>\n          <Routes>\n            <Route index element={<AuthzHome />} />\n            <Route path={ROUTES.AUDIT_USER_PATH} element={<AuditUserPage />} />\n            <Route path={ROUTES.ASSIGN_ROLE_WIZARD_PATH} element={<AssignRoleWizardPage />} />\n            <Route path=\"*\" element={<NotFoundError />} />\n          </Routes>\n        </Suspense>\n      </ErrorBoundary>\n    )}\n  </QueryErrorResetBoundary>\n);\n\nexport default AuthZModule;\n"]}

package/dist/authz-module/index.scss

@@ -0,0 +1,131 @@
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints;
+
+.authz-module {
+  --height-action-divider: 30px;
+
+  .pgn__data-table-wrapper {
+    padding: 1rem;
+  }
+
+  .filters .dropdown-toggle::after {
+    display: none !important;
+  }
+  .pgn__data-table tr:has(span[data-role="Super Admin"]),
+  .pgn__data-table tr:has(span[data-role="Global Staff"]) {
+    background-color: var(--pgn-color-primary-200);
+  }
+/*
+  This is a workaround to fix the height of the table when the dropdown menu is open,
+  to prevent the table from collapsing and hiding the dropdown menu.
+  The min-height value is set to 700px based on the height of the table and the dropdown menu,
+  but it can be adjusted if needed.
+*/
+  .pgn__data-table-layout-wrapper:has(.dropdown-menu.show) {
+    min-height: 700px;
+  }
+
+  hr {
+    border-right: var(--pgn-size-border-width) solid var(--pgn-color-border);
+    height: var(--height-action-divider);
+    width: 0;
+  }
+
+  .tab-content {
+    background-color: var(--pgn-color-light-200);
+  }
+
+  .collapsible-card {
+    border: none;
+
+    .collapsible-body {
+      padding: 0;
+    }
+  }
+
+  .collapsible-trigger {
+    background-color: var(--pgn-color-info-100);
+    border: none;
+    border-radius: 0 !important;
+    color: var(--pgn-color-primary-base);
+    padding: 1rem 2rem 1rem 1rem;
+  }
+
+  .permission-chip {
+    .pgn__chip__label {
+      font-weight: var(--pgn-typography-font-weight-base);
+    }
+
+    .pgn__icon {
+      width: var(--pgn-size-icon-xs);
+      height: var(--pgn-size-icon-xs);
+    }
+  }
+
+  .permission-table {
+    td {
+      line-height: 24px;
+    }
+  }
+  
+  @media(--pgn-size-breakpoint-max-width-sm){
+    .flex-column-sm {
+      flex-direction: column;
+    }
+    hr {
+      border-top: var(--pgn-size-border-width) solid var(--pgn-color-border);
+      border-right: none;
+      width: 100%;
+    }
+  }
+}
+
+.highlighted-users-input {
+  &__layer {
+    font-family: inherit;
+    font-size: 1rem;
+    line-height: 1.5;
+    padding: 0.375rem 0.75rem;
+    white-space: pre-wrap;
+    word-break: break-word;
+    overflow-wrap: break-word;
+    width: 100%;
+
+    &.form-control {
+      font-family: inherit;
+      font-size: 1rem;
+      line-height: 1.5;
+      padding: 0.375rem 0.75rem;
+    }
+  }
+
+  &__overlay {
+    position: absolute;
+    inset: 0;
+    background: #fff;
+    border: 1px solid transparent;
+    border-radius: 0.25rem;
+    overflow: hidden;
+    pointer-events: none;
+    z-index: 0;
+  }
+
+  &__textarea {
+    position: relative;
+    z-index: 1;
+    min-height: 100px;
+    resize: vertical;
+
+    &--highlighted.form-control {
+      color: transparent;
+      background: transparent;
+    }
+  }
+}
+
+.scope-list {
+  max-height: 500px;
+}
+
+.scope-search-input {
+  width: 18.75rem; // 300px
+}

package/dist/authz-module/messages.d.ts

@@ -0,0 +1,48 @@
+declare const messages: {
+    'authz.management.home.nav.link': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.management.assign.role.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.toast.default.error.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.remove.user.toast.success.description': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.toast.500.error.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.toast.502.error.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.toast.503.error.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.toast.408.error.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.toast.retry.label': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/authz-module/messages.js

@@ -0,0 +1,50 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    'authz.management.home.nav.link': {
+        id: 'authz.management.home.nav.link',
+        defaultMessage: 'Roles and Permissions Management',
+        description: 'Text for the roles and permissions management home page title navigation link',
+    },
+    'authz.management.assign.role.title': {
+        id: 'authz.management.assign.role.title',
+        defaultMessage: 'Assign Role',
+        description: 'Text for the assign role button',
+    },
+    'authz.team.toast.default.error.message': {
+        id: 'authz.team.toast.default.error.message',
+        defaultMessage: '<Bold>Something went wrong on our end.</Bold> <Br></Br>Please try again later.',
+        description: 'Default error message',
+    },
+    'authz.team.remove.user.toast.success.description': {
+        id: 'authz.team.remove.user.toast.success.description',
+        defaultMessage: 'The {role} role has been successfully removed.{rolesCount, plural, =0 { The user no longer has access to this library and has been removed from the member list.} other {}}',
+        description: 'Team management remove user toast success',
+    },
+    'authz.team.toast.500.error.message': {
+        id: 'authz.team.toast.500.error.message',
+        defaultMessage: '<Bold>We\'re experiencing technical difficulties.</Bold> <Br></Br>Please try again later.',
+        description: 'Internal server error message',
+    },
+    'authz.team.toast.502.error.message': {
+        id: 'authz.team.toast.502.error.message',
+        defaultMessage: '<Bold>We\'re having trouble connecting to our services.</Bold> <Br></Br>Please try again later.',
+        description: 'Bad gateway error message',
+    },
+    'authz.team.toast.503.error.message': {
+        id: 'authz.team.toast.503.error.message',
+        defaultMessage: '<Bold>The service is temporarily unavailable.</Bold> <Br></Br>Please try again in a few moments.',
+        description: 'Service temporarily unavailable message',
+    },
+    'authz.team.toast.408.error.message': {
+        id: 'authz.team.toast.408.error.message',
+        defaultMessage: '<Bold>The request took too long.</Bold> <Br></Br>Please check your connection and try again.',
+        description: 'Request timeout message',
+    },
+    'authz.team.toast.retry.label': {
+        id: 'authz.team.toast.retry.label',
+        defaultMessage: 'Retry',
+        description: 'Label for retry button.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/authz-module/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/authz-module/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAC7B;IACE,gCAAgC,EAAE;QAChC,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,kCAAkC;QAClD,WAAW,EAAE,+EAA+E;KAC7F;IACD,oCAAoC,EAAE;QACpC,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,iCAAiC;KAC/C;IACD,wCAAwC,EAAE;QACxC,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,gFAAgF;QAChG,WAAW,EAAE,uBAAuB;KACrC;IACD,kDAAkD,EAAE;QAClD,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,6KAA6K;QAC7L,WAAW,EAAE,2CAA2C;KACzD;IACD,oCAAoC,EAAE;QACpC,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,2FAA2F;QAC3G,WAAW,EAAE,+BAA+B;KAC7C;IACD,oCAAoC,EAAE;QACpC,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,iGAAiG;QACjH,WAAW,EAAE,2BAA2B;KACzC;IACD,oCAAoC,EAAE;QACpC,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,kGAAkG;QAClH,WAAW,EAAE,yCAAyC;KACvD;IACD,oCAAoC,EAAE;QACpC,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,8FAA8F;QAC9G,WAAW,EAAE,yBAAyB;KACvC;IACD,8BAA8B,EAAE;QAC9B,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,yBAAyB;KACvC;CACF,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages(\n  {\n    'authz.management.home.nav.link': {\n      id: 'authz.management.home.nav.link',\n      defaultMessage: 'Roles and Permissions Management',\n      description: 'Text for the roles and permissions management home page title navigation link',\n    },\n    'authz.management.assign.role.title': {\n      id: 'authz.management.assign.role.title',\n      defaultMessage: 'Assign Role',\n      description: 'Text for the assign role button',\n    },\n    'authz.team.toast.default.error.message': {\n      id: 'authz.team.toast.default.error.message',\n      defaultMessage: '<Bold>Something went wrong on our end.</Bold> <Br></Br>Please try again later.',\n      description: 'Default error message',\n    },\n    'authz.team.remove.user.toast.success.description': {\n      id: 'authz.team.remove.user.toast.success.description',\n      defaultMessage: 'The {role} role has been successfully removed.{rolesCount, plural, =0 { The user no longer has access to this library and has been removed from the member list.} other {}}',\n      description: 'Team management remove user toast success',\n    },\n    'authz.team.toast.500.error.message': {\n      id: 'authz.team.toast.500.error.message',\n      defaultMessage: '<Bold>We\\'re experiencing technical difficulties.</Bold> <Br></Br>Please try again later.',\n      description: 'Internal server error message',\n    },\n    'authz.team.toast.502.error.message': {\n      id: 'authz.team.toast.502.error.message',\n      defaultMessage: '<Bold>We\\'re having trouble connecting to our services.</Bold> <Br></Br>Please try again later.',\n      description: 'Bad gateway error message',\n    },\n    'authz.team.toast.503.error.message': {\n      id: 'authz.team.toast.503.error.message',\n      defaultMessage: '<Bold>The service is temporarily unavailable.</Bold> <Br></Br>Please try again in a few moments.',\n      description: 'Service temporarily unavailable message',\n    },\n    'authz.team.toast.408.error.message': {\n      id: 'authz.team.toast.408.error.message',\n      defaultMessage: '<Bold>The request took too long.</Bold> <Br></Br>Please check your connection and try again.',\n      description: 'Request timeout message',\n    },\n    'authz.team.toast.retry.label': {\n      id: 'authz.team.toast.retry.label',\n      defaultMessage: 'Retry',\n      description: 'Label for retry button.',\n    },\n  },\n);\n\nexport default messages;\n"]}

package/dist/authz-module/role-assignation-wizard/AssignRoleWizard.d.ts

@@ -0,0 +1,8 @@
+import { RoleMetadata } from '../../types';
+interface AssignRoleWizardProps {
+    onClose: () => void;
+    initialUsers?: string;
+    roles?: RoleMetadata[];
+}
+declare const AssignRoleWizard: ({ onClose, initialUsers, roles, }: AssignRoleWizardProps) => import("react").JSX.Element;
+export default AssignRoleWizard;

package/dist/authz-module/role-assignation-wizard/AssignRoleWizard.js

@@ -0,0 +1,154 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useEffect, } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Stepper, Button, StatefulButton, Icon, } from '@openedx/paragon';
+import { SpinnerSimple } from '@openedx/paragon/icons';
+import { useToastManager } from '../../components/ToastManager/ToastManagerContext';
+import SelectUsersAndRoleStep from './components/SelectUsersAndRoleStep';
+import DefineApplicationScopeStep from './components/DefineApplicationScopeStep';
+import { useValidateUsers, useAssignTeamMembersRole } from '../data/hooks';
+import messages from './messages';
+import { formatRoleAssignmentError } from './utils';
+const STEPS = {
+    SELECT_USERS_AND_ROLE: 'select-users-and-role',
+    DEFINE_APPLICATION_SCOPE: 'define-application-scope',
+};
+const parseUsers = (input) => input
+    .split(',')
+    .map((u) => u.trim())
+    .filter(Boolean);
+const getInitialState = (initialUsers) => ({
+    activeStep: STEPS.SELECT_USERS_AND_ROLE,
+    users: initialUsers,
+    selectedRole: null,
+    selectedScopes: new Set(),
+    invalidUsers: [],
+    validatedUsers: [],
+});
+const AssignRoleWizard = ({ onClose, initialUsers = '', roles = [], }) => {
+    const intl = useIntl();
+    const { showToast, showErrorToast } = useToastManager();
+    const [activeStep, setActiveStep] = useState(STEPS.SELECT_USERS_AND_ROLE);
+    const [users, setUsers] = useState(initialUsers);
+    const [selectedRole, setSelectedRole] = useState(null);
+    const [selectedScopes, setSelectedScopes] = useState(new Set());
+    const [invalidUsers, setInvalidUsers] = useState([]);
+    const [validatedUsers, setValidatedUsers] = useState([]);
+    const [assignmentErrors, setAssignmentErrors] = useState([]);
+    const usersInputRef = useRef(null);
+    const validateUsersMutation = useValidateUsers();
+    const assignRoleMutation = useAssignTeamMembersRole();
+    const handleUsersChange = useCallback((value) => {
+        setInvalidUsers((prev) => (prev.length > 0 ? [] : prev));
+        setUsers(value);
+    }, []);
+    const resetState = () => {
+        const initialState = getInitialState(initialUsers);
+        setActiveStep(initialState.activeStep);
+        setUsers(initialState.users);
+        setSelectedRole(initialState.selectedRole);
+        setSelectedScopes(initialState.selectedScopes);
+        setInvalidUsers(initialState.invalidUsers);
+        setValidatedUsers(initialState.validatedUsers);
+        setAssignmentErrors([]);
+    };
+    const handleClose = () => {
+        resetState();
+        onClose();
+    };
+    const validateUsersAndProceed = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (validateUsersMutation.isPending)
+            return;
+        const usersList = parseUsers(users);
+        if (usersList.length === 0 || !selectedRole)
+            return;
+        setInvalidUsers([]);
+        try {
+            const result = yield validateUsersMutation.mutateAsync({ data: { users: usersList } });
+            if (((_a = result.invalidUsers) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                setInvalidUsers(result.invalidUsers);
+            }
+            else {
+                setValidatedUsers(usersList);
+                setActiveStep(STEPS.DEFINE_APPLICATION_SCOPE);
+            }
+        }
+        catch (error) {
+            showErrorToast(error, validateUsersAndProceed);
+        }
+    });
+    const handleScopeToggle = useCallback((scopeId) => {
+        setSelectedScopes((prev) => {
+            const next = new Set(prev);
+            if (next.has(scopeId))
+                next.delete(scopeId);
+            else
+                next.add(scopeId);
+            return next;
+        });
+    }, []);
+    const handleSave = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (!selectedRole || selectedScopes.size === 0 || validatedUsers.length === 0)
+            return;
+        setAssignmentErrors([]);
+        try {
+            const result = yield assignRoleMutation.mutateAsync({
+                data: {
+                    users: validatedUsers,
+                    role: selectedRole,
+                    scopes: Array.from(selectedScopes),
+                },
+            });
+            if (((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                setAssignmentErrors(result.errors.map((e) => formatRoleAssignmentError(intl, e)));
+                showToast({
+                    message: intl.formatMessage(messages['wizard.save.errors.summary']),
+                    type: 'error',
+                });
+            }
+            else {
+                showToast({
+                    message: intl.formatMessage(messages['wizard.save.success']),
+                    type: 'success',
+                });
+                resetState();
+                onClose();
+            }
+        }
+        catch (error) {
+            showErrorToast(error, handleSave);
+        }
+    });
+    useEffect(() => {
+        if (invalidUsers.length && usersInputRef.current) {
+            usersInputRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    }, [invalidUsers]);
+    const parsedUsers = parseUsers(users);
+    const canProceed = parsedUsers.length > 0 && !!selectedRole;
+    const canSave = selectedScopes.size > 0;
+    return (_jsxs(Stepper, { activeKey: activeStep, children: [_jsx(Stepper.Header, { className: "bg-info-100" }), _jsxs("div", { className: "bg-light-200 p-5", children: [_jsx(Stepper.Step, { eventKey: STEPS.SELECT_USERS_AND_ROLE, title: intl.formatMessage(messages['wizard.step.selectUsersAndRole.title']), hasError: invalidUsers.length > 0, description: invalidUsers.length > 0 ? intl.formatMessage(messages['wizard.step.selectUsersAndRole.error']) : '', index: 0, children: _jsx(SelectUsersAndRoleStep, { users: users, setUsers: handleUsersChange, selectedRole: selectedRole, setSelectedRole: setSelectedRole, roles: roles, invalidUsers: invalidUsers, inputRef: usersInputRef }) }), _jsx(Stepper.Step, { eventKey: STEPS.DEFINE_APPLICATION_SCOPE, title: intl.formatMessage(messages['wizard.step.defineScope.title']), index: 1, children: _jsx(DefineApplicationScopeStep, { selectedRole: selectedRole, selectedScopes: selectedScopes, onScopeToggle: handleScopeToggle, assignmentErrors: assignmentErrors }) })] }), _jsxs("div", { className: "p-5", children: [_jsxs(Stepper.ActionRow, { eventKey: STEPS.SELECT_USERS_AND_ROLE, children: [_jsx(Button, { variant: "outline-primary", onClick: handleClose, children: intl.formatMessage(messages['wizard.button.cancel']) }), _jsx(Stepper.ActionRow.Spacer, {}), _jsx(StatefulButton, { labels: {
+                                    default: intl.formatMessage(messages['wizard.button.next']),
+                                    pending: intl.formatMessage(messages['wizard.button.next.pending']),
+                                }, icons: { pending: _jsx(Icon, { src: SpinnerSimple }) }, variant: invalidUsers.length ? 'danger' : 'primary', state: validateUsersMutation.isPending ? 'pending' : 'default', onClick: validateUsersAndProceed, disabled: !canProceed || validateUsersMutation.isPending })] }), _jsxs(Stepper.ActionRow, { eventKey: STEPS.DEFINE_APPLICATION_SCOPE, children: [_jsx(Button, { variant: "outline-primary", onClick: handleClose, children: intl.formatMessage(messages['wizard.button.cancel']) }), _jsx(Button, { variant: "tertiary", onClick: () => {
+                                    setSelectedScopes(new Set());
+                                    setAssignmentErrors([]);
+                                    setActiveStep(STEPS.SELECT_USERS_AND_ROLE);
+                                }, children: intl.formatMessage(messages['wizard.button.back']) }), _jsx(Stepper.ActionRow.Spacer, {}), _jsx(StatefulButton, { labels: {
+                                    default: intl.formatMessage(messages['wizard.button.save']),
+                                    pending: intl.formatMessage(messages['wizard.button.save.pending']),
+                                }, icons: { pending: _jsx(Icon, { src: SpinnerSimple }) }, state: assignRoleMutation.isPending ? 'pending' : 'default', onClick: handleSave, disabled: !canSave || assignRoleMutation.isPending })] })] })] }));
+};
+export default AssignRoleWizard;
+//# sourceMappingURL=AssignRoleWizard.js.map

package/dist/authz-module/role-assignation-wizard/AssignRoleWizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignRoleWizard.js","sourceRoot":"","sources":["../../../src/authz-module/role-assignation-wizard/AssignRoleWizard.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState, useCallback, useRef, useEffect,\n} from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  Stepper, Button, StatefulButton, Icon,\n} from '@openedx/paragon';\nimport { SpinnerSimple } from '@openedx/paragon/icons';\nimport { RoleMetadata } from '@src/types';\nimport { useToastManager } from '@src/components/ToastManager/ToastManagerContext';\nimport SelectUsersAndRoleStep from './components/SelectUsersAndRoleStep';\nimport DefineApplicationScopeStep from './components/DefineApplicationScopeStep';\nimport { useValidateUsers, useAssignTeamMembersRole } from '@src/authz-module/data/hooks';\nimport messages from './messages';\nimport { formatRoleAssignmentError } from './utils';\n\nconst STEPS = {\n  SELECT_USERS_AND_ROLE: 'select-users-and-role',\n  DEFINE_APPLICATION_SCOPE: 'define-application-scope',\n} as const;\n\ntype StepKey = typeof STEPS[keyof typeof STEPS];\n\ninterface AssignRoleWizardProps {\n  onClose: () => void;\n  initialUsers?: string;\n  roles?: RoleMetadata[];\n}\n\nconst parseUsers = (input: string): string[] => input\n  .split(',')\n  .map((u) => u.trim())\n  .filter(Boolean);\n\nconst getInitialState = (initialUsers: string) => ({\n  activeStep: STEPS.SELECT_USERS_AND_ROLE as StepKey,\n  users: initialUsers,\n  selectedRole: null as string | null,\n  selectedScopes: new Set<string>(),\n  invalidUsers: [] as string[],\n  validatedUsers: [] as string[],\n});\n\nconst AssignRoleWizard = ({\n  onClose, initialUsers = '', roles = [],\n}: AssignRoleWizardProps) => {\n  const intl = useIntl();\n  const { showToast, showErrorToast } = useToastManager();\n  const [activeStep, setActiveStep] = useState<StepKey>(STEPS.SELECT_USERS_AND_ROLE);\n  const [users, setUsers] = useState(initialUsers);\n  const [selectedRole, setSelectedRole] = useState<string | null>(null);\n  const [selectedScopes, setSelectedScopes] = useState<Set<string>>(new Set());\n\n  const [invalidUsers, setInvalidUsers] = useState<string[]>([]);\n  const [validatedUsers, setValidatedUsers] = useState<string[]>([]);\n  const [assignmentErrors, setAssignmentErrors] = useState<string[]>([]);\n\n  const usersInputRef = useRef<HTMLTextAreaElement>(null);\n\n  const validateUsersMutation = useValidateUsers();\n  const assignRoleMutation = useAssignTeamMembersRole();\n\n  const handleUsersChange = useCallback((value: string) => {\n    setInvalidUsers((prev) => (prev.length > 0 ? [] : prev));\n    setUsers(value);\n  }, []);\n\n  const resetState = () => {\n    const initialState = getInitialState(initialUsers);\n    setActiveStep(initialState.activeStep);\n    setUsers(initialState.users);\n    setSelectedRole(initialState.selectedRole);\n    setSelectedScopes(initialState.selectedScopes);\n    setInvalidUsers(initialState.invalidUsers);\n    setValidatedUsers(initialState.validatedUsers);\n    setAssignmentErrors([]);\n  };\n\n  const handleClose = () => {\n    resetState();\n    onClose();\n  };\n\n  const validateUsersAndProceed = async () => {\n    if (validateUsersMutation.isPending) return;\n    const usersList = parseUsers(users);\n    if (usersList.length === 0 || !selectedRole) return;\n\n    setInvalidUsers([]);\n\n    try {\n      const result = await validateUsersMutation.mutateAsync({ data: { users: usersList } });\n      if (result.invalidUsers?.length > 0) {\n        setInvalidUsers(result.invalidUsers);\n      } else {\n        setValidatedUsers(usersList);\n        setActiveStep(STEPS.DEFINE_APPLICATION_SCOPE);\n      }\n    } catch (error) {\n      showErrorToast(error, validateUsersAndProceed);\n    }\n  };\n\n  const handleScopeToggle = useCallback((scopeId: string) => {\n    setSelectedScopes((prev) => {\n      const next = new Set(prev);\n      if (next.has(scopeId))\n        next.delete(scopeId);\n      else\n        next.add(scopeId);\n      return next;\n    });\n  }, []);\n\n  const handleSave = async () => {\n    if (!selectedRole || selectedScopes.size === 0 || validatedUsers.length === 0) return;\n    setAssignmentErrors([]);\n\n    try {\n      const result = await assignRoleMutation.mutateAsync({\n        data: {\n          users: validatedUsers,\n          role: selectedRole,\n          scopes: Array.from(selectedScopes),\n        },\n      });\n\n      if (result.errors?.length > 0) {\n        setAssignmentErrors(result.errors.map((e) => formatRoleAssignmentError(intl, e)));\n        showToast({\n          message: intl.formatMessage(messages['wizard.save.errors.summary']),\n          type: 'error',\n        });\n      } else {\n        showToast({\n          message: intl.formatMessage(messages['wizard.save.success']),\n          type: 'success',\n        });\n        resetState();\n        onClose();\n      }\n    } catch (error) {\n      showErrorToast(error, handleSave);\n    }\n  };\n\n  useEffect(() => {\n    if (invalidUsers.length && usersInputRef.current) {\n      usersInputRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }, [invalidUsers]);\n\n  const parsedUsers = parseUsers(users);\n  const canProceed = parsedUsers.length > 0 && !!selectedRole;\n  const canSave = selectedScopes.size > 0;\n\n  return (\n    <Stepper activeKey={activeStep}>\n      <Stepper.Header className=\"bg-info-100\" />\n\n      <div className=\"bg-light-200 p-5\">\n        <Stepper.Step\n          eventKey={STEPS.SELECT_USERS_AND_ROLE}\n          title={intl.formatMessage(messages['wizard.step.selectUsersAndRole.title'])}\n          hasError={invalidUsers.length > 0}\n          description={invalidUsers.length > 0 ? intl.formatMessage(messages['wizard.step.selectUsersAndRole.error']) : ''}\n          index={0}\n        >\n          <SelectUsersAndRoleStep\n            users={users}\n            setUsers={handleUsersChange}\n            selectedRole={selectedRole}\n            setSelectedRole={setSelectedRole}\n            roles={roles}\n            invalidUsers={invalidUsers}\n            inputRef={usersInputRef}\n          />\n        </Stepper.Step>\n\n        <Stepper.Step\n          eventKey={STEPS.DEFINE_APPLICATION_SCOPE}\n          title={intl.formatMessage(messages['wizard.step.defineScope.title'])}\n          index={1}\n        >\n          <DefineApplicationScopeStep\n            selectedRole={selectedRole}\n            selectedScopes={selectedScopes}\n            onScopeToggle={handleScopeToggle}\n            assignmentErrors={assignmentErrors}\n          />\n        </Stepper.Step>\n      </div>\n\n      <div className=\"p-5\">\n        <Stepper.ActionRow eventKey={STEPS.SELECT_USERS_AND_ROLE}>\n          <Button variant=\"outline-primary\" onClick={handleClose}>\n            {intl.formatMessage(messages['wizard.button.cancel'])}\n          </Button>\n          <Stepper.ActionRow.Spacer />\n          <StatefulButton\n            labels={{\n              default: intl.formatMessage(messages['wizard.button.next']),\n              pending: intl.formatMessage(messages['wizard.button.next.pending']),\n            }}\n            icons={{ pending: <Icon src={SpinnerSimple} /> }}\n            variant={invalidUsers.length ? 'danger' : 'primary'}\n            state={validateUsersMutation.isPending ? 'pending' : 'default'}\n            onClick={validateUsersAndProceed}\n            disabled={!canProceed || validateUsersMutation.isPending}\n          />\n        </Stepper.ActionRow>\n\n        <Stepper.ActionRow eventKey={STEPS.DEFINE_APPLICATION_SCOPE}>\n          <Button variant=\"outline-primary\" onClick={handleClose}>\n            {intl.formatMessage(messages['wizard.button.cancel'])}\n          </Button>\n          <Button\n            variant=\"tertiary\"\n            onClick={() => {\n              setSelectedScopes(new Set());\n              setAssignmentErrors([]);\n              setActiveStep(STEPS.SELECT_USERS_AND_ROLE);\n            }}\n          >\n            {intl.formatMessage(messages['wizard.button.back'])}\n          </Button>\n          <Stepper.ActionRow.Spacer />\n          <StatefulButton\n            labels={{\n              default: intl.formatMessage(messages['wizard.button.save']),\n              pending: intl.formatMessage(messages['wizard.button.save.pending']),\n            }}\n            icons={{ pending: <Icon src={SpinnerSimple} /> }}\n            state={assignRoleMutation.isPending ? 'pending' : 'default'}\n            onClick={handleSave}\n            disabled={!canSave || assignRoleMutation.isPending}\n          />\n        </Stepper.ActionRow>\n      </div>\n    </Stepper>\n  );\n};\n\nexport default AssignRoleWizard;\n"]}

package/dist/authz-module/role-assignation-wizard/AssignRoleWizardPage.d.ts

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

package/dist/authz-module/role-assignation-wizard/AssignRoleWizardPage.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { useValidateUserPermissionsNonSuspense } from '../../data/hooks';
+import AssignRoleWizard from './AssignRoleWizard';
+import AuthZLayout from '../components/AuthZLayout';
+import { ROUTES } from '../constants';
+import messages from './messages';
+import { CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS, courseRolesMetadata, libraryRolesMetadata, MANAGE_TEAM_PERMISSIONS, } from '../roles-permissions';
+import { useCourseAuthoringFlag } from '../hooks/useCourseAuthoringFlag';
+const AssignRoleWizardPage = () => {
+    var _a;
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const [searchParams] = useSearchParams();
+    const initialUsers = searchParams.get('users') || '';
+    const raw = (_a = searchParams.get('from')) !== null && _a !== void 0 ? _a : '';
+    const returnTo = (raw.startsWith('/') && !raw.startsWith('//')) ? raw : ROUTES.HOME_PATH;
+    const presetUser = initialUsers.trim();
+    const destination = (presetUser && !presetUser.includes(','))
+        ? `${ROUTES.HOME_PATH}/user/${presetUser}`
+        : returnTo;
+    const { data: managePermissions } = useValidateUserPermissionsNonSuspense(MANAGE_TEAM_PERMISSIONS);
+    const { isCourseAuthoringEnabled } = useCourseAuthoringFlag();
+    const rolesAssignable = managePermissions === null || managePermissions === void 0 ? void 0 : managePermissions.flatMap((p) => {
+        if (!p.allowed)
+            return [];
+        if (p.action === CONTENT_LIBRARY_PERMISSIONS.MANAGE_LIBRARY_TEAM)
+            return libraryRolesMetadata;
+        if (p.action === CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM) {
+            // Course (authoring) roles are only assignable when the course-authoring flag is enabled.
+            return isCourseAuthoringEnabled ? courseRolesMetadata : [];
+        }
+        return [];
+    });
+    return (_jsx(AuthZLayout, { context: { id: '', title: '', org: '' }, navLinks: [{ label: intl.formatMessage(messages['wizard.page.breadcrumb']), to: returnTo }], activeLabel: intl.formatMessage(messages['wizard.page.title']), pageTitle: intl.formatMessage(messages['wizard.page.title']), pageSubtitle: "", actions: [], children: _jsx(AssignRoleWizard, { onClose: () => navigate(destination), initialUsers: initialUsers, roles: rolesAssignable }) }));
+};
+export default AssignRoleWizardPage;
+//# sourceMappingURL=AssignRoleWizardPage.js.map