@openedx/frontend-base 1.0.0-alpha.4 → 1.0.0-alpha.40

package/dist/shell/footer/PoweredBy.d.ts

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

package/dist/shell/footer/PoweredBy.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Hyperlink, Image } from '@openedx/paragon';
+import { useIntl } from 'react-intl';
+import messages from '../Shell.messages';
+export default function PoweredBy() {
+    const intl = useIntl();
+    return (_jsx(Hyperlink, { destination: "https://openedx.org", children: _jsx(Image, { width: "120px", alt: intl.formatMessage(messages.footerPoweredBy), src: "https://logos.openedx.org/open-edx-logo-tag.png" }) }));
+}
+//# sourceMappingURL=PoweredBy.js.map

package/dist/shell/footer/PoweredBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../shell/footer/PoweredBy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAC,qBAAqB,YAC1C,KAAC,KAAK,IACJ,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,EACjD,GAAG,EAAC,iDAAiD,GACrD,GACQ,CACb,CAAC;AACJ,CAAC","sourcesContent":["import { Hyperlink, Image } from '@openedx/paragon';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../Shell.messages';\n\nexport default function PoweredBy() {\n  const intl = useIntl();\n  return (\n    <Hyperlink destination=\"https://openedx.org\">\n      <Image\n        width=\"120px\"\n        alt={intl.formatMessage(messages.footerPoweredBy)}\n        src=\"https://logos.openedx.org/open-edx-logo-tag.png\"\n      />\n    </Hyperlink>\n  );\n}\n"]}

package/dist/shell/footer/RevealLinks.d.ts

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

package/dist/shell/footer/RevealLinks.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Collapsible } from '@openedx/paragon';
+import { ExpandLess, ExpandMore } from '@openedx/paragon/icons';
+import { useLayoutOptions, useWidgets } from '../../runtime';
+import messages from '../Shell.messages';
+export default function RevealLinks() {
+    var _a;
+    const widgets = useWidgets();
+    const options = useLayoutOptions();
+    const label = (_a = options.label) !== null && _a !== void 0 ? _a : messages['footer.revealLinks.more'];
+    if (widgets.length === 0) {
+        return (_jsx("div", { className: "border-top" }));
+    }
+    return (_jsxs(Collapsible.Advanced, { children: [_jsxs("div", { className: "d-flex align-items-center", children: [_jsx("div", { className: "border-top mr-2 flex-grow-1" }), _jsx(Collapsible.Trigger, { children: _jsxs(Button, { "data-testid": "helpToggleButton", variant: "outline-primary", size: "sm", children: [_jsx("span", { className: "pr-1", children: label }), _jsx(Collapsible.Visible, { whenClosed: true, children: _jsx(ExpandMore, {}) }), _jsx(Collapsible.Visible, { whenOpen: true, children: _jsx(ExpandLess, {}) })] }) }), _jsx("div", { className: "border-top ml-2 flex-grow-1" })] }), _jsx(Collapsible.Body, { children: _jsx("div", { className: "d-flex justify-content-center gap-3 align-items-center my-3", children: widgets }) })] }));
+}
+//# sourceMappingURL=RevealLinks.js.map

package/dist/shell/footer/RevealLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealLinks.js","sourceRoot":"","sources":["../../../shell/footer/RevealLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,WAAW;;IACjC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,MAAM,KAAK,GAAQ,MAAA,OAAO,CAAC,KAAK,mCAAI,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IAExE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,GAAG,CAC/B,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,WAAW,CAAC,QAAQ,eACnB,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,6BAA6B,GAAG,EAC/C,KAAC,WAAW,CAAC,OAAO,cAClB,MAAC,MAAM,mBACO,kBAAkB,EAC9B,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,IAAI,aAET,eAAM,SAAS,EAAC,MAAM,YAAE,KAAK,GAAQ,EACrC,KAAC,WAAW,CAAC,OAAO,IAAC,UAAU,kBAAC,KAAC,UAAU,KAAG,GAAsB,EACpE,KAAC,WAAW,CAAC,OAAO,IAAC,QAAQ,kBAAC,KAAC,UAAU,KAAG,GAAsB,IAC3D,GACW,EACtB,cAAK,SAAS,EAAC,6BAA6B,GAAG,IAC3C,EACN,KAAC,WAAW,CAAC,IAAI,cACf,cAAK,SAAS,EAAC,6DAA6D,YACzE,OAAO,GACJ,GACW,IACE,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import { Button, Collapsible } from '@openedx/paragon';\nimport { ExpandLess, ExpandMore } from '@openedx/paragon/icons';\n\nimport { useLayoutOptions, useWidgets } from '../../runtime';\nimport messages from '../Shell.messages';\n\nexport default function RevealLinks() {\n  const widgets = useWidgets();\n  const options = useLayoutOptions();\n\n  const label: any = options.label ?? messages['footer.revealLinks.more'];\n\n  if (widgets.length === 0) {\n    return (\n      <div className=\"border-top\" />\n    );\n  }\n\n  return (\n    <Collapsible.Advanced>\n      <div className=\"d-flex align-items-center\">\n        <div className=\"border-top mr-2 flex-grow-1\" />\n        <Collapsible.Trigger>\n          <Button\n            data-testid=\"helpToggleButton\"\n            variant=\"outline-primary\"\n            size=\"sm\"\n          >\n            <span className=\"pr-1\">{label}</span>\n            <Collapsible.Visible whenClosed><ExpandMore /></Collapsible.Visible>\n            <Collapsible.Visible whenOpen><ExpandLess /></Collapsible.Visible>\n          </Button>\n        </Collapsible.Trigger>\n        <div className=\"border-top ml-2 flex-grow-1\" />\n      </div>\n      <Collapsible.Body>\n        <div className=\"d-flex justify-content-center gap-3 align-items-center my-3\">\n          {widgets}\n        </div>\n      </Collapsible.Body>\n    </Collapsible.Advanced>\n  );\n}\n"]}

package/dist/shell/footer/RightLinks.d.ts

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

package/dist/shell/footer/RightLinks.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgets } from '../../runtime';
+export default function RightLinks() {
+    const widgets = useWidgets();
+    return (_jsx("div", { className: "d-flex flex-column gap-3 align-items-end flex-grow-1 justify-content-between", children: widgets }));
+}
+//# sourceMappingURL=RightLinks.js.map

package/dist/shell/footer/RightLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightLinks.js","sourceRoot":"","sources":["../../../shell/footer/RightLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAC,8EAA8E,YAC1F,OAAO,GACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useWidgets } from '../../runtime';\n\nexport default function RightLinks() {\n  const widgets = useWidgets();\n\n  return (\n    <div className=\"d-flex flex-column gap-3 align-items-end flex-grow-1 justify-content-between\">\n      {widgets}\n    </div>\n  );\n}\n"]}

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

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

package/dist/shell/footer/app.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot, WidgetOperationTypes } from '../../runtime';
+import Logo from '../Logo';
+import CopyrightNotice from './CopyrightNotice';
+import LabeledLinkColumn from './LabeledLinkColumn';
+import LanguageMenu from './LanguageMenu';
+const app = {
+    appId: 'org.openedx.frontend.app.footer',
+    slots: [
+        // Center links
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopCenterLink1.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopCenterLink1.v1", layout: LabeledLinkColumn })),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopCenterLink2.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopCenterLink2.v1", layout: LabeledLinkColumn })),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopCenterLink3.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopCenterLink3.v1", layout: LabeledLinkColumn })),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopCenterLink4.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopCenterLink4.v1", layout: LabeledLinkColumn })),
+        },
+        // Left Links
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopLeftLinks.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopLeftLinksLogo.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(Logo, {}),
+        },
+        // Right Links
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopRightLinks.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopRightLinksLanguageMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: LanguageMenu,
+        },
+        // Copyright Notice
+        {
+            slotId: 'org.openedx.frontend.slot.footer.desktopLegalNotices.v1',
+            id: 'org.openedx.frontend.widget.footer.desktopCopyrightNotice.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(CopyrightNotice, {})),
+        }
+    ]
+};
+export default app;
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../shell/footer/app.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,GAAG,GAAQ;IACf,KAAK,EAAE,iCAAiC;IACxC,KAAK,EAAE;QACL,eAAe;QACf;YACE,MAAM,EAAE,wDAAwD;YAChE,EAAE,EAAE,0DAA0D;YAC9D,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,EAAE,EAAC,wDAAwD,EAAC,MAAM,EAAE,iBAAiB,GAAI,CAChG;SACF;QACD;YACE,MAAM,EAAE,wDAAwD;YAChE,EAAE,EAAE,0DAA0D;YAC9D,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,EAAE,EAAC,wDAAwD,EAAC,MAAM,EAAE,iBAAiB,GAAI,CAChG;SACF;QACD;YACE,MAAM,EAAE,wDAAwD;YAChE,EAAE,EAAE,0DAA0D;YAC9D,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,EAAE,EAAC,wDAAwD,EAAC,MAAM,EAAE,iBAAiB,GAAI,CAChG;SACF;QACD;YACE,MAAM,EAAE,wDAAwD;YAChE,EAAE,EAAE,0DAA0D;YAC9D,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,EAAE,EAAC,wDAAwD,EAAC,MAAM,EAAE,iBAAiB,GAAI,CAChG;SACF;QAED,aAAa;QACb;YACE,MAAM,EAAE,sDAAsD;YAC9D,EAAE,EAAE,4DAA4D;YAChE,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,OAAO,EAAE,KAAC,IAAI,KAAG;SAClB;QAED,cAAc;QACd;YACE,MAAM,EAAE,uDAAuD;YAC/D,EAAE,EAAE,qEAAqE;YACzE,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,SAAS,EAAE,YAAY;SACxB;QAED,mBAAmB;QACnB;YACE,MAAM,EAAE,yDAAyD;YACjE,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,OAAO,EAAE,CACP,KAAC,eAAe,KAAG,CACpB;SACF;KACF;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { Slot, WidgetOperationTypes } from '../../runtime';\nimport { App } from '../../types';\nimport Logo from '../Logo';\nimport CopyrightNotice from './CopyrightNotice';\nimport LabeledLinkColumn from './LabeledLinkColumn';\nimport LanguageMenu from './LanguageMenu';\n\nconst app: App = {\n  appId: 'org.openedx.frontend.app.footer',\n  slots: [\n    // Center links\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopCenterLink1.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <Slot id=\"org.openedx.frontend.slot.footer.desktopCenterLink1.v1\" layout={LabeledLinkColumn} />\n      ),\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopCenterLink2.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <Slot id=\"org.openedx.frontend.slot.footer.desktopCenterLink2.v1\" layout={LabeledLinkColumn} />\n      ),\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopCenterLink3.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <Slot id=\"org.openedx.frontend.slot.footer.desktopCenterLink3.v1\" layout={LabeledLinkColumn} />\n      ),\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopCenterLinks.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopCenterLink4.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <Slot id=\"org.openedx.frontend.slot.footer.desktopCenterLink4.v1\" layout={LabeledLinkColumn} />\n      ),\n    },\n\n    // Left Links\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopLeftLinks.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopLeftLinksLogo.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <Logo />,\n    },\n\n    // Right Links\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopRightLinks.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopRightLinksLanguageMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: LanguageMenu,\n    },\n\n    // Copyright Notice\n    {\n      slotId: 'org.openedx.frontend.slot.footer.desktopLegalNotices.v1',\n      id: 'org.openedx.frontend.widget.footer.desktopCopyrightNotice.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <CopyrightNotice />\n      ),\n    }\n  ]\n};\n\nexport default app;\n"]}

package/dist/shell/footer/data/api.d.ts

@@ -0,0 +1 @@
+export declare function updateSiteLanguage(locale: string): Promise<void>;

package/dist/shell/footer/data/api.js

@@ -0,0 +1,45 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { getAuthenticatedHttpClient, getAuthenticatedUser, getSiteConfig, updateLocale } from '../../../runtime';
+export function updateSiteLanguage(locale) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const user = getAuthenticatedUser();
+        if (user !== null) {
+            const { username } = getAuthenticatedUser();
+            yield patchUserPreferences(username, locale);
+        }
+        yield postSetlang(locale);
+        updateLocale();
+    });
+}
+function patchUserPreferences(username, locale) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield getAuthenticatedHttpClient().patch(`${getSiteConfig().lmsBaseUrl}/api/user/v1/preferences/${username}`, {
+            'pref-lang': locale
+        }, {
+            headers: {
+                'Content-Type': 'application/merge-patch+json'
+            },
+        });
+    });
+}
+function postSetlang(locale) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const formData = new FormData();
+        formData.append('language', locale);
+        yield getAuthenticatedHttpClient().post(`${getSiteConfig().lmsBaseUrl}/i18n/setlang/`, formData, {
+            headers: {
+                Accept: 'application/json',
+                'X-Requested-With': 'XMLHttpRequest',
+            },
+        });
+    });
+}
+//# sourceMappingURL=api.js.map

package/dist/shell/footer/data/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../shell/footer/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,aAAa,EACb,YAAY,EACb,MAAM,kBAAkB,CAAC;AAE1B,MAAM,UAAgB,kBAAkB,CAAC,MAAc;;QACrD,MAAM,IAAI,GAAG,oBAAoB,EAAE,CAAC;QAEpC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;YAC5C,MAAM,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,WAAW,CAAC,MAAM,CAAC,CAAC;QAE1B,YAAY,EAAE,CAAC;IACjB,CAAC;CAAA;AAED,SAAe,oBAAoB,CAAC,QAAgB,EAAE,MAAc;;QAClE,MAAM,0BAA0B,EAAE,CAAC,KAAK,CACtC,GAAG,aAAa,EAAE,CAAC,UAAU,4BAA4B,QAAQ,EAAE,EACnE;YACE,WAAW,EAAE,MAAM;SACpB,EACD;YACE,OAAO,EAAE;gBACP,cAAc,EAAE,8BAA8B;aAC/C;SACF,CACF,CAAC;IACJ,CAAC;CAAA;AAED,SAAe,WAAW,CAAC,MAAc;;QACvC,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;QAChC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAEpC,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACrC,GAAG,aAAa,EAAE,CAAC,UAAU,gBAAgB,EAC7C,QAAQ,EACR;YACE,OAAO,EAAE;gBACP,MAAM,EAAE,kBAAkB;gBAC1B,kBAAkB,EAAE,gBAAgB;aACrC;SACF,CACF,CAAC;IACJ,CAAC;CAAA","sourcesContent":["import {\n  getAuthenticatedHttpClient,\n  getAuthenticatedUser,\n  getSiteConfig,\n  updateLocale\n} from '../../../runtime';\n\nexport async function updateSiteLanguage(locale: string) {\n  const user = getAuthenticatedUser();\n\n  if (user !== null) {\n    const { username } = getAuthenticatedUser();\n    await patchUserPreferences(username, locale);\n  }\n  await postSetlang(locale);\n\n  updateLocale();\n}\n\nasync function patchUserPreferences(username: string, locale: string) {\n  await getAuthenticatedHttpClient().patch(\n    `${getSiteConfig().lmsBaseUrl}/api/user/v1/preferences/${username}`,\n    {\n      'pref-lang': locale\n    },\n    {\n      headers: {\n        'Content-Type': 'application/merge-patch+json'\n      },\n    }\n  );\n}\n\nasync function postSetlang(locale: string) {\n  const formData = new FormData();\n  formData.append('language', locale);\n\n  await getAuthenticatedHttpClient().post(\n    `${getSiteConfig().lmsBaseUrl}/i18n/setlang/`,\n    formData,\n    {\n      headers: {\n        Accept: 'application/json',\n        'X-Requested-With': 'XMLHttpRequest',\n      },\n    }\n  );\n}\n"]}

package/dist/shell/footer/index.js

@@ -0,0 +1,3 @@
+export { default as footerApp } from './app';
+export { default as Footer } from './Footer';
+//# sourceMappingURL=index.js.map

package/dist/shell/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../shell/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default as footerApp } from './app';\nexport { default as Footer } from './Footer';\n"]}

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

@@ -0,0 +1,5 @@
+interface AuthenticatedMenuProps {
+    className?: string;
+}
+export default function AuthenticatedMenu({ className }: AuthenticatedMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shell/header/AuthenticatedMenu.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AvatarButton, Dropdown } from '@openedx/paragon';
+import { Slot, useAuthenticatedUser } from '../../runtime';
+export default function AuthenticatedMenu({ className }) {
+    const authenticatedUser = useAuthenticatedUser();
+    const displayUserName = (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.name) || (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.username);
+    return (_jsxs(Dropdown, { className: className, children: [_jsx(Dropdown.Toggle, { as: AvatarButton, id: "user-nav-dropdown", variant: "outline-primary", src: authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.avatar, children: displayUserName }), _jsx(Dropdown.Menu, { children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.authenticatedMenu.v1" }) })] }));
+}
+//# sourceMappingURL=AuthenticatedMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthenticatedMenu.js","sourceRoot":"","sources":["../../../shell/header/AuthenticatedMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EACL,IAAI,EACJ,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAMvB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IAC7E,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,eAAe,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAA,CAAC;IAE/E,OAAO,CACL,MAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,aAC5B,KAAC,QAAQ,CAAC,MAAM,IACd,EAAE,EAAE,YAAY,EAChB,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAC,iBAAiB,EACzB,GAAG,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,YAE7B,eAAe,GACA,EAClB,KAAC,QAAQ,CAAC,IAAI,cACZ,KAAC,IAAI,IAAC,EAAE,EAAC,uDAAuD,GAAG,GACrD,IACP,CACZ,CAAC;AACJ,CAAC","sourcesContent":["import { AvatarButton, Dropdown } from '@openedx/paragon';\n\nimport {\n  Slot,\n  useAuthenticatedUser\n} from '../../runtime';\n\ninterface AuthenticatedMenuProps {\n  className?: string,\n}\n\nexport default function AuthenticatedMenu({ className }: AuthenticatedMenuProps) {\n  const authenticatedUser = useAuthenticatedUser();\n\n  const displayUserName = authenticatedUser?.name || authenticatedUser?.username;\n\n  return (\n    <Dropdown className={className}>\n      <Dropdown.Toggle\n        as={AvatarButton}\n        id=\"user-nav-dropdown\"\n        variant=\"outline-primary\"\n        src={authenticatedUser?.avatar}\n      >\n        {displayUserName}\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        <Slot id=\"org.openedx.frontend.slot.header.authenticatedMenu.v1\" />\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n"]}

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

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

package/dist/shell/header/Header.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Slot, useIntl } from '../../runtime';
+import messages from '../Shell.messages';
+export default function Header() {
+    const intl = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsx("header", { className: "border-bottom", children: _jsxs("nav", { children: [_jsx("a", { className: "sr-only sr-only-focusable", href: "#main-content", children: intl.formatMessage(messages.skipNavLink) }), _jsx(Slot, { id: "org.openedx.frontend.slot.header.desktop.v1" }), _jsx(Slot, { id: "org.openedx.frontend.slot.header.mobile.v1" })] }) }), _jsx(Slot, { id: "org.openedx.frontend.slot.header.courseNavigationBar.v1" })] }));
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../shell/header/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,MAAM;IAC5B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,8BACE,iBAAQ,SAAS,EAAC,eAAe,YAC/B,0BACE,YAAG,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,eAAe,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAK,EAC5G,KAAC,IAAI,IAAC,EAAE,EAAC,6CAA6C,GAAG,EACzD,KAAC,IAAI,IAAC,EAAE,EAAC,4CAA4C,GAAG,IACpD,GACC,EACT,KAAC,IAAI,IAAC,EAAE,EAAC,yDAAyD,GAAG,IACpE,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { Slot, useIntl } from '../../runtime';\n\nimport messages from '../Shell.messages';\n\nexport default function Header() {\n  const intl = useIntl();\n\n  return (\n    <>\n      <header className=\"border-bottom\">\n        <nav>\n          <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n          <Slot id=\"org.openedx.frontend.slot.header.desktop.v1\" />\n          <Slot id=\"org.openedx.frontend.slot.header.mobile.v1\" />\n        </nav>\n      </header>\n      <Slot id=\"org.openedx.frontend.slot.header.courseNavigationBar.v1\" />\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,5 @@
+interface AnonymousMenuProps {
+    className?: string;
+}
+export default function AnonymousMenu({ className }: AnonymousMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Slot } from '../../../runtime';
+export default function AnonymousMenu({ className }) {
+    return (_jsx("div", { className: classNames('d-flex flex-nowrap align-items-center flex-shrink-0 gap-3', className), children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.anonymousMenu.v1" }) }));
+}
+//# sourceMappingURL=AnonymousMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnonymousMenu.js","sourceRoot":"","sources":["../../../../shell/header/anonymous-menu/AnonymousMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAMxC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAsB;IACrE,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,2DAA2D,EAAE,SAAS,CAAC,YAChG,KAAC,IAAI,IAAC,EAAE,EAAC,mDAAmD,GAAG,GAC3D,CACP,CAAC;AACJ,CAAC","sourcesContent":["import classNames from 'classnames';\nimport { Slot } from '../../../runtime';\n\ninterface AnonymousMenuProps {\n  className?: string,\n}\n\nexport default function AnonymousMenu({ className }: AnonymousMenuProps) {\n  return (\n    <div className={classNames('d-flex flex-nowrap align-items-center flex-shrink-0 gap-3', className)}>\n      <Slot id=\"org.openedx.frontend.slot.header.anonymousMenu.v1\" />\n    </div>\n  );\n}\n"]}

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({ size: "sm", 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,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,IAAM,KAAK,cAC/C,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 size=\"sm\" 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({ size: "sm", 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,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,iBAAiB,EAAC,IAAI,EAAE,GAAG,MAAM,CAAC,UAAU,WAAW,IAAM,KAAK,cACzF,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 size=\"sm\" 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,132 @@
+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 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-navigation-bar/CourseTabsNavigation';
+import { isCourseNavigationRoute } from './course-navigation-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,
+            }
+        },
+        // 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: () => isCourseNavigationRoute(),
+            }
+        }
+    ]
+};
+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 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-navigation-bar/CourseTabsNavigation';\nimport { isCourseNavigationRoute } from './course-navigation-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    // 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: () => isCourseNavigationRoute(),\n      }\n    }\n  ]\n};\n\nexport default config;\n"]}

package/dist/shell/header/app.scss

@@ -0,0 +1,14 @@
+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);
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+export declare const appId = "org.openedx.frontend.app.header";
+export declare const providesCourseNavigationRolesId = "org.openedx.frontend.provides.courseNavigationRoles.v1";

package/dist/shell/header/constants.js

@@ -0,0 +1,3 @@
+export const appId = 'org.openedx.frontend.app.header';
+export const providesCourseNavigationRolesId = 'org.openedx.frontend.provides.courseNavigationRoles.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,+BAA+B,GAAG,wDAAwD,CAAC","sourcesContent":["export const appId = 'org.openedx.frontend.app.header';\nexport const providesCourseNavigationRolesId = 'org.openedx.frontend.provides.courseNavigationRoles.v1';\n"]}

package/dist/shell/header/course-navigation-bar/CourseTabsNavigation.d.ts

@@ -0,0 +1,3 @@
+import './course-tabs-navigation.scss';
+declare const CourseTabsNavigation: () => import("react/jsx-runtime").JSX.Element | null;
+export default CourseTabsNavigation;

package/dist/shell/header/course-navigation-bar/CourseTabsNavigation.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Link, matchPath, useLocation, useParams } from 'react-router-dom';
+import { useQuery } from '@tanstack/react-query';
+import { Slot, useIntl } from '../../../runtime';
+import { getCourseHomeCourseMetadata } from './data/service';
+import { Container, Nav, Navbar, Skeleton } from '@openedx/paragon';
+import messages from './messages';
+import { isClientRoute } from './utils';
+import './course-tabs-navigation.scss';
+/*
+ * Returns the tabId of the tab whose pathname is the longest prefix match
+ * against the current path. Uses react-router's matchPath for segment-aware
+ * matching.
+ *
+ * For example, given tabs with paths /course/ (tabId: "outline")
+ * and /course/dates/ (tabId: "dates"):
+ *
+ *   /course/dates/foo  -> "dates"   (longest prefix match)
+ *   /course/outline    -> "outline"
+ *   /courseware        -> null      (not a segment boundary)
+ */
+const getActiveTabId = (currentPath, tabs) => {
+    var _a;
+    let best = null;
+    for (const tab of tabs) {
+        const match = matchPath({ path: `${tab.pathname}/*`, end: false }, currentPath);
+        if (match && (!best || tab.pathname.length > best.pathname.length)) {
+            best = tab;
+        }
+    }
+    return (_a = best === null || best === void 0 ? void 0 : best.tabId) !== null && _a !== void 0 ? _a : null;
+};
+const CourseTabsNavigation = () => {
+    const location = useLocation();
+    const { courseId = '' } = useParams();
+    const intl = useIntl();
+    const { data = { tabs: [] }, isLoading } = useQuery({
+        queryKey: ['org.openedx.frontend.app.header.course-meta', courseId],
+        queryFn: () => getCourseHomeCourseMetadata(courseId),
+        retry: 2,
+        enabled: !!courseId,
+    });
+    const { tabs } = data;
+    const resolvedTabs = useMemo(() => tabs.map(tab => {
+        // Tab URLs from the course_home API are always absolute.
+        const pathname = new URL(tab.url).pathname;
+        return Object.assign(Object.assign({}, tab), { pathname, clientPath: isClientRoute(pathname) ? pathname : null });
+    }), [tabs]);
+    const currentTab = useMemo(() => resolvedTabs.length > 0 ? getActiveTabId(location.pathname, resolvedTabs) : null, [location.pathname, resolvedTabs]);
+    if (isLoading) {
+        return _jsx(Skeleton, { className: "lead mt-3" });
+    }
+    if (!courseId || resolvedTabs.length === 0) {
+        return null;
+    }
+    return (_jsx(Navbar, { expand: "sm", className: "course-tabs-navigation pb-0", "aria-label": intl.formatMessage(messages.courseMaterial), children: _jsx(Container, { fluid: true, size: "xl", children: _jsxs(Nav, { variant: "tabs", activeKey: currentTab, children: [_jsx(Navbar.Toggle, { "aria-controls": "course-nav" }), _jsx(Navbar.Collapse, { id: "course-nav", children: resolvedTabs.map(tab => (_jsx(Nav.Item, { children: _jsx(Nav.Link, Object.assign({}, (tab.clientPath
+                                ? { to: tab.clientPath, as: Link }
+                                : { href: tab.url }), { active: tab.tabId === currentTab, children: tab.title })) }, tab.tabId))) }), _jsx(Slot, { id: "org.openedx.frontend.slot.header.courseNavigationBar.extraContent.v1" })] }) }) }));
+};
+export default CourseTabsNavigation;
+//# sourceMappingURL=CourseTabsNavigation.js.map