@artistanbul/frontend-component-header-sumac 1.1.0

package/dist/desktop-header/DesktopHeaderMainOrSecondaryMenu.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Menu, MenuTrigger, MenuContent } from '../Menu';
+import { CaretIcon } from '../Icons';
+var DesktopHeaderMainOrSecondaryMenu = function DesktopHeaderMainOrSecondaryMenu(_ref) {
+  var menu = _ref.menu;
+  // Nodes are accepted as a prop
+  if (!Array.isArray(menu)) {
+    return menu;
+  }
+  return menu.map(function (menuItem) {
+    var type = menuItem.type,
+      href = menuItem.href,
+      content = menuItem.content,
+      submenuContent = menuItem.submenuContent,
+      disabled = menuItem.disabled,
+      isActive = menuItem.isActive,
+      onClick = menuItem.onClick;
+    if (type === 'item') {
+      return /*#__PURE__*/React.createElement("a", {
+        key: "".concat(type, "-").concat(content),
+        className: "nav-link".concat(disabled ? ' disabled' : '').concat(isActive ? ' active' : ''),
+        href: href,
+        onClick: onClick || null
+      }, content);
+    }
+    return /*#__PURE__*/React.createElement(Menu, {
+      key: "".concat(type, "-").concat(content),
+      tag: "div",
+      className: "nav-item",
+      respondToPointerEvents: true
+    }, /*#__PURE__*/React.createElement(MenuTrigger, {
+      onClick: onClick || null,
+      tag: "a",
+      className: "nav-link d-inline-flex align-items-center",
+      href: href
+    }, content, " ", /*#__PURE__*/React.createElement(CaretIcon, {
+      role: "img",
+      "aria-hidden": true,
+      focusable: "false"
+    })), /*#__PURE__*/React.createElement(MenuContent, {
+      className: "pin-left pin-right shadow py-2"
+    }, submenuContent));
+  });
+};
+export var desktopHeaderMainOrSecondaryMenuDataShape = PropTypes.oneOfType([PropTypes.node, PropTypes.array]);
+DesktopHeaderMainOrSecondaryMenu.propTypes = {
+  menu: desktopHeaderMainOrSecondaryMenuDataShape
+};
+export default DesktopHeaderMainOrSecondaryMenu;
+//# sourceMappingURL=DesktopHeaderMainOrSecondaryMenu.js.map

package/dist/desktop-header/DesktopHeaderMainOrSecondaryMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopHeaderMainOrSecondaryMenu.js","names":["React","PropTypes","Menu","MenuTrigger","MenuContent","CaretIcon","DesktopHeaderMainOrSecondaryMenu","_ref","menu","Array","isArray","map","menuItem","type","href","content","submenuContent","disabled","isActive","onClick","createElement","key","concat","className","tag","respondToPointerEvents","role","focusable","desktopHeaderMainOrSecondaryMenuDataShape","oneOfType","node","array","propTypes"],"sources":["../../src/desktop-header/DesktopHeaderMainOrSecondaryMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Menu, MenuTrigger, MenuContent } from '../Menu';\nimport { CaretIcon } from '../Icons';\n\nconst DesktopHeaderMainOrSecondaryMenu = ({ menu }) => {\n  // Nodes are accepted as a prop\n  if (!Array.isArray(menu)) {\n    return menu;\n  }\n\n  return menu.map((menuItem) => {\n    const {\n      type,\n      href,\n      content,\n      submenuContent,\n      disabled,\n      isActive,\n      onClick,\n    } = menuItem;\n\n    if (type === 'item') {\n      return (\n        <a\n          key={`${type}-${content}`}\n          className={`nav-link${disabled ? ' disabled' : ''}${isActive ? ' active' : ''}`}\n          href={href}\n          onClick={onClick || null}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <Menu key={`${type}-${content}`} tag=\"div\" className=\"nav-item\" respondToPointerEvents>\n        <MenuTrigger onClick={onClick || null} tag=\"a\" className=\"nav-link d-inline-flex align-items-center\" href={href}>\n          {content} <CaretIcon role=\"img\" aria-hidden focusable=\"false\" />\n        </MenuTrigger>\n        <MenuContent className=\"pin-left pin-right shadow py-2\">\n          {submenuContent}\n        </MenuContent>\n      </Menu>\n    );\n  });\n};\n\nexport const desktopHeaderMainOrSecondaryMenuDataShape = PropTypes.oneOfType([\n  PropTypes.node,\n  PropTypes.array,\n]);\n\nDesktopHeaderMainOrSecondaryMenu.propTypes = {\n  menu: desktopHeaderMainOrSecondaryMenuDataShape,\n};\n\nexport default DesktopHeaderMainOrSecondaryMenu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,IAAI,EAAEC,WAAW,EAAEC,WAAW,QAAQ,SAAS;AACxD,SAASC,SAAS,QAAQ,UAAU;AAEpC,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAgCA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC9C;EACA,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,EAAE;IACxB,OAAOA,IAAI;EACb;EAEA,OAAOA,IAAI,CAACG,GAAG,CAAC,UAACC,QAAQ,EAAK;IAC5B,IACEC,IAAI,GAOFD,QAAQ,CAPVC,IAAI;MACJC,IAAI,GAMFF,QAAQ,CANVE,IAAI;MACJC,OAAO,GAKLH,QAAQ,CALVG,OAAO;MACPC,cAAc,GAIZJ,QAAQ,CAJVI,cAAc;MACdC,QAAQ,GAGNL,QAAQ,CAHVK,QAAQ;MACRC,QAAQ,GAENN,QAAQ,CAFVM,QAAQ;MACRC,OAAO,GACLP,QAAQ,CADVO,OAAO;IAGT,IAAIN,IAAI,KAAK,MAAM,EAAE;MACnB,oBACEb,KAAA,CAAAoB,aAAA;QACEC,GAAG,KAAAC,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAIP,OAAO,CAAG;QAC1BQ,SAAS,aAAAD,MAAA,CAAaL,QAAQ,GAAG,WAAW,GAAG,EAAE,EAAAK,MAAA,CAAGJ,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAG;QAChFJ,IAAI,EAAEA,IAAK;QACXK,OAAO,EAAEA,OAAO,IAAI;MAAK,GAExBJ,OACA,CAAC;IAER;IAEA,oBACEf,KAAA,CAAAoB,aAAA,CAAClB,IAAI;MAACmB,GAAG,KAAAC,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAIP,OAAO,CAAG;MAACS,GAAG,EAAC,KAAK;MAACD,SAAS,EAAC,UAAU;MAACE,sBAAsB;IAAA,gBACpFzB,KAAA,CAAAoB,aAAA,CAACjB,WAAW;MAACgB,OAAO,EAAEA,OAAO,IAAI,IAAK;MAACK,GAAG,EAAC,GAAG;MAACD,SAAS,EAAC,2CAA2C;MAACT,IAAI,EAAEA;IAAK,GAC7GC,OAAO,EAAC,GAAC,eAAAf,KAAA,CAAAoB,aAAA,CAACf,SAAS;MAACqB,IAAI,EAAC,KAAK;MAAC,mBAAW;MAACC,SAAS,EAAC;IAAO,CAAE,CACpD,CAAC,eACd3B,KAAA,CAAAoB,aAAA,CAAChB,WAAW;MAACmB,SAAS,EAAC;IAAgC,GACpDP,cACU,CACT,CAAC;EAEX,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,IAAMY,yCAAyC,GAAG3B,SAAS,CAAC4B,SAAS,CAAC,CAC3E5B,SAAS,CAAC6B,IAAI,EACd7B,SAAS,CAAC8B,KAAK,CAChB,CAAC;AAEFzB,gCAAgC,CAAC0B,SAAS,GAAG;EAC3CxB,IAAI,EAAEoB;AACR,CAAC;AAED,eAAetB,gCAAgC","ignoreList":[]}

package/dist/desktop-header/DesktopHeaderUserMenu.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+var DesktopHeaderUserMenu = function DesktopHeaderUserMenu(_ref) {
+  var menu = _ref.menu;
+  return menu.map(function (group, index) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/jsx-no-comment-textnodes,react/no-array-index-key
+      React.createElement(React.Fragment, {
+        key: index
+      }, group.heading && /*#__PURE__*/React.createElement("div", {
+        className: "dropdown-header",
+        role: "heading",
+        "aria-level": "1"
+      }, group.heading), group.items.map(function (_ref2) {
+        var type = _ref2.type,
+          content = _ref2.content,
+          href = _ref2.href,
+          disabled = _ref2.disabled,
+          isActive = _ref2.isActive,
+          onClick = _ref2.onClick;
+        return /*#__PURE__*/React.createElement("a", {
+          className: "dropdown-".concat(type).concat(isActive ? ' active' : '').concat(disabled ? ' disabled' : ''),
+          key: "".concat(type, "-").concat(content),
+          href: href,
+          onClick: onClick || null
+        }, content);
+      }), index < menu.length - 1 && /*#__PURE__*/React.createElement("div", {
+        className: "dropdown-divider",
+        role: "separator"
+      }))
+    );
+  });
+};
+export var desktopUserMenuDataShape = PropTypes.arrayOf(PropTypes.shape({
+  heading: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    type: PropTypes.oneOf(['item', 'menu']),
+    href: PropTypes.string,
+    content: PropTypes.string,
+    isActive: PropTypes.bool,
+    onClick: PropTypes.func
+  }))
+}));
+DesktopHeaderUserMenu.propTypes = {
+  menu: desktopUserMenuDataShape
+};
+export default DesktopHeaderUserMenu;
+//# sourceMappingURL=DesktopHeaderUserMenu.js.map

package/dist/desktop-header/DesktopHeaderUserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopHeaderUserMenu.js","names":["React","PropTypes","DesktopHeaderUserMenu","_ref","menu","map","group","index","createElement","Fragment","key","heading","className","role","items","_ref2","type","content","href","disabled","isActive","onClick","concat","length","desktopUserMenuDataShape","arrayOf","shape","string","oneOf","bool","func","propTypes"],"sources":["../../src/desktop-header/DesktopHeaderUserMenu.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst DesktopHeaderUserMenu = ({ menu }) => menu.map((group, index) => (\n  // eslint-disable-next-line react/jsx-no-comment-textnodes,react/no-array-index-key\n  <React.Fragment key={index}>\n    {group.heading && <div className=\"dropdown-header\" role=\"heading\" aria-level=\"1\">{group.heading}</div>}\n    {group.items.map(({\n      type, content, href, disabled, isActive, onClick,\n    }) => (\n      <a\n        className={`dropdown-${type}${isActive ? ' active' : ''}${disabled ? ' disabled' : ''}`}\n        key={`${type}-${content}`}\n        href={href}\n        onClick={onClick || null}\n      >\n        {content}\n      </a>\n    ))}\n    {index < menu.length - 1 && <div className=\"dropdown-divider\" role=\"separator\" />}\n  </React.Fragment>\n));\n\nexport const desktopUserMenuDataShape = PropTypes.arrayOf(PropTypes.shape({\n  heading: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({\n    type: PropTypes.oneOf(['item', 'menu']),\n    href: PropTypes.string,\n    content: PropTypes.string,\n    isActive: PropTypes.bool,\n    onClick: PropTypes.func,\n  })),\n}));\n\nDesktopHeaderUserMenu.propTypes = {\n  menu: desktopUserMenuDataShape,\n};\n\nexport default DesktopHeaderUserMenu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,OAAOA,IAAI,CAACC,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;IAAA;MAAA;MAChE;MACAP,KAAA,CAAAQ,aAAA,CAACR,KAAK,CAACS,QAAQ;QAACC,GAAG,EAAEH;MAAM,GACxBD,KAAK,CAACK,OAAO,iBAAIX,KAAA,CAAAQ,aAAA;QAAKI,SAAS,EAAC,iBAAiB;QAACC,IAAI,EAAC,SAAS;QAAC,cAAW;MAAG,GAAEP,KAAK,CAACK,OAAa,CAAC,EACrGL,KAAK,CAACQ,KAAK,CAACT,GAAG,CAAC,UAAAU,KAAA;QAAA,IACfC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;UAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;UAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;UAAEC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;UAAEC,OAAO,GAAAN,KAAA,CAAPM,OAAO;QAAA,oBAEhDrB,KAAA,CAAAQ,aAAA;UACEI,SAAS,cAAAU,MAAA,CAAcN,IAAI,EAAAM,MAAA,CAAGF,QAAQ,GAAG,SAAS,GAAG,EAAE,EAAAE,MAAA,CAAGH,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAG;UACxFT,GAAG,KAAAY,MAAA,CAAKN,IAAI,OAAAM,MAAA,CAAIL,OAAO,CAAG;UAC1BC,IAAI,EAAEA,IAAK;UACXG,OAAO,EAAEA,OAAO,IAAI;QAAK,GAExBJ,OACA,CAAC;MAAA,CACL,CAAC,EACDV,KAAK,GAAGH,IAAI,CAACmB,MAAM,GAAG,CAAC,iBAAIvB,KAAA,CAAAQ,aAAA;QAAKI,SAAS,EAAC,kBAAkB;QAACC,IAAI,EAAC;MAAW,CAAE,CAClE;IAAC;EAAA,CAClB,CAAC;AAAA;AAEF,OAAO,IAAMW,wBAAwB,GAAGvB,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACyB,KAAK,CAAC;EACxEf,OAAO,EAAEV,SAAS,CAAC0B,MAAM;EACzBb,KAAK,EAAEb,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACyB,KAAK,CAAC;IACvCV,IAAI,EAAEf,SAAS,CAAC2B,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvCV,IAAI,EAAEjB,SAAS,CAAC0B,MAAM;IACtBV,OAAO,EAAEhB,SAAS,CAAC0B,MAAM;IACzBP,QAAQ,EAAEnB,SAAS,CAAC4B,IAAI;IACxBR,OAAO,EAAEpB,SAAS,CAAC6B;EACrB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH5B,qBAAqB,CAAC6B,SAAS,GAAG;EAChC3B,IAAI,EAAEoB;AACR,CAAC;AAED,eAAetB,qBAAqB","ignoreList":[]}

package/dist/desktop-header/DesktopLoggedOutItems.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+var DesktopLoggedOutItems = function DesktopLoggedOutItems(_ref) {
+  var items = _ref.items;
+  return items.map(function (item, i, arr) {
+    return /*#__PURE__*/React.createElement("a", {
+      key: "".concat(item.type, "-").concat(item.content),
+      className: i < arr.length - 1 ? 'btn mr-2 btn-link' : 'btn mr-2 btn-outline-primary',
+      href: item.href
+    }, item.content);
+  });
+};
+export var desktopLoggedOutItemsDataShape = PropTypes.arrayOf(PropTypes.shape({
+  type: PropTypes.oneOf(['item', 'menu']),
+  href: PropTypes.string,
+  content: PropTypes.string
+}));
+DesktopLoggedOutItems.propTypes = {
+  items: desktopLoggedOutItemsDataShape
+};
+export default DesktopLoggedOutItems;
+//# sourceMappingURL=DesktopLoggedOutItems.js.map

package/dist/desktop-header/DesktopLoggedOutItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopLoggedOutItems.js","names":["React","PropTypes","DesktopLoggedOutItems","_ref","items","map","item","i","arr","createElement","key","concat","type","content","className","length","href","desktopLoggedOutItemsDataShape","arrayOf","shape","oneOf","string","propTypes"],"sources":["../../src/desktop-header/DesktopLoggedOutItems.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst DesktopLoggedOutItems = ({ items }) => items.map((item, i, arr) => (\n  <a\n    key={`${item.type}-${item.content}`}\n    className={i < arr.length - 1 ? 'btn mr-2 btn-link' : 'btn mr-2 btn-outline-primary'}\n    href={item.href}\n  >\n    {item.content}\n  </a>\n));\n\nexport const desktopLoggedOutItemsDataShape = PropTypes.arrayOf(PropTypes.shape({\n  type: PropTypes.oneOf(['item', 'menu']),\n  href: PropTypes.string,\n  content: PropTypes.string,\n}));\n\nDesktopLoggedOutItems.propTypes = {\n  items: desktopLoggedOutItemsDataShape,\n};\n\nexport default DesktopLoggedOutItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAOA,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,CAAC,EAAEC,GAAG;IAAA,oBAClER,KAAA,CAAAS,aAAA;MACEC,GAAG,KAAAC,MAAA,CAAKL,IAAI,CAACM,IAAI,OAAAD,MAAA,CAAIL,IAAI,CAACO,OAAO,CAAG;MACpCC,SAAS,EAAEP,CAAC,GAAGC,GAAG,CAACO,MAAM,GAAG,CAAC,GAAG,mBAAmB,GAAG,8BAA+B;MACrFC,IAAI,EAAEV,IAAI,CAACU;IAAK,GAEfV,IAAI,CAACO,OACL,CAAC;EAAA,CACL,CAAC;AAAA;AAEF,OAAO,IAAMI,8BAA8B,GAAGhB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,KAAK,CAAC;EAC9EP,IAAI,EAAEX,SAAS,CAACmB,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;EACvCJ,IAAI,EAAEf,SAAS,CAACoB,MAAM;EACtBR,OAAO,EAAEZ,SAAS,CAACoB;AACrB,CAAC,CAAC,CAAC;AAEHnB,qBAAqB,CAACoB,SAAS,GAAG;EAChClB,KAAK,EAAEa;AACT,CAAC;AAED,eAAef,qBAAqB","ignoreList":[]}

package/dist/generic/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from '@edx/frontend-platform/i18n';
+var messages = defineMessages({
+  registerSentenceCase: {
+    id: 'general.register.sentenceCase',
+    defaultMessage: 'Register',
+    description: 'Text in a button, prompting the user to register.'
+  },
+  signInSentenceCase: {
+    id: 'general.signIn.sentenceCase',
+    defaultMessage: 'Sign in',
+    description: 'Text in a button, prompting the user to log in.'
+  }
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/generic/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":["defineMessages","messages","registerSentenceCase","id","defaultMessage","description","signInSentenceCase"],"sources":["../../src/generic/messages.js"],"sourcesContent":["import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n  registerSentenceCase: {\n    id: 'general.register.sentenceCase',\n    defaultMessage: 'Register',\n    description: 'Text in a button, prompting the user to register.',\n  },\n  signInSentenceCase: {\n    id: 'general.signIn.sentenceCase',\n    defaultMessage: 'Sign in',\n    description: 'Text in a button, prompting the user to log in.',\n  },\n});\n\nexport default messages;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,6BAA6B;AAE5D,IAAMC,QAAQ,GAAGD,cAAc,CAAC;EAC9BE,oBAAoB,EAAE;IACpBC,EAAE,EAAE,+BAA+B;IACnCC,cAAc,EAAE,UAAU;IAC1BC,WAAW,EAAE;EACf,CAAC;EACDC,kBAAkB,EAAE;IAClBH,EAAE,EAAE,6BAA6B;IACjCC,cAAc,EAAE,SAAS;IACzBC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeJ,QAAQ","ignoreList":[]}

package/dist/i18n/index.js

@@ -0,0 +1,2 @@
+export default {};
+//# sourceMappingURL=index.js.map

package/dist/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/i18n/index.js"],"sourcesContent":["export default {};\n"],"mappings":"AAAA,eAAe,CAAC,CAAC","ignoreList":[]}

package/dist/index.js

@@ -0,0 +1,73 @@
+import 'babel-polyfill';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { initialize, getConfig, subscribe, APP_READY } from '@edx/frontend-platform';
+import { AppContext, AppProvider } from '@edx/frontend-platform/react';
+import Header from './Header';
+import LearningHeader from "./learning-header/LearningHeader";
+import './index.scss';
+import StudioHeader from './studio-header/StudioHeader';
+subscribe(APP_READY, function () {
+  ReactDOM.render(/*#__PURE__*/React.createElement(AppProvider, null, /*#__PURE__*/React.createElement(AppContext.Provider, {
+    value: {
+      authenticatedUser: null,
+      config: getConfig()
+    }
+  }, /*#__PURE__*/React.createElement(Header, null)), /*#__PURE__*/React.createElement("h5", {
+    className: "mt-2 mb-5"
+  }, "Logged out state"), /*#__PURE__*/React.createElement(AppContext.Provider, {
+    value: {
+      authenticatedUser: {
+        userId: '123abc',
+        username: 'testuser',
+        roles: [],
+        administrator: false
+      },
+      config: getConfig()
+    }
+  }, /*#__PURE__*/React.createElement(Header, null)), /*#__PURE__*/React.createElement("h5", {
+    className: "mt-2  mb-5"
+  }, "Logged in state"), /*#__PURE__*/React.createElement(AppContext.Provider, {
+    value: {
+      authenticatedUser: {
+        userId: '123abc',
+        username: 'testuser',
+        roles: [],
+        administrator: false
+      },
+      config: getConfig()
+    }
+  }, /*#__PURE__*/React.createElement(LearningHeader, null)), /*#__PURE__*/React.createElement("h5", {
+    className: "mt-2  mb-5"
+  }, "Logged in state of Learning Header"), /*#__PURE__*/React.createElement(AppContext.Provider, {
+    value: {
+      authenticatedUser: {
+        userId: '123abc',
+        username: 'testuser',
+        roles: [],
+        administrator: false
+      },
+      config: getConfig()
+    }
+  }, /*#__PURE__*/React.createElement(StudioHeader, {
+    number: "run123",
+    org: "testX",
+    title: "Course Name",
+    isHiddenMainMenu: false,
+    mainMenuDropdowns: [{
+      id: 'content-dropdown',
+      buttonTitle: 'Content',
+      items: [{
+        href: '#',
+        title: 'Outline'
+      }]
+    }],
+    outlineLink: "#"
+  })), /*#__PURE__*/React.createElement("h5", {
+    className: "mt-2"
+  }, "Logged in state for Studio header")), document.getElementById('root'));
+});
+initialize({
+  messages: []
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ReactDOM","initialize","getConfig","subscribe","APP_READY","AppContext","AppProvider","Header","LearningHeader","StudioHeader","render","createElement","Provider","value","authenticatedUser","config","className","userId","username","roles","administrator","number","org","title","isHiddenMainMenu","mainMenuDropdowns","id","buttonTitle","items","href","outlineLink","document","getElementById","messages"],"sources":["../src/index.jsx"],"sourcesContent":["import 'babel-polyfill';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { initialize, getConfig, subscribe, APP_READY } from '@edx/frontend-platform';\nimport { AppContext, AppProvider } from '@edx/frontend-platform/react';\nimport Header from './Header';\nimport LearningHeader from \"./learning-header/LearningHeader\"\n\nimport './index.scss';\nimport StudioHeader from './studio-header/StudioHeader';\n\nsubscribe(APP_READY, () => {\n  ReactDOM.render(\n    <AppProvider>\n      {/* We can fake out authentication by including another provider here with the data we want */}\n      <AppContext.Provider value={{\n        authenticatedUser: null,\n        config: getConfig(),\n      }}>\n        <Header />\n      </AppContext.Provider>\n      <h5 className=\"mt-2 mb-5\">Logged out state</h5>\n\n      {/* We can fake out authentication by including another provider here with the data we want */}\n      <AppContext.Provider value={{\n        authenticatedUser: {\n          userId: '123abc',\n          username: 'testuser',\n          roles: [],\n          administrator: false,\n        },\n        config: getConfig(),\n      }}>\n        <Header />\n      </AppContext.Provider>\n      <h5 className=\"mt-2  mb-5\">Logged in state</h5>\n\n\n      <AppContext.Provider value={{\n        authenticatedUser: {\n          userId: '123abc',\n          username: 'testuser',\n          roles: [],\n          administrator: false,\n        },\n        config: getConfig(),\n      }}>\n        <LearningHeader />\n      </AppContext.Provider>\n      <h5 className=\"mt-2  mb-5\">Logged in state of Learning Header</h5>\n\n\n      <AppContext.Provider value={{\n        authenticatedUser: {\n          userId: '123abc',\n          username: 'testuser',\n          roles: [],\n          administrator: false,\n        },\n        config: getConfig(),\n      }}>\n        <StudioHeader\n          number=\"run123\"\n          org=\"testX\"\n          title=\"Course Name\"\n          isHiddenMainMenu={false}\n          mainMenuDropdowns={[\n            {\n              id: 'content-dropdown',\n              buttonTitle: 'Content',\n              items: [{\n                href: '#',\n                title: 'Outline',\n              }],\n            },\n          ]}\n          outlineLink=\"#\"\n        />\n      </AppContext.Provider>\n      <h5 className=\"mt-2\">Logged in state for Studio header</h5>\n    </AppProvider>,\n    document.getElementById('root'),\n  );\n});\n\ninitialize({\n  messages: []\n});\n"],"mappings":"AAAA,OAAO,gBAAgB;AAEvB,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,QAAQ,wBAAwB;AACpF,SAASC,UAAU,EAAEC,WAAW,QAAQ,8BAA8B;AACtE,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,cAAc,MAAM,kCAAkC;AAE7D,OAAO,cAAc;AACrB,OAAOC,YAAY,MAAM,8BAA8B;AAEvDN,SAAS,CAACC,SAAS,EAAE,YAAM;EACzBJ,QAAQ,CAACU,MAAM,cACbX,KAAA,CAAAY,aAAA,CAACL,WAAW,qBAEVP,KAAA,CAAAY,aAAA,CAACN,UAAU,CAACO,QAAQ;IAACC,KAAK,EAAE;MAC1BC,iBAAiB,EAAE,IAAI;MACvBC,MAAM,EAAEb,SAAS,CAAC;IACpB;EAAE,gBACAH,KAAA,CAAAY,aAAA,CAACJ,MAAM,MAAE,CACU,CAAC,eACtBR,KAAA,CAAAY,aAAA;IAAIK,SAAS,EAAC;EAAW,GAAC,kBAAoB,CAAC,eAG/CjB,KAAA,CAAAY,aAAA,CAACN,UAAU,CAACO,QAAQ;IAACC,KAAK,EAAE;MAC1BC,iBAAiB,EAAE;QACjBG,MAAM,EAAE,QAAQ;QAChBC,QAAQ,EAAE,UAAU;QACpBC,KAAK,EAAE,EAAE;QACTC,aAAa,EAAE;MACjB,CAAC;MACDL,MAAM,EAAEb,SAAS,CAAC;IACpB;EAAE,gBACAH,KAAA,CAAAY,aAAA,CAACJ,MAAM,MAAE,CACU,CAAC,eACtBR,KAAA,CAAAY,aAAA;IAAIK,SAAS,EAAC;EAAY,GAAC,iBAAmB,CAAC,eAG/CjB,KAAA,CAAAY,aAAA,CAACN,UAAU,CAACO,QAAQ;IAACC,KAAK,EAAE;MAC1BC,iBAAiB,EAAE;QACjBG,MAAM,EAAE,QAAQ;QAChBC,QAAQ,EAAE,UAAU;QACpBC,KAAK,EAAE,EAAE;QACTC,aAAa,EAAE;MACjB,CAAC;MACDL,MAAM,EAAEb,SAAS,CAAC;IACpB;EAAE,gBACAH,KAAA,CAAAY,aAAA,CAACH,cAAc,MAAE,CACE,CAAC,eACtBT,KAAA,CAAAY,aAAA;IAAIK,SAAS,EAAC;EAAY,GAAC,oCAAsC,CAAC,eAGlEjB,KAAA,CAAAY,aAAA,CAACN,UAAU,CAACO,QAAQ;IAACC,KAAK,EAAE;MAC1BC,iBAAiB,EAAE;QACjBG,MAAM,EAAE,QAAQ;QAChBC,QAAQ,EAAE,UAAU;QACpBC,KAAK,EAAE,EAAE;QACTC,aAAa,EAAE;MACjB,CAAC;MACDL,MAAM,EAAEb,SAAS,CAAC;IACpB;EAAE,gBACAH,KAAA,CAAAY,aAAA,CAACF,YAAY;IACXY,MAAM,EAAC,QAAQ;IACfC,GAAG,EAAC,OAAO;IACXC,KAAK,EAAC,aAAa;IACnBC,gBAAgB,EAAE,KAAM;IACxBC,iBAAiB,EAAE,CACjB;MACEC,EAAE,EAAE,kBAAkB;MACtBC,WAAW,EAAE,SAAS;MACtBC,KAAK,EAAE,CAAC;QACNC,IAAI,EAAE,GAAG;QACTN,KAAK,EAAE;MACT,CAAC;IACH,CAAC,CACD;IACFO,WAAW,EAAC;EAAG,CAChB,CACkB,CAAC,eACtB/B,KAAA,CAAAY,aAAA;IAAIK,SAAS,EAAC;EAAM,GAAC,mCAAqC,CAC/C,CAAC,EACde,QAAQ,CAACC,cAAc,CAAC,MAAM,CAChC,CAAC;AACH,CAAC,CAAC;AAEF/B,UAAU,CAAC;EACTgC,QAAQ,EAAE;AACZ,CAAC,CAAC","ignoreList":[]}

package/dist/index.scss

@@ -0,0 +1,248 @@
+@import "@edx/brand/paragon/fonts";
+@import "@edx/brand/paragon/variables";
+@import "@openedx/paragon/scss/core/core";
+@import "@edx/brand/paragon/overrides";
+
+$spacer: 1rem;
+$blue: #007db8;
+$white: #fff;
+
+@import "./Menu/menu.scss";
+@import "./studio-header/StudioHeader.scss";
+
+.dropdown-item a {
+  text-decoration: none;
+}
+
+.icon-button {
+  display: inline-flex;
+  line-height: 3rem;
+  background: transparent;
+  vertical-align: middle;
+  text-align: center;
+  border: none;
+  height: 3rem;
+  width: 3rem;
+  padding: 0.75rem;
+  justify-content: center;
+  align-items: center;
+  &:hover,
+  &:focus {
+    background: rgba(0, 0, 0, 0.1);
+  }
+}
+
+.learning-header {
+  min-width: 0;
+
+  .course-title-lockup {
+    min-width: 0;
+
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding-bottom: 0.1rem;
+    }
+  }
+
+  .user-dropdown {
+    .btn {
+      height: 3rem;
+      // @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
+      //   padding: 0 0.5rem;
+      // }
+    }
+  }
+}
+
+.site-header-mobile,
+.site-header-desktop {
+  position: relative;
+  z-index: 1000;
+}
+
+.site-header-mobile {
+  height: 3rem;
+
+  .nav-link {
+    text-decoration: none;
+    cursor: pointer;
+  }
+  img {
+    height: 1.5rem;
+  }
+}
+
+.site-header-desktop {
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
+  background: $white;
+  .nav-link {
+    text-decoration: none;
+  }
+  .logo {
+    display: block;
+    box-sizing: content-box;
+    position: relative;
+    top: -0.05em;
+    height: 1.75rem;
+    padding: 1rem 0;
+    margin-right: 1rem;
+    img {
+      display: block;
+      height: 100%;
+    }
+  }
+  .secondary-menu-container {
+    .nav-link:hover,
+    .nav-link:focus,
+    .nav-link.active,
+    .expanded .nav-link {
+      background: $component-active-bg;
+      color: $component-active-color;
+    }
+  }
+  .main-nav {
+    .nav-link {
+      padding: 1.125rem 1rem;
+      text-decoration: none;
+      font-weight: 500;
+      letter-spacing: 0.01em;
+    }
+    .nav-link:hover,
+    .nav-link:focus,
+    .nav-link.active,
+    .expanded .nav-link {
+      background: $component-active-bg;
+      color: $component-active-color;
+    }
+    .menu {
+      position: static;
+      .menu-content {
+        border-top: solid 2px $component-active-bg;
+        left: 0;
+        right: 0;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+        border-bottom-left-radius: 2px;
+        border-bottom-right-radius: 2px;
+        padding: 1rem;
+      }
+    }
+  }
+  .search-input {
+    border-radius: $rounded-pill;
+  }
+}
+
+// Filters:
+$filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%)
+  saturate(7498%) hue-rotate(168deg) brightness(100%) contrast(103%)
+  drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05));
+
+// Omnikampus Colors:
+$green: #32ab5c;
+$white: #ffffff;
+
+#root {
+  header.site-header-desktop {
+    background: $green;
+
+    a.logo {
+      filter: $filter-white;
+      height: 50px;
+    }
+
+    .main-nav {
+      .nav-link:hover,
+      .nav-link:focus,
+      .nav-link.active,
+      .expanded .nav-link {
+        background: $green;
+      } 
+    }
+
+
+    .nav-link {
+      color: $white;
+
+      &:hover,
+      &:focus {
+        background: $green;
+        opacity: 0.85;
+      }
+    }
+
+    .secondary-menu-container {
+      .btn-link {
+        color: $white;
+      }
+
+      .btn-outline-primary {
+        color: $white;
+        border-color: $white;
+
+        &:hover {
+          color: $green;
+        }
+
+        &:focus::before {
+          border-color: $white;
+        }
+      }
+
+      .dropdown-item.active,
+      .dropdown-item:active {
+        background-color: $green;
+      }
+    }
+  }
+
+  .studio-header {
+    height: auto;
+    a.studio-logo {
+      display: flex;
+      align-items: center;
+      img.logo {
+        height: 50px;
+        filter: brightness(0) saturate(100%) invert(14%) sepia(34%)
+          saturate(2846%) hue-rotate(185deg) brightness(94%) contrast(95%);
+      }
+    }
+    .course-title-lockup {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+  }
+
+  .learning-header {
+    a.logo {
+      height: 50px;
+      img {
+        height: 100%;
+      }
+    }
+
+    .btn-outline-primary {
+      color: $green;
+      border-color: $green;
+
+      &:hover {
+        color: $green;
+      }
+
+      &:focus::before {
+        border-color: $white;
+      }
+    }
+
+    .dropdown-item.active,
+    .dropdown-item:active {
+      background-color: $green;
+    }
+
+    .omni-color {
+      color: $green;
+    }
+  }
+}

package/dist/learning-header/AnonymousUserMenu.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { getConfig } from '@edx/frontend-platform';
+import { getLoginRedirectUrl } from '@edx/frontend-platform/auth';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import LearningLoggedOutItemsSlot from '../plugin-slots/LearningLoggedOutItemsSlot';
+import genericMessages from '../generic/messages';
+var AnonymousUserMenu = function AnonymousUserMenu(_ref) {
+  var intl = _ref.intl;
+  var buttonsInfo = [{
+    message: intl.formatMessage(genericMessages.registerSentenceCase),
+    href: "".concat(getConfig().LMS_BASE_URL, "/register?next=").concat(encodeURIComponent(global.location.href))
+  }, {
+    message: intl.formatMessage(genericMessages.signInSentenceCase),
+    href: getLoginRedirectUrl(global.location.href),
+    variant: 'primary'
+  }];
+  return /*#__PURE__*/React.createElement(LearningLoggedOutItemsSlot, {
+    buttonsInfo: buttonsInfo
+  });
+};
+AnonymousUserMenu.propTypes = {
+  intl: intlShape.isRequired
+};
+export default injectIntl(AnonymousUserMenu);
+//# sourceMappingURL=AnonymousUserMenu.js.map

package/dist/learning-header/AnonymousUserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnonymousUserMenu.js","names":["React","getConfig","getLoginRedirectUrl","injectIntl","intlShape","LearningLoggedOutItemsSlot","genericMessages","AnonymousUserMenu","_ref","intl","buttonsInfo","message","formatMessage","registerSentenceCase","href","concat","LMS_BASE_URL","encodeURIComponent","global","location","signInSentenceCase","variant","createElement","propTypes","isRequired"],"sources":["../../src/learning-header/AnonymousUserMenu.jsx"],"sourcesContent":["import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { getLoginRedirectUrl } from '@edx/frontend-platform/auth';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport LearningLoggedOutItemsSlot from '../plugin-slots/LearningLoggedOutItemsSlot';\n\nimport genericMessages from '../generic/messages';\n\nconst AnonymousUserMenu = ({ intl }) => {\n  const buttonsInfo = [\n    {\n      message: intl.formatMessage(genericMessages.registerSentenceCase),\n      href: `${getConfig().LMS_BASE_URL}/register?next=${encodeURIComponent(global.location.href)}`,\n    },\n    {\n      message: intl.formatMessage(genericMessages.signInSentenceCase),\n      href: getLoginRedirectUrl(global.location.href),\n      variant: 'primary',\n    },\n  ];\n\n  return <LearningLoggedOutItemsSlot buttonsInfo={buttonsInfo} />;\n};\n\nAnonymousUserMenu.propTypes = {\n  intl: intlShape.isRequired,\n};\n\nexport default injectIntl(AnonymousUserMenu);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,OAAOC,0BAA0B,MAAM,4CAA4C;AAEnF,OAAOC,eAAe,MAAM,qBAAqB;AAEjD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC/B,IAAMC,WAAW,GAAG,CAClB;IACEC,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACN,eAAe,CAACO,oBAAoB,CAAC;IACjEC,IAAI,KAAAC,MAAA,CAAKd,SAAS,CAAC,CAAC,CAACe,YAAY,qBAAAD,MAAA,CAAkBE,kBAAkB,CAACC,MAAM,CAACC,QAAQ,CAACL,IAAI,CAAC;EAC7F,CAAC,EACD;IACEH,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACN,eAAe,CAACc,kBAAkB,CAAC;IAC/DN,IAAI,EAAEZ,mBAAmB,CAACgB,MAAM,CAACC,QAAQ,CAACL,IAAI,CAAC;IAC/CO,OAAO,EAAE;EACX,CAAC,CACF;EAED,oBAAOrB,KAAA,CAAAsB,aAAA,CAACjB,0BAA0B;IAACK,WAAW,EAAEA;EAAY,CAAE,CAAC;AACjE,CAAC;AAEDH,iBAAiB,CAACgB,SAAS,GAAG;EAC5Bd,IAAI,EAAEL,SAAS,CAACoB;AAClB,CAAC;AAED,eAAerB,UAAU,CAACI,iBAAiB,CAAC","ignoreList":[]}

package/dist/learning-header/AuthenticatedUserDropdown.js

@@ -0,0 +1,57 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUserCircle } from '@fortawesome/free-solid-svg-icons';
+import { getConfig } from '@edx/frontend-platform';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { Dropdown } from '@openedx/paragon';
+import LearningUserMenuSlot from '../plugin-slots/LearningUserMenuSlot';
+import messages from './messages';
+var AuthenticatedUserDropdown = function AuthenticatedUserDropdown(_ref) {
+  var intl = _ref.intl,
+    username = _ref.username;
+  var dropdownItems = [{
+    message: intl.formatMessage(messages.dashboard),
+    href: "".concat(getConfig().LMS_BASE_URL, "/dashboard")
+  }, {
+    message: intl.formatMessage(messages.profile),
+    href: "".concat(getConfig().ACCOUNT_PROFILE_URL, "/u/").concat(username)
+  }, {
+    message: intl.formatMessage(messages.account),
+    href: getConfig().ACCOUNT_SETTINGS_URL
+  }].concat(_toConsumableArray(getConfig().ORDER_HISTORY_URL ? [{
+    message: intl.formatMessage(messages.orderHistory),
+    href: getConfig().ORDER_HISTORY_URL
+  }] : []), [{
+    message: intl.formatMessage(messages.signOut),
+    href: getConfig().LOGOUT_URL
+  }]);
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    className: "user-dropdown ml-3"
+  }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
+    variant: "outline-primary"
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faUserCircle,
+    className: "d-md-none",
+    size: "lg"
+  }), /*#__PURE__*/React.createElement("span", {
+    "data-hj-suppress": true,
+    className: "d-none d-md-inline"
+  }, username)), /*#__PURE__*/React.createElement(Dropdown.Menu, {
+    className: "dropdown-menu-right"
+  }, /*#__PURE__*/React.createElement(LearningUserMenuSlot, {
+    items: dropdownItems
+  })));
+};
+AuthenticatedUserDropdown.propTypes = {
+  intl: intlShape.isRequired,
+  username: PropTypes.string.isRequired
+};
+export default injectIntl(AuthenticatedUserDropdown);
+//# sourceMappingURL=AuthenticatedUserDropdown.js.map

package/dist/learning-header/AuthenticatedUserDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthenticatedUserDropdown.js","names":["React","PropTypes","FontAwesomeIcon","faUserCircle","getConfig","injectIntl","intlShape","Dropdown","LearningUserMenuSlot","messages","AuthenticatedUserDropdown","_ref","intl","username","dropdownItems","message","formatMessage","dashboard","href","concat","LMS_BASE_URL","profile","ACCOUNT_PROFILE_URL","account","ACCOUNT_SETTINGS_URL","_toConsumableArray","ORDER_HISTORY_URL","orderHistory","signOut","LOGOUT_URL","createElement","className","Toggle","variant","icon","size","Menu","items","propTypes","isRequired","string"],"sources":["../../src/learning-header/AuthenticatedUserDropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faUserCircle } from '@fortawesome/free-solid-svg-icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Dropdown } from '@openedx/paragon';\n\nimport LearningUserMenuSlot from '../plugin-slots/LearningUserMenuSlot';\n\nimport messages from './messages';\n\nconst AuthenticatedUserDropdown = ({ intl, username }) => {\n  const dropdownItems = [\n    {\n      message: intl.formatMessage(messages.dashboard),\n      href: `${getConfig().LMS_BASE_URL}/dashboard`,\n    },\n    {\n      message: intl.formatMessage(messages.profile),\n      href: `${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`,\n    },\n    {\n      message: intl.formatMessage(messages.account),\n      href: getConfig().ACCOUNT_SETTINGS_URL,\n    },\n    ...(getConfig().ORDER_HISTORY_URL ? [{\n      message: intl.formatMessage(messages.orderHistory),\n      href: getConfig().ORDER_HISTORY_URL,\n    }] : []),\n    {\n      message: intl.formatMessage(messages.signOut),\n      href: getConfig().LOGOUT_URL,\n    },\n  ];\n\n  return (\n    <Dropdown className=\"user-dropdown ml-3\">\n      <Dropdown.Toggle variant=\"outline-primary\">\n        <FontAwesomeIcon icon={faUserCircle} className=\"d-md-none\" size=\"lg\" />\n        <span data-hj-suppress className=\"d-none d-md-inline\">\n          {username}\n        </span>\n      </Dropdown.Toggle>\n      <Dropdown.Menu className=\"dropdown-menu-right\">\n        <LearningUserMenuSlot items={dropdownItems} />\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n};\n\nAuthenticatedUserDropdown.propTypes = {\n  intl: intlShape.isRequired,\n  username: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(AuthenticatedUserDropdown);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAOC,oBAAoB,MAAM,sCAAsC;AAEvE,OAAOC,QAAQ,MAAM,YAAY;AAEjC,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAMC,aAAa,IACjB;IACEC,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACQ,SAAS,CAAC;IAC/CC,IAAI,KAAAC,MAAA,CAAKf,SAAS,CAAC,CAAC,CAACgB,YAAY;EACnC,CAAC,EACD;IACEL,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACY,OAAO,CAAC;IAC7CH,IAAI,KAAAC,MAAA,CAAKf,SAAS,CAAC,CAAC,CAACkB,mBAAmB,SAAAH,MAAA,CAAMN,QAAQ;EACxD,CAAC,EACD;IACEE,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACc,OAAO,CAAC;IAC7CL,IAAI,EAAEd,SAAS,CAAC,CAAC,CAACoB;EACpB,CAAC,EAAAL,MAAA,CAAAM,kBAAA,CACGrB,SAAS,CAAC,CAAC,CAACsB,iBAAiB,GAAG,CAAC;IACnCX,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACkB,YAAY,CAAC;IAClDT,IAAI,EAAEd,SAAS,CAAC,CAAC,CAACsB;EACpB,CAAC,CAAC,GAAG,EAAE,IACP;IACEX,OAAO,EAAEH,IAAI,CAACI,aAAa,CAACP,QAAQ,CAACmB,OAAO,CAAC;IAC7CV,IAAI,EAAEd,SAAS,CAAC,CAAC,CAACyB;EACpB,CAAC,EACF;EAED,oBACE7B,KAAA,CAAA8B,aAAA,CAACvB,QAAQ;IAACwB,SAAS,EAAC;EAAoB,gBACtC/B,KAAA,CAAA8B,aAAA,CAACvB,QAAQ,CAACyB,MAAM;IAACC,OAAO,EAAC;EAAiB,gBACxCjC,KAAA,CAAA8B,aAAA,CAAC5B,eAAe;IAACgC,IAAI,EAAE/B,YAAa;IAAC4B,SAAS,EAAC,WAAW;IAACI,IAAI,EAAC;EAAI,CAAE,CAAC,eACvEnC,KAAA,CAAA8B,aAAA;IAAM,wBAAgB;IAACC,SAAS,EAAC;EAAoB,GAClDlB,QACG,CACS,CAAC,eAClBb,KAAA,CAAA8B,aAAA,CAACvB,QAAQ,CAAC6B,IAAI;IAACL,SAAS,EAAC;EAAqB,gBAC5C/B,KAAA,CAAA8B,aAAA,CAACtB,oBAAoB;IAAC6B,KAAK,EAAEvB;EAAc,CAAE,CAChC,CACP,CAAC;AAEf,CAAC;AAEDJ,yBAAyB,CAAC4B,SAAS,GAAG;EACpC1B,IAAI,EAAEN,SAAS,CAACiC,UAAU;EAC1B1B,QAAQ,EAAEZ,SAAS,CAACuC,MAAM,CAACD;AAC7B,CAAC;AAED,eAAelC,UAAU,CAACK,yBAAyB,CAAC","ignoreList":[]}