@openedx/frontend-base 1.0.0-alpha.12 → 1.0.0-alpha.13

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

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

package/dist/shell/footer/LanguageMenu.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown } from '@openedx/paragon';
+import { useContext } from 'react';
+import { SiteContext, getLocalizedLanguageName, getSupportedLanguageList } from '../../runtime';
+import LanguageMenuItem from './LanguageMenuItem';
+export default function LanguageMenu() {
+    const { locale } = useContext(SiteContext);
+    const languages = getSupportedLanguageList();
+    const currentLanguageName = getLocalizedLanguageName(locale);
+    // Hide the menu if there's only one language.
+    if (languages.length === 1) {
+        return null;
+    }
+    return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Toggle, { id: "language-menu-dropdown-trigger", variant: "outline-primary", size: "sm", children: currentLanguageName }), _jsx(Dropdown.Menu, { className: "overflow-auto", style: { maxHeight: '320px' }, children: languages.map((language) => (_jsx(LanguageMenuItem, { language: language }, language.code))) })] }));
+}
+//# sourceMappingURL=LanguageMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.js","sourceRoot":"","sources":["../../../shell/footer/LanguageMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EACL,WAAW,EACX,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,eAAe,CAAC;AAEvB,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,wBAAwB,EAAE,CAAC;IAC7C,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAE7D,8CAA8C;IAC9C,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,MAAM,IAAC,EAAE,EAAC,gCAAgC,EAAC,OAAO,EAAC,iBAAiB,EAAC,IAAI,EAAC,IAAI,YACrF,mBAAmB,GACJ,EAClB,KAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,YACnE,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,gBAAgB,IAAqB,QAAQ,EAAE,QAAQ,IAAjC,QAAQ,CAAC,IAAI,CAAwB,CAC7D,CAAC,GACY,IACP,CACZ,CAAC;AACJ,CAAC","sourcesContent":["import { Dropdown } from '@openedx/paragon';\nimport { useContext } from 'react';\n\nimport {\n  SiteContext,\n  getLocalizedLanguageName,\n  getSupportedLanguageList\n} from '../../runtime';\n\nimport LanguageMenuItem from './LanguageMenuItem';\n\nexport default function LanguageMenu() {\n  const { locale } = useContext(SiteContext);\n\n  const languages = getSupportedLanguageList();\n  const currentLanguageName = getLocalizedLanguageName(locale);\n\n  // Hide the menu if there's only one language.\n  if (languages.length === 1) {\n    return null;\n  }\n\n  return (\n    <Dropdown>\n      <Dropdown.Toggle id=\"language-menu-dropdown-trigger\" variant=\"outline-primary\" size=\"sm\">\n        {currentLanguageName}\n      </Dropdown.Toggle>\n      <Dropdown.Menu className=\"overflow-auto\" style={{ maxHeight: '320px' }}>\n        {languages.map((language) => (\n          <LanguageMenuItem key={language.code} language={language} />\n        ))}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n"]}

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

@@ -0,0 +1,8 @@
+interface LanguageMenuItemProps {
+    language: {
+        code: string;
+        name: string;
+    };
+}
+export default function LanguageMenuItem({ language }: LanguageMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shell/footer/LanguageMenuItem.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown } from '@openedx/paragon';
+import { useCallback } from 'react';
+import { updateSiteLanguage } from './data/api';
+export default function LanguageMenuItem({ language }) {
+    const handleClick = useCallback(() => {
+        updateSiteLanguage(language.code);
+    }, [language.code]);
+    return (_jsx(Dropdown.Item, { onClick: handleClick, children: language.name }, language.code));
+}
+//# sourceMappingURL=LanguageMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenuItem.js","sourceRoot":"","sources":["../../../shell/footer/LanguageMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAShD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAAqB,OAAO,EAAE,WAAW,YACpD,QAAQ,CAAC,IAAI,IADI,QAAQ,CAAC,IAAI,CAEjB,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { Dropdown } from '@openedx/paragon';\nimport { useCallback } from 'react';\n\nimport { updateSiteLanguage } from './data/api';\n\ninterface LanguageMenuItemProps {\n  language: {\n    code: string,\n    name: string,\n  },\n}\n\nexport default function LanguageMenuItem({ language }: LanguageMenuItemProps) {\n  const handleClick = useCallback(() => {\n    updateSiteLanguage(language.code);\n  }, [language.code]);\n\n  return (\n    <Dropdown.Item key={language.code} onClick={handleClick}>\n      {language.name}\n    </Dropdown.Item>\n  );\n}\n"]}

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

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

package/dist/shell/footer/LeftLinks.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgets } from '../../runtime';
+export default function LeftLinks() {
+    const widgets = useWidgets();
+    return (_jsx("div", { className: "d-flex flex-column", children: widgets }));
+}
+//# sourceMappingURL=LeftLinks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftLinks.js","sourceRoot":"","sources":["../../../shell/footer/LeftLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,GACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useWidgets } from '../../runtime';\n\nexport default function LeftLinks() {\n  const widgets = useWidgets();\n\n  return (\n    <div className=\"d-flex flex-column\">\n      {widgets}\n    </div>\n  );\n}\n"]}

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

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

package/dist/shell/footer/LegalNotices.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from 'react-intl';
+import { useWidgets } from '../../runtime';
+import messages from '../Shell.messages';
+export default function LegalNotices() {
+    const intl = useIntl();
+    const widgets = useWidgets();
+    return (_jsxs("div", { className: "d-flex flex-column justify-content-center mb-3", children: [widgets, _jsx("div", { className: "text-center x-small", children: intl.formatMessage(messages.footerTrademarkNotice) })] }));
+}
+//# sourceMappingURL=LegalNotices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegalNotices.js","sourceRoot":"","sources":["../../../shell/footer/LegalNotices.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC5D,OAAO,EAER,cAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAO,IAC3F,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useIntl } from 'react-intl';\n\nimport { useWidgets } from '../../runtime';\nimport messages from '../Shell.messages';\n\nexport default function LegalNotices() {\n  const intl = useIntl();\n  const widgets = useWidgets();\n\n  return (\n    <div className=\"d-flex flex-column justify-content-center mb-3\">\n      {widgets}\n      {/* This footer trademark notice is a legal requirement and cannot be removed or modified. */}\n      <div className=\"text-center x-small\">{intl.formatMessage(messages.footerTrademarkNotice)}</div>\n    </div>\n  );\n}\n"]}

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,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownButton } from '@openedx/paragon';
+import { Person } from '@openedx/paragon/icons';
+import { Slot, useAuthenticatedUser } from '../../runtime';
+export default function AuthenticatedMenu({ className }) {
+    const authenticatedUser = useAuthenticatedUser();
+    // We're using '||' on purpose to detect an empty string, so ignore eslint's warning:
+    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+    const displayUserName = (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.name) || (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.username);
+    const title = (_jsxs("div", { className: "d-flex mr-2 align-items-center gap-2", children: [_jsx(Person, {}), displayUserName] }));
+    return (_jsx(DropdownButton, { size: "sm", id: "user-nav-dropdown", title: title, variant: "outline-primary", className: className, 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,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,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,qFAAqF;IACrF,wEAAwE;IACxE,MAAM,eAAe,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAA,CAAC;IAE/E,MAAM,KAAK,GAAG,CACZ,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,MAAM,KAAG,EACT,eAAe,IACZ,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,mBAAmB,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,iBAAiB,EAAC,SAAS,EAAE,SAAS,YAC3G,KAAC,IAAI,IAAC,EAAE,EAAC,uDAAuD,GAAG,GACpD,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import { DropdownButton } from '@openedx/paragon';\nimport { Person } from '@openedx/paragon/icons';\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  // We're using '||' on purpose to detect an empty string, so ignore eslint's warning:\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const displayUserName = authenticatedUser?.name || authenticatedUser?.username;\n\n  const title = (\n    <div className=\"d-flex mr-2 align-items-center gap-2\">\n      <Person />\n      {displayUserName}\n    </div>\n  );\n\n  return (\n    <DropdownButton size=\"sm\" id=\"user-nav-dropdown\" title={title} variant=\"outline-primary\" className={className}>\n      <Slot id=\"org.openedx.frontend.slot.header.authenticatedMenu.v1\" />\n    </DropdownButton>\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 } from "react/jsx-runtime";
+import { Slot, useIntl } from '../../runtime';
+import messages from '../Shell.messages';
+export default function Header() {
+    const intl = useIntl();
+    return (_jsx("header", { className: "border-bottom py-2", children: _jsxs("nav", { className: "py-2", 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" })] }) }));
+}
+//# 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,iBAAQ,SAAS,EAAC,oBAAoB,YACpC,eAAK,SAAS,EAAC,MAAM,aACnB,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,CACV,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    <header className=\"border-bottom py-2\">\n      <nav className=\"py-2\">\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  );\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,3 @@
+import { App } from '../../types';
+declare const config: App;
+export default config;

package/dist/shell/header/app.js

@@ -0,0 +1,119 @@
+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';
+const config = {
+    appId: 'org.openedx.frontend.app.header',
+    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,
+            }
+        },
+    ]
+};
+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';\n\nconst config: App = {\n  appId: 'org.openedx.frontend.app.header',\n  slots: [\n\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};\n\nexport default config;\n"]}

package/dist/shell/header/desktop/DesktopLayout.d.ts

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

package/dist/shell/header/desktop/DesktopLayout.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useMediaQuery } from 'react-responsive';
+import { Slot } from '../../../runtime';
+export default function DesktopLayout() {
+    const isMobile = useMediaQuery({ maxWidth: 768 });
+    return (_jsxs("div", { className: classNames('align-items-center justify-content-between px-3', isMobile ? 'd-none' : 'd-flex'), children: [_jsx("div", { className: "d-flex flex-grow-1 align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.desktopLeft.v1" }) }), _jsx("div", { className: "d-flex align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.desktopRight.v1" }) })] }));
+}
+//# sourceMappingURL=DesktopLayout.js.map

package/dist/shell/header/desktop/DesktopLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopLayout.js","sourceRoot":"","sources":["../../../../shell/header/desktop/DesktopLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CACxB,iDAAiD,EACjD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAC/B,aAEC,cAAK,SAAS,EAAC,uCAAuC,YACpD,KAAC,IAAI,IAAC,EAAE,EAAC,iDAAiD,GAAG,GACzD,EACN,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,GAAG,GAC1D,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { Slot } from '../../../runtime';\n\nexport default function DesktopLayout() {\n  const isMobile = useMediaQuery({ maxWidth: 768 });\n\n  return (\n    <div className={classNames(\n      'align-items-center justify-content-between px-3',\n      isMobile ? 'd-none' : 'd-flex'\n    )}\n    >\n      <div className=\"d-flex flex-grow-1 align-items-center\">\n        <Slot id=\"org.openedx.frontend.slot.header.desktopLeft.v1\" />\n      </div>\n      <div className=\"d-flex align-items-center\">\n        <Slot id=\"org.openedx.frontend.slot.header.desktopRight.v1\" />\n      </div>\n    </div>\n  );\n}\n"]}