@openedx/frontend-base 1.0.0-alpha.9 → 1.0.1-alpha.1

package/dist/shell/header/anonymous-menu/LoginButton.d.ts

@@ -0,0 +1,3 @@
+export default function LoginButton({ ...props }: {
+    [x: string]: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/anonymous-menu/LoginButton.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+import { useSiteConfig, useIntl } from '../../../runtime';
+import messages from '../../Shell.messages';
+export default function LoginButton(_a) {
+    var props = __rest(_a, []);
+    const config = useSiteConfig();
+    const intl = useIntl();
+    return (_jsx(Button, Object.assign({ variant: "link", href: config.loginUrl }, props, { children: intl.formatMessage(messages['header.user.menu.login']) })));
+}
+//# sourceMappingURL=LoginButton.js.map

package/dist/shell/header/anonymous-menu/LoginButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginButton.js","sourceRoot":"","sources":["../../../../shell/header/anonymous-menu/LoginButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAC5C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,MAAM,kBAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAM,KAAK,cACpD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC,IAChD,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from '@openedx/paragon';\nimport { useSiteConfig, useIntl } from '../../../runtime';\nimport messages from '../../Shell.messages';\n\nexport default function LoginButton({ ...props }) {\n  const config = useSiteConfig();\n  const intl = useIntl();\n\n  return (\n    <Button variant=\"link\" href={config.loginUrl} {...props}>\n      {intl.formatMessage(messages['header.user.menu.login'])}\n    </Button>\n  );\n}\n"]}

package/dist/shell/header/anonymous-menu/RegisterButton.d.ts

@@ -0,0 +1,3 @@
+export default function RegisterButton({ ...props }: {
+    [x: string]: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/anonymous-menu/RegisterButton.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+import { useSiteConfig, useIntl } from '../../../runtime';
+import messages from '../../Shell.messages';
+export default function RegisterButton(_a) {
+    var props = __rest(_a, []);
+    const config = useSiteConfig();
+    const intl = useIntl();
+    return (_jsx(Button, Object.assign({ variant: "outline-primary", href: `${config.lmsBaseUrl}/register` }, props, { children: intl.formatMessage(messages['header.user.menu.register']) })));
+}
+//# sourceMappingURL=RegisterButton.js.map

package/dist/shell/header/anonymous-menu/RegisterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterButton.js","sourceRoot":"","sources":["../../../../shell/header/anonymous-menu/RegisterButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAC/C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,MAAM,kBAAC,OAAO,EAAC,iBAAiB,EAAC,IAAI,EAAE,GAAG,MAAM,CAAC,UAAU,WAAW,IAAM,KAAK,cAC/E,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,IACnD,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from '@openedx/paragon';\n\nimport { useSiteConfig, useIntl } from '../../../runtime';\nimport messages from '../../Shell.messages';\n\nexport default function RegisterButton({ ...props }) {\n  const config = useSiteConfig();\n  const intl = useIntl();\n\n  return (\n    <Button variant=\"outline-primary\" href={`${config.lmsBaseUrl}/register`} {...props}>\n      {intl.formatMessage(messages['header.user.menu.register'])}\n    </Button>\n  );\n}\n"]}

package/dist/shell/header/app.d.ts

@@ -0,0 +1,4 @@
+import { App } from '../../types';
+import './app.scss';
+declare const config: App;
+export default config;

package/dist/shell/header/app.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WidgetOperationTypes } from '../../runtime';
+import Logo from '../Logo';
+import LinkMenuItem from '../menus/LinkMenuItem';
+import ProfileLinkMenuItem from '../menus/ProfileLinkMenuItem';
+import AnonymousMenu from './anonymous-menu/AnonymousMenu';
+import LoginButton from './anonymous-menu/LoginButton';
+import RegisterButton from './anonymous-menu/RegisterButton';
+import AuthenticatedMenu from './AuthenticatedMenu';
+import DesktopLayout from './desktop/DesktopLayout';
+import PrimaryNavLinks from './desktop/PrimaryNavLinks';
+import SecondaryNavLinks from './desktop/SecondaryNavLinks';
+import MobileLayout from './mobile/MobileLayout';
+import MobileNavLinks from './mobile/MobileNavLinks';
+import messages from '../Shell.messages';
+import CourseTabsNavigation from './course-bar/navigation/CourseTabsNavigation';
+import MasqueradeBar from './course-bar/masquerade/MasqueradeBar';
+import { isCourseBarMasqueradeRoute, isCourseBarRoute } from './course-bar/utils';
+import { appId } from './constants';
+import './app.scss';
+const config = {
+    appId,
+    slots: [
+        // Layouts
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktop.v1',
+            id: 'org.openedx.frontend.widget.header.desktopLayout.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: DesktopLayout
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobile.v1',
+            id: 'org.openedx.frontend.widget.header.mobileLayout.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: MobileLayout
+        },
+        // Desktop
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',
+            id: 'org.openedx.frontend.widget.header.desktopLogo.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(Logo, {}),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',
+            id: 'org.openedx.frontend.widget.header.desktopPrimaryLinks.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: PrimaryNavLinks
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',
+            id: 'org.openedx.frontend.widget.header.desktopSecondaryLinks.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: SecondaryNavLinks
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AuthenticatedMenu, {}),
+            condition: {
+                authenticated: true,
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuProfile.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(ProfileLinkMenuItem, { label: messages['header.user.menu.profile'], role: "org.openedx.frontend.role.profile", variant: "dropdownItem" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuAccount.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: messages['header.user.menu.account'], role: "org.openedx.frontend.role.account", variant: "dropdownItem" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuLogout.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: messages['header.user.menu.logout'], role: "org.openedx.frontend.role.logout", variant: "dropdownItem" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAnonymousMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AnonymousMenu, {}),
+            condition: {
+                authenticated: false,
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',
+            id: 'org.openedx.frontend.widget.header.anonymousMenuLogin.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: LoginButton,
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',
+            id: 'org.openedx.frontend.widget.header.anonymousMenuRegister.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: RegisterButton,
+        },
+        // Mobile
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileCenter.v1',
+            id: 'org.openedx.frontend.widget.header.mobileLogo.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(Logo, {}),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileMenu.v1',
+            id: 'org.openedx.frontend.widget.header.mobileMenuLinks.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: MobileNavLinks
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',
+            id: 'org.openedx.frontend.widget.header.mobileAuthenticatedMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AuthenticatedMenu, {}),
+            condition: {
+                authenticated: true,
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',
+            id: 'org.openedx.frontend.widget.header.mobileAnonymousMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AnonymousMenu, {}),
+            condition: {
+                authenticated: false,
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.courseNavigationBar.v1',
+            id: 'org.openedx.frontend.widget.header.courseNavigationBar.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: CourseTabsNavigation,
+            condition: {
+                callback: () => isCourseBarRoute(),
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.masqueradeBar.v1',
+            id: 'org.openedx.frontend.widget.header.masqueradeBar.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: MasqueradeBar,
+            condition: {
+                authenticated: true,
+                callback: () => isCourseBarMasqueradeRoute(),
+            }
+        }
+    ]
+};
+export default config;
+//# sourceMappingURL=app.js.map

package/dist/shell/header/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../shell/header/app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { WidgetOperationTypes } from '../../runtime';\nimport { App } from '../../types';\nimport Logo from '../Logo';\nimport LinkMenuItem from '../menus/LinkMenuItem';\nimport ProfileLinkMenuItem from '../menus/ProfileLinkMenuItem';\nimport AnonymousMenu from './anonymous-menu/AnonymousMenu';\nimport LoginButton from './anonymous-menu/LoginButton';\nimport RegisterButton from './anonymous-menu/RegisterButton';\nimport AuthenticatedMenu from './AuthenticatedMenu';\nimport DesktopLayout from './desktop/DesktopLayout';\nimport PrimaryNavLinks from './desktop/PrimaryNavLinks';\nimport SecondaryNavLinks from './desktop/SecondaryNavLinks';\nimport MobileLayout from './mobile/MobileLayout';\nimport MobileNavLinks from './mobile/MobileNavLinks';\n\nimport messages from '../Shell.messages';\nimport CourseTabsNavigation from './course-bar/navigation/CourseTabsNavigation';\nimport MasqueradeBar from './course-bar/masquerade/MasqueradeBar';\nimport { isCourseBarMasqueradeRoute, isCourseBarRoute } from './course-bar/utils';\nimport { appId } from './constants';\nimport './app.scss';\n\nconst config: App = {\n  appId,\n  slots: [\n    // Layouts\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktop.v1',\n      id: 'org.openedx.frontend.widget.header.desktopLayout.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: DesktopLayout\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobile.v1',\n      id: 'org.openedx.frontend.widget.header.mobileLayout.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: MobileLayout\n    },\n\n    // Desktop\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',\n      id: 'org.openedx.frontend.widget.header.desktopLogo.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <Logo />,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',\n      id: 'org.openedx.frontend.widget.header.desktopPrimaryLinks.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: PrimaryNavLinks\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',\n      id: 'org.openedx.frontend.widget.header.desktopSecondaryLinks.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: SecondaryNavLinks\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AuthenticatedMenu />,\n      condition: {\n        authenticated: true,\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuProfile.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <ProfileLinkMenuItem\n          label={messages['header.user.menu.profile']}\n          role=\"org.openedx.frontend.role.profile\"\n          variant=\"dropdownItem\"\n        />\n      )\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuAccount.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <LinkMenuItem\n          label={messages['header.user.menu.account']}\n          role=\"org.openedx.frontend.role.account\"\n          variant=\"dropdownItem\"\n        />\n      )\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuLogout.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <LinkMenuItem\n          label={messages['header.user.menu.logout']}\n          role=\"org.openedx.frontend.role.logout\"\n          variant=\"dropdownItem\"\n        />\n      )\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAnonymousMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AnonymousMenu />,\n      condition: {\n        authenticated: false,\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',\n      id: 'org.openedx.frontend.widget.header.anonymousMenuLogin.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: LoginButton,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',\n      id: 'org.openedx.frontend.widget.header.anonymousMenuRegister.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: RegisterButton,\n    },\n\n    // Mobile\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileCenter.v1',\n      id: 'org.openedx.frontend.widget.header.mobileLogo.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <Logo />,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileMenu.v1',\n      id: 'org.openedx.frontend.widget.header.mobileMenuLinks.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: MobileNavLinks\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',\n      id: 'org.openedx.frontend.widget.header.mobileAuthenticatedMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AuthenticatedMenu />,\n      condition: {\n        authenticated: true,\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',\n      id: 'org.openedx.frontend.widget.header.mobileAnonymousMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AnonymousMenu />,\n      condition: {\n        authenticated: false,\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.courseNavigationBar.v1',\n      id: 'org.openedx.frontend.widget.header.courseNavigationBar.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: CourseTabsNavigation,\n      condition: {\n        callback: () => isCourseBarRoute(),\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.masqueradeBar.v1',\n      id: 'org.openedx.frontend.widget.header.masqueradeBar.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: MasqueradeBar,\n      condition: {\n        authenticated: true,\n        callback: () => isCourseBarMasqueradeRoute(),\n      }\n    }\n  ]\n};\n\nexport default config;\n"]}

package/dist/shell/header/app.scss

@@ -0,0 +1,20 @@
+header {
+  .container-fluid {
+    min-height: 65px;
+  }
+
+  .nav-link {
+    padding: 1.125rem 1rem;
+
+    &.active {
+      background: var(--pgn-color-bg-active, #0A3055);
+      color: var(--pgn-color-active, #fff);
+    }
+  }
+
+  // Secondary-nav cluster sits flush against whatever's to its left
+  // (notifications bell, etc.) — those neighbors bring their own padding.
+  .secondary-nav-links > :first-child {
+    padding-left: 0;
+  }
+}

package/dist/shell/header/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const appId = "org.openedx.frontend.app.header";
+export declare const providesCourseBarRolesId = "org.openedx.frontend.provides.courseBarRoles.v1";
+export declare const providesCourseBarMasqueradeRolesId = "org.openedx.frontend.provides.courseBarMasqueradeRoles.v1";

package/dist/shell/header/constants.js

@@ -0,0 +1,4 @@
+export const appId = 'org.openedx.frontend.app.header';
+export const providesCourseBarRolesId = 'org.openedx.frontend.provides.courseBarRoles.v1';
+export const providesCourseBarMasqueradeRolesId = 'org.openedx.frontend.provides.courseBarMasqueradeRoles.v1';
+//# sourceMappingURL=constants.js.map

package/dist/shell/header/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../shell/header/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,iCAAiC,CAAC;AACvD,MAAM,CAAC,MAAM,wBAAwB,GAAG,iDAAiD,CAAC;AAC1F,MAAM,CAAC,MAAM,kCAAkC,GAAG,2DAA2D,CAAC","sourcesContent":["export const appId = 'org.openedx.frontend.app.header';\nexport const providesCourseBarRolesId = 'org.openedx.frontend.provides.courseBarRoles.v1';\nexport const providesCourseBarMasqueradeRolesId = 'org.openedx.frontend.provides.courseBarMasqueradeRoles.v1';\n"]}

package/dist/shell/header/course-bar/data/service.d.ts

@@ -0,0 +1,11 @@
+export interface CourseTab {
+    tabId: string;
+    title: string;
+    url: string;
+}
+export interface CourseHomeCourseMetadata {
+    tabs: CourseTab[];
+}
+export declare function getCourseHomeCourseMetadata(courseId: string): Promise<CourseHomeCourseMetadata>;
+export declare function courseHomeCourseMetadataQueryKey(courseId: string): [string, string];
+export declare function findActiveTab(tabs: CourseTab[], pathname: string): CourseTab | null;

package/dist/shell/header/course-bar/data/service.js

@@ -0,0 +1,49 @@
+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 { matchPath } from 'react-router-dom';
+import { getSiteConfig, getAuthenticatedHttpClient, camelCaseObject } from '../../../../runtime';
+function normalizeCourseHomeCourseMetadata(metadata) {
+    const data = camelCaseObject(metadata);
+    return {
+        tabs: (data.tabs || []).map((tab) => ({
+            tabId: tab.tabId === 'courseware' ? 'outline' : tab.tabId,
+            title: tab.title,
+            url: tab.url,
+        })),
+    };
+}
+export function getCourseHomeCourseMetadata(courseId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { data } = yield getAuthenticatedHttpClient().get(`${getSiteConfig().lmsBaseUrl}/api/course_home/course_metadata/${courseId}`);
+        return normalizeCourseHomeCourseMetadata(data);
+    });
+}
+export function courseHomeCourseMetadataQueryKey(courseId) {
+    return ['org.openedx.frontend.app.header.courseMeta', courseId];
+}
+/*
+ * Returns the tab whose URL pathname is the longest prefix match against
+ * `pathname`, or null if none match.  Used by the navigation bar to mark the
+ * active tab and by the masquerade redirect to decide whether the demoted
+ * user can still see the page they're on.
+ */
+export function findActiveTab(tabs, pathname) {
+    var _a;
+    let best = null;
+    for (const tab of tabs) {
+        const tabPathname = new URL(tab.url).pathname;
+        const match = matchPath({ path: `${tabPathname}/*`, end: false }, pathname);
+        if (match && (!best || tabPathname.length > best.length)) {
+            best = { tab, length: tabPathname.length };
+        }
+    }
+    return (_a = best === null || best === void 0 ? void 0 : best.tab) !== null && _a !== void 0 ? _a : null;
+}
+//# sourceMappingURL=service.js.map

package/dist/shell/header/course-bar/data/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../../shell/header/course-bar/data/service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAuBjG,SAAS,iCAAiC,CAAC,QAAqC;IAC9E,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO;QACL,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAc,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE,GAAG,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK;YACzD,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,GAAG,EAAE,GAAG,CAAC,GAAG;SACb,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAgB,2BAA2B,CAAC,QAAgB;;QAChE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,oCAAoC,QAAQ,EAAE,CAAC,CAAC;QAErI,OAAO,iCAAiC,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;CAAA;AAED,MAAM,UAAU,gCAAgC,CAAC,QAAgB;IAC/D,OAAO,CAAC,4CAA4C,EAAE,QAAQ,CAAC,CAAC;AAClE,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,IAAiB,EAAE,QAAgB;;IAC/D,IAAI,IAAI,GAA8C,IAAI,CAAC;IAC3D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;QAC9C,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,WAAW,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC5E,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACzD,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IACD,OAAO,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,mCAAI,IAAI,CAAC;AAC3B,CAAC","sourcesContent":["import { matchPath } from 'react-router-dom';\nimport { getSiteConfig, getAuthenticatedHttpClient, camelCaseObject } from '../../../../runtime';\n\n// Raw API response from /api/course_home/course_metadata/\ninterface RawCourseTab {\n  tab_id: string,\n  title: string,\n  url: string,\n}\n\ninterface RawCourseHomeCourseMetadata {\n  tabs: RawCourseTab[],\n}\n\nexport interface CourseTab {\n  tabId: string,\n  title: string,\n  url: string,\n}\n\nexport interface CourseHomeCourseMetadata {\n  tabs: CourseTab[],\n}\n\nfunction normalizeCourseHomeCourseMetadata(metadata: RawCourseHomeCourseMetadata): CourseHomeCourseMetadata {\n  const data = camelCaseObject(metadata);\n  return {\n    tabs: (data.tabs || []).map((tab: CourseTab) => ({\n      tabId: tab.tabId === 'courseware' ? 'outline' : tab.tabId,\n      title: tab.title,\n      url: tab.url,\n    })),\n  };\n}\n\nexport async function getCourseHomeCourseMetadata(courseId: string): Promise<CourseHomeCourseMetadata> {\n  const { data } = await getAuthenticatedHttpClient().get(`${getSiteConfig().lmsBaseUrl}/api/course_home/course_metadata/${courseId}`);\n\n  return normalizeCourseHomeCourseMetadata(data);\n}\n\nexport function courseHomeCourseMetadataQueryKey(courseId: string): [string, string] {\n  return ['org.openedx.frontend.app.header.courseMeta', courseId];\n}\n\n/*\n * Returns the tab whose URL pathname is the longest prefix match against\n * `pathname`, or null if none match.  Used by the navigation bar to mark the\n * active tab and by the masquerade redirect to decide whether the demoted\n * user can still see the page they're on.\n */\nexport function findActiveTab(tabs: CourseTab[], pathname: string): CourseTab | null {\n  let best: { tab: CourseTab, length: number } | null = null;\n  for (const tab of tabs) {\n    const tabPathname = new URL(tab.url).pathname;\n    const match = matchPath({ path: `${tabPathname}/*`, end: false }, pathname);\n    if (match && (!best || tabPathname.length > best.length)) {\n      best = { tab, length: tabPathname.length };\n    }\n  }\n  return best?.tab ?? null;\n}\n"]}

package/dist/shell/header/course-bar/masquerade/MasqueradeBar.d.ts

@@ -0,0 +1 @@
+export default function MasqueradeBar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/shell/header/course-bar/masquerade/MasqueradeBar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Alert, Container } from '@openedx/paragon';
+import { useParams } from 'react-router-dom';
+import { MasqueradeContext } from './MasqueradeContext';
+import MasqueradeWidget from './masquerade-widget';
+import { formatErrorMessage, useMasqueradeState } from './hooks';
+import StudioLink from './StudioLink';
+import messages from './messages';
+export default function MasqueradeBar() {
+    const { formatMessage } = useIntl();
+    const { courseId = '', unitId = '' } = useParams();
+    const masquerade = useMasqueradeState(courseId);
+    const { errorMessage, isLoading, isDenied } = masquerade;
+    /* Render nothing while we wait for the first response, and when the load
+     * fails or the server says this user can't masquerade. */
+    if (isLoading || isDenied) {
+        return null;
+    }
+    return (_jsx(MasqueradeContext.Provider, { value: masquerade, children: _jsxs("div", { role: "region", "aria-label": formatMessage(messages.ariaLabel), children: [_jsx("div", { className: "bg-primary text-white", children: _jsx(Container, { fluid: true, size: "xl", children: _jsxs("div", { className: "py-3 d-md-flex justify-content-end align-items-start", children: [_jsx("div", { className: "align-items-center flex-grow-1 d-md-flex mx-1 my-1", children: _jsx(MasqueradeWidget, {}) }), _jsx(StudioLink, { courseId: courseId, unitId: unitId })] }) }) }), errorMessage && (_jsx(Container, { fluid: true, size: "xl", className: "mt-3", children: _jsx(Alert, { variant: "warning", role: "alert", dismissible: false, className: "mb-0", children: formatErrorMessage(formatMessage, errorMessage) }) }))] }) }));
+}
+//# sourceMappingURL=MasqueradeBar.js.map

package/dist/shell/header/course-bar/masquerade/MasqueradeBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasqueradeBar.js","sourceRoot":"","sources":["../../../../../shell/header/course-bar/masquerade/MasqueradeBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IACnD,MAAM,UAAU,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;IAEzD;8DAC0D;IAC1D,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC3C,eAAK,IAAI,EAAC,QAAQ,gBAAa,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,aAC9D,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,SAAS,IAAC,KAAK,QAAC,IAAI,EAAC,IAAI,YACxB,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAK,SAAS,EAAC,oDAAoD,YACjE,KAAC,gBAAgB,KAAG,GAChB,EACN,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,IAC9C,GACI,GACR,EACL,YAAY,IAAI,CACf,KAAC,SAAS,IAAC,KAAK,QAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACzC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,YACvE,kBAAkB,CAAC,aAAa,EAAE,YAAY,CAAC,GAC1C,GACE,CACb,IACG,GACqB,CAC9B,CAAC;AACJ,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Alert, Container } from '@openedx/paragon';\nimport { useParams } from 'react-router-dom';\n\nimport { MasqueradeContext } from './MasqueradeContext';\nimport MasqueradeWidget from './masquerade-widget';\nimport { formatErrorMessage, useMasqueradeState } from './hooks';\nimport StudioLink from './StudioLink';\nimport messages from './messages';\n\nexport default function MasqueradeBar() {\n  const { formatMessage } = useIntl();\n  const { courseId = '', unitId = '' } = useParams();\n  const masquerade = useMasqueradeState(courseId);\n  const { errorMessage, isLoading, isDenied } = masquerade;\n\n  /* Render nothing while we wait for the first response, and when the load\n   * fails or the server says this user can't masquerade. */\n  if (isLoading || isDenied) {\n    return null;\n  }\n\n  return (\n    <MasqueradeContext.Provider value={masquerade}>\n      <div role=\"region\" aria-label={formatMessage(messages.ariaLabel)}>\n        <div className=\"bg-primary text-white\">\n          <Container fluid size=\"xl\">\n            <div className=\"py-3 d-md-flex justify-content-end align-items-start\">\n              <div className=\"align-items-center flex-grow-1 d-md-flex mx-1 my-1\">\n                <MasqueradeWidget />\n              </div>\n              <StudioLink courseId={courseId} unitId={unitId} />\n            </div>\n          </Container>\n        </div>\n        {errorMessage && (\n          <Container fluid size=\"xl\" className=\"mt-3\">\n            <Alert variant=\"warning\" role=\"alert\" dismissible={false} className=\"mb-0\">\n              {formatErrorMessage(formatMessage, errorMessage)}\n            </Alert>\n          </Container>\n        )}\n      </div>\n    </MasqueradeContext.Provider>\n  );\n}\n"]}

package/dist/shell/header/course-bar/masquerade/MasqueradeContext.d.ts

@@ -0,0 +1,3 @@
+import type { MasqueradeState } from './hooks';
+export declare const MasqueradeContext: import("react").Context<MasqueradeState | null>;
+export declare function useMasqueradeContext(): MasqueradeState;

package/dist/shell/header/course-bar/masquerade/MasqueradeContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const MasqueradeContext = createContext(null);
+export function useMasqueradeContext() {
+    const context = useContext(MasqueradeContext);
+    if (context === null) {
+        throw new Error('useMasqueradeContext must be used within a MasqueradeContext.Provider');
+    }
+    return context;
+}
+//# sourceMappingURL=MasqueradeContext.js.map

package/dist/shell/header/course-bar/masquerade/MasqueradeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasqueradeContext.js","sourceRoot":"","sources":["../../../../../shell/header/course-bar/masquerade/MasqueradeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAE7E,MAAM,UAAU,oBAAoB;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC,CAAC;IAC3F,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { MasqueradeState } from './hooks';\n\nexport const MasqueradeContext = createContext<MasqueradeState | null>(null);\n\nexport function useMasqueradeContext(): MasqueradeState {\n  const context = useContext(MasqueradeContext);\n  if (context === null) {\n    throw new Error('useMasqueradeContext must be used within a MasqueradeContext.Provider');\n  }\n  return context;\n}\n"]}

package/dist/shell/header/course-bar/masquerade/StudioLink.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    courseId?: string;
+    unitId?: string;
+}
+export declare function StudioLink({ courseId, unitId }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default StudioLink;

package/dist/shell/header/course-bar/masquerade/StudioLink.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl, FormattedMessage, getSiteConfig } from '@openedx/frontend-base';
+import { Button } from '@openedx/paragon';
+import messages from './messages';
+function buildStudioUrl(courseId, unitId) {
+    const base = getSiteConfig().cmsBaseUrl;
+    if (!base) {
+        return null;
+    }
+    if (unitId) {
+        return `${base}/container/${unitId}`;
+    }
+    if (courseId) {
+        return `${base}/course/${courseId}`;
+    }
+    return null;
+}
+export function StudioLink({ courseId, unitId }) {
+    const { formatMessage } = useIntl();
+    const url = buildStudioUrl(courseId, unitId);
+    if (!url) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("hr", { className: "border-light" }), _jsx("span", { className: "mr-2 mt-1 col-form-label", children: _jsx(FormattedMessage, Object.assign({}, messages.titleViewCourseIn)) }), _jsx("span", { className: "mx-1 my-1", children: _jsx(Button, { variant: "inverse-outline-primary", href: url, children: formatMessage(messages.titleStudio) }) })] }));
+}
+export default StudioLink;
+//# sourceMappingURL=StudioLink.js.map

package/dist/shell/header/course-bar/masquerade/StudioLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudioLink.js","sourceRoot":"","sources":["../../../../../shell/header/course-bar/masquerade/StudioLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAOlC,SAAS,cAAc,CAAC,QAAiB,EAAE,MAAe;IACxD,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC,UAAU,CAAC;IACxC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,GAAG,IAAI,cAAc,MAAM,EAAE,CAAC;IACvC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,GAAG,IAAI,WAAW,QAAQ,EAAE,CAAC;IACtC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAS;IACpD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE7C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,aAAI,SAAS,EAAC,cAAc,GAAG,EAC/B,eAAM,SAAS,EAAC,0BAA0B,YACxC,KAAC,gBAAgB,oBAAK,QAAQ,CAAC,iBAAiB,EAAI,GAC/C,EACP,eAAM,SAAS,EAAC,WAAW,YACzB,KAAC,MAAM,IAAC,OAAO,EAAC,yBAAyB,EAAC,IAAI,EAAE,GAAG,YAChD,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAC7B,GACJ,IACN,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import { useIntl, FormattedMessage, getSiteConfig } from '@openedx/frontend-base';\nimport { Button } from '@openedx/paragon';\n\nimport messages from './messages';\n\ninterface Props {\n  courseId?: string,\n  unitId?: string,\n}\n\nfunction buildStudioUrl(courseId?: string, unitId?: string): string | null {\n  const base = getSiteConfig().cmsBaseUrl;\n  if (!base) {\n    return null;\n  }\n  if (unitId) {\n    return `${base}/container/${unitId}`;\n  }\n  if (courseId) {\n    return `${base}/course/${courseId}`;\n  }\n  return null;\n}\n\nexport function StudioLink({ courseId, unitId }: Props) {\n  const { formatMessage } = useIntl();\n  const url = buildStudioUrl(courseId, unitId);\n\n  if (!url) {\n    return null;\n  }\n\n  return (\n    <>\n      <hr className=\"border-light\" />\n      <span className=\"mr-2 mt-1 col-form-label\">\n        <FormattedMessage {...messages.titleViewCourseIn} />\n      </span>\n      <span className=\"mx-1 my-1\">\n        <Button variant=\"inverse-outline-primary\" href={url}>\n          {formatMessage(messages.titleStudio)}\n        </Button>\n      </span>\n    </>\n  );\n}\n\nexport default StudioLink;\n"]}

package/dist/shell/header/course-bar/masquerade/data/api.d.ts

@@ -0,0 +1,29 @@
+export type Role = 'staff' | 'student';
+export interface ActiveMasqueradeData {
+    role: Role;
+    userName: string | null;
+    userPartitionId: number | null;
+    groupId: number | null;
+    groupName: string | null;
+}
+export interface MasqueradeOption {
+    name: string;
+    role: Role;
+    userName?: string;
+    groupId?: number;
+    userPartitionId?: number;
+}
+export interface MasqueradeStatus {
+    success: boolean;
+    error?: string;
+    active: ActiveMasqueradeData;
+    available: MasqueradeOption[];
+}
+export interface MasqueradePayload {
+    role?: Role;
+    user_name?: string;
+    group_id?: number;
+    user_partition_id?: number;
+}
+export declare function getMasqueradeOptions(courseId: string): Promise<MasqueradeStatus>;
+export declare function postMasqueradeOptions(courseId: string, payload: MasqueradePayload): Promise<MasqueradeStatus>;

package/dist/shell/header/course-bar/masquerade/data/api.js

@@ -0,0 +1,33 @@
+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 { getSiteConfig, camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+export function getMasqueradeOptions(courseId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const url = `${getSiteConfig().lmsBaseUrl}/courses/${courseId}/masquerade`;
+        const response = yield getAuthenticatedHttpClient().get(url, {});
+        /* The LMS 302s to /login instead of returning 403 when masquerade is denied. */
+        if (((_a = response.request) === null || _a === void 0 ? void 0 : _a.responseURL) && response.request.responseURL !== url) {
+            const error = Object.assign(new Error(`Masquerade endpoint redirected to ${response.request.responseURL}`), {
+                customAttributes: { httpErrorStatus: 403 },
+            });
+            throw error;
+        }
+        return camelCaseObject(response.data);
+    });
+}
+export function postMasqueradeOptions(courseId, payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = `${getSiteConfig().lmsBaseUrl}/courses/${courseId}/masquerade`;
+        const { data } = yield getAuthenticatedHttpClient().post(url, payload);
+        return camelCaseObject(data);
+    });
+}
+//# sourceMappingURL=api.js.map

package/dist/shell/header/course-bar/masquerade/data/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../../../shell/header/course-bar/masquerade/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAkCpG,MAAM,UAAgB,oBAAoB,CAAC,QAAgB;;;QACzD,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,YAAY,QAAQ,aAAa,CAAC;QAC3E,MAAM,QAAQ,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACjE,gFAAgF;QAChF,IAAI,CAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,KAAI,QAAQ,CAAC,OAAO,CAAC,WAAW,KAAK,GAAG,EAAE,CAAC;YAC1E,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,qCAAqC,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE;gBAC1G,gBAAgB,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE;aAC3C,CAAC,CAAC;YACH,MAAM,KAAK,CAAC;QACd,CAAC;QACD,OAAO,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;CAAA;AAED,MAAM,UAAgB,qBAAqB,CAAC,QAAgB,EAAE,OAA0B;;QACtF,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,YAAY,QAAQ,aAAa,CAAC;QAC3E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QACvE,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;CAAA","sourcesContent":["import { getSiteConfig, camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';\n\nexport type Role = 'staff' | 'student';\n\nexport interface ActiveMasqueradeData {\n  role: Role,\n  userName: string | null,\n  userPartitionId: number | null,\n  groupId: number | null,\n  groupName: string | null,\n}\n\nexport interface MasqueradeOption {\n  name: string,\n  role: Role,\n  userName?: string,\n  groupId?: number,\n  userPartitionId?: number,\n}\n\nexport interface MasqueradeStatus {\n  success: boolean,\n  error?: string,\n  active: ActiveMasqueradeData,\n  available: MasqueradeOption[],\n}\n\nexport interface MasqueradePayload {\n  role?: Role,\n  user_name?: string,\n  group_id?: number,\n  user_partition_id?: number,\n}\n\nexport async function getMasqueradeOptions(courseId: string): Promise<MasqueradeStatus> {\n  const url = `${getSiteConfig().lmsBaseUrl}/courses/${courseId}/masquerade`;\n  const response = await getAuthenticatedHttpClient().get(url, {});\n  /* The LMS 302s to /login instead of returning 403 when masquerade is denied. */\n  if (response.request?.responseURL && response.request.responseURL !== url) {\n    const error = Object.assign(new Error(`Masquerade endpoint redirected to ${response.request.responseURL}`), {\n      customAttributes: { httpErrorStatus: 403 },\n    });\n    throw error;\n  }\n  return camelCaseObject(response.data);\n}\n\nexport async function postMasqueradeOptions(courseId: string, payload: MasqueradePayload): Promise<MasqueradeStatus> {\n  const url = `${getSiteConfig().lmsBaseUrl}/courses/${courseId}/masquerade`;\n  const { data } = await getAuthenticatedHttpClient().post(url, payload);\n  return camelCaseObject(data);\n}\n"]}

package/dist/shell/header/course-bar/masquerade/hooks.d.ts

@@ -0,0 +1,20 @@
+import type { MessageDescriptor } from 'react-intl';
+import { ActiveMasqueradeData, MasqueradeOption } from './data/api';
+export declare function isOptionSelected(option: MasqueradeOption, active: ActiveMasqueradeData): boolean;
+export type MasqueradeErrorMessage = MessageDescriptor | string;
+export declare function formatErrorMessage(formatMessage: (descriptor: MessageDescriptor) => string, error: MasqueradeErrorMessage): string;
+export interface MasqueradeState {
+    active: ActiveMasqueradeData;
+    available: MasqueradeOption[];
+    pendingOption: MasqueradeOption | null;
+    showUserNameInput: boolean;
+    userName: string;
+    setUserName: (value: string) => void;
+    select: (option: MasqueradeOption) => void;
+    submitUserName: () => void;
+    errorMessage: MasqueradeErrorMessage | null;
+    isSubmitting: boolean;
+    isLoading: boolean;
+    isDenied: boolean;
+}
+export declare function useMasqueradeState(courseId: string): MasqueradeState;