diff --git a/dist/dev/index.js b/dist/dev/index.js index 54b5adc..6429c3a 100644 --- a/dist/dev/index.js +++ b/dist/dev/index.js @@ -951,7 +951,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/AccountMenu/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"Group\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n fill: \"#F1F0F0\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n mask: \"url(#mask-2)\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M14.897 24.14a6.952 6.952 0 0 1 6.952 6.953V33H7.945v-1.907a6.952 6.952 0 0 1 6.952-6.952z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M21.278 32.396v-3.222c0-2.446-1.876-4.429-4.19-4.429h-4.382c-2.314 0-4.19 1.983-4.19 4.43v3.221h12.762zm-8.572-8.255h4.381c2.63 0 4.762 2.254 4.762 5.033V33H7.945v-3.826c0-2.78 2.131-5.033 4.761-5.033z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M12.516 21.926h4.952v3.45a2.476 2.476 0 1 1-4.952 0v-3.45z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M13.087 25.235c0 1.112.853 2.013 1.905 2.013s1.905-.901 1.905-2.013V22.53h-3.81v2.705zm-.571-3.309h4.952v3.309c0 1.445-1.108 2.617-2.476 2.617-1.367 0-2.476-1.172-2.476-2.617v-3.309zM9.087 12.765v1.007c-.578 0-1.047.496-1.047 1.107 0 .612.469 1.108 1.047 1.108v1.006c-1.104 0-2-.946-2-2.114 0-1.167.896-2.114 2-2.114zM20.905 12.765v1.007c.578 0 1.047.496 1.047 1.107 0 .612-.469 1.108-1.047 1.108v1.006c1.104 0 2-.946 2-2.114 0-1.167-.896-2.114-2-2.114z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M8.524 8.235l3.238-2.416L15 5.416l3.238.403 3.238 2.416v9.832a6.476 6.476 0 0 1-12.952 0V8.235z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M17.278 18.407v.499c1.334 0 2.5-.722 3.128-1.798a5.395 5.395 0 0 1 1.062.027v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005z\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M16.8 19.78l-.204.28-.33-.05a8.371 8.371 0 0 0-2.865.055l-.348.067-.212-.299a5.319 5.319 0 0 0-.249-.323h-1.6a2.416 2.416 0 0 1-1.837-.862c.117.81.382 1.58.781 2.277 1.064 1.857 2.965 3.015 5.056 3.015s3.993-1.158 5.056-3.015a6.422 6.422 0 0 0 .781-2.277 2.416 2.416 0 0 1-1.837.862h-1.98a5.315 5.315 0 0 0-.212.27zm-7.998-2.082c.089 0 .178.002.266.007l.02-.396v-.206l-.559.061c.018.186.055.365.107.537.055-.002.11-.003.166-.003zm12.538.03a2.74 2.74 0 0 0 .116-.573l-.182-.02h-.377v.563c.148.004.296.014.443.03zm-10.348 1.178h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005v.499h1.714c.988 0 1.8-.794 1.895-1.811.197.003.39.016.581.04v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M9.468 17.698c0 3.225 2.473 5.839 5.524 5.839 3.05 0 5.524-2.614 5.524-5.839V8.757l-2.637-1.968-2.887-.36-2.886.36-2.638 1.968v8.941zm-.952-9.463l3.238-2.416 3.238-.403 3.238.403 3.238 2.416v9.463c0 3.78-2.9 6.846-6.476 6.846-3.577 0-6.476-3.065-6.476-6.846V8.235z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M12.325 21.11v-.237c0-1.198.919-2.168 2.052-2.168h1.611c1.133 0 2.052.97 2.052 2.168v.245\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M12.234 20.517c.072-1.288 1.023-2.316 2.196-2.316h1.505c1.173 0 2.125 1.028 2.196 2.316h-.573c-.069-.962-.773-1.712-1.623-1.712H14.43c-.85 0-1.554.75-1.623 1.712h-.573z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M20.524 10.047c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#37373D\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M22.048 11.432c.174-4.64-2.762-7.828-7.048-7.828s-7.222 3.188-7.048 7.828c.003.072.019.27.046.488.043.351.106.7.19 1.017.201.752.47 1.137.717 1.137v-4.027c0-1.677 1.254-3.053 2.834-3.118l.118-.003c.84 0 1.625.374 2.18 1.016a1.728 1.728 0 0 0 1.927 0 2.876 2.876 0 0 1 2.297-1.013c1.58.065 2.834 1.44 2.834 3.118v3.624c.635 0 .893-.626.953-2.239zm-1.524-1.385c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M11 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.286c.158 0 .285.136.285.302a.294.294 0 0 1-.285.302H11zM16.905 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.285c.158 0 .286.136.286.302a.294.294 0 0 1-.286.302h-2.285zM13.85 17.225a.31.31 0 0 1 .131-.403.279.279 0 0 1 .382.139c.119.258.401.435.724.435a.79.79 0 0 0 .722-.43c.07-.15.242-.21.383-.135a.31.31 0 0 1 .128.405c-.22.465-.7.764-1.233.764-.537 0-1.02-.304-1.238-.775zM13.542 19.987a.31.31 0 0 1-.144-.399.28.28 0 0 1 .377-.152c.405.19.853.291 1.318.291.461 0 .906-.099 1.308-.286a.28.28 0 0 1 .376.154.309.309 0 0 1-.146.398 3.631 3.631 0 0 1-1.538.338 3.63 3.63 0 0 1-1.55-.344zM14.706 21.322a.294.294 0 0 1-.285-.302c0-.167.128-.302.285-.302h.762c.158 0 .286.135.286.302a.294.294 0 0 1-.286.302h-.762zM16.802 13.067v-.604h3.81v.604zM9.183 13.067v-.604h3.81v.604zM13.85 13.47v-.604h2.095v.604z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M17.387 12.463h2.748v1.646a2.381 2.381 0 0 1-2.381 2.38h-.367a2.013 2.013 0 1 1 0-4.027zM9.85 12.463h2.748a2.013 2.013 0 1 1 0 4.027h-.368a2.381 2.381 0 0 1-2.38-2.381v-1.646z\",\n fillOpacity: \".3\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M16.325 13.067c-.21 0-.38.18-.38.403v2.013c0 .223.17.403.38.403h2.858c.21 0 .38-.18.38-.403v-2.416h-3.238zm0-.604h3.81v3.02c0 .556-.426 1.007-.952 1.007h-2.858c-.526 0-.952-.45-.952-1.007V13.47c0-.556.426-1.007.952-1.007zM10.42 15.483c0 .223.171.403.382.403h2.857c.21 0 .38-.18.38-.403V13.47a.392.392 0 0 0-.38-.403H10.42v2.416zm-.57-3.02h3.809c.526 0 .952.45.952 1.007v2.013c0 .556-.426 1.007-.952 1.007h-2.857c-.526 0-.953-.45-.953-1.007v-3.02z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M13.14 14.687a.303.303 0 0 1-.215.362.286.286 0 0 1-.342-.226c-.03-.133-.18-.246-.37-.246-.191 0-.342.113-.371.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714zM18.663 14.687a.303.303 0 0 1-.214.362.286.286 0 0 1-.343-.226c-.029-.133-.18-.246-.37-.246s-.341.113-.37.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M16.36 30.44a4.747 4.747 0 0 0-.308-.793c.478-.123.803-.052.87.23.052.222-.051.586-.274.985-.039.07-.083.109-.131.123a11.407 11.407 0 0 0-.157-.544zm-1.26-.484l-.081.052a3.465 3.465 0 0 0-.888-.429c.268-.384.589-.606.888-.606.33 0 .628.199.89.606a3.465 3.465 0 0 0-.808.377zm-1.115-.308c-.218.375-.434 1.006-.458 1.339-.051-.012-.098-.052-.139-.125-.223-.4-.326-.763-.273-.985.067-.282.392-.353.87-.23zm1.16.393c.242-.151.633-.327.822-.371.015.025.03.054.047.085.066.132.138.312.211.53a11.02 11.02 0 0 1 .21.7.314.314 0 0 1-.09-.039.576.576 0 0 1-.094-.073c-.585-.536-.623-.569-.825-.693a1.33 1.33 0 0 0-.288-.136l.006-.003zm-1.54.944c.026-.323.251-.966.467-1.314.21.05.563.215.816.371-.227.07-.437.226-.747.518l-.174.164c-.064.06-.117.108-.168.15a.529.529 0 0 1-.195.11z\",\n fill: \"#262628\"\n }))));\n};\n\nIconAvatar.defaultProps = {\n width: \"30\",\n height: \"30\",\n viewBox: \"0 0 30 30\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconCloseDark = function IconCloseDark(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"e-remove\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n fill: \"#2A2A2A\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconCloseDark.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconSwitchBusiness = function IconSwitchBusiness(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"swap-horizontal\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"#FFF\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M5 3V0L0 4l5 4V5h8a1 1 0 0 0 0-2H5zM11 11H3a1 1 0 0 0 0 2h8v3l5-4-5-4v3z\"\n })));\n};\n\nIconSwitchBusiness.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconNotificationsRed = function IconNotificationsRed(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"5932216D-737B-44C8-8E0D-4DAB43CB1241\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n fill: \"#ef476f\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconNotificationsRed.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconNotificationsGrey = function IconNotificationsGrey(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n fill: \"#888894\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconNotificationsGrey.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconRightArrow = function IconRightArrow(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"Path\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M1.9 15.7L.4 14.3 6.7 8 .4 1.7 1.9.3 9.6 8z\",\n fill: \"#2A2A2A\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconRightArrow.defaultProps = {\n width: \"10\",\n height: \"16\",\n viewBox: \"0 0 10 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n // The roles of managers/copilots/admins.\n\nvar MANAGE_ROLES = ['administrator', 'admin', 'copilot', 'connect copilot', 'manager', 'global manager', 'client manager', 'connect manager'];\n\nvar hasAccess = function hasAccess(roles) {\n if (!roles) {\n return false;\n }\n\n return roles.some(function (v) {\n return MANAGE_ROLES.indexOf(v.toLowerCase()) !== -1;\n });\n};\n\nvar AccountMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu, _React$Component);\n\n function AccountMenu() {\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, AccountMenu);\n\n return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this, arguments));\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu, [{\n key: \"renderLink\",\n value: function renderLink(menu, i) {\n var onClose = this.props.onClose;\n var to = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link) ? menu.href : menu.link;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: to,\n key: \"item-\".concat(i),\n onClick: onClose\n }, menu.title);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this = this;\n\n var _this$props = this.props,\n onClose = _this$props.onClose,\n open = _this$props.open,\n menu = _this$props.menu,\n switchText = _this$props.switchText,\n onSwitch = _this$props.onSwitch,\n profile = _this$props.profile,\n numNotifications = _this$props.numNotifications,\n onClickNotifications = _this$props.onClickNotifications;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['user-info-popup'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '/' : \"/members/\".concat(profile.handle)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['email']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.email)))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header-mobile'])\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['left-content']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, \"@\", lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['description']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : \"Member since \".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(profile.createdAt).format('MMMM, YYYY'))))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-close'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark, null))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-business-container'],\n onClick: onSwitch\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-icon']\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: hasAccess(profile.roles) ? lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href : 'http://www.topcoder.com',\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness']\n }, switchText.title))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['notifications-mobile'],\n onClick: onClickNotifications\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['noti-left']\n }, numNotifications > 0 ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsRed, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['bell-icon']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsGrey, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['bell-icon']\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['notifications-title']\n }, \"Notifications\"), numNotifications > 0 && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['red-number']\n }, '(' + numNotifications + ')'))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-open-noti']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconRightArrow, null))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['noti-separator']\n })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu\n }, menu.map(function (item, i) {\n return item.separator ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,\n key: \"separator-\".concat(i)\n }) : _this.renderLink(item, i);\n })));\n }\n }, {\n key: \"__reactstandin__regenerateByEval\",\n // @ts-ignore\n value: function __reactstandin__regenerateByEval(key, code) {\n // @ts-ignore\n this[key] = eval(code);\n }\n }]);\n\n return AccountMenu;\n}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);\n\nAccountMenu.defaultProps = {\n numNotifications: 0\n};\nAccountMenu.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,\n switchText: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n numNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,\n onClickNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func.isRequired\n};\nvar _default = AccountMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MANAGE_ROLES, \"MANAGE_ROLES\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(hasAccess, \"hasAccess\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/AccountMenu/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"Group\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n fill: \"#F1F0F0\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n mask: \"url(#mask-2)\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M14.897 24.14a6.952 6.952 0 0 1 6.952 6.953V33H7.945v-1.907a6.952 6.952 0 0 1 6.952-6.952z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M21.278 32.396v-3.222c0-2.446-1.876-4.429-4.19-4.429h-4.382c-2.314 0-4.19 1.983-4.19 4.43v3.221h12.762zm-8.572-8.255h4.381c2.63 0 4.762 2.254 4.762 5.033V33H7.945v-3.826c0-2.78 2.131-5.033 4.761-5.033z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M12.516 21.926h4.952v3.45a2.476 2.476 0 1 1-4.952 0v-3.45z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M13.087 25.235c0 1.112.853 2.013 1.905 2.013s1.905-.901 1.905-2.013V22.53h-3.81v2.705zm-.571-3.309h4.952v3.309c0 1.445-1.108 2.617-2.476 2.617-1.367 0-2.476-1.172-2.476-2.617v-3.309zM9.087 12.765v1.007c-.578 0-1.047.496-1.047 1.107 0 .612.469 1.108 1.047 1.108v1.006c-1.104 0-2-.946-2-2.114 0-1.167.896-2.114 2-2.114zM20.905 12.765v1.007c.578 0 1.047.496 1.047 1.107 0 .612-.469 1.108-1.047 1.108v1.006c1.104 0 2-.946 2-2.114 0-1.167-.896-2.114-2-2.114z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M8.524 8.235l3.238-2.416L15 5.416l3.238.403 3.238 2.416v9.832a6.476 6.476 0 0 1-12.952 0V8.235z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M17.278 18.407v.499c1.334 0 2.5-.722 3.128-1.798a5.395 5.395 0 0 1 1.062.027v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005z\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M16.8 19.78l-.204.28-.33-.05a8.371 8.371 0 0 0-2.865.055l-.348.067-.212-.299a5.319 5.319 0 0 0-.249-.323h-1.6a2.416 2.416 0 0 1-1.837-.862c.117.81.382 1.58.781 2.277 1.064 1.857 2.965 3.015 5.056 3.015s3.993-1.158 5.056-3.015a6.422 6.422 0 0 0 .781-2.277 2.416 2.416 0 0 1-1.837.862h-1.98a5.315 5.315 0 0 0-.212.27zm-7.998-2.082c.089 0 .178.002.266.007l.02-.396v-.206l-.559.061c.018.186.055.365.107.537.055-.002.11-.003.166-.003zm12.538.03a2.74 2.74 0 0 0 .116-.573l-.182-.02h-.377v.563c.148.004.296.014.443.03zm-10.348 1.178h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005v.499h1.714c.988 0 1.8-.794 1.895-1.811.197.003.39.016.581.04v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M9.468 17.698c0 3.225 2.473 5.839 5.524 5.839 3.05 0 5.524-2.614 5.524-5.839V8.757l-2.637-1.968-2.887-.36-2.886.36-2.638 1.968v8.941zm-.952-9.463l3.238-2.416 3.238-.403 3.238.403 3.238 2.416v9.463c0 3.78-2.9 6.846-6.476 6.846-3.577 0-6.476-3.065-6.476-6.846V8.235z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M12.325 21.11v-.237c0-1.198.919-2.168 2.052-2.168h1.611c1.133 0 2.052.97 2.052 2.168v.245\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M12.234 20.517c.072-1.288 1.023-2.316 2.196-2.316h1.505c1.173 0 2.125 1.028 2.196 2.316h-.573c-.069-.962-.773-1.712-1.623-1.712H14.43c-.85 0-1.554.75-1.623 1.712h-.573z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M20.524 10.047c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#37373D\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M22.048 11.432c.174-4.64-2.762-7.828-7.048-7.828s-7.222 3.188-7.048 7.828c.003.072.019.27.046.488.043.351.106.7.19 1.017.201.752.47 1.137.717 1.137v-4.027c0-1.677 1.254-3.053 2.834-3.118l.118-.003c.84 0 1.625.374 2.18 1.016a1.728 1.728 0 0 0 1.927 0 2.876 2.876 0 0 1 2.297-1.013c1.58.065 2.834 1.44 2.834 3.118v3.624c.635 0 .893-.626.953-2.239zm-1.524-1.385c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M11 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.286c.158 0 .285.136.285.302a.294.294 0 0 1-.285.302H11zM16.905 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.285c.158 0 .286.136.286.302a.294.294 0 0 1-.286.302h-2.285zM13.85 17.225a.31.31 0 0 1 .131-.403.279.279 0 0 1 .382.139c.119.258.401.435.724.435a.79.79 0 0 0 .722-.43c.07-.15.242-.21.383-.135a.31.31 0 0 1 .128.405c-.22.465-.7.764-1.233.764-.537 0-1.02-.304-1.238-.775zM13.542 19.987a.31.31 0 0 1-.144-.399.28.28 0 0 1 .377-.152c.405.19.853.291 1.318.291.461 0 .906-.099 1.308-.286a.28.28 0 0 1 .376.154.309.309 0 0 1-.146.398 3.631 3.631 0 0 1-1.538.338 3.63 3.63 0 0 1-1.55-.344zM14.706 21.322a.294.294 0 0 1-.285-.302c0-.167.128-.302.285-.302h.762c.158 0 .286.135.286.302a.294.294 0 0 1-.286.302h-.762zM16.802 13.067v-.604h3.81v.604zM9.183 13.067v-.604h3.81v.604zM13.85 13.47v-.604h2.095v.604z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M17.387 12.463h2.748v1.646a2.381 2.381 0 0 1-2.381 2.38h-.367a2.013 2.013 0 1 1 0-4.027zM9.85 12.463h2.748a2.013 2.013 0 1 1 0 4.027h-.368a2.381 2.381 0 0 1-2.38-2.381v-1.646z\",\n fillOpacity: \".3\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M16.325 13.067c-.21 0-.38.18-.38.403v2.013c0 .223.17.403.38.403h2.858c.21 0 .38-.18.38-.403v-2.416h-3.238zm0-.604h3.81v3.02c0 .556-.426 1.007-.952 1.007h-2.858c-.526 0-.952-.45-.952-1.007V13.47c0-.556.426-1.007.952-1.007zM10.42 15.483c0 .223.171.403.382.403h2.857c.21 0 .38-.18.38-.403V13.47a.392.392 0 0 0-.38-.403H10.42v2.416zm-.57-3.02h3.809c.526 0 .952.45.952 1.007v2.013c0 .556-.426 1.007-.952 1.007h-2.857c-.526 0-.953-.45-.953-1.007v-3.02z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M13.14 14.687a.303.303 0 0 1-.215.362.286.286 0 0 1-.342-.226c-.03-.133-.18-.246-.37-.246-.191 0-.342.113-.371.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714zM18.663 14.687a.303.303 0 0 1-.214.362.286.286 0 0 1-.343-.226c-.029-.133-.18-.246-.37-.246s-.341.113-.37.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M16.36 30.44a4.747 4.747 0 0 0-.308-.793c.478-.123.803-.052.87.23.052.222-.051.586-.274.985-.039.07-.083.109-.131.123a11.407 11.407 0 0 0-.157-.544zm-1.26-.484l-.081.052a3.465 3.465 0 0 0-.888-.429c.268-.384.589-.606.888-.606.33 0 .628.199.89.606a3.465 3.465 0 0 0-.808.377zm-1.115-.308c-.218.375-.434 1.006-.458 1.339-.051-.012-.098-.052-.139-.125-.223-.4-.326-.763-.273-.985.067-.282.392-.353.87-.23zm1.16.393c.242-.151.633-.327.822-.371.015.025.03.054.047.085.066.132.138.312.211.53a11.02 11.02 0 0 1 .21.7.314.314 0 0 1-.09-.039.576.576 0 0 1-.094-.073c-.585-.536-.623-.569-.825-.693a1.33 1.33 0 0 0-.288-.136l.006-.003zm-1.54.944c.026-.323.251-.966.467-1.314.21.05.563.215.816.371-.227.07-.437.226-.747.518l-.174.164c-.064.06-.117.108-.168.15a.529.529 0 0 1-.195.11z\",\n fill: \"#262628\"\n }))));\n};\n\nIconAvatar.defaultProps = {\n width: \"30\",\n height: \"30\",\n viewBox: \"0 0 30 30\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconCloseDark = function IconCloseDark(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"e-remove\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n fill: \"#2A2A2A\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconCloseDark.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconSwitchBusiness = function IconSwitchBusiness(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"swap-horizontal\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"#FFF\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M5 3V0L0 4l5 4V5h8a1 1 0 0 0 0-2H5zM11 11H3a1 1 0 0 0 0 2h8v3l5-4-5-4v3z\"\n })));\n};\n\nIconSwitchBusiness.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconNotificationsRed = function IconNotificationsRed(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"5932216D-737B-44C8-8E0D-4DAB43CB1241\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n fill: \"#ef476f\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconNotificationsRed.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconNotificationsGrey = function IconNotificationsGrey(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n fill: \"#888894\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconNotificationsGrey.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconRightArrow = function IconRightArrow(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"Path\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M1.9 15.7L.4 14.3 6.7 8 .4 1.7 1.9.3 9.6 8z\",\n fill: \"#2A2A2A\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconRightArrow.defaultProps = {\n width: \"10\",\n height: \"16\",\n viewBox: \"0 0 10 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n // The roles of managers/copilots/admins.\n\nvar MANAGE_ROLES = ['administrator', 'admin', 'copilot', 'connect copilot', 'manager', 'global manager', 'client manager', 'connect manager'];\n\nvar hasAccess = function hasAccess(roles) {\n if (!roles) {\n return false;\n }\n\n return roles.some(function (v) {\n return MANAGE_ROLES.indexOf(v.toLowerCase()) !== -1;\n });\n};\n\nvar AccountMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu, _React$Component);\n\n function AccountMenu() {\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, AccountMenu);\n\n return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this, arguments));\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu, [{\n key: \"renderLink\",\n value: function renderLink(menu, i) {\n var onClose = this.props.onClose;\n var to = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link) ? menu.href : menu.link;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: to,\n key: \"item-\".concat(i),\n onClick: onClose\n }, menu.title);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this = this;\n\n var _this$props = this.props,\n onClose = _this$props.onClose,\n open = _this$props.open,\n menu = _this$props.menu,\n switchText = _this$props.switchText,\n onSwitch = _this$props.onSwitch,\n profile = _this$props.profile,\n numNotifications = _this$props.numNotifications,\n onClickNotifications = _this$props.onClickNotifications;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['user-info-popup'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '/' : \"/members/\".concat(profile.handle)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['email']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.email)))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header-mobile'])\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['left-content']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, \"@\", lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['description']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : \"Member since \".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(profile.createdAt).format('MMMM, YYYY'))))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-close'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark, null))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-business-container'],\n onClick: onSwitch\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-icon']\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: hasAccess(profile.roles) ? lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href : 'http://www.topcoder.com',\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness']\n }, switchText.title))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['notifications-mobile'],\n onClick: onClickNotifications\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['noti-left']\n }, numNotifications > 0 ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsRed, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['bell-icon']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsGrey, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['bell-icon']\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['notifications-title']\n }, \"Notifications\"), numNotifications > 0 && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['red-number']\n }, '(' + numNotifications + ')'))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-open-noti']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconRightArrow, null))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['noti-separator']\n })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu\n }, menu.map(function (item, i) {\n return item.separator ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,\n key: \"separator-\".concat(i)\n }) : _this.renderLink(item, i);\n })));\n }\n }, {\n key: \"__reactstandin__regenerateByEval\",\n // @ts-ignore\n value: function __reactstandin__regenerateByEval(key, code) {\n // @ts-ignore\n this[key] = eval(code);\n }\n }]);\n\n return AccountMenu;\n}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);\n\nAccountMenu.defaultProps = {\n numNotifications: 0\n};\nAccountMenu.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,\n switchText: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n numNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,\n onClickNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func.isRequired\n};\nvar _default = AccountMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MANAGE_ROLES, \"MANAGE_ROLES\", \"/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(hasAccess, \"hasAccess\", \"/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/index.js?"); /***/ }), @@ -974,7 +974,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/CheckBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar CheckBox = function CheckBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checkbox'],\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['check-icon'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'])\n }));\n};\n\nCheckBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = CheckBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/CheckBox/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/CheckBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar CheckBox = function CheckBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checkbox'],\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['check-icon'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'])\n }));\n};\n\nCheckBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = CheckBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/home/ums-121/temp/navigation-component/src/components/CheckBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/CheckBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/CheckBox/index.js?"); /***/ }), @@ -997,7 +997,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ChosenArrow/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar ChosenArrow = function ChosenArrow(_ref) {\n var show = _ref.show,\n x = _ref.x;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.chosenArrow,\n style: {\n transform: \"translateX(calc(\".concat(x, \"px - 50%))\")\n },\n hidden: !show\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n width: \"40px\",\n height: \"10px\",\n viewBox: \"0 0 40 10\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Page-1\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Desktop-navigation-specification\",\n transform: \"translate(-229.000000, -1000.000000)\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z\",\n id: \"Path-3\"\n })))));\n};\n\nChosenArrow.propTypes = {\n /** Show or hide the arrow */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = ChosenArrow;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/ChosenArrow/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ChosenArrow/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar ChosenArrow = function ChosenArrow(_ref) {\n var show = _ref.show,\n x = _ref.x;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.chosenArrow,\n style: {\n transform: \"translateX(calc(\".concat(x, \"px - 50%))\")\n },\n hidden: !show\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n width: \"40px\",\n height: \"10px\",\n viewBox: \"0 0 40 10\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Page-1\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Desktop-navigation-specification\",\n transform: \"translate(-229.000000, -1000.000000)\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z\",\n id: \"Path-3\"\n })))));\n};\n\nChosenArrow.propTypes = {\n /** Show or hide the arrow */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = ChosenArrow;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/home/ums-121/temp/navigation-component/src/components/ChosenArrow/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/ChosenArrow/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/ChosenArrow/index.js?"); /***/ }), @@ -1020,7 +1020,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/DropdownBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar optionLabel = function optionLabel(value, options) {\n var opt = options.find(function (x) {\n return x.value === value;\n });\n return opt && opt.label;\n};\n\nvar DropdownBox = function DropdownBox(_ref) {\n var open = _ref.open,\n onClick = _ref.onClick,\n onClose = _ref.onClose,\n checked = _ref.checked,\n value = _ref.value,\n options = _ref.options,\n onChange = _ref.onChange;\n\n var handleClick = function handleClick(e) {\n return !e.defaultPrevented && onClick();\n };\n\n var handleClose = function handleClose(e) {\n e.preventDefault();\n onClose();\n };\n\n var createHandleChange = function createHandleChange(value) {\n return function (e) {\n e.preventDefault();\n onClose();\n onChange(value);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['open']),\n onClick: handleClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['backdrop'],\n onClick: handleClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['selected-label']\n }, optionLabel(value, options), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-arrow']\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['options']\n }, options.map(function (opt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['option-li'], opt.value === value && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['active']),\n key: opt.value,\n onClick: createHandleChange(opt.value)\n }, opt.label);\n })));\n};\n\nDropdownBox.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = DropdownBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(optionLabel, \"optionLabel\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/DropdownBox/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/DropdownBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar optionLabel = function optionLabel(value, options) {\n var opt = options.find(function (x) {\n return x.value === value;\n });\n return opt && opt.label;\n};\n\nvar DropdownBox = function DropdownBox(_ref) {\n var open = _ref.open,\n onClick = _ref.onClick,\n onClose = _ref.onClose,\n checked = _ref.checked,\n value = _ref.value,\n options = _ref.options,\n onChange = _ref.onChange;\n\n var handleClick = function handleClick(e) {\n return !e.defaultPrevented && onClick();\n };\n\n var handleClose = function handleClose(e) {\n e.preventDefault();\n onClose();\n };\n\n var createHandleChange = function createHandleChange(value) {\n return function (e) {\n e.preventDefault();\n onClose();\n onChange(value);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['open']),\n onClick: handleClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['backdrop'],\n onClick: handleClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['selected-label']\n }, optionLabel(value, options), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-arrow']\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['options']\n }, options.map(function (opt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['option-li'], opt.value === value && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['active']),\n key: opt.value,\n onClick: createHandleChange(opt.value)\n }, opt.label);\n })));\n};\n\nDropdownBox.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = DropdownBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(optionLabel, \"optionLabel\", \"/home/ums-121/temp/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/home/ums-121/temp/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/DropdownBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/DropdownBox/index.js?"); /***/ }), @@ -1043,7 +1043,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/IconSelect/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconSelect = function IconSelect(_ref) {\n var show = _ref.show,\n x = _ref.x;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.iconSelect,\n style: {\n transform: \"translateX(calc(\".concat(x, \"px - 50%))\")\n },\n hidden: !show\n });\n};\n\nIconSelect.propTypes = {\n /** Show or hide the icon */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = IconSelect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/IconSelect/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/IconSelect/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconSelect = function IconSelect(_ref) {\n var show = _ref.show,\n x = _ref.x;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.iconSelect,\n style: {\n transform: \"translateX(calc(\".concat(x, \"px - 50%))\")\n },\n hidden: !show\n });\n};\n\nIconSelect.propTypes = {\n /** Show or hide the icon */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = IconSelect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/home/ums-121/temp/navigation-component/src/components/IconSelect/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/IconSelect/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/IconSelect/index.js?"); /***/ }), @@ -1066,7 +1066,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/LoginNav/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _NotificationButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../NotificationButton */ \"./src/components/NotificationButton/index.js\");\n/* harmony import */ var _NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\");\n/* harmony import */ var _UserInfo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../UserInfo */ \"./src/components/UserInfo/index.js\");\n/* harmony import */ var _AccountMenu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../AccountMenu */ \"./src/components/AccountMenu/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__);\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar LoginNav = function LoginNav(_ref) {\n var loggedIn = _ref.loggedIn,\n notifications = _ref.notifications,\n accountMenu = _ref.accountMenu,\n switchText = _ref.switchText,\n onSwitch = _ref.onSwitch,\n onMenuOpen = _ref.onMenuOpen,\n showNotification = _ref.showNotification,\n profile = _ref.profile,\n authURLs = _ref.authURLs,\n auth = _ref.auth,\n markNotificationAsRead = _ref.markNotificationAsRead,\n markAllNotificationAsRead = _ref.markAllNotificationAsRead,\n markAllNotificationAsSeen = _ref.markAllNotificationAsSeen,\n dismissChallengeNotifications = _ref.dismissChallengeNotifications;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n openNotifications = _useState2[0],\n setOpenNotifications = _useState2[1];\n\n var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),\n openAccountMenu = _useState4[0],\n setOpenAccountMenu = _useState4[1];\n\n var handleClickNotifications = function handleClickNotifications() {\n return setOpenNotifications(function (x) {\n return !x;\n });\n };\n\n var handleClickUserInfo = function handleClickUserInfo() {\n if (!openAccountMenu) {\n onMenuOpen(); // prevent body from scrolling on handheld devices\n\n if (window.innerWidth <= 768) {\n document.body.style.position = 'fixed';\n }\n }\n\n setOpenAccountMenu(function (x) {\n return !x;\n });\n }; // process seenNotifications\n\n\n var seenNotifications = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (t) {\n return !t.isSeen && !t.isRead;\n }).map(function (opt) {\n return opt.id;\n }).join('-'); // process unReadNotifications\n\n\n var unReadNotifications = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (t) {\n return !t.isRead;\n }).length > 0;\n\n var renderLoginPanel = function renderLoginPanel() {\n if (showNotification) {\n return [react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationButton__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n notifications: notifications || [],\n notificationsPopupOpen: openNotifications,\n onClick: handleClickNotifications,\n key: \"notification-button\"\n }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n profile: profile,\n newNotifications: !!seenNotifications,\n onClick: handleClickUserInfo,\n open: openAccountMenu,\n key: \"user-info\"\n })];\n }\n\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n profile: profile,\n newNotifications: !!seenNotifications,\n onClick: handleClickUserInfo,\n open: openAccountMenu,\n key: \"user-info\"\n });\n };\n\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.loginContainer\n }, loggedIn ? renderLoginPanel() : react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n href: authURLs.href,\n onClick: function onClick(event) {\n var retUrl = encodeURIComponent(window.location.href);\n window.location = authURLs.location.replace('%S', retUrl);\n event.preventDefault();\n }\n }, \"LOGIN\"), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n open: openNotifications,\n notifications: notifications,\n onClose: function onClose() {\n seenNotifications && markAllNotificationAsSeen(seenNotifications, auth.tokenV3);\n setOpenNotifications(false);\n },\n auth: auth,\n unReadNotifications: unReadNotifications,\n markNotificationAsRead: markNotificationAsRead,\n markAllNotificationAsRead: markAllNotificationAsRead,\n dismissChallengeNotifications: dismissChallengeNotifications\n }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_AccountMenu__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n profile: profile,\n open: openAccountMenu,\n menu: accountMenu,\n switchText: switchText,\n numNotifications: lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (n) {\n return !n.isSeen && !n.isRead;\n }).length,\n onClickNotifications: handleClickNotifications,\n onSwitch: onSwitch,\n onClose: function onClose() {\n setOpenAccountMenu(false);\n document.body.style.position = '';\n }\n }));\n};\n\nLoginNav.propTypes = {\n loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n accountMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n onMenuOpen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n showNotification: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n auth: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n switchText: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n authURLs: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n markAllNotificationAsSeen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n dismissChallengeNotifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired\n};\nvar _default = LoginNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/LoginNav/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/LoginNav/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _NotificationButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../NotificationButton */ \"./src/components/NotificationButton/index.js\");\n/* harmony import */ var _NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\");\n/* harmony import */ var _UserInfo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../UserInfo */ \"./src/components/UserInfo/index.js\");\n/* harmony import */ var _AccountMenu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../AccountMenu */ \"./src/components/AccountMenu/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__);\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar LoginNav = function LoginNav(_ref) {\n var loggedIn = _ref.loggedIn,\n notifications = _ref.notifications,\n accountMenu = _ref.accountMenu,\n switchText = _ref.switchText,\n onSwitch = _ref.onSwitch,\n onMenuOpen = _ref.onMenuOpen,\n showNotification = _ref.showNotification,\n profile = _ref.profile,\n authURLs = _ref.authURLs,\n auth = _ref.auth,\n markNotificationAsRead = _ref.markNotificationAsRead,\n markAllNotificationAsRead = _ref.markAllNotificationAsRead,\n markAllNotificationAsSeen = _ref.markAllNotificationAsSeen,\n dismissChallengeNotifications = _ref.dismissChallengeNotifications;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n openNotifications = _useState2[0],\n setOpenNotifications = _useState2[1];\n\n var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),\n openAccountMenu = _useState4[0],\n setOpenAccountMenu = _useState4[1];\n\n var handleClickNotifications = function handleClickNotifications() {\n return setOpenNotifications(function (x) {\n return !x;\n });\n };\n\n var handleClickUserInfo = function handleClickUserInfo() {\n if (!openAccountMenu) {\n onMenuOpen(); // prevent body from scrolling on handheld devices\n\n if (window.innerWidth <= 768) {\n document.body.style.position = 'fixed';\n }\n }\n\n setOpenAccountMenu(function (x) {\n return !x;\n });\n }; // process seenNotifications\n\n\n var seenNotifications = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (t) {\n return !t.isSeen && !t.isRead;\n }).map(function (opt) {\n return opt.id;\n }).join('-'); // process unReadNotifications\n\n\n var unReadNotifications = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (t) {\n return !t.isRead;\n }).length > 0;\n\n var renderLoginPanel = function renderLoginPanel() {\n if (showNotification) {\n return [react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationButton__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n notifications: notifications || [],\n notificationsPopupOpen: openNotifications,\n onClick: handleClickNotifications,\n key: \"notification-button\"\n }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n profile: profile,\n newNotifications: !!seenNotifications,\n onClick: handleClickUserInfo,\n open: openAccountMenu,\n key: \"user-info\"\n })];\n }\n\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n profile: profile,\n newNotifications: !!seenNotifications,\n onClick: handleClickUserInfo,\n open: openAccountMenu,\n key: \"user-info\"\n });\n };\n\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.loginContainer\n }, loggedIn ? renderLoginPanel() : react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n href: authURLs.href,\n onClick: function onClick(event) {\n var retUrl = encodeURIComponent(window.location.href);\n window.location = authURLs.location.replace('%S', retUrl);\n event.preventDefault();\n }\n }, \"LOGIN\"), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n open: openNotifications,\n notifications: notifications,\n onClose: function onClose() {\n seenNotifications && markAllNotificationAsSeen(seenNotifications, auth.tokenV3);\n setOpenNotifications(false);\n },\n auth: auth,\n unReadNotifications: unReadNotifications,\n markNotificationAsRead: markNotificationAsRead,\n markAllNotificationAsRead: markAllNotificationAsRead,\n dismissChallengeNotifications: dismissChallengeNotifications\n }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_AccountMenu__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n profile: profile,\n open: openAccountMenu,\n menu: accountMenu,\n switchText: switchText,\n numNotifications: lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (n) {\n return !n.isSeen && !n.isRead;\n }).length,\n onClickNotifications: handleClickNotifications,\n onSwitch: onSwitch,\n onClose: function onClose() {\n setOpenAccountMenu(false);\n document.body.style.position = '';\n }\n }));\n};\n\nLoginNav.propTypes = {\n loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n accountMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n onMenuOpen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n showNotification: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n auth: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n switchText: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n authURLs: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n markAllNotificationAsSeen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n dismissChallengeNotifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired\n};\nvar _default = LoginNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/home/ums-121/temp/navigation-component/src/components/LoginNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/LoginNav/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/LoginNav/index.js?"); /***/ }), @@ -1089,7 +1089,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationButton/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconBellEmpty = function IconBellEmpty(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#888894\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconBellEmpty.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconBell = function IconBell(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconBell.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar getNotificationButtonState = function getNotificationButtonState(notifications) {\n if (notifications && lodash__WEBPACK_IMPORTED_MODULE_4___default.a.countBy(notifications || [], function (n) {\n return !n.isSeen && !n.isRead;\n })[\"true\"] > 0) {\n return 'new';\n }\n\n if (notifications.length === 0) {\n return 'none';\n } else {\n return 'seen';\n }\n};\n\nvar NotificationButton = function NotificationButton(_ref) {\n var onClick = _ref.onClick,\n notificationsPopupOpen = _ref.notificationsPopupOpen,\n notifications = _ref.notifications;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton, notificationsPopupOpen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.isNotificationsPopupOpen, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a[getNotificationButtonState(notifications)]]),\n onClick: onClick\n }, !lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(notifications || []) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBell, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBellEmpty, null));\n};\n\nNotificationButton.propTypes = {\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n notificationsPopupOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array\n};\nvar _default = NotificationButton;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(getNotificationButtonState, \"getNotificationButtonState\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationButton/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconBellEmpty = function IconBellEmpty(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#888894\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconBellEmpty.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconBell = function IconBell(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconBell.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar getNotificationButtonState = function getNotificationButtonState(notifications) {\n if (notifications && lodash__WEBPACK_IMPORTED_MODULE_4___default.a.countBy(notifications || [], function (n) {\n return !n.isSeen && !n.isRead;\n })[\"true\"] > 0) {\n return 'new';\n }\n\n if (notifications.length === 0) {\n return 'none';\n } else {\n return 'seen';\n }\n};\n\nvar NotificationButton = function NotificationButton(_ref) {\n var onClick = _ref.onClick,\n notificationsPopupOpen = _ref.notificationsPopupOpen,\n notifications = _ref.notifications;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton, notificationsPopupOpen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.isNotificationsPopupOpen, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a[getNotificationButtonState(notifications)]]),\n onClick: onClick\n }, !lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(notifications || []) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBell, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBellEmpty, null));\n};\n\nNotificationButton.propTypes = {\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n notificationsPopupOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array\n};\nvar _default = NotificationButton;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(getNotificationButtonState, \"getNotificationButtonState\", \"/home/ums-121/temp/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/home/ums-121/temp/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/NotificationButton/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/index.js?"); /***/ }), @@ -1112,7 +1112,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationSettings/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _CheckBox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../CheckBox */ \"./src/components/CheckBox/index.js\");\n/* harmony import */ var _SwitchBox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SwitchBox */ \"./src/components/SwitchBox/index.js\");\n/* harmony import */ var _DropdownBox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DropdownBox */ \"./src/components/DropdownBox/index.js\");\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar ItemControl = function ItemControl(_ref) {\n var control = _ref.control,\n name = _ref.name,\n value = _ref.value,\n options = _ref.options,\n _onChange = _ref.onChange;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),\n dropdownOpen = _useState2[0],\n setDropdownOpen = _useState2[1];\n\n return control === 'checkbox' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'switch' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SwitchBox__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'dropdown' && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DropdownBox__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n open: dropdownOpen,\n onClick: function onClick() {\n return setDropdownOpen(function (x) {\n return !x;\n });\n },\n onClose: function onClose() {\n return setDropdownOpen(false);\n },\n checked: value !== options[0].value,\n value: value,\n options: options,\n onChange: function onChange(value) {\n return _onChange(name, value);\n }\n });\n};\n\nItemControl.propTypes = {\n control: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n name: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n value: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n /**\n * Render option controls.\n *\n * @param item {item} The option object\n * @param onChange {function} Called with name (eg. website) and the new value\n */\n\n};\n\nvar Item = function Item(_ref2) {\n var item = _ref2.item,\n onChange = _ref2.onChange;\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"li\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['list-item']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, item.title), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description']\n }, item.description)), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.websiteControl,\n name: \"website\",\n value: item.website,\n options: item.websiteOptions,\n onChange: onChange\n })), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.emailControl,\n name: \"email\",\n value: item.email,\n options: item.emailOptions,\n onChange: onChange\n }))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description-mobile']\n }, item.description));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar NotificationSettings = function NotificationSettings(_ref3) {\n var open = _ref3.open,\n settings = _ref3.settings,\n theme = _ref3.theme,\n onChange = _ref3.onChange,\n onClose = _ref3.onClose,\n onSave = _ref3.onSave;\n var settingsWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return settings.map(function (x, i) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x, {\n id: x.id || i\n });\n });\n }, [settings]);\n var categories = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return lodash__WEBPACK_IMPORTED_MODULE_6___default.a.uniq(settingsWithId.map(function (x) {\n return x.category;\n })).map(function (category) {\n return {\n category: category,\n settings: settingsWithId.filter(function (x) {\n return x.category === category;\n })\n };\n });\n }, [settingsWithId]);\n\n var createHandleChangeItem = function createHandleChangeItem(item) {\n return function (name, value) {\n var _settings = settingsWithId.map(function (x) {\n x = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x);\n\n if (x.id === item.id) {\n x[name] = value;\n }\n\n delete x.id;\n return x;\n });\n\n item = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, item, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, name, value));\n delete item.id;\n onChange(_settings, item, name);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-dialog'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['theme-wrapper'], \"theme-\".concat(theme), open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['header-nav-ui']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-nav']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['tc-logo'],\n src: \"../../assets/images/tc-logo.svg\",\n alt: \"logo\"\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Topcoder Settings\"), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['close-btn'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n src: \"../../assets/images/icon-close.svg\",\n alt: \"close\"\n })))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-panel']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Notifications\"), categories.map(function (category) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['panel-content'],\n key: category.category\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-title']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, category.category), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"Website\"))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"As email\")))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-list']\n }, category.settings.map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Item, {\n item: item,\n key: \"item-\".concat(i),\n onChange: createHandleChangeItem(item)\n });\n })));\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['bottom-btn']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn-gray']),\n onClick: onSave\n }, \"Save settings\"))));\n};\n\nNotificationSettings.defaultProps = {\n theme: 'light',\n settings: [{\n category: 'Project notifications',\n title: 'New posts and replies',\n description: \"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.\",\n websiteControl: 'checkbox',\n website: true,\n emailControl: 'dropdown',\n email: 'immediately',\n emailOptions: [{\n value: 'off',\n label: 'Off'\n }, {\n value: 'immediately',\n label: 'Immediately'\n }, {\n value: 'daily',\n label: 'Daily'\n }, {\n value: 'everyOtherDay',\n label: 'Every other day'\n }]\n }]\n};\nNotificationSettings.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n\n /**\n * Array of options object, each with properties:\n *\n * - id (optional)\n * - title {string} Option title\n * - description {string} Option description\n * - category {string} Option category. Eg. Project notifications\n * - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\n * - website {bool|string} Website value\n * - websiteOptions {array({ value, label })} Website options for dropdown\n * - emailControl {string(checkbox|switch|dropdown)} Type of control for email\n * - email {bool|string} Email value\n * - emailOptions {array({ value, label })} Email options for dropdown\n */\n settings: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n\n /**\n * Called when changing settings.\n *\n * @param settings {array} The updated settings\n * @param option {object} The specific settings item that changed\n * @param name {object} The value that changed. Eg. website\n *\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n\n /** Called when save button is clicked */\n onSave: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nvar _default = NotificationSettings;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ItemControl, \"ItemControl\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(Item, \"Item\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationSettings/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationSettings/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _CheckBox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../CheckBox */ \"./src/components/CheckBox/index.js\");\n/* harmony import */ var _SwitchBox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SwitchBox */ \"./src/components/SwitchBox/index.js\");\n/* harmony import */ var _DropdownBox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DropdownBox */ \"./src/components/DropdownBox/index.js\");\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar ItemControl = function ItemControl(_ref) {\n var control = _ref.control,\n name = _ref.name,\n value = _ref.value,\n options = _ref.options,\n _onChange = _ref.onChange;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),\n dropdownOpen = _useState2[0],\n setDropdownOpen = _useState2[1];\n\n return control === 'checkbox' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'switch' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SwitchBox__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'dropdown' && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DropdownBox__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n open: dropdownOpen,\n onClick: function onClick() {\n return setDropdownOpen(function (x) {\n return !x;\n });\n },\n onClose: function onClose() {\n return setDropdownOpen(false);\n },\n checked: value !== options[0].value,\n value: value,\n options: options,\n onChange: function onChange(value) {\n return _onChange(name, value);\n }\n });\n};\n\nItemControl.propTypes = {\n control: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n name: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n value: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n /**\n * Render option controls.\n *\n * @param item {item} The option object\n * @param onChange {function} Called with name (eg. website) and the new value\n */\n\n};\n\nvar Item = function Item(_ref2) {\n var item = _ref2.item,\n onChange = _ref2.onChange;\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"li\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['list-item']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, item.title), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description']\n }, item.description)), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.websiteControl,\n name: \"website\",\n value: item.website,\n options: item.websiteOptions,\n onChange: onChange\n })), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.emailControl,\n name: \"email\",\n value: item.email,\n options: item.emailOptions,\n onChange: onChange\n }))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description-mobile']\n }, item.description));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar NotificationSettings = function NotificationSettings(_ref3) {\n var open = _ref3.open,\n settings = _ref3.settings,\n theme = _ref3.theme,\n onChange = _ref3.onChange,\n onClose = _ref3.onClose,\n onSave = _ref3.onSave;\n var settingsWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return settings.map(function (x, i) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x, {\n id: x.id || i\n });\n });\n }, [settings]);\n var categories = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return lodash__WEBPACK_IMPORTED_MODULE_6___default.a.uniq(settingsWithId.map(function (x) {\n return x.category;\n })).map(function (category) {\n return {\n category: category,\n settings: settingsWithId.filter(function (x) {\n return x.category === category;\n })\n };\n });\n }, [settingsWithId]);\n\n var createHandleChangeItem = function createHandleChangeItem(item) {\n return function (name, value) {\n var _settings = settingsWithId.map(function (x) {\n x = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x);\n\n if (x.id === item.id) {\n x[name] = value;\n }\n\n delete x.id;\n return x;\n });\n\n item = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, item, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, name, value));\n delete item.id;\n onChange(_settings, item, name);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-dialog'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['theme-wrapper'], \"theme-\".concat(theme), open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['header-nav-ui']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-nav']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['tc-logo'],\n src: \"../../assets/images/tc-logo.svg\",\n alt: \"logo\"\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Topcoder Settings\"), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['close-btn'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n src: \"../../assets/images/icon-close.svg\",\n alt: \"close\"\n })))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-panel']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Notifications\"), categories.map(function (category) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['panel-content'],\n key: category.category\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-title']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, category.category), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"Website\"))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"As email\")))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-list']\n }, category.settings.map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Item, {\n item: item,\n key: \"item-\".concat(i),\n onChange: createHandleChangeItem(item)\n });\n })));\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['bottom-btn']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn-gray']),\n onClick: onSave\n }, \"Save settings\"))));\n};\n\nNotificationSettings.defaultProps = {\n theme: 'light',\n settings: [{\n category: 'Project notifications',\n title: 'New posts and replies',\n description: \"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.\",\n websiteControl: 'checkbox',\n website: true,\n emailControl: 'dropdown',\n email: 'immediately',\n emailOptions: [{\n value: 'off',\n label: 'Off'\n }, {\n value: 'immediately',\n label: 'Immediately'\n }, {\n value: 'daily',\n label: 'Daily'\n }, {\n value: 'everyOtherDay',\n label: 'Every other day'\n }]\n }]\n};\nNotificationSettings.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n\n /**\n * Array of options object, each with properties:\n *\n * - id (optional)\n * - title {string} Option title\n * - description {string} Option description\n * - category {string} Option category. Eg. Project notifications\n * - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\n * - website {bool|string} Website value\n * - websiteOptions {array({ value, label })} Website options for dropdown\n * - emailControl {string(checkbox|switch|dropdown)} Type of control for email\n * - email {bool|string} Email value\n * - emailOptions {array({ value, label })} Email options for dropdown\n */\n settings: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n\n /**\n * Called when changing settings.\n *\n * @param settings {array} The updated settings\n * @param option {object} The specific settings item that changed\n * @param name {object} The value that changed. Eg. website\n *\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n\n /** Called when save button is clicked */\n onSave: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nvar _default = NotificationSettings;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ItemControl, \"ItemControl\", \"/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(Item, \"Item\", \"/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationSettings/index.js?"); /***/ }), @@ -1135,7 +1135,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar NotificationIcon = function NotificationIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nNotificationIcon.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar BackArrow = function BackArrow(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"right-arrow\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z\",\n fill: \"#fff\",\n fillRule: \"nonzero\"\n }));\n};\n\nBackArrow.defaultProps = {\n width: \"10\",\n height: \"16\",\n viewBox: \"0 0 10 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar NotificationIconBig = function NotificationIconBig(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"A5A5134F-6BA3-42D1-9A27-5A1529E5925C\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M69.002 49.758C71.065 52.084 73 54.41 73 57.64c0 7.109-14.703 11.89-36.5 11.89S0 64.75 0 57.642c0-3.36 1.935-5.557 3.998-7.883 2.58-2.844 5.417-6.075 5.417-12.278V27.14C9.415 12.667 22.055 0 36.5 0s27.085 12.536 27.085 26.882V37.48c0 6.203 2.837 9.434 5.417 12.278zM36.5 72.116c3.998 0 7.867-.129 11.35-.517C46.43 76.381 41.917 80 36.5 80s-9.931-3.49-11.35-8.4c3.483.387 7.352.516 11.35.516z\",\n fill: \"#B5E9DB\",\n fillRule: \"nonzero\"\n }));\n};\n\nNotificationIconBig.defaultProps = {\n width: \"73\",\n height: \"80\",\n viewBox: \"0 0 73 80\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar EmptyNotifications = function EmptyNotifications(_ref) {\n var onClose = _ref.onClose,\n emptyTitle = _ref.emptyTitle,\n emptyText = _ref.emptyText;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-header']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['lefts']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-icon']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NotificationIcon, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-left-btn-mobile'],\n role: \"button\",\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(BackArrow, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-title']\n }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-empty-title-mobileonly'])\n }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-body'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-body-empty'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.center)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NotificationIconBig, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['big-icon-bell']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['empty-title']\n }, emptyTitle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.txt, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['center-txt'])\n }, emptyText), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-empty-noti']),\n role: \"button\"\n }, \"Notification Settings\")));\n};\n\nEmptyNotifications.defaultProps = {\n emptyTitle: 'Good job! You’re all caught up',\n emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications.\")\n};\nEmptyNotifications.propTypes = {\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = EmptyNotifications;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(EmptyNotifications, \"EmptyNotifications\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/EmptyNotifications.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar NotificationIcon = function NotificationIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nNotificationIcon.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar BackArrow = function BackArrow(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"right-arrow\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z\",\n fill: \"#fff\",\n fillRule: \"nonzero\"\n }));\n};\n\nBackArrow.defaultProps = {\n width: \"10\",\n height: \"16\",\n viewBox: \"0 0 10 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar NotificationIconBig = function NotificationIconBig(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"A5A5134F-6BA3-42D1-9A27-5A1529E5925C\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M69.002 49.758C71.065 52.084 73 54.41 73 57.64c0 7.109-14.703 11.89-36.5 11.89S0 64.75 0 57.642c0-3.36 1.935-5.557 3.998-7.883 2.58-2.844 5.417-6.075 5.417-12.278V27.14C9.415 12.667 22.055 0 36.5 0s27.085 12.536 27.085 26.882V37.48c0 6.203 2.837 9.434 5.417 12.278zM36.5 72.116c3.998 0 7.867-.129 11.35-.517C46.43 76.381 41.917 80 36.5 80s-9.931-3.49-11.35-8.4c3.483.387 7.352.516 11.35.516z\",\n fill: \"#B5E9DB\",\n fillRule: \"nonzero\"\n }));\n};\n\nNotificationIconBig.defaultProps = {\n width: \"73\",\n height: \"80\",\n viewBox: \"0 0 73 80\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar EmptyNotifications = function EmptyNotifications(_ref) {\n var onClose = _ref.onClose,\n emptyTitle = _ref.emptyTitle,\n emptyText = _ref.emptyText;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['noti-header']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['lefts']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['notification-icon']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NotificationIcon, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['notification-left-btn-mobile'],\n role: \"button\",\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(BackArrow, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['noti-title']\n }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['noti-empty-title-mobileonly'])\n }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['noti-body'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['noti-body-empty'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a.center)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NotificationIconBig, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['big-icon-bell']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['empty-title']\n }, emptyTitle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a.txt, _styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['center-txt'])\n }, emptyText), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_4___default.a['btn-empty-noti']),\n role: \"button\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__[\"Link\"], {\n to: \"/settings/preferences\"\n }, \"Notification Settings\"))));\n};\n\nEmptyNotifications.defaultProps = {\n emptyTitle: 'Good job! You’re all caught up',\n emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications.\")\n};\nEmptyNotifications.propTypes = {\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = EmptyNotifications;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(EmptyNotifications, \"EmptyNotifications\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/EmptyNotifications.js?"); /***/ }), @@ -1147,7 +1147,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return NotificationList; });\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar BackArrow = function BackArrow(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"right-arrow\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n d: \"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z\",\n fill: \"#fff\",\n fillRule: \"nonzero\"\n }));\n};\n\nBackArrow.defaultProps = {\n width: \"10\",\n height: \"16\",\n viewBox: \"0 0 10 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar GearIcon = function GearIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"settings-gear\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n d: \"M13.3 5.2l1.1-2.1L13 1.7l-2.1 1.1c-.3-.2-.7-.3-1.1-.4L9 0H7l-.8 2.3c-.3.1-.7.2-1 .4L3.1 1.6 1.6 3.1l1.1 2.1c-.2.3-.3.7-.4 1L0 7v2l2.3.8c.1.4.3.7.4 1.1L1.6 13 3 14.4l2.1-1.1c.3.2.7.3 1.1.4L7 16h2l.8-2.3c.4-.1.7-.3 1.1-.4l2.1 1.1 1.4-1.4-1.1-2.1c.2-.3.3-.7.4-1.1L16 9V7l-2.3-.8c-.1-.3-.2-.7-.4-1zM8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\",\n fill: \"#fff\",\n fillRule: \"nonzero\"\n }));\n};\n\nGearIcon.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar TickIcon = function TickIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"checkmark\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n d: \"M2.33 5.08L0 7.409l4.95 4.95 9.9-9.9-2.2-2.2-7.57 7.57-2.75-2.75z\",\n fill: \"#FFF\",\n fillRule: \"evenodd\"\n }));\n};\n\nTickIcon.defaultProps = {\n width: \"15\",\n height: \"13\",\n viewBox: \"0 0 15 13\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar NotificationIcon = function NotificationIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nNotificationIcon.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}; // TODO: We change this later based on API event mapping\n\nvar eventTypes = {\n PROJECT: {\n ACTIVE: ['challenge.notification.events', 'notifications.autopilot.events'],\n COMPLETED: 'challenge.notification.completed'\n },\n BROADCAST: 'admin.notification.broadcast' // Dynamic element, to select between Link and Div\n\n};\n\nvar ConditionalWrapper = function ConditionalWrapper(_ref) {\n var condition = _ref.condition,\n renderLink = _ref.renderLink,\n renderDiv = _ref.renderDiv,\n children = _ref.children;\n return condition ? renderLink(children) : renderDiv(children);\n};\n\nvar Item = function Item(_ref2) {\n var item = _ref2.item,\n auth = _ref2.auth,\n onDismiss = _ref2.onDismiss,\n markNotificationAsRead = _ref2.markNotificationAsRead,\n isLink = _ref2.isLink;\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(ConditionalWrapper, {\n condition: (eventTypes.PROJECT.ACTIVE.includes(item.eventType) || eventTypes.PROJECT.COMPLETED.includes(item.eventType)) && item.sourceId,\n renderLink: function renderLink(children) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n to: \"/challenges/\".concat(item.sourceId),\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-item'],\n onClick: function onClick() {\n return !item.isRead && markNotificationAsRead(item, auth.tokenV3);\n }\n }, children);\n },\n renderDiv: function renderDiv(children) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-item']\n }, children);\n }\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.left\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"p\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['txt']\n }, item.contents), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['time-txt']\n }, moment__WEBPACK_IMPORTED_MODULE_9___default()(item.date).fromNow())), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.right\n }, !item.isRead && react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_7___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point, item.isSeen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['point-grey'], !item.isSeen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['point-red']]),\n onClick: function onClick(e) {\n e.preventDefault();\n e.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n markNotificationAsRead(item, auth.tokenV3);\n }\n }))));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.object.isRequired,\n auth: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape().isRequired,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,\n isLink: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool.isRequired\n};\n\nvar NotificationList =\n/*#__PURE__*/\nfunction (_React$Component) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(NotificationList, _React$Component);\n\n function NotificationList(props) {\n var _this;\n\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, NotificationList);\n\n _this = _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(NotificationList).call(this, props));\n _this.state = {\n nonCompletedSection: [],\n unreadCount: 0\n };\n return _this;\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(NotificationList, [{\n key: \"challenges\",\n value: function challenges(list) {\n list = list || [];\n\n var challengeTitles = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(list.map(function (noti) {\n return noti.sourceName;\n }).filter(function (x) {\n return x;\n }));\n\n return challengeTitles.map(function (title) {\n return {\n challengeTitle: title,\n items: list.filter(function (t) {\n return t.sourceName === title;\n })\n };\n });\n }\n }, {\n key: \"isLink\",\n value: function isLink(item) {\n var ret = (eventTypes.PROJECT.ACTIVE.includes(item.eventType) || eventTypes.PROJECT.COMPLETED.includes(item.eventType)) && item.sourceId > 0;\n return ret;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n onClose = _this$props.onClose,\n onSettings = _this$props.onSettings,\n notifications = _this$props.notifications,\n _onDismiss = _this$props.onDismiss,\n unReadNotifications = _this$props.unReadNotifications,\n markNotificationAsRead = _this$props.markNotificationAsRead,\n markAllNotificationAsRead = _this$props.markAllNotificationAsRead,\n auth = _this$props.auth;\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-header']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['lefts']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['notification-icon']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(NotificationIcon, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['notification-left-btn-mobile'],\n role: \"button\",\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(BackArrow, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-title']\n }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-title-mobileonly']\n }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.rights\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['white-link'], !unReadNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['disabled']),\n onClick: function onClick() {\n unReadNotifications && markAllNotificationAsRead(auth.tokenV3);\n }\n }, \"Mark All as Read\"), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point\n }), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['white-link'],\n onClick: onSettings\n }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['rights-mobile']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['btn-tick'], !unReadNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['disabled']),\n role: \"button\",\n onClick: function onClick() {\n unReadNotifications && markAllNotificationAsRead(auth.tokenV3);\n }\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TickIcon, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['btn-setting']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(GearIcon, null)))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-body']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], null, this.challenges(lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(notifications || []).filter(function (t) {\n return eventTypes.PROJECT.ACTIVE.includes(t.eventType) || eventTypes.BROADCAST.includes(t.eventType);\n })).map(function (challenge, challengeIdx) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], {\n key: \"nonComplete-\".concat(challengeIdx)\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n key: \"noti-\".concat(challengeIdx),\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['challenge-title']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", null, challenge.challengeTitle)), challenge.items.map(function (item, itemIdx) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(Item, {\n item: item,\n auth: auth,\n markNotificationAsRead: markNotificationAsRead,\n key: \"noti-\".concat(challengeIdx, \"-\").concat(itemIdx),\n onDismiss: function onDismiss() {\n return _onDismiss([item]);\n },\n isLink: _this2.isLink(item)\n });\n }));\n }))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['view-all-notifications']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n to: \"/notifications\"\n }, \"View all Notifications\")));\n }\n }, {\n key: \"__reactstandin__regenerateByEval\",\n // @ts-ignore\n value: function __reactstandin__regenerateByEval(key, code) {\n // @ts-ignore\n this[key] = eval(code);\n }\n }]);\n\n return NotificationList;\n}(react__WEBPACK_IMPORTED_MODULE_5___default.a.Component);\n\n\nNotificationList.defaultProps = {\n notifications: [],\n auth: null,\n onDismiss: function onDismiss() {\n return null;\n },\n markAllNotificationAsRead: function markAllNotificationAsRead() {\n return null;\n },\n markNotificationAsRead: function markNotificationAsRead() {\n return null;\n }\n};\nNotificationList.propTypes = {\n auth: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape(),\n\n /**\n * Array of Notifications, each with properties:\n *\n * - id {number} message identifier\n * - sourceId {number} identifies the associated challenge\n * - sourceName {string} challenge title\n * - eventType {string} indicates if challenge is active(connect.notification.project.active)\n * or completed(connect.notification.project.completed)\n * - date {date} when notification was raised\n * - isRead {boolean} indicates if is read\n * - isSeen {boolean} indicates if is seen\n * - contents {string} message\n *\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.array,\n\n /**\n * Called with array of items to be dismissed.\n *\n * @param items {array} Items to be dismissed\n */\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n\n /** Called on Settings button click */\n onSettings: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n unReadNotifications: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool,\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,\n markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired\n};\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(eventTypes, \"eventTypes\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(ConditionalWrapper, \"ConditionalWrapper\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Item, \"Item\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(NotificationList, \"NotificationList\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/NotificationList.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return NotificationList; });\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar BackArrow = function BackArrow(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"right-arrow\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n d: \"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z\",\n fill: \"#fff\",\n fillRule: \"nonzero\"\n }));\n};\n\nBackArrow.defaultProps = {\n width: \"10\",\n height: \"16\",\n viewBox: \"0 0 10 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar GearIcon = function GearIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"settings-gear\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n d: \"M13.3 5.2l1.1-2.1L13 1.7l-2.1 1.1c-.3-.2-.7-.3-1.1-.4L9 0H7l-.8 2.3c-.3.1-.7.2-1 .4L3.1 1.6 1.6 3.1l1.1 2.1c-.2.3-.3.7-.4 1L0 7v2l2.3.8c.1.4.3.7.4 1.1L1.6 13 3 14.4l2.1-1.1c.3.2.7.3 1.1.4L7 16h2l.8-2.3c.4-.1.7-.3 1.1-.4l2.1 1.1 1.4-1.4-1.1-2.1c.2-.3.3-.7.4-1.1L16 9V7l-2.3-.8c-.1-.3-.2-.7-.4-1zM8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\",\n fill: \"#fff\",\n fillRule: \"nonzero\"\n }));\n};\n\nGearIcon.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar TickIcon = function TickIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"checkmark\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n d: \"M2.33 5.08L0 7.409l4.95 4.95 9.9-9.9-2.2-2.2-7.57 7.57-2.75-2.75z\",\n fill: \"#FFF\",\n fillRule: \"evenodd\"\n }));\n};\n\nTickIcon.defaultProps = {\n width: \"15\",\n height: \"13\",\n viewBox: \"0 0 15 13\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar NotificationIcon = function NotificationIcon(props) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nNotificationIcon.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n}; // TODO: We change this later based on API event mapping\n\nvar eventTypes = {\n PROJECT: {\n ACTIVE: ['challenge.notification.events', 'notifications.autopilot.events'],\n COMPLETED: 'challenge.notification.completed'\n },\n BROADCAST: 'admin.notification.broadcast' // Dynamic element, to select between Link and Div\n\n};\n\nvar ConditionalWrapper = function ConditionalWrapper(_ref) {\n var condition = _ref.condition,\n renderLink = _ref.renderLink,\n renderDiv = _ref.renderDiv,\n children = _ref.children;\n return condition ? renderLink(children) : renderDiv(children);\n};\n\nvar Item = function Item(_ref2) {\n var item = _ref2.item,\n auth = _ref2.auth,\n onDismiss = _ref2.onDismiss,\n markNotificationAsRead = _ref2.markNotificationAsRead,\n isLink = _ref2.isLink;\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(ConditionalWrapper, {\n condition: (eventTypes.PROJECT.ACTIVE.includes(item.eventType) || eventTypes.PROJECT.COMPLETED.includes(item.eventType)) && item.sourceId,\n renderLink: function renderLink(children) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n to: \"/challenges/\".concat(item.sourceId),\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-item'],\n onClick: function onClick() {\n return !item.isRead && markNotificationAsRead(item, auth.tokenV3);\n }\n }, children);\n },\n renderDiv: function renderDiv(children) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-item']\n }, children);\n }\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.left\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"p\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['txt']\n }, item.contents), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['time-txt']\n }, moment__WEBPACK_IMPORTED_MODULE_9___default()(item.date).fromNow())), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.right\n }, !item.isRead && react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_7___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point, item.isSeen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['point-grey'], !item.isSeen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['point-red']]),\n onClick: function onClick(e) {\n e.preventDefault();\n e.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n markNotificationAsRead(item, auth.tokenV3);\n }\n }))));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.object.isRequired,\n auth: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape().isRequired,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,\n isLink: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool.isRequired\n};\n\nvar NotificationList =\n/*#__PURE__*/\nfunction (_React$Component) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(NotificationList, _React$Component);\n\n function NotificationList(props) {\n var _this;\n\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, NotificationList);\n\n _this = _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(NotificationList).call(this, props));\n _this.state = {\n nonCompletedSection: [],\n unreadCount: 0\n };\n return _this;\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(NotificationList, [{\n key: \"challenges\",\n value: function challenges(list) {\n list = list || [];\n\n var challengeTitles = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(list.map(function (noti) {\n return noti.sourceName;\n }).filter(function (x) {\n return x;\n }));\n\n return challengeTitles.map(function (title) {\n return {\n challengeTitle: title,\n items: list.filter(function (t) {\n return t.sourceName === title;\n })\n };\n });\n }\n }, {\n key: \"isLink\",\n value: function isLink(item) {\n var ret = (eventTypes.PROJECT.ACTIVE.includes(item.eventType) || eventTypes.PROJECT.COMPLETED.includes(item.eventType)) && item.sourceId > 0;\n return ret;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n onClose = _this$props.onClose,\n notifications = _this$props.notifications,\n _onDismiss = _this$props.onDismiss,\n unReadNotifications = _this$props.unReadNotifications,\n markNotificationAsRead = _this$props.markNotificationAsRead,\n markAllNotificationAsRead = _this$props.markAllNotificationAsRead,\n auth = _this$props.auth;\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-header']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['lefts']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['notification-icon']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(NotificationIcon, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['notification-left-btn-mobile'],\n role: \"button\",\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(BackArrow, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-title']\n }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-title-mobileonly']\n }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.rights\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['white-link'], !unReadNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['disabled']),\n onClick: function onClick() {\n unReadNotifications && markAllNotificationAsRead(auth.tokenV3);\n }\n }, \"Mark All as Read\"), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point\n }), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['white-link']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n to: \"/settings/preferences\"\n }, \"Settings\"))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['rights-mobile']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['btn-tick'], !unReadNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['disabled']),\n role: \"button\",\n onClick: function onClick() {\n unReadNotifications && markAllNotificationAsRead(auth.tokenV3);\n }\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TickIcon, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['btn-setting']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(GearIcon, null)))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-body']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], null, this.challenges(lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(notifications || []).filter(function (t) {\n return eventTypes.PROJECT.ACTIVE.includes(t.eventType) || eventTypes.BROADCAST.includes(t.eventType);\n })).map(function (challenge, challengeIdx) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], {\n key: \"nonComplete-\".concat(challengeIdx)\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n key: \"noti-\".concat(challengeIdx),\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['challenge-title']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", null, challenge.challengeTitle)), challenge.items.map(function (item, itemIdx) {\n return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(Item, {\n item: item,\n auth: auth,\n markNotificationAsRead: markNotificationAsRead,\n key: \"noti-\".concat(challengeIdx, \"-\").concat(itemIdx),\n onDismiss: function onDismiss() {\n return _onDismiss([item]);\n },\n isLink: _this2.isLink(item)\n });\n }));\n }))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['view-all-notifications']\n }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n to: \"/notifications\"\n }, \"View all Notifications\")));\n }\n }, {\n key: \"__reactstandin__regenerateByEval\",\n // @ts-ignore\n value: function __reactstandin__regenerateByEval(key, code) {\n // @ts-ignore\n this[key] = eval(code);\n }\n }]);\n\n return NotificationList;\n}(react__WEBPACK_IMPORTED_MODULE_5___default.a.Component);\n\n\nNotificationList.defaultProps = {\n notifications: [],\n auth: null,\n onDismiss: function onDismiss() {\n return null;\n },\n markAllNotificationAsRead: function markAllNotificationAsRead() {\n return null;\n },\n markNotificationAsRead: function markNotificationAsRead() {\n return null;\n }\n};\nNotificationList.propTypes = {\n auth: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape(),\n\n /**\n * Array of Notifications, each with properties:\n *\n * - id {number} message identifier\n * - sourceId {number} identifies the associated challenge\n * - sourceName {string} challenge title\n * - eventType {string} indicates if challenge is active(connect.notification.project.active)\n * or completed(connect.notification.project.completed)\n * - date {date} when notification was raised\n * - isRead {boolean} indicates if is read\n * - isSeen {boolean} indicates if is seen\n * - contents {string} message\n *\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.array,\n\n /**\n * Called with array of items to be dismissed.\n *\n * @param items {array} Items to be dismissed\n */\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n unReadNotifications: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool,\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,\n markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired\n};\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(eventTypes, \"eventTypes\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(ConditionalWrapper, \"ConditionalWrapper\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Item, \"Item\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(NotificationList, \"NotificationList\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/NotificationList.js?"); /***/ }), @@ -1159,7 +1159,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmptyNotifications */ \"./src/components/NotificationsPopup/EmptyNotifications.js\");\n/* harmony import */ var _NotificationList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./NotificationList */ \"./src/components/NotificationsPopup/NotificationList.js\");\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\nvar NotificationsPopup = function NotificationsPopup(_ref) {\n var open = _ref.open,\n onClose = _ref.onClose,\n emptyTitle = _ref.emptyTitle,\n markNotificationAsRead = _ref.markNotificationAsRead,\n emptyText = _ref.emptyText,\n notifications = _ref.notifications,\n unReadNotifications = _ref.unReadNotifications,\n markAllNotificationAsRead = _ref.markAllNotificationAsRead,\n dismissChallengeNotifications = _ref.dismissChallengeNotifications,\n auth = _ref.auth;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notifications-panel'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.backdrop,\n onClick: onClose\n }), notifications && notifications.length > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NotificationList__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n notifications: notifications,\n markNotificationAsRead: markNotificationAsRead,\n auth: auth,\n unReadNotifications: unReadNotifications,\n markAllNotificationAsRead: markAllNotificationAsRead,\n dismissChallengeNotifications: dismissChallengeNotifications,\n onClose: onClose\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n emptyTitle: emptyTitle,\n emptyText: emptyText,\n onClose: onClose\n }));\n};\n\nNotificationsPopup.defaultProps = {\n emptyTitle: 'Good job! You’re all caught up',\n emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications.\")\n};\nNotificationsPopup.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n auth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n\n /**\n * Array of Notifications, each with properties:\n *\n * - content {string|node}\n * - category {array}\n * - tags {array}\n * - timestamp {number}\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n unReadNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n dismissChallengeNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired\n};\nvar _default = NotificationsPopup;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmptyNotifications */ \"./src/components/NotificationsPopup/EmptyNotifications.js\");\n/* harmony import */ var _NotificationList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./NotificationList */ \"./src/components/NotificationsPopup/NotificationList.js\");\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\nvar NotificationsPopup = function NotificationsPopup(_ref) {\n var open = _ref.open,\n onClose = _ref.onClose,\n emptyTitle = _ref.emptyTitle,\n markNotificationAsRead = _ref.markNotificationAsRead,\n emptyText = _ref.emptyText,\n notifications = _ref.notifications,\n unReadNotifications = _ref.unReadNotifications,\n markAllNotificationAsRead = _ref.markAllNotificationAsRead,\n dismissChallengeNotifications = _ref.dismissChallengeNotifications,\n auth = _ref.auth;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notifications-panel'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.backdrop,\n onClick: onClose\n }), notifications && notifications.length > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NotificationList__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n notifications: notifications,\n markNotificationAsRead: markNotificationAsRead,\n auth: auth,\n unReadNotifications: unReadNotifications,\n markAllNotificationAsRead: markAllNotificationAsRead,\n dismissChallengeNotifications: dismissChallengeNotifications,\n onClose: onClose\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n emptyTitle: emptyTitle,\n emptyText: emptyText,\n onClose: onClose\n }));\n};\n\nNotificationsPopup.defaultProps = {\n emptyTitle: 'Good job! You’re all caught up',\n emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications.\")\n};\nNotificationsPopup.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n auth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n\n /**\n * Array of Notifications, each with properties:\n *\n * - content {string|node}\n * - category {array}\n * - tags {array}\n * - timestamp {number}\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n unReadNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n dismissChallengeNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired\n};\nvar _default = NotificationsPopup;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/index.js?"); /***/ }), @@ -1182,7 +1182,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/SwitchBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar SwitchBox = function SwitchBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['switch-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked']),\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-on']\n }, \"on\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dot']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-off']\n }, \"off\"));\n};\n\nSwitchBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = SwitchBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/SwitchBox/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/SwitchBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar SwitchBox = function SwitchBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['switch-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked']),\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-on']\n }, \"on\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dot']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-off']\n }, \"off\"));\n};\n\nSwitchBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = SwitchBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/home/ums-121/temp/navigation-component/src/components/SwitchBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/SwitchBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/SwitchBox/index.js?"); /***/ }), @@ -1205,7 +1205,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileMenu.module.scss */ \"./src/components/TopNav/MobileMenu.module.scss\");\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar MobileMenu = function MobileMenu(_ref) {\n var menu = _ref.menu,\n activeChildId = _ref.activeChildId,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobile\n }, menu.subMenu && menu.subMenu.map(function (level2, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItem, level2.id === activeChildId && _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItemOpen),\n href: level2.href,\n key: \"level2-\".concat(i),\n onClick: createHandleClickItem(level2.id)\n }, level2.title);\n }));\n};\n\nMobileMenu.propTypes = {\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileMenu, \"MobileMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileMenu.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileMenu.module.scss */ \"./src/components/TopNav/MobileMenu.module.scss\");\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar MobileMenu = function MobileMenu(_ref) {\n var menu = _ref.menu,\n activeChildId = _ref.activeChildId,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobile\n }, menu.subMenu && menu.subMenu.map(function (level2, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItem, level2.id === activeChildId && _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItemOpen),\n href: level2.href,\n key: \"level2-\".concat(i),\n onClick: createHandleClickItem(level2.id)\n }, level2.title);\n }));\n};\n\nMobileMenu.propTypes = {\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileMenu, \"MobileMenu\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/MobileMenu.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/MobileMenu.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileMenu.js?"); /***/ }), @@ -1228,7 +1228,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MobileNav.module.scss */ \"./src/components/TopNav/MobileNav.module.scss\");\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconClose = function IconClose(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"e-remove\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconClose.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMenu = function IconMenu(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"menu-8\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z\"\n })));\n};\n\nIconMenu.defaultProps = {\n width: \"24\",\n height: \"16\",\n viewBox: \"0 0 24 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMagnifyingGlass = function IconMagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"ico-magnifying_glass\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nIconMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileNav = function MobileNav(_ref) {\n var showLeftMenu = _ref.showLeftMenu,\n onClickLeftMenu = _ref.onClickLeftMenu,\n logo = _ref.logo,\n rightMenu = _ref.rightMenu;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.mobileNav\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.leftMenuContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.menuBtn,\n onClick: onClickLeftMenu\n }, showLeftMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconClose, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMenu, null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"/\"\n }, logo), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.rightMenu\n }, rightMenu)), showLeftMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.search\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMagnifyingGlass, {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.icon\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__[\"config\"].URL.BASE, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n placeholder: \"Find members by username or skill\",\n \"aria-label\": \"Find members by username or skill\"\n })));\n};\n\nMobileNav.propTypes = {\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClickLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = MobileNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileNav, \"MobileNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MobileNav.module.scss */ \"./src/components/TopNav/MobileNav.module.scss\");\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconClose = function IconClose(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"e-remove\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconClose.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMenu = function IconMenu(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"menu-8\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z\"\n })));\n};\n\nIconMenu.defaultProps = {\n width: \"24\",\n height: \"16\",\n viewBox: \"0 0 24 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMagnifyingGlass = function IconMagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"ico-magnifying_glass\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nIconMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileNav = function MobileNav(_ref) {\n var showLeftMenu = _ref.showLeftMenu,\n onClickLeftMenu = _ref.onClickLeftMenu,\n logo = _ref.logo,\n rightMenu = _ref.rightMenu;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.mobileNav\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.leftMenuContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.menuBtn,\n onClick: onClickLeftMenu\n }, showLeftMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconClose, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMenu, null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"/\"\n }, logo), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.rightMenu\n }, rightMenu)), showLeftMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.search\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMagnifyingGlass, {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.icon\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__[\"config\"].URL.BASE, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n placeholder: \"Find members by username or skill\",\n \"aria-label\": \"Find members by username or skill\"\n })));\n};\n\nMobileNav.propTypes = {\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClickLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = MobileNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileNav, \"MobileNav\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/MobileNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/MobileNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileNav.js?"); /***/ }), @@ -1251,7 +1251,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileSubNav.module.scss */ \"./src/components/TopNav/MobileSubNav.module.scss\");\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileSubNav = function MobileSubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n activeChildId = _ref.activeChildId,\n onClick = _ref.onClick,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNav, open && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavMask\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader,\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title), open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null), !open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavContent\n }, (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu) && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChild, level3.id === activeChildId && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChildOpen),\n href: level3.href,\n key: \"level3-\".concat(i),\n onClick: createHandleClickItem(level3.id)\n }, level3.title);\n })));\n};\n\nMobileSubNav.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileSubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileSubNav, \"MobileSubNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileSubNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileSubNav.module.scss */ \"./src/components/TopNav/MobileSubNav.module.scss\");\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileSubNav = function MobileSubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n activeChildId = _ref.activeChildId,\n onClick = _ref.onClick,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNav, open && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavMask\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader,\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title), open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null), !open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavContent\n }, (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu) && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChild, level3.id === activeChildId && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChildOpen),\n href: level3.href,\n key: \"level3-\".concat(i),\n onClick: createHandleClickItem(level3.id)\n }, level3.title);\n })));\n};\n\nMobileSubNav.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileSubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileSubNav, \"MobileSubNav\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/MobileSubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/MobileSubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileSubNav.js?"); /***/ }), @@ -1274,7 +1274,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_resize_detector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-resize-detector */ \"./node_modules/react-resize-detector/lib/esm/index.js\");\n/* harmony import */ var _ChosenArrow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ChosenArrow */ \"./src/components/ChosenArrow/index.js\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PrimaryNav.module.scss */ \"./src/components/TopNav/PrimaryNav.module.scss\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MagnifyingGlass = function MagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"ico-magnifying_glass\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar BASE_URL = topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__[\"config\"].URL.BASE;\n\nvar PrimaryNav = function PrimaryNav(_ref) {\n var collapsed = _ref.collapsed,\n showLeftMenu = _ref.showLeftMenu,\n logo = _ref.logo,\n menu = _ref.menu,\n rightMenu = _ref.rightMenu,\n moreMenu = _ref.moreMenu,\n openMore = _ref.openMore,\n onCloseMore = _ref.onCloseMore,\n moreId = _ref.moreId,\n activeLevel1Id = _ref.activeLevel1Id,\n activeLevel2Id = _ref.activeLevel2Id,\n onClickLogo = _ref.onClickLogo,\n onRightMenuResize = _ref.onRightMenuResize,\n createHandleClickLevel1 = _ref.createHandleClickLevel1,\n createHandleClickLevel2 = _ref.createHandleClickLevel2,\n handleClickMore = _ref.handleClickMore,\n createHandleClickMoreItem = _ref.createHandleClickMoreItem,\n createSetRef = _ref.createSetRef,\n showChosenArrow = _ref.showChosenArrow,\n chosenArrowX = _ref.chosenArrowX,\n searchOpened = _ref.searchOpened,\n toggleSearchOpen = _ref.toggleSearchOpen;\n\n var filterNotInMore = function filterNotInMore(menu) {\n return !(moreMenu || []).find(function (x) {\n return x.id === menu.id;\n });\n };\n\n var activeTrigger = {\n bottom: 50 // The main nav head bottom Y\n\n };\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainer, showLeftMenu && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainerOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNav,\n ref: createSetRef('primaryNav')\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogo, collapsed && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogoPush),\n onClick: onClickLogo,\n href: \"/\"\n }, logo), menu.map(function (level1, i) {\n return [react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Separator,\n key: \"separator-\".concat(i)\n }),\n /* Level 1 menu item */\n react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, !activeLevel2Id && level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Open, level1.mobileOnly && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mobileOnly),\n href: level1.href,\n key: \"level1-\".concat(i),\n onClick: createHandleClickLevel1(level1.id, true),\n ref: createSetRef(level1.id)\n }, level1.title),\n /* Level 2 menu */\n level1.subMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Container, level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2ContainerOpen),\n key: \"level2-\".concat(i, \"-container\"),\n ref: createSetRef(\"level2Container\".concat(i))\n }, level1.subMenu.filter(filterNotInMore).map(function (level2, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, level2.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n href: level2.href,\n key: \"level2-\".concat(i),\n onClick: createHandleClickLevel2(level2.id, true),\n ref: createSetRef(level2.id)\n }, level2.title);\n }), level1.id === activeLevel1Id && moreMenu && moreMenu.length > 0 && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnContainer, openMore && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.backdrop,\n onClick: onCloseMore\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtn),\n onClick: handleClickMore,\n ref: createSetRef(moreId)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnMask\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"More\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreContentContainer\n }, moreMenu.map(function (menu, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, menu.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n href: menu.href,\n key: \"more-item-\".concat(i),\n onClick: createHandleClickMoreItem(menu.id)\n }, menu.title);\n }))))];\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ChosenArrow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n show: showChosenArrow,\n x: chosenArrowX\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavRight\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_resize_detector__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n handleWidth: true,\n onResize: onRightMenuResize\n }), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1\n }, rightMenu), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n \"aria-label\": \"Find members by username or skill\",\n role: \"button\",\n tabIndex: 0,\n \"data-menu\": \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchIcon, {\n opened: searchOpened\n }),\n onFocus: function onFocus() {\n return toggleSearchOpen(true);\n },\n onBlur: function onBlur(event) {\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onMouseEnter: function onMouseEnter(event) {\n return toggleSearchOpen(true);\n },\n onMouseLeave: function onMouseLeave(event) {\n console.log(\"\".concat(event.clientX, \" - \").concat(event.clientY));\n\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onTouchStart: function onTouchStart(event) {\n if (searchOpened) {\n toggleSearchOpen(false);\n } else {\n toggleSearchOpen(true);\n }\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MagnifyingGlass, null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n role: \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchField, {\n opened: searchOpened,\n closed: !searchOpened\n }),\n onMouseLeave: function onMouseLeave(event) {\n toggleSearchOpen(false);\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n ref: createSetRef('searchInputBox'),\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(BASE_URL, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n onBlur: function onBlur() {\n return toggleSearchOpen(false);\n },\n \"aria-label\": \"Find members by username or skill\",\n placeholder: \"Find members by username or skill\"\n })));\n};\n\nPrimaryNav.propTypes = {\n collapsed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n moreMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onCloseMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n moreId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel2Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onRightMenuResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel1: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel2: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n handleClickMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickMoreItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n showChosenArrow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n chosenArrowX: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n searchOpened: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n toggleSearchOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = PrimaryNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(BASE_URL, \"BASE_URL\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(PrimaryNav, \"PrimaryNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_resize_detector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-resize-detector */ \"./node_modules/react-resize-detector/lib/esm/index.js\");\n/* harmony import */ var _ChosenArrow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ChosenArrow */ \"./src/components/ChosenArrow/index.js\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PrimaryNav.module.scss */ \"./src/components/TopNav/PrimaryNav.module.scss\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MagnifyingGlass = function MagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"ico-magnifying_glass\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar BASE_URL = topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__[\"config\"].URL.BASE;\n\nvar PrimaryNav = function PrimaryNav(_ref) {\n var collapsed = _ref.collapsed,\n showLeftMenu = _ref.showLeftMenu,\n logo = _ref.logo,\n menu = _ref.menu,\n rightMenu = _ref.rightMenu,\n moreMenu = _ref.moreMenu,\n openMore = _ref.openMore,\n onCloseMore = _ref.onCloseMore,\n moreId = _ref.moreId,\n activeLevel1Id = _ref.activeLevel1Id,\n activeLevel2Id = _ref.activeLevel2Id,\n onClickLogo = _ref.onClickLogo,\n onRightMenuResize = _ref.onRightMenuResize,\n createHandleClickLevel1 = _ref.createHandleClickLevel1,\n createHandleClickLevel2 = _ref.createHandleClickLevel2,\n handleClickMore = _ref.handleClickMore,\n createHandleClickMoreItem = _ref.createHandleClickMoreItem,\n createSetRef = _ref.createSetRef,\n showChosenArrow = _ref.showChosenArrow,\n chosenArrowX = _ref.chosenArrowX,\n searchOpened = _ref.searchOpened,\n toggleSearchOpen = _ref.toggleSearchOpen;\n\n var filterNotInMore = function filterNotInMore(menu) {\n return !(moreMenu || []).find(function (x) {\n return x.id === menu.id;\n });\n };\n\n var activeTrigger = {\n bottom: 50 // The main nav head bottom Y\n\n };\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainer, showLeftMenu && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainerOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNav,\n ref: createSetRef('primaryNav')\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogo, collapsed && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogoPush),\n onClick: onClickLogo,\n href: \"/\"\n }, logo), menu.map(function (level1, i) {\n return [react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Separator,\n key: \"separator-\".concat(i)\n }),\n /* Level 1 menu item */\n react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, !activeLevel2Id && level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Open, level1.mobileOnly && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mobileOnly),\n href: level1.href,\n key: \"level1-\".concat(i),\n onClick: createHandleClickLevel1(level1.id, true),\n ref: createSetRef(level1.id)\n }, level1.title),\n /* Level 2 menu */\n level1.subMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Container, level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2ContainerOpen),\n key: \"level2-\".concat(i, \"-container\"),\n ref: createSetRef(\"level2Container\".concat(i))\n }, level1.subMenu.filter(filterNotInMore).map(function (level2, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, level2.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n href: level2.href,\n key: \"level2-\".concat(i),\n onClick: createHandleClickLevel2(level2.id, true),\n ref: createSetRef(level2.id)\n }, level2.title);\n }), level1.id === activeLevel1Id && moreMenu && moreMenu.length > 0 && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnContainer, openMore && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.backdrop,\n onClick: onCloseMore\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtn),\n onClick: handleClickMore,\n ref: createSetRef(moreId)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnMask\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"More\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreContentContainer\n }, moreMenu.map(function (menu, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, menu.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n href: menu.href,\n key: \"more-item-\".concat(i),\n onClick: createHandleClickMoreItem(menu.id)\n }, menu.title);\n }))))];\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ChosenArrow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n show: showChosenArrow,\n x: chosenArrowX\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavRight\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_resize_detector__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n handleWidth: true,\n onResize: onRightMenuResize\n }), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1\n }, rightMenu), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n \"aria-label\": \"Find members by username or skill\",\n role: \"button\",\n tabIndex: 0,\n \"data-menu\": \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchIcon, {\n opened: searchOpened\n }),\n onFocus: function onFocus() {\n return toggleSearchOpen(true);\n },\n onBlur: function onBlur(event) {\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onMouseEnter: function onMouseEnter(event) {\n return toggleSearchOpen(true);\n },\n onMouseLeave: function onMouseLeave(event) {\n console.log(\"\".concat(event.clientX, \" - \").concat(event.clientY));\n\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onTouchStart: function onTouchStart(event) {\n if (searchOpened) {\n toggleSearchOpen(false);\n } else {\n toggleSearchOpen(true);\n }\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MagnifyingGlass, null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n role: \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchField, {\n opened: searchOpened,\n closed: !searchOpened\n }),\n onMouseLeave: function onMouseLeave(event) {\n toggleSearchOpen(false);\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n ref: createSetRef('searchInputBox'),\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(BASE_URL, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n onBlur: function onBlur() {\n return toggleSearchOpen(false);\n },\n \"aria-label\": \"Find members by username or skill\",\n placeholder: \"Find members by username or skill\"\n })));\n};\n\nPrimaryNav.propTypes = {\n collapsed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n moreMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onCloseMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n moreId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel2Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onRightMenuResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel1: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel2: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n handleClickMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickMoreItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n showChosenArrow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n chosenArrowX: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n searchOpened: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n toggleSearchOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = PrimaryNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(BASE_URL, \"BASE_URL\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(PrimaryNav, \"PrimaryNav\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/PrimaryNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.js?"); /***/ }), @@ -1297,7 +1297,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _IconSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../IconSelect */ \"./src/components/IconSelect/index.js\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SubNav.module.scss */ \"./src/components/TopNav/SubNav.module.scss\");\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar SubNav = function SubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n activeChildId = _ref.activeChildId,\n showIndicator = _ref.showIndicator,\n indicatorX = _ref.indicatorX,\n createHandleClickItem = _ref.createHandleClickItem,\n createSetRef = _ref.createSetRef;\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNav, open && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavOpen)\n }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n className: _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavLinkContainer\n }, menu && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu) && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n var to = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.isEmpty(level3.link) ? level3.href : level3.link;\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__[\"Link\"], {\n className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItem, level3.id === activeChildId && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItemOpen),\n key: \"level3-\".concat(i),\n to: to,\n onClick: createHandleClickItem(level3.id)\n }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n ref: createSetRef(level3.id)\n }, level3.title), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.indicator)\n }));\n }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_IconSelect__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n show: showIndicator,\n x: indicatorX\n })));\n};\n\nSubNav.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n showIndicator: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n indicatorX: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func\n};\nvar _default = SubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SubNav, \"SubNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/SubNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _IconSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../IconSelect */ \"./src/components/IconSelect/index.js\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SubNav.module.scss */ \"./src/components/TopNav/SubNav.module.scss\");\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar SubNav = function SubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n activeChildId = _ref.activeChildId,\n showIndicator = _ref.showIndicator,\n indicatorX = _ref.indicatorX,\n createHandleClickItem = _ref.createHandleClickItem,\n createSetRef = _ref.createSetRef;\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNav, open && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavOpen)\n }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n className: _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavLinkContainer\n }, menu && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu) && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n var to = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.isEmpty(level3.link) ? level3.href : level3.link;\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__[\"Link\"], {\n className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItem, level3.id === activeChildId && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItemOpen),\n key: \"level3-\".concat(i),\n to: to,\n onClick: createHandleClickItem(level3.id)\n }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n ref: createSetRef(level3.id)\n }, level3.title), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.indicator)\n }));\n }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_IconSelect__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n show: showIndicator,\n x: indicatorX\n })));\n};\n\nSubNav.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n showIndicator: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n indicatorX: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func\n};\nvar _default = SubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SubNav, \"SubNav\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/SubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/SubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/SubNav.js?"); /***/ }), @@ -1320,7 +1320,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index.module.scss */ \"./src/components/TopNav/index.module.scss\");\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _MobileNav__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./MobileNav */ \"./src/components/TopNav/MobileNav.js\");\n/* harmony import */ var _MobileSubNav__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./MobileSubNav */ \"./src/components/TopNav/MobileSubNav.js\");\n/* harmony import */ var _MobileMenu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MobileMenu */ \"./src/components/TopNav/MobileMenu.js\");\n/* harmony import */ var _PrimaryNav__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PrimaryNav */ \"./src/components/TopNav/PrimaryNav.js\");\n/* harmony import */ var _SubNav__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./SubNav */ \"./src/components/TopNav/SubNav.js\");\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\n\nvar moreId = 'more';\nvar id = 1;\nvar idForSecondary = 1000;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\n id = 1;\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level1, {\n id: level1.id || id++,\n subMenu: level1.subMenu && level1.subMenu.map(function (level2) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level2, {\n id: level2.id || id++,\n subMenu: level2.subMenu && level2.subMenu.map(function (level3) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level3, {\n id: level3.id || id++\n });\n })\n });\n }),\n secondaryMenu: loggedIn && profileHandle ? level1.secondaryMenuForLoggedInUser : level1.secondaryMenuForGuest\n });\n });\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level1, {\n secondaryMenu: level1.secondaryMenu && level1.secondaryMenu.map(function (levelsec) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, levelsec, {\n id: levelsec.id || idForSecondary++,\n // set user profile link\n href: levelsec.id !== 'myprofile' ? levelsec.href || '#' : profileHandle ? \"/members/\".concat(profileHandle) : '/'\n });\n })\n });\n });\n return menu;\n};\n/**\n * TopNav is the main navigation component.\n */\n\n\nvar TopNav = function TopNav(_ref) {\n var _menu = _ref.menu,\n rightMenu = _ref.rightMenu,\n logo = _ref.logo,\n theme = _ref.theme,\n currentLevel1Id = _ref.currentLevel1Id,\n onChangeLevel1Id = _ref.onChangeLevel1Id,\n path = _ref.path,\n setOpenMore = _ref.setOpenMore,\n openMore = _ref.openMore,\n loggedIn = _ref.loggedIn,\n profileHandle = _ref.profileHandle;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])({\n refs: {},\n slide: {}\n }),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 1),\n cache = _useState2[0];\n\n var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),\n collapsed = _useState4[0],\n setCollapsed = _useState4[1];\n\n var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState5, 2),\n activeLevel1Id = _useState6[0],\n setActiveLevel1Id = _useState6[1];\n\n var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState7, 2),\n activeLevel2Id = _useState8[0],\n setActiveLevel2Id = _useState8[1];\n\n var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState9, 2),\n activeLevel3Id = _useState10[0],\n setActiveLevel3Id = _useState10[1];\n\n var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState11, 2),\n showLevel3 = _useState12[0],\n setShowLevel3 = _useState12[1];\n\n var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState13, 2),\n forceHideLevel3 = _useState14[0],\n setforceHideLevel3 = _useState14[1];\n\n var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState15, 2),\n searchOpened = _useState16[0],\n setSearchOpened = _useState16[1];\n\n var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState17, 2),\n showChosenArrow = _useState18[0],\n setShowChosenArrow = _useState18[1];\n\n var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState19, 2),\n chosenArrowX = _useState20[0],\n setChosenArrowX = _useState20[1];\n\n var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(0),\n _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState21, 2),\n chosenArrowTick = _useState22[0],\n setChosenArrowTick = _useState22[1];\n\n var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState23, 2),\n showIconSelect = _useState24[0],\n setShowIconSelect = _useState24[1];\n\n var _useState25 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState26 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState25, 2),\n iconSelectX = _useState26[0],\n setIconSelectX = _useState26[1];\n\n var menuWithId = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useMemo\"])(function () {\n return initMenuId(_menu, profileHandle, loggedIn);\n }, [_menu, profileHandle, loggedIn]);\n\n var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(menuWithId),\n _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState27, 2),\n leftNav = _useState28[0],\n setLeftNav = _useState28[1];\n\n var _useState29 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState30 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState29, 2),\n showLeftMenu = _useState30[0],\n setShowLeftMenu = _useState30[1];\n\n var _useState31 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState32 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState31, 2),\n showMobileSubMenu = _useState32[0],\n setShowMobileSubMenu = _useState32[1];\n\n var _useState33 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState34 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState33, 2),\n moreMenu = _useState34[0],\n setMoreMenu = _useState34[1];\n\n var regenerateMoreMenu = function regenerateMoreMenu() {\n return setMoreMenu([]);\n };\n\n var createSetRef = function createSetRef(id) {\n return function (el) {\n cache.refs[id] = el;\n };\n };\n\n var findLevel1Menu = function findLevel1Menu(level1Id) {\n return leftNav.find(function (level1) {\n return level1.id === level1Id;\n });\n };\n\n var findLevel2Menu = function findLevel2Menu(level1Id, level2Id) {\n var menu1 = findLevel1Menu(level1Id);\n return menu1 && menu1.subMenu && menu1.subMenu.find(function (level2) {\n return level2.id === level2Id;\n });\n };\n\n var activeMenu1 = findLevel1Menu(activeLevel1Id);\n var activeMenu2 = findLevel2Menu(activeLevel1Id, activeLevel2Id);\n var startSlide = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function () {\n setLeftNav(function (leftNav) {\n return leftNav.map(function (menu) {\n if (!cache.refs[menu.id]) return menu;\n cache.slide[menu.id] = true;\n var el = cache.refs[menu.id];\n var rect = el.getBoundingClientRect();\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, menu, {\n initialX: rect.x\n });\n });\n });\n }, [cache.refs, cache.slide]);\n var getMenuCenter = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId) {\n var el = cache.refs[menuId];\n var rect = el.getBoundingClientRect();\n return rect.x + rect.width / 2;\n }, [cache.refs]);\n var setChosenArrowPos = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId) {\n setChosenArrowX(getMenuCenter(menuId));\n }, [setChosenArrowX, getMenuCenter]);\n\n var setIconSelectPos = function setIconSelectPos(menuId) {\n // wait for menuId element to get positioned in its place\n setTimeout(function () {\n setIconSelectX(getMenuCenter(menuId));\n }, 0);\n };\n\n var handleClickLogo = function handleClickLogo() {};\n\n var expandMenu = function expandMenu(menuId, menu2Id) {\n if (!menuId) return;\n createHandleClickLevel1(menuId, false)();\n setTimeout(function () {\n if (menu2Id) createHandleClickLevel2(menu2Id, false)();else setShowChosenArrow(false);\n }, 0);\n };\n\n var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId, isClick) {\n return function () {\n if (!menuId) return;\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id(); // isClick means that its clicked by user. !isClick is when we click programmatically\n\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n startSlide();\n setTimeout(function () {\n // wait for sliding to end before showing arrow for the first time\n setShowChosenArrow(true);\n }, collapsed ? 250 : 0); // trigger the execution of useLayoutEffect below, this is necessary because\n // the other dependencies don't change\n\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n };\n }, [collapsed, onChangeLevel1Id, startSlide]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n if (currentLevel1Id !== activeLevel1Id) {\n !collapsed && currentLevel1Id && createHandleClickLevel1(currentLevel1Id, false)();\n }\n }, [currentLevel1Id, activeLevel1Id, createHandleClickLevel1]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useLayoutEffect\"])(function () {\n // get final menu pos before it slide. Do this before sliding start, or\n // we'll get incorrect pos\n activeLevel1Id && setChosenArrowPos(activeLevel1Id);\n }, [activeLevel1Id, setChosenArrowPos, chosenArrowTick, showLeftMenu]);\n\n var createHandleClickLevel2 = function createHandleClickLevel2(menuId, isClick) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n setChosenArrowPos(menuId);\n };\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n // update level3 select icon, show it only if current menu is as same as menu address in url\n var _getMenuIdsFromPath = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath.m1,\n m2 = _getMenuIdsFromPath.m2,\n m3 = _getMenuIdsFromPath.m3;\n\n if (m3) {\n // show level 3 icon if active menu menuLevel2 is as same as url\n // or if level2 menu (in both menu and url) is null, and active menu level1 is as same as url\n if (m2 === activeLevel2Id || !m2 && !activeLevel2Id && m1 === activeLevel1Id) {\n setActiveLevel3Id(m3);\n setIconSelectPos(m3);\n setShowIconSelect(true);\n } else {\n setShowIconSelect(false);\n }\n }\n }, [activeLevel1Id, activeLevel2Id, path]);\n\n var createHandleClickLevel3 = function createHandleClickLevel3(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setIconSelectPos(menuId);\n };\n };\n\n var handleClickMore = function handleClickMore() {\n return setOpenMore(function (x) {\n return !x;\n });\n };\n\n var handleCloseMore = function handleCloseMore() {\n return setOpenMore(false);\n };\n\n var handleSearchPanel = function handleSearchPanel(x) {\n setSearchOpened(x);\n cache.refs.searchInputBox.value = '';\n };\n\n var createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n setforceHideLevel3(false);\n setChosenArrowPos(moreId); // let the level 3 menu mounted first for sliding indicator to work\n\n setTimeout(function () {\n var menu = findLevel2Menu(activeLevel1Id, menuId);\n\n if (menu && menu.subMenu) {\n // select first level 3 item\n setActiveLevel3Id(menu.subMenu[0].id); // this requires the item element to be mounted first\n\n setIconSelectPos(menu.subMenu[0].id);\n }\n });\n !showIconSelect && setTimeout(function () {\n return setShowIconSelect(true);\n }, 300);\n };\n };\n\n var handleClickLeftMenu = function handleClickLeftMenu() {\n return setShowLeftMenu(function (x) {\n return !x;\n });\n };\n\n var createHandleClickLevel2Mobile = function createHandleClickLevel2Mobile(menuId) {\n return function () {\n setShowLeftMenu(false);\n setActiveLevel2Id(menuId);\n };\n };\n\n var createHandleClickLevel3Mobile = function createHandleClickLevel3Mobile(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setShowMobileSubMenu(false);\n };\n };\n\n var handleClickSubMenu = function handleClickSubMenu() {\n return setShowMobileSubMenu(function (x) {\n return !x;\n });\n };\n\n var setOverflow = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (set) {\n cache.refs.primaryNav.style.overflow = set ? 'hidden' : '';\n var containers = Object.keys(cache.refs).filter(function (key) {\n return key.startsWith('level2Container');\n }).map(function (key) {\n return cache.refs[key];\n });\n containers.forEach(function (el) {\n el.style.overflow = set ? 'hidden' : '';\n });\n }, [cache.refs]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n var doSlide = function doSlide() {\n leftNav.forEach(function (menu) {\n if (!cache.slide[menu.id] || !cache.refs[menu.id]) return;\n cache.slide[menu.id] = false;\n var el = cache.refs[menu.id];\n var rect = el.getBoundingClientRect();\n var relativeX = menu.initialX - rect.x;\n el.style.transform = \"translateX(\".concat(relativeX, \"px)\");\n setTimeout(function () {\n el.style.transition = 'transform 250ms ease-out';\n el.style.transform = \"translateX(0px)\";\n setTimeout(function () {\n el.style.transition = '';\n el.style.transform = '';\n }, 250);\n });\n });\n }; // set overflow first to have correct final position\n\n\n setOverflow(true);\n doSlide(); // overflow must not be set, otherwise popups won't show\n\n setOverflow(false);\n }, [cache.slide, cache.refs, leftNav, setOverflow]);\n\n var handleRightMenuResize = function handleRightMenuResize() {\n regenerateMoreMenu();\n }; // trigger more menu generation on level 1 item change\n\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n setMoreMenu([]);\n }, [activeMenu1]); // show/hide level 2 more menu\n\n var generateMoreMenu = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function () {\n // only proceed if more menu is empty\n if (moreMenu && moreMenu.length) return;\n if (!activeMenu1 || !activeMenu1.subMenu) return;\n\n var generateMenu = function generateMenu() {\n var newMoreMenu = [];\n var prect;\n\n for (var i = activeMenu1.subMenu.length - 1; i >= 0; i--) {\n var menu = activeMenu1.subMenu[i];\n var menuEl = cache.refs[menu.id];\n if (!menuEl) return;\n var rect = menuEl.getBoundingClientRect();\n\n if (!prect) {\n prect = menuEl.parentElement.getBoundingClientRect();\n } // add the item if it's overflowing\n\n\n if (rect.right > prect.right) {\n newMoreMenu.unshift(menu);\n } else if (newMoreMenu.length && prect.right - rect.right < 100) {\n // make sure we have space for the 'more' menu\n newMoreMenu.unshift(menu);\n } else {\n break;\n }\n }\n\n newMoreMenu.length && setMoreMenu(newMoreMenu);\n };\n\n setOverflow(true);\n generateMenu();\n setOverflow(false);\n }, [activeMenu1, cache.refs, moreMenu, setOverflow]); // generate more menu before paint\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useLayoutEffect\"])(function () {\n generateMoreMenu();\n }, [generateMoreMenu]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n // trigger more menu generation on resize\n var onResize = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.debounce(function () {\n regenerateMoreMenu([]); // tick to update menu (reposition arrow)\n\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n }, 100);\n\n window.addEventListener('resize', onResize);\n return function () {\n return window.removeEventListener('resize', onResize);\n };\n }, []);\n\n var getMenuIdsFromPath = function getMenuIdsFromPath(menuWithId_, path_) {\n var found = {\n m1: null,\n m2: null,\n m3: null // If haven't a path just return\n\n };\n if (!path_) return found;\n menuWithId_.forEach(function (level1) {\n if (level1.href && path_.indexOf(level1.href) > -1) found = {\n m1: level1.id,\n m2: null\n };\n level1.subMenu && level1.subMenu.forEach(function (level2) {\n if (level2.href && path_.indexOf(level2.href) > -1) found = {\n m1: level1.id,\n m2: level2.id\n };\n level2.subMenu && level2.subMenu.forEach(function (level3) {\n if (level3.href && path_.indexOf(level3.href) > -1) {\n if (found.m3) {\n if (level3.href === path_) found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n } else {\n found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n }\n\n if (!activeLevel3Id && level3.collapsed) setforceHideLevel3(true);\n }\n });\n });\n level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n if (level3.href) {\n // Check if path have parameters\n var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n if (path_.indexOf(href) > -1) found = {\n m1: level1.id,\n m3: level3.id\n };\n }\n });\n });\n return found;\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n if (!path || !menuWithId[0]) return;\n setLeftNav(menuWithId); // always expand menu on challenge list page and challenge details page\n // also in challenge details page, level 3 menu shouldnt be visible if (!path || !menuWithId[0]) return\n\n var _getMenuIdsFromPath2 = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath2.m1,\n m2 = _getMenuIdsFromPath2.m2;\n\n var forceM2 = null;\n\n if (path.indexOf('/challenges') > -1) {\n // If All Challenge page\n if (path.match(/challenges\\/[0-9]+/)) {\n // If Challenge Details page\n setforceHideLevel3(true);\n forceM2 = getMenuIdsFromPath(menuWithId, '/challenges').m2;\n }\n } else if (path.indexOf('/my-dashboard') > -1 || path.indexOf('/members/' + profileHandle) > -1) {\n // If My Dashboard and My Profile page\n setShowLevel3(true);\n } else if (path.indexOf('/community/learn') > -1 || path.indexOf('/thrive/tracks') > -1) {\n // Show 3rd level menu to Community [ Overview - How It Works ]\n forceM2 = getMenuIdsFromPath(menuWithId, '/community').m2;\n } else if (!m2) {\n setShowLevel3(false);\n setforceHideLevel3(true);\n } // expand first Level1Menu(like work/business) on login / logout.\n\n\n setTimeout(function () {\n expandMenu(m1 || 'community', m2 || forceM2);\n });\n }, [path, loggedIn, profileHandle]);\n return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.themeWrapper, \"theme-\".concat(theme))\n }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(\"div\", {\n className: _index_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.headerNavUi\n }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_MobileNav__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n showLeftMenu: showLeftMenu,\n logo: logo,\n rightMenu: rightMenu,\n onClickLeftMenu: handleClickLeftMenu\n }), !showLeftMenu && (activeMenu2 || activeMenu1) && react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_MobileSubNav__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n open: showMobileSubMenu,\n menu: activeMenu2 || activeMenu1,\n isSecondaryMenu: !activeMenu2,\n activeChildId: activeLevel3Id,\n onClick: handleClickSubMenu,\n createHandleClickItem: createHandleClickLevel3Mobile\n }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PrimaryNav__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n collapsed: collapsed,\n showLeftMenu: showLeftMenu,\n logo: logo,\n menu: leftNav,\n rightMenu: rightMenu,\n moreMenu: moreMenu,\n openMore: openMore,\n onCloseMore: handleCloseMore,\n moreId: moreId,\n activeLevel1Id: activeLevel1Id,\n activeLevel2Id: activeLevel2Id,\n onClickLogo: handleClickLogo,\n onRightMenuResize: handleRightMenuResize,\n createHandleClickLevel1: createHandleClickLevel1,\n createHandleClickLevel2: createHandleClickLevel2,\n handleClickMore: handleClickMore,\n createHandleClickMoreItem: createHandleClickMoreItem,\n createSetRef: createSetRef,\n showChosenArrow: showChosenArrow,\n chosenArrowX: chosenArrowX,\n searchOpened: searchOpened,\n toggleSearchOpen: handleSearchPanel\n }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n open: forceHideLevel3 ? false : showLevel3,\n menu: activeMenu2 || activeMenu1,\n isSecondaryMenu: !activeMenu2,\n activeChildId: activeLevel3Id,\n showIndicator: showIconSelect,\n indicatorX: iconSelectX,\n createHandleClickItem: createHandleClickLevel3,\n createSetRef: createSetRef\n }), showLeftMenu && activeMenu1 && react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_MobileMenu__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n menu: activeMenu1,\n activeChildId: activeLevel2Id,\n createHandleClickItem: createHandleClickLevel2Mobile\n })));\n};\n\nTopNav.defaultProps = {\n theme: 'light',\n onChangeLevel1Id: function onChangeLevel1Id() {\n return null;\n }\n};\nTopNav.propTypes = {\n /**\n * Array of menu objects, each with properties:\n *\n * - title {string|element} The title\n * - href {string} The href for wrapper anchor\n * - subMenu {array} Children menu\n */\n menu: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.array.isRequired,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.node,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.node,\n\n /** light|dark etc */\n theme: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,\n currentLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.any,\n onChangeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.func,\n path: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,\n setOpenMore: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.func,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.bool,\n loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.bool,\n profileHandle: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string\n};\nvar _default = TopNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(moreId, \"moreId\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(id, \"id\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(idForSecondary, \"idForSecondary\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(initMenuId, \"initMenuId\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index.module.scss */ \"./src/components/TopNav/index.module.scss\");\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _MobileNav__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./MobileNav */ \"./src/components/TopNav/MobileNav.js\");\n/* harmony import */ var _MobileSubNav__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./MobileSubNav */ \"./src/components/TopNav/MobileSubNav.js\");\n/* harmony import */ var _MobileMenu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MobileMenu */ \"./src/components/TopNav/MobileMenu.js\");\n/* harmony import */ var _PrimaryNav__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PrimaryNav */ \"./src/components/TopNav/PrimaryNav.js\");\n/* harmony import */ var _SubNav__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./SubNav */ \"./src/components/TopNav/SubNav.js\");\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\n\nvar moreId = 'more';\nvar id = 1;\nvar idForSecondary = 1000;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\n id = 1;\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level1, {\n id: level1.id || id++,\n subMenu: level1.subMenu && level1.subMenu.map(function (level2) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level2, {\n id: level2.id || id++,\n subMenu: level2.subMenu && level2.subMenu.map(function (level3) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level3, {\n id: level3.id || id++\n });\n })\n });\n }),\n secondaryMenu: loggedIn && profileHandle ? level1.secondaryMenuForLoggedInUser : level1.secondaryMenuForGuest\n });\n });\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, level1, {\n secondaryMenu: level1.secondaryMenu && level1.secondaryMenu.map(function (levelsec) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, levelsec, {\n id: levelsec.id || idForSecondary++,\n // set user profile link\n href: levelsec.id !== 'myprofile' ? levelsec.href || '#' : profileHandle ? \"/members/\".concat(profileHandle) : '/'\n });\n })\n });\n });\n return menu;\n};\n/**\n * TopNav is the main navigation component.\n */\n\n\nvar TopNav = function TopNav(_ref) {\n var _menu = _ref.menu,\n rightMenu = _ref.rightMenu,\n logo = _ref.logo,\n theme = _ref.theme,\n currentLevel1Id = _ref.currentLevel1Id,\n onChangeLevel1Id = _ref.onChangeLevel1Id,\n path = _ref.path,\n setOpenMore = _ref.setOpenMore,\n openMore = _ref.openMore,\n loggedIn = _ref.loggedIn,\n profileHandle = _ref.profileHandle;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])({\n refs: {},\n slide: {}\n }),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 1),\n cache = _useState2[0];\n\n var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),\n collapsed = _useState4[0],\n setCollapsed = _useState4[1];\n\n var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState5, 2),\n activeLevel1Id = _useState6[0],\n setActiveLevel1Id = _useState6[1];\n\n var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState7, 2),\n activeLevel2Id = _useState8[0],\n setActiveLevel2Id = _useState8[1];\n\n var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState9, 2),\n activeLevel3Id = _useState10[0],\n setActiveLevel3Id = _useState10[1];\n\n var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState11, 2),\n showLevel3 = _useState12[0],\n setShowLevel3 = _useState12[1];\n\n var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState13, 2),\n forceHideLevel3 = _useState14[0],\n setforceHideLevel3 = _useState14[1];\n\n var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(false),\n _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState15, 2),\n searchOpened = _useState16[0],\n setSearchOpened = _useState16[1];\n\n var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState17, 2),\n showChosenArrow = _useState18[0],\n setShowChosenArrow = _useState18[1];\n\n var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState19, 2),\n chosenArrowX = _useState20[0],\n setChosenArrowX = _useState20[1];\n\n var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(0),\n _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState21, 2),\n chosenArrowTick = _useState22[0],\n setChosenArrowTick = _useState22[1];\n\n var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState23, 2),\n showIconSelect = _useState24[0],\n setShowIconSelect = _useState24[1];\n\n var _useState25 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState26 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState25, 2),\n iconSelectX = _useState26[0],\n setIconSelectX = _useState26[1];\n\n var menuWithId = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useMemo\"])(function () {\n return initMenuId(_menu, profileHandle, loggedIn);\n }, [_menu, profileHandle, loggedIn]);\n\n var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(menuWithId),\n _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState27, 2),\n leftNav = _useState28[0],\n setLeftNav = _useState28[1];\n\n var _useState29 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState30 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState29, 2),\n showLeftMenu = _useState30[0],\n setShowLeftMenu = _useState30[1];\n\n var _useState31 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState32 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState31, 2),\n showMobileSubMenu = _useState32[0],\n setShowMobileSubMenu = _useState32[1];\n\n var _useState33 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState34 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState33, 2),\n moreMenu = _useState34[0],\n setMoreMenu = _useState34[1];\n\n var regenerateMoreMenu = function regenerateMoreMenu() {\n return setMoreMenu([]);\n };\n\n var createSetRef = function createSetRef(id) {\n return function (el) {\n cache.refs[id] = el;\n };\n };\n\n var findLevel1Menu = function findLevel1Menu(level1Id) {\n return leftNav.find(function (level1) {\n return level1.id === level1Id;\n });\n };\n\n var findLevel2Menu = function findLevel2Menu(level1Id, level2Id) {\n var menu1 = findLevel1Menu(level1Id);\n return menu1 && menu1.subMenu && menu1.subMenu.find(function (level2) {\n return level2.id === level2Id;\n });\n };\n\n var activeMenu1 = findLevel1Menu(activeLevel1Id);\n var activeMenu2 = findLevel2Menu(activeLevel1Id, activeLevel2Id);\n var startSlide = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function () {\n setLeftNav(function (leftNav) {\n return leftNav.map(function (menu) {\n if (!cache.refs[menu.id]) return menu;\n cache.slide[menu.id] = true;\n var el = cache.refs[menu.id];\n var rect = el.getBoundingClientRect();\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, menu, {\n initialX: rect.x\n });\n });\n });\n }, [cache.refs, cache.slide]);\n var getMenuCenter = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId) {\n var el = cache.refs[menuId];\n var rect = el.getBoundingClientRect();\n return rect.x + rect.width / 2;\n }, [cache.refs]);\n var setChosenArrowPos = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId) {\n setChosenArrowX(getMenuCenter(menuId));\n }, [setChosenArrowX, getMenuCenter]);\n\n var setIconSelectPos = function setIconSelectPos(menuId) {\n // wait for menuId element to get positioned in its place\n setTimeout(function () {\n setIconSelectX(getMenuCenter(menuId));\n }, 0);\n };\n\n var handleClickLogo = function handleClickLogo() {};\n\n var expandMenu = function expandMenu(menuId, menu2Id) {\n if (!menuId) return;\n createHandleClickLevel1(menuId, false)();\n setTimeout(function () {\n if (menu2Id) createHandleClickLevel2(menu2Id, false)();else setShowChosenArrow(false);\n }, 0);\n };\n\n var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId, isClick) {\n return function () {\n if (!menuId) return;\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id(); // isClick means that its clicked by user. !isClick is when we click programmatically\n\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n startSlide();\n setTimeout(function () {\n // wait for sliding to end before showing arrow for the first time\n setShowChosenArrow(true);\n }, collapsed ? 250 : 0); // trigger the execution of useLayoutEffect below, this is necessary because\n // the other dependencies don't change\n\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n };\n }, [collapsed, onChangeLevel1Id, startSlide]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n if (currentLevel1Id !== activeLevel1Id) {\n !collapsed && currentLevel1Id && createHandleClickLevel1(currentLevel1Id, false)();\n }\n }, [currentLevel1Id, activeLevel1Id, createHandleClickLevel1]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useLayoutEffect\"])(function () {\n // get final menu pos before it slide. Do this before sliding start, or\n // we'll get incorrect pos\n activeLevel1Id && setChosenArrowPos(activeLevel1Id);\n }, [activeLevel1Id, setChosenArrowPos, chosenArrowTick, showLeftMenu]);\n\n var createHandleClickLevel2 = function createHandleClickLevel2(menuId, isClick) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n setChosenArrowPos(menuId);\n };\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n // update level3 select icon, show it only if current menu is as same as menu address in url\n var _getMenuIdsFromPath = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath.m1,\n m2 = _getMenuIdsFromPath.m2,\n m3 = _getMenuIdsFromPath.m3;\n\n if (m3) {\n // show level 3 icon if active menu menuLevel2 is as same as url\n // or if level2 menu (in both menu and url) is null, and active menu level1 is as same as url\n if (m2 === activeLevel2Id || !m2 && !activeLevel2Id && m1 === activeLevel1Id) {\n setActiveLevel3Id(m3);\n setIconSelectPos(m3);\n setShowIconSelect(true);\n } else {\n setShowIconSelect(false);\n }\n }\n }, [activeLevel1Id, activeLevel2Id, path]);\n\n var createHandleClickLevel3 = function createHandleClickLevel3(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setIconSelectPos(menuId);\n };\n };\n\n var handleClickMore = function handleClickMore() {\n return setOpenMore(function (x) {\n return !x;\n });\n };\n\n var handleCloseMore = function handleCloseMore() {\n return setOpenMore(false);\n };\n\n var handleSearchPanel = function handleSearchPanel(x) {\n setSearchOpened(x);\n cache.refs.searchInputBox.value = '';\n };\n\n var createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n setforceHideLevel3(false);\n setChosenArrowPos(moreId); // let the level 3 menu mounted first for sliding indicator to work\n\n setTimeout(function () {\n var menu = findLevel2Menu(activeLevel1Id, menuId);\n\n if (menu && menu.subMenu) {\n // select first level 3 item\n setActiveLevel3Id(menu.subMenu[0].id); // this requires the item element to be mounted first\n\n setIconSelectPos(menu.subMenu[0].id);\n }\n });\n !showIconSelect && setTimeout(function () {\n return setShowIconSelect(true);\n }, 300);\n };\n };\n\n var handleClickLeftMenu = function handleClickLeftMenu() {\n return setShowLeftMenu(function (x) {\n return !x;\n });\n };\n\n var createHandleClickLevel2Mobile = function createHandleClickLevel2Mobile(menuId) {\n return function () {\n setShowLeftMenu(false);\n setActiveLevel2Id(menuId);\n };\n };\n\n var createHandleClickLevel3Mobile = function createHandleClickLevel3Mobile(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setShowMobileSubMenu(false);\n };\n };\n\n var handleClickSubMenu = function handleClickSubMenu() {\n return setShowMobileSubMenu(function (x) {\n return !x;\n });\n };\n\n var setOverflow = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (set) {\n cache.refs.primaryNav.style.overflow = set ? 'hidden' : '';\n var containers = Object.keys(cache.refs).filter(function (key) {\n return key.startsWith('level2Container');\n }).map(function (key) {\n return cache.refs[key];\n });\n containers.forEach(function (el) {\n el.style.overflow = set ? 'hidden' : '';\n });\n }, [cache.refs]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n var doSlide = function doSlide() {\n leftNav.forEach(function (menu) {\n if (!cache.slide[menu.id] || !cache.refs[menu.id]) return;\n cache.slide[menu.id] = false;\n var el = cache.refs[menu.id];\n var rect = el.getBoundingClientRect();\n var relativeX = menu.initialX - rect.x;\n el.style.transform = \"translateX(\".concat(relativeX, \"px)\");\n setTimeout(function () {\n el.style.transition = 'transform 250ms ease-out';\n el.style.transform = \"translateX(0px)\";\n setTimeout(function () {\n el.style.transition = '';\n el.style.transform = '';\n }, 250);\n });\n });\n }; // set overflow first to have correct final position\n\n\n setOverflow(true);\n doSlide(); // overflow must not be set, otherwise popups won't show\n\n setOverflow(false);\n }, [cache.slide, cache.refs, leftNav, setOverflow]);\n\n var handleRightMenuResize = function handleRightMenuResize() {\n regenerateMoreMenu();\n }; // trigger more menu generation on level 1 item change\n\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n setMoreMenu([]);\n }, [activeMenu1]); // show/hide level 2 more menu\n\n var generateMoreMenu = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function () {\n // only proceed if more menu is empty\n if (moreMenu && moreMenu.length) return;\n if (!activeMenu1 || !activeMenu1.subMenu) return;\n\n var generateMenu = function generateMenu() {\n var newMoreMenu = [];\n var prect;\n\n for (var i = activeMenu1.subMenu.length - 1; i >= 0; i--) {\n var menu = activeMenu1.subMenu[i];\n var menuEl = cache.refs[menu.id];\n if (!menuEl) return;\n var rect = menuEl.getBoundingClientRect();\n\n if (!prect) {\n prect = menuEl.parentElement.getBoundingClientRect();\n } // add the item if it's overflowing\n\n\n if (rect.right > prect.right) {\n newMoreMenu.unshift(menu);\n } else if (newMoreMenu.length && prect.right - rect.right < 100) {\n // make sure we have space for the 'more' menu\n newMoreMenu.unshift(menu);\n } else {\n break;\n }\n }\n\n newMoreMenu.length && setMoreMenu(newMoreMenu);\n };\n\n setOverflow(true);\n generateMenu();\n setOverflow(false);\n }, [activeMenu1, cache.refs, moreMenu, setOverflow]); // generate more menu before paint\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useLayoutEffect\"])(function () {\n generateMoreMenu();\n }, [generateMoreMenu]);\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n // trigger more menu generation on resize\n var onResize = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.debounce(function () {\n regenerateMoreMenu([]); // tick to update menu (reposition arrow)\n\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n }, 100);\n\n window.addEventListener('resize', onResize);\n return function () {\n return window.removeEventListener('resize', onResize);\n };\n }, []);\n\n var getMenuIdsFromPath = function getMenuIdsFromPath(menuWithId_, path_) {\n var found = {\n m1: null,\n m2: null,\n m3: null // If haven't a path just return\n\n };\n if (!path_) return found;\n menuWithId_.forEach(function (level1) {\n if (level1.href && path_.indexOf(level1.href) > -1) found = {\n m1: level1.id,\n m2: null\n };\n level1.subMenu && level1.subMenu.forEach(function (level2) {\n if (level2.href && path_.indexOf(level2.href) > -1) found = {\n m1: level1.id,\n m2: level2.id\n };\n level2.subMenu && level2.subMenu.forEach(function (level3) {\n if (level3.href && path_.indexOf(level3.href) > -1) {\n if (found.m3) {\n if (level3.href === path_) found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n } else {\n found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n }\n\n if (!activeLevel3Id && level3.collapsed) setforceHideLevel3(true);\n }\n });\n });\n level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n if (level3.href) {\n // Check if path have parameters\n var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n if (path_.indexOf(href) > -1) found = {\n m1: level1.id,\n m3: level3.id\n };\n }\n });\n });\n return found;\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n if (!path || !menuWithId[0]) return;\n setLeftNav(menuWithId); // always expand menu on challenge list page and challenge details page\n // also in challenge details page, level 3 menu shouldnt be visible if (!path || !menuWithId[0]) return\n\n var _getMenuIdsFromPath2 = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath2.m1,\n m2 = _getMenuIdsFromPath2.m2;\n\n var forceM2 = null;\n\n if (path.indexOf('/challenges') > -1) {\n // If All Challenge page\n if (path.match(/challenges\\/[0-9]+/)) {\n // If Challenge Details page\n setforceHideLevel3(true);\n forceM2 = getMenuIdsFromPath(menuWithId, '/challenges').m2;\n }\n } else if (path.indexOf('/my-dashboard') > -1 || path.indexOf('/members/' + profileHandle) > -1) {\n // If My Dashboard and My Profile page\n setShowLevel3(true);\n } else if (path.indexOf('/community/learn') > -1 || path.indexOf('/thrive/tracks') > -1) {\n // Show 3rd level menu to Community [ Overview - How It Works ]\n forceM2 = getMenuIdsFromPath(menuWithId, '/community').m2;\n } else if (!m2) {\n setShowLevel3(false);\n setforceHideLevel3(true);\n } // expand first Level1Menu(like work/business) on login / logout.\n\n\n setTimeout(function () {\n expandMenu(m1 || 'community', m2 || forceM2);\n });\n }, [path, loggedIn, profileHandle]);\n return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.themeWrapper, \"theme-\".concat(theme))\n }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(\"div\", {\n className: _index_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.headerNavUi\n }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_MobileNav__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n showLeftMenu: showLeftMenu,\n logo: logo,\n rightMenu: rightMenu,\n onClickLeftMenu: handleClickLeftMenu\n }), !showLeftMenu && (activeMenu2 || activeMenu1) && react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_MobileSubNav__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n open: showMobileSubMenu,\n menu: activeMenu2 || activeMenu1,\n isSecondaryMenu: !activeMenu2,\n activeChildId: activeLevel3Id,\n onClick: handleClickSubMenu,\n createHandleClickItem: createHandleClickLevel3Mobile\n }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_PrimaryNav__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n collapsed: collapsed,\n showLeftMenu: showLeftMenu,\n logo: logo,\n menu: leftNav,\n rightMenu: rightMenu,\n moreMenu: moreMenu,\n openMore: openMore,\n onCloseMore: handleCloseMore,\n moreId: moreId,\n activeLevel1Id: activeLevel1Id,\n activeLevel2Id: activeLevel2Id,\n onClickLogo: handleClickLogo,\n onRightMenuResize: handleRightMenuResize,\n createHandleClickLevel1: createHandleClickLevel1,\n createHandleClickLevel2: createHandleClickLevel2,\n handleClickMore: handleClickMore,\n createHandleClickMoreItem: createHandleClickMoreItem,\n createSetRef: createSetRef,\n showChosenArrow: showChosenArrow,\n chosenArrowX: chosenArrowX,\n searchOpened: searchOpened,\n toggleSearchOpen: handleSearchPanel\n }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n open: forceHideLevel3 ? false : showLevel3,\n menu: activeMenu2 || activeMenu1,\n isSecondaryMenu: !activeMenu2,\n activeChildId: activeLevel3Id,\n showIndicator: showIconSelect,\n indicatorX: iconSelectX,\n createHandleClickItem: createHandleClickLevel3,\n createSetRef: createSetRef\n }), showLeftMenu && activeMenu1 && react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_MobileMenu__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n menu: activeMenu1,\n activeChildId: activeLevel2Id,\n createHandleClickItem: createHandleClickLevel2Mobile\n })));\n};\n\nTopNav.defaultProps = {\n theme: 'light',\n onChangeLevel1Id: function onChangeLevel1Id() {\n return null;\n }\n};\nTopNav.propTypes = {\n /**\n * Array of menu objects, each with properties:\n *\n * - title {string|element} The title\n * - href {string} The href for wrapper anchor\n * - subMenu {array} Children menu\n */\n menu: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.array.isRequired,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.node,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.node,\n\n /** light|dark etc */\n theme: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,\n currentLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.any,\n onChangeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.func,\n path: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,\n setOpenMore: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.func,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.bool,\n loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.bool,\n profileHandle: prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string\n};\nvar _default = TopNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(moreId, \"moreId\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(id, \"id\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(idForSecondary, \"idForSecondary\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(initMenuId, \"initMenuId\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/TopNav/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/index.js?"); /***/ }), @@ -1343,7 +1343,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"Group\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n fill: \"#F1F0F0\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n mask: \"url(#mask-2)\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M14.897 24.14a6.952 6.952 0 0 1 6.952 6.953V33H7.945v-1.907a6.952 6.952 0 0 1 6.952-6.952z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M21.278 32.396v-3.222c0-2.446-1.876-4.429-4.19-4.429h-4.382c-2.314 0-4.19 1.983-4.19 4.43v3.221h12.762zm-8.572-8.255h4.381c2.63 0 4.762 2.254 4.762 5.033V33H7.945v-3.826c0-2.78 2.131-5.033 4.761-5.033z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M12.516 21.926h4.952v3.45a2.476 2.476 0 1 1-4.952 0v-3.45z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M13.087 25.235c0 1.112.853 2.013 1.905 2.013s1.905-.901 1.905-2.013V22.53h-3.81v2.705zm-.571-3.309h4.952v3.309c0 1.445-1.108 2.617-2.476 2.617-1.367 0-2.476-1.172-2.476-2.617v-3.309zM9.087 12.765v1.007c-.578 0-1.047.496-1.047 1.107 0 .612.469 1.108 1.047 1.108v1.006c-1.104 0-2-.946-2-2.114 0-1.167.896-2.114 2-2.114zM20.905 12.765v1.007c.578 0 1.047.496 1.047 1.107 0 .612-.469 1.108-1.047 1.108v1.006c1.104 0 2-.946 2-2.114 0-1.167-.896-2.114-2-2.114z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M8.524 8.235l3.238-2.416L15 5.416l3.238.403 3.238 2.416v9.832a6.476 6.476 0 0 1-12.952 0V8.235z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M17.278 18.407v.499c1.334 0 2.5-.722 3.128-1.798a5.395 5.395 0 0 1 1.062.027v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005z\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M16.8 19.78l-.204.28-.33-.05a8.371 8.371 0 0 0-2.865.055l-.348.067-.212-.299a5.319 5.319 0 0 0-.249-.323h-1.6a2.416 2.416 0 0 1-1.837-.862c.117.81.382 1.58.781 2.277 1.064 1.857 2.965 3.015 5.056 3.015s3.993-1.158 5.056-3.015a6.422 6.422 0 0 0 .781-2.277 2.416 2.416 0 0 1-1.837.862h-1.98a5.315 5.315 0 0 0-.212.27zm-7.998-2.082c.089 0 .178.002.266.007l.02-.396v-.206l-.559.061c.018.186.055.365.107.537.055-.002.11-.003.166-.003zm12.538.03a2.74 2.74 0 0 0 .116-.573l-.182-.02h-.377v.563c.148.004.296.014.443.03zm-10.348 1.178h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005v.499h1.714c.988 0 1.8-.794 1.895-1.811.197.003.39.016.581.04v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M9.468 17.698c0 3.225 2.473 5.839 5.524 5.839 3.05 0 5.524-2.614 5.524-5.839V8.757l-2.637-1.968-2.887-.36-2.886.36-2.638 1.968v8.941zm-.952-9.463l3.238-2.416 3.238-.403 3.238.403 3.238 2.416v9.463c0 3.78-2.9 6.846-6.476 6.846-3.577 0-6.476-3.065-6.476-6.846V8.235z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M12.325 21.11v-.237c0-1.198.919-2.168 2.052-2.168h1.611c1.133 0 2.052.97 2.052 2.168v.245\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M12.234 20.517c.072-1.288 1.023-2.316 2.196-2.316h1.505c1.173 0 2.125 1.028 2.196 2.316h-.573c-.069-.962-.773-1.712-1.623-1.712H14.43c-.85 0-1.554.75-1.623 1.712h-.573z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M20.524 10.047c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#37373D\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M22.048 11.432c.174-4.64-2.762-7.828-7.048-7.828s-7.222 3.188-7.048 7.828c.003.072.019.27.046.488.043.351.106.7.19 1.017.201.752.47 1.137.717 1.137v-4.027c0-1.677 1.254-3.053 2.834-3.118l.118-.003c.84 0 1.625.374 2.18 1.016a1.728 1.728 0 0 0 1.927 0 2.876 2.876 0 0 1 2.297-1.013c1.58.065 2.834 1.44 2.834 3.118v3.624c.635 0 .893-.626.953-2.239zm-1.524-1.385c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M11 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.286c.158 0 .285.136.285.302a.294.294 0 0 1-.285.302H11zM16.905 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.285c.158 0 .286.136.286.302a.294.294 0 0 1-.286.302h-2.285zM13.85 17.225a.31.31 0 0 1 .131-.403.279.279 0 0 1 .382.139c.119.258.401.435.724.435a.79.79 0 0 0 .722-.43c.07-.15.242-.21.383-.135a.31.31 0 0 1 .128.405c-.22.465-.7.764-1.233.764-.537 0-1.02-.304-1.238-.775zM13.542 19.987a.31.31 0 0 1-.144-.399.28.28 0 0 1 .377-.152c.405.19.853.291 1.318.291.461 0 .906-.099 1.308-.286a.28.28 0 0 1 .376.154.309.309 0 0 1-.146.398 3.631 3.631 0 0 1-1.538.338 3.63 3.63 0 0 1-1.55-.344zM14.706 21.322a.294.294 0 0 1-.285-.302c0-.167.128-.302.285-.302h.762c.158 0 .286.135.286.302a.294.294 0 0 1-.286.302h-.762zM16.802 13.067v-.604h3.81v.604zM9.183 13.067v-.604h3.81v.604zM13.85 13.47v-.604h2.095v.604z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M17.387 12.463h2.748v1.646a2.381 2.381 0 0 1-2.381 2.38h-.367a2.013 2.013 0 1 1 0-4.027zM9.85 12.463h2.748a2.013 2.013 0 1 1 0 4.027h-.368a2.381 2.381 0 0 1-2.38-2.381v-1.646z\",\n fillOpacity: \".3\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M16.325 13.067c-.21 0-.38.18-.38.403v2.013c0 .223.17.403.38.403h2.858c.21 0 .38-.18.38-.403v-2.416h-3.238zm0-.604h3.81v3.02c0 .556-.426 1.007-.952 1.007h-2.858c-.526 0-.952-.45-.952-1.007V13.47c0-.556.426-1.007.952-1.007zM10.42 15.483c0 .223.171.403.382.403h2.857c.21 0 .38-.18.38-.403V13.47a.392.392 0 0 0-.38-.403H10.42v2.416zm-.57-3.02h3.809c.526 0 .952.45.952 1.007v2.013c0 .556-.426 1.007-.952 1.007h-2.857c-.526 0-.953-.45-.953-1.007v-3.02z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M13.14 14.687a.303.303 0 0 1-.215.362.286.286 0 0 1-.342-.226c-.03-.133-.18-.246-.37-.246-.191 0-.342.113-.371.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714zM18.663 14.687a.303.303 0 0 1-.214.362.286.286 0 0 1-.343-.226c-.029-.133-.18-.246-.37-.246s-.341.113-.37.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M16.36 30.44a4.747 4.747 0 0 0-.308-.793c.478-.123.803-.052.87.23.052.222-.051.586-.274.985-.039.07-.083.109-.131.123a11.407 11.407 0 0 0-.157-.544zm-1.26-.484l-.081.052a3.465 3.465 0 0 0-.888-.429c.268-.384.589-.606.888-.606.33 0 .628.199.89.606a3.465 3.465 0 0 0-.808.377zm-1.115-.308c-.218.375-.434 1.006-.458 1.339-.051-.012-.098-.052-.139-.125-.223-.4-.326-.763-.273-.985.067-.282.392-.353.87-.23zm1.16.393c.242-.151.633-.327.822-.371.015.025.03.054.047.085.066.132.138.312.211.53a11.02 11.02 0 0 1 .21.7.314.314 0 0 1-.09-.039.576.576 0 0 1-.094-.073c-.585-.536-.623-.569-.825-.693a1.33 1.33 0 0 0-.288-.136l.006-.003zm-1.54.944c.026-.323.251-.966.467-1.314.21.05.563.215.816.371-.227.07-.437.226-.747.518l-.174.164c-.064.06-.117.108-.168.15a.529.529 0 0 1-.195.11z\",\n fill: \"#262628\"\n }))));\n};\n\nIconAvatar.defaultProps = {\n width: \"30\",\n height: \"30\",\n viewBox: \"0 0 30 30\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n var profile = _ref.profile,\n onClick = _ref.onClick,\n open = _ref.open,\n newNotifications = _ref.newNotifications;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.userInfoContainer,\n role: \"button\",\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer, newNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.newNotifications)\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatar,\n src: profile.photoURL,\n alt: \"avatar\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handleContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handle\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.dropdownIcon\n }, open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null))));\n};\n\nUserInfo.propTypes = {\n profile: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n newNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\nvar _default = UserInfo;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"Group\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n fill: \"#F1F0F0\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n mask: \"url(#mask-2)\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M14.897 24.14a6.952 6.952 0 0 1 6.952 6.953V33H7.945v-1.907a6.952 6.952 0 0 1 6.952-6.952z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M21.278 32.396v-3.222c0-2.446-1.876-4.429-4.19-4.429h-4.382c-2.314 0-4.19 1.983-4.19 4.43v3.221h12.762zm-8.572-8.255h4.381c2.63 0 4.762 2.254 4.762 5.033V33H7.945v-3.826c0-2.78 2.131-5.033 4.761-5.033z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M12.516 21.926h4.952v3.45a2.476 2.476 0 1 1-4.952 0v-3.45z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M13.087 25.235c0 1.112.853 2.013 1.905 2.013s1.905-.901 1.905-2.013V22.53h-3.81v2.705zm-.571-3.309h4.952v3.309c0 1.445-1.108 2.617-2.476 2.617-1.367 0-2.476-1.172-2.476-2.617v-3.309zM9.087 12.765v1.007c-.578 0-1.047.496-1.047 1.107 0 .612.469 1.108 1.047 1.108v1.006c-1.104 0-2-.946-2-2.114 0-1.167.896-2.114 2-2.114zM20.905 12.765v1.007c.578 0 1.047.496 1.047 1.107 0 .612-.469 1.108-1.047 1.108v1.006c1.104 0 2-.946 2-2.114 0-1.167-.896-2.114-2-2.114z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M8.524 8.235l3.238-2.416L15 5.416l3.238.403 3.238 2.416v9.832a6.476 6.476 0 0 1-12.952 0V8.235z\",\n fill: \"#F8DAC5\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M17.278 18.407v.499c1.334 0 2.5-.722 3.128-1.798a5.395 5.395 0 0 1 1.062.027v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005z\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M16.8 19.78l-.204.28-.33-.05a8.371 8.371 0 0 0-2.865.055l-.348.067-.212-.299a5.319 5.319 0 0 0-.249-.323h-1.6a2.416 2.416 0 0 1-1.837-.862c.117.81.382 1.58.781 2.277 1.064 1.857 2.965 3.015 5.056 3.015s3.993-1.158 5.056-3.015a6.422 6.422 0 0 0 .781-2.277 2.416 2.416 0 0 1-1.837.862h-1.98a5.315 5.315 0 0 0-.212.27zm-7.998-2.082c.089 0 .178.002.266.007l.02-.396v-.206l-.559.061c.018.186.055.365.107.537.055-.002.11-.003.166-.003zm12.538.03a2.74 2.74 0 0 0 .116-.573l-.182-.02h-.377v.563c.148.004.296.014.443.03zm-10.348 1.178h1.714v-.144c.215.22.413.456.592.709a8.895 8.895 0 0 1 3.05-.059c.271-.373.584-.71.93-1.005v.499h1.714c.988 0 1.8-.794 1.895-1.811.197.003.39.016.581.04v.563c0 1.295-.34 2.507-.931 3.54-1.135 1.981-3.194 3.306-5.545 3.306s-4.41-1.325-5.544-3.307a7.108 7.108 0 0 1-.932-3.539v-.596a5.404 5.404 0 0 1 .582 0c.099 1.014.91 1.804 1.894 1.804z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M9.468 17.698c0 3.225 2.473 5.839 5.524 5.839 3.05 0 5.524-2.614 5.524-5.839V8.757l-2.637-1.968-2.887-.36-2.886.36-2.638 1.968v8.941zm-.952-9.463l3.238-2.416 3.238-.403 3.238.403 3.238 2.416v9.463c0 3.78-2.9 6.846-6.476 6.846-3.577 0-6.476-3.065-6.476-6.846V8.235z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M12.325 21.11v-.237c0-1.198.919-2.168 2.052-2.168h1.611c1.133 0 2.052.97 2.052 2.168v.245\",\n fill: \"#5D5D66\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M12.234 20.517c.072-1.288 1.023-2.316 2.196-2.316h1.505c1.173 0 2.125 1.028 2.196 2.316h-.573c-.069-.962-.773-1.712-1.623-1.712H14.43c-.85 0-1.554.75-1.623 1.712h-.573z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M20.524 10.047c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#37373D\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M22.048 11.432c.174-4.64-2.762-7.828-7.048-7.828s-7.222 3.188-7.048 7.828c.003.072.019.27.046.488.043.351.106.7.19 1.017.201.752.47 1.137.717 1.137v-4.027c0-1.677 1.254-3.053 2.834-3.118l.118-.003c.84 0 1.625.374 2.18 1.016a1.728 1.728 0 0 0 1.927 0 2.876 2.876 0 0 1 2.297-1.013c1.58.065 2.834 1.44 2.834 3.118v3.624c.635 0 .893-.626.953-2.239zm-1.524-1.385c0-1.356-1.015-2.462-2.286-2.515a2.324 2.324 0 0 0-1.898.87 2.281 2.281 0 0 1-2.68 0 2.324 2.324 0 0 0-1.898-.87c-1.27.053-2.286 1.159-2.286 2.515v4.63h-.571c-1.348 0-1.52-3.13-1.524-3.22C7.191 6.382 10.477 3 15 3s7.81 3.383 7.619 8.456c-.053 1.422-.262 2.82-1.524 2.82h-.571v-4.229z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M11 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.286c.158 0 .285.136.285.302a.294.294 0 0 1-.285.302H11zM16.905 12.06a.294.294 0 0 1-.286-.302c0-.166.128-.302.286-.302h2.285c.158 0 .286.136.286.302a.294.294 0 0 1-.286.302h-2.285zM13.85 17.225a.31.31 0 0 1 .131-.403.279.279 0 0 1 .382.139c.119.258.401.435.724.435a.79.79 0 0 0 .722-.43c.07-.15.242-.21.383-.135a.31.31 0 0 1 .128.405c-.22.465-.7.764-1.233.764-.537 0-1.02-.304-1.238-.775zM13.542 19.987a.31.31 0 0 1-.144-.399.28.28 0 0 1 .377-.152c.405.19.853.291 1.318.291.461 0 .906-.099 1.308-.286a.28.28 0 0 1 .376.154.309.309 0 0 1-.146.398 3.631 3.631 0 0 1-1.538.338 3.63 3.63 0 0 1-1.55-.344zM14.706 21.322a.294.294 0 0 1-.285-.302c0-.167.128-.302.285-.302h.762c.158 0 .286.135.286.302a.294.294 0 0 1-.286.302h-.762zM16.802 13.067v-.604h3.81v.604zM9.183 13.067v-.604h3.81v.604zM13.85 13.47v-.604h2.095v.604z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M17.387 12.463h2.748v1.646a2.381 2.381 0 0 1-2.381 2.38h-.367a2.013 2.013 0 1 1 0-4.027zM9.85 12.463h2.748a2.013 2.013 0 1 1 0 4.027h-.368a2.381 2.381 0 0 1-2.38-2.381v-1.646z\",\n fillOpacity: \".3\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M16.325 13.067c-.21 0-.38.18-.38.403v2.013c0 .223.17.403.38.403h2.858c.21 0 .38-.18.38-.403v-2.416h-3.238zm0-.604h3.81v3.02c0 .556-.426 1.007-.952 1.007h-2.858c-.526 0-.952-.45-.952-1.007V13.47c0-.556.426-1.007.952-1.007zM10.42 15.483c0 .223.171.403.382.403h2.857c.21 0 .38-.18.38-.403V13.47a.392.392 0 0 0-.38-.403H10.42v2.416zm-.57-3.02h3.809c.526 0 .952.45.952 1.007v2.013c0 .556-.426 1.007-.952 1.007h-2.857c-.526 0-.953-.45-.953-1.007v-3.02z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M13.14 14.687a.303.303 0 0 1-.215.362.286.286 0 0 1-.342-.226c-.03-.133-.18-.246-.37-.246-.191 0-.342.113-.371.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714zM18.663 14.687a.303.303 0 0 1-.214.362.286.286 0 0 1-.343-.226c-.029-.133-.18-.246-.37-.246s-.341.113-.37.247a.286.286 0 0 1-.343.226.303.303 0 0 1-.214-.362c.092-.422.483-.715.927-.715.444 0 .835.293.927.714z\",\n fill: \"#262628\",\n fillRule: \"nonzero\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M16.36 30.44a4.747 4.747 0 0 0-.308-.793c.478-.123.803-.052.87.23.052.222-.051.586-.274.985-.039.07-.083.109-.131.123a11.407 11.407 0 0 0-.157-.544zm-1.26-.484l-.081.052a3.465 3.465 0 0 0-.888-.429c.268-.384.589-.606.888-.606.33 0 .628.199.89.606a3.465 3.465 0 0 0-.808.377zm-1.115-.308c-.218.375-.434 1.006-.458 1.339-.051-.012-.098-.052-.139-.125-.223-.4-.326-.763-.273-.985.067-.282.392-.353.87-.23zm1.16.393c.242-.151.633-.327.822-.371.015.025.03.054.047.085.066.132.138.312.211.53a11.02 11.02 0 0 1 .21.7.314.314 0 0 1-.09-.039.576.576 0 0 1-.094-.073c-.585-.536-.623-.569-.825-.693a1.33 1.33 0 0 0-.288-.136l.006-.003zm-1.54.944c.026-.323.251-.966.467-1.314.21.05.563.215.816.371-.227.07-.437.226-.747.518l-.174.164c-.064.06-.117.108-.168.15a.529.529 0 0 1-.195.11z\",\n fill: \"#262628\"\n }))));\n};\n\nIconAvatar.defaultProps = {\n width: \"30\",\n height: \"30\",\n viewBox: \"0 0 30 30\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n var profile = _ref.profile,\n onClick = _ref.onClick,\n open = _ref.open,\n newNotifications = _ref.newNotifications;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.userInfoContainer,\n role: \"button\",\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer, newNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.newNotifications)\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatar,\n src: profile.photoURL,\n alt: \"avatar\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handleContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handle\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.dropdownIcon\n }, open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null))));\n};\n\nUserInfo.propTypes = {\n profile: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n newNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\nvar _default = UserInfo;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/home/ums-121/temp/navigation-component/src/components/UserInfo/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/ums-121/temp/navigation-component/src/components/UserInfo/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/index.js?"); /***/ }), @@ -1365,7 +1365,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("/* WEBPACK VAR INJECTION */(function(module) {(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\nvar AccountMenu = __webpack_require__(/*! ./components/AccountMenu */ \"./src/components/AccountMenu/index.js\")[\"default\"];\n\nvar CheckBox = __webpack_require__(/*! ./components/CheckBox */ \"./src/components/CheckBox/index.js\")[\"default\"];\n\nvar ChosenArrow = __webpack_require__(/*! ./components/ChosenArrow */ \"./src/components/ChosenArrow/index.js\")[\"default\"];\n\nvar DropdownBox = __webpack_require__(/*! ./components/DropdownBox */ \"./src/components/DropdownBox/index.js\")[\"default\"];\n\nvar IconSelect = __webpack_require__(/*! ./components/IconSelect */ \"./src/components/IconSelect/index.js\")[\"default\"];\n\nvar LoginNav = __webpack_require__(/*! ./components/LoginNav */ \"./src/components/LoginNav/index.js\")[\"default\"];\n\nvar NotificationButton = __webpack_require__(/*! ./components/NotificationButton */ \"./src/components/NotificationButton/index.js\")[\"default\"];\n\nvar NotificationSettings = __webpack_require__(/*! ./components/NotificationSettings */ \"./src/components/NotificationSettings/index.js\")[\"default\"];\n\nvar NotificationsPopup = __webpack_require__(/*! ./components/NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\")[\"default\"];\n\nvar SwitchBox = __webpack_require__(/*! ./components/SwitchBox */ \"./src/components/SwitchBox/index.js\")[\"default\"];\n\nvar TopNav = __webpack_require__(/*! ./components/TopNav */ \"./src/components/TopNav/index.js\")[\"default\"];\n\nvar UserInfo = __webpack_require__(/*! ./components/UserInfo */ \"./src/components/UserInfo/index.js\")[\"default\"];\n\n__webpack_require__(/*! ./assets/sass/style.scss */ \"./src/assets/sass/style.scss\");\n\nmodule.exports = {\n AccountMenu: AccountMenu,\n CheckBox: CheckBox,\n ChosenArrow: ChosenArrow,\n DropdownBox: DropdownBox,\n IconSelect: IconSelect,\n LoginNav: LoginNav,\n NotificationButton: NotificationButton,\n NotificationSettings: NotificationSettings,\n NotificationsPopup: NotificationsPopup,\n SwitchBox: SwitchBox,\n TopNav: TopNav,\n UserInfo: UserInfo\n};\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/index.js?"); +eval("/* WEBPACK VAR INJECTION */(function(module) {(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\nvar AccountMenu = __webpack_require__(/*! ./components/AccountMenu */ \"./src/components/AccountMenu/index.js\")[\"default\"];\n\nvar CheckBox = __webpack_require__(/*! ./components/CheckBox */ \"./src/components/CheckBox/index.js\")[\"default\"];\n\nvar ChosenArrow = __webpack_require__(/*! ./components/ChosenArrow */ \"./src/components/ChosenArrow/index.js\")[\"default\"];\n\nvar DropdownBox = __webpack_require__(/*! ./components/DropdownBox */ \"./src/components/DropdownBox/index.js\")[\"default\"];\n\nvar IconSelect = __webpack_require__(/*! ./components/IconSelect */ \"./src/components/IconSelect/index.js\")[\"default\"];\n\nvar LoginNav = __webpack_require__(/*! ./components/LoginNav */ \"./src/components/LoginNav/index.js\")[\"default\"];\n\nvar NotificationButton = __webpack_require__(/*! ./components/NotificationButton */ \"./src/components/NotificationButton/index.js\")[\"default\"];\n\nvar NotificationSettings = __webpack_require__(/*! ./components/NotificationSettings */ \"./src/components/NotificationSettings/index.js\")[\"default\"];\n\nvar NotificationsPopup = __webpack_require__(/*! ./components/NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\")[\"default\"];\n\nvar SwitchBox = __webpack_require__(/*! ./components/SwitchBox */ \"./src/components/SwitchBox/index.js\")[\"default\"];\n\nvar TopNav = __webpack_require__(/*! ./components/TopNav */ \"./src/components/TopNav/index.js\")[\"default\"];\n\nvar UserInfo = __webpack_require__(/*! ./components/UserInfo */ \"./src/components/UserInfo/index.js\")[\"default\"];\n\n__webpack_require__(/*! ./assets/sass/style.scss */ \"./src/assets/sass/style.scss\");\n\nmodule.exports = {\n AccountMenu: AccountMenu,\n CheckBox: CheckBox,\n ChosenArrow: ChosenArrow,\n DropdownBox: DropdownBox,\n IconSelect: IconSelect,\n LoginNav: LoginNav,\n NotificationButton: NotificationButton,\n NotificationSettings: NotificationSettings,\n NotificationsPopup: NotificationsPopup,\n SwitchBox: SwitchBox,\n TopNav: TopNav,\n UserInfo: UserInfo\n};\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/home/ums-121/temp/navigation-component/src/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/index.js?"); /***/ }), diff --git a/dist/prod/index.js b/dist/prod/index.js index 2aa4d7e..6c2359c 100644 --- a/dist/prod/index.js +++ b/dist/prod/index.js @@ -1,4 +1,4 @@ -!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("moment"),require("@babel/runtime/helpers/defineProperty"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","topcoder-react-utils","@babel/runtime/helpers/objectSpread","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","@babel/runtime/helpers/inherits","moment","@babel/runtime/helpers/defineProperty","react-dom"],n):"object"==typeof exports?exports["navigation-component"]=n(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("moment"),require("@babel/runtime/helpers/defineProperty"),require("react-dom")):e["navigation-component"]=n(e.react,e["prop-types"],e["react-hot-loader"],e.lodash,e["@babel/runtime/helpers/slicedToArray"],e["topcoder-react-utils"],e["@babel/runtime/helpers/objectSpread"],e["@babel/runtime/helpers/classCallCheck"],e["@babel/runtime/helpers/createClass"],e["@babel/runtime/helpers/possibleConstructorReturn"],e["@babel/runtime/helpers/getPrototypeOf"],e["@babel/runtime/helpers/inherits"],e.moment,e["@babel/runtime/helpers/defineProperty"],e["react-dom"])}("undefined"!=typeof self?self:this,function(__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__9__,__WEBPACK_EXTERNAL_MODULE__16__,__WEBPACK_EXTERNAL_MODULE__30__,__WEBPACK_EXTERNAL_MODULE__38__,__WEBPACK_EXTERNAL_MODULE__39__,__WEBPACK_EXTERNAL_MODULE__40__,__WEBPACK_EXTERNAL_MODULE__41__,__WEBPACK_EXTERNAL_MODULE__42__,__WEBPACK_EXTERNAL_MODULE__43__,__WEBPACK_EXTERNAL_MODULE__72__,__WEBPACK_EXTERNAL_MODULE__77__){return function(e){var n={};function t(o){if(n[o])return n[o].exports;var a=n[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)t.d(o,a,function(n){return e[n]}.bind(null,a));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=82)}([function(e,n){e.exports=__WEBPACK_EXTERNAL_MODULE__0__},function(e,n){e.exports=__WEBPACK_EXTERNAL_MODULE__1__},function(e,n){e.exports=__WEBPACK_EXTERNAL_MODULE__2__},function(e,n,t){var o; +!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("moment"),require("@babel/runtime/helpers/defineProperty"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","topcoder-react-utils","@babel/runtime/helpers/objectSpread","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","@babel/runtime/helpers/inherits","moment","@babel/runtime/helpers/defineProperty","react-dom"],e):"object"==typeof exports?exports["navigation-component"]=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("moment"),require("@babel/runtime/helpers/defineProperty"),require("react-dom")):n["navigation-component"]=e(n.react,n["prop-types"],n["react-hot-loader"],n.lodash,n["@babel/runtime/helpers/slicedToArray"],n["topcoder-react-utils"],n["@babel/runtime/helpers/objectSpread"],n["@babel/runtime/helpers/classCallCheck"],n["@babel/runtime/helpers/createClass"],n["@babel/runtime/helpers/possibleConstructorReturn"],n["@babel/runtime/helpers/getPrototypeOf"],n["@babel/runtime/helpers/inherits"],n.moment,n["@babel/runtime/helpers/defineProperty"],n["react-dom"])}("undefined"!=typeof self?self:this,function(__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__9__,__WEBPACK_EXTERNAL_MODULE__16__,__WEBPACK_EXTERNAL_MODULE__30__,__WEBPACK_EXTERNAL_MODULE__38__,__WEBPACK_EXTERNAL_MODULE__39__,__WEBPACK_EXTERNAL_MODULE__40__,__WEBPACK_EXTERNAL_MODULE__41__,__WEBPACK_EXTERNAL_MODULE__42__,__WEBPACK_EXTERNAL_MODULE__43__,__WEBPACK_EXTERNAL_MODULE__72__,__WEBPACK_EXTERNAL_MODULE__77__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var a=e[o]={i:o,l:!1,exports:{}};return n[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)t.d(o,a,function(e){return n[e]}.bind(null,a));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=82)}([function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__0__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__1__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__2__},function(n,e,t){var o; /*! Copyright (c) 2017 Jed Watson. Licensed under the MIT License (MIT), see @@ -9,4 +9,4 @@ Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ -!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var e=[],n=0;n=0&&p.splice(n,1)}function h(e){var n=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var o=function(){0;return t.nc}();o&&(e.attrs.nonce=o)}return b(n,e.attrs),f(e,n),n}function b(e,n){Object.keys(n).forEach(function(t){e.setAttribute(t,n[t])})}function g(e,n){var t,o,a,i;if(n.transform&&e.css){if(!(i="function"==typeof n.transform?n.transform(e.css):n.transform.default(e.css)))return function(){};e.css=i}if(n.singleton){var r=c++;t=s||(s=h(n)),o=x.bind(null,t,r,!1),a=x.bind(null,t,r,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(e){var n=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(n,e.attrs),f(e,n),n}(n),o=function(e,n,t){var o=t.css,a=t.sourceMap,i=void 0===n.convertToAbsoluteUrls&&a;(n.convertToAbsoluteUrls||i)&&(o=d(o));a&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");var r=new Blob([o],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,n),a=function(){m(t),t.href&&URL.revokeObjectURL(t.href)}):(t=h(n),o=function(e,n){var t=n.css,o=n.media;o&&e.setAttribute("media",o);if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}.bind(null,t),a=function(){m(t)});return o(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;o(e=n)}else a()}}e.exports=function(e,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=r()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var t=_(e,n);return u(t,n),function(e){for(var o=[],a=0;a0?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsRed,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["bell-icon"]}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsGrey,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["bell-icon"]}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["notifications-title"]},"Notifications"),s>0&&react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["red-number"]},"("+s+")"))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["icon-open-noti"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconRightArrow,null))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["noti-separator"]})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu},a.map(function(n,t){return n.separator?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,key:"separator-".concat(t)}):e.renderLink(n,t)})))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),AccountMenu}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);AccountMenu.defaultProps={numNotifications:0},AccountMenu.propTypes={open:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,onClose:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,menu:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,switchText:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),onSwitch:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,profile:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),numNotifications:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,onClickNotifications:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func.isRequired};var _default=AccountMenu,reactHotLoader,leaveModule;__webpack_exports__.default=_default,reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(MANAGE_ROLES,"MANAGE_ROLES","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(hasAccess,"hasAccess","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(AccountMenu,"AccountMenu","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(_default,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}.call(this,__webpack_require__(13)(module))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(45),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var u=function(e){var n=e.checked,t=e.onClick;return i.a.createElement("div",{className:d.a.checkbox,onClick:t},i.a.createElement("div",{className:c()(d.a["check-icon"],n&&d.a.checked)}))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var _,f,m=u;n.default=m,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"CheckBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js"),_.register(m,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js")),(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&f(e)}.call(this,t(13)(e))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(67),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var p=function(e){var n=e.show,t=e.x;return i.a.createElement("div",{className:c.a.chosenArrow,style:{transform:"translateX(calc(".concat(t,"px - 50%))")},hidden:!n},i.a.createElement("svg",{width:"40px",height:"10px",viewBox:"0 0 40 10"},i.a.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},i.a.createElement("g",{id:"Desktop-navigation-specification",transform:"translate(-229.000000, -1000.000000)"},i.a.createElement("path",{d:"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z",id:"Path-3"})))))};p.propTypes={show:l.a.bool,x:l.a.number};var d,u,_=p;n.default=_,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"ChosenArrow","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js"),d.register(_,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(e)}.call(this,t(13)(e))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(31),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var u=function(e,n){var t=n.find(function(n){return n.value===e});return t&&t.label},_=function(e){var n=e.open,t=e.onClick,o=e.onClose,a=e.checked,r=e.value,l=e.options,s=e.onChange,p=function(e){return function(n){n.preventDefault(),o(),s(e)}};return i.a.createElement("div",{className:c()(d.a["dropdown-box"],a&&d.a.checked,n&&d.a.open),onClick:function(e){return!e.defaultPrevented&&t()}},i.a.createElement("div",{className:d.a.backdrop,onClick:function(e){e.preventDefault(),o()}}),i.a.createElement("span",{className:d.a["selected-label"]},u(r,l),i.a.createElement("i",{className:d.a["dropdown-arrow"]})),i.a.createElement("ul",{className:d.a.options},l.map(function(e){return i.a.createElement("li",{className:c()(d.a["option-li"],e.value===r&&d.a.active),key:e.value,onClick:p(e.value)},e.label)})))};_.propTypes={open:l.a.bool,onClick:l.a.func,onClose:l.a.func,checked:l.a.bool,value:l.a.any,options:l.a.array,onChange:l.a.func};var f,m,h=_;n.default=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"optionLabel","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js"),f.register(_,"DropdownBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(e)}.call(this,t(13)(e))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(68),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var p=function(e){var n=e.show,t=e.x;return i.a.createElement("span",{className:c.a.iconSelect,style:{transform:"translateX(calc(".concat(t,"px - 50%))")},hidden:!n})};p.propTypes={show:l.a.bool,x:l.a.number};var d,u,_=p;n.default=_,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"IconSelect","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js"),d.register(_,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(e)}.call(this,t(13)(e))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(46),d=t.n(p),u=t(5),_=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var f=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#888894",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};f.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var m=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};m.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var h=function(e){return e&&_.a.countBy(e||[],function(e){return!e.isSeen&&!e.isRead}).true>0?"new":0===e.length?"none":"seen"},b=function(e){var n=e.onClick,t=e.notificationsPopupOpen,o=e.notifications;return i.a.createElement("div",{className:c()([d.a.notificationButton,t&&d.a.isNotificationsPopupOpen,d.a[h(o)]]),onClick:n},_.a.isEmpty(o||[])?i.a.createElement(f,null):i.a.createElement(m,null))};b.propTypes={onClick:l.a.func,notificationsPopupOpen:l.a.bool,notifications:l.a.array};var g,v,y=b;n.default=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(h,"getNotificationButtonState","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js"),g.register(b,"NotificationButton","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js"),g.register(y,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(e)}.call(this,t(13)(e))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(4),d=t.n(p),u=t(70),_=t(71);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var f=function(e){var n=e.open,t=e.onClose,o=e.emptyTitle,a=e.markNotificationAsRead,r=e.emptyText,l=e.notifications,s=e.unReadNotifications,p=e.markAllNotificationAsRead,f=e.dismissChallengeNotifications,m=e.auth;return i.a.createElement("div",{className:c()(d.a["notifications-panel"],n&&d.a.open)},i.a.createElement("div",{className:d.a.backdrop,onClick:t}),l&&l.length>0?i.a.createElement(_.a,{notifications:l,markNotificationAsRead:a,auth:m,unReadNotifications:s,markAllNotificationAsRead:p,dismissChallengeNotifications:f,onClose:t}):i.a.createElement(u.a,{emptyTitle:o,emptyText:r,onClose:t}))};f.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications.")},f.propTypes={open:l.a.bool,onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node,auth:l.a.shape(),notifications:l.a.array,unReadNotifications:l.a.bool,markNotificationAsRead:l.a.func.isRequired,markAllNotificationAsRead:l.a.func.isRequired,dismissChallengeNotifications:l.a.func.isRequired};var m,h,b=f;n.default=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"NotificationsPopup","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js"),m.register(b,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(e)}.call(this,t(13)(e))},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(36),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var u=function(e){var n=e.checked,t=e.onClick;return i.a.createElement("div",{className:c()(d.a["switch-box"],n&&d.a.checked),onClick:t},i.a.createElement("span",{className:d.a["label-on"]},"on"),i.a.createElement("span",{className:d.a.dot}),i.a.createElement("span",{className:d.a["label-off"]},"off"))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var _,f,m=u;n.default=m,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"SwitchBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js"),_.register(m,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js")),(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&f(e)}.call(this,t(13)(e))},function(e,n,t){var o=t(100);"string"==typeof o&&(o=[[e.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(e.exports=o.locals)},function(e,n,t){e.exports=t.p+"images/icon-bell-red.svg"},function(e,n,t){e.exports=t.p+"images/right-arrow.svg"},function(e,n,t){e.exports=t.p+"images/flat-icon-opposite-arrows.svg"},function(e,n,t){e.exports=t.p+"images/bell-big.svg"},function(e,n,t){e.exports=t.p+"images/delete-small.svg"},function(e,n,t){e.exports=t.p+"images/group.svg"},function(e,n,t){e.exports=t.p+"images/bell-black.svg"},function(e,n,t){e.exports=t.p+"images/icon-email.svg"},function(e,n){var t;t=function(){return this}();try{t=t||new Function("return this")()}catch(e){"object"==typeof window&&(t=window)}e.exports=t},function(e,n,t){var o=t(88);"string"==typeof o&&(o=[[e.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(e.exports=o.locals)},function(e,n,t){var o=t(90);"string"==typeof o&&(o=[[e.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(e.exports=o.locals)},function(e,n,t){var o=t(92);"string"==typeof o&&(o=[[e.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(e.exports=o.locals)},function(e,n,t){"use strict";(function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(4),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var u=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};u.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var _=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"right-arrow"),i.a.createElement("path",{d:"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z",fill:"#fff",fillRule:"nonzero"}))};_.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var f=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"A5A5134F-6BA3-42D1-9A27-5A1529E5925C"),i.a.createElement("path",{d:"M69.002 49.758C71.065 52.084 73 54.41 73 57.64c0 7.109-14.703 11.89-36.5 11.89S0 64.75 0 57.642c0-3.36 1.935-5.557 3.998-7.883 2.58-2.844 5.417-6.075 5.417-12.278V27.14C9.415 12.667 22.055 0 36.5 0s27.085 12.536 27.085 26.882V37.48c0 6.203 2.837 9.434 5.417 12.278zM36.5 72.116c3.998 0 7.867-.129 11.35-.517C46.43 76.381 41.917 80 36.5 80s-9.931-3.49-11.35-8.4c3.483.387 7.352.516 11.35.516z",fill:"#B5E9DB",fillRule:"nonzero"}))};f.defaultProps={width:"73",height:"80",viewBox:"0 0 73 80",xmlns:"http://www.w3.org/2000/svg"};var m=function(e){var n=e.onClose,t=e.emptyTitle,o=e.emptyText;return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:d.a["noti-header"]},i.a.createElement("div",{className:d.a.lefts},i.a.createElement("div",{className:d.a["notification-icon"]},i.a.createElement(u,null)),i.a.createElement("div",{className:d.a["notification-left-btn-mobile"],role:"button",onClick:n},i.a.createElement(_,null)),i.a.createElement("span",{className:d.a["noti-title"]},"Notifications")),i.a.createElement("span",{className:c()(d.a["noti-empty-title-mobileonly"])},"Notifications")),i.a.createElement("div",{className:c()(d.a["noti-body"],d.a["noti-body-empty"],d.a.center)},i.a.createElement(f,{className:d.a["big-icon-bell"]}),i.a.createElement("div",{className:d.a["empty-title"]},t),i.a.createElement("div",{className:c()(d.a.txt,d.a["center-txt"])},o),i.a.createElement("span",{className:c()(d.a["btn-empty-noti"]),role:"button"},"Notification Settings")))};m.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications.")},m.propTypes={onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node};var h,b,g=m;n.a=g,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"EmptyNotifications","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),h.register(g,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(e)}).call(this,t(13)(e))},function(module,__webpack_exports__,__webpack_require__){"use strict";(function(module){__webpack_require__.d(__webpack_exports__,"a",function(){return NotificationList});var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(38),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(39),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(40),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(41),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(42),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__),react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),classnames__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(3),classnames__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(5),lodash__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__),moment__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(43),moment__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(16),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__),_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(4),_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__),enterModule;enterModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).enterModule,enterModule&&enterModule(module);var BackArrow=function(e){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",e,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"right-arrow"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z",fill:"#fff",fillRule:"nonzero"}))};BackArrow.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var GearIcon=function(e){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",e,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"settings-gear"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M13.3 5.2l1.1-2.1L13 1.7l-2.1 1.1c-.3-.2-.7-.3-1.1-.4L9 0H7l-.8 2.3c-.3.1-.7.2-1 .4L3.1 1.6 1.6 3.1l1.1 2.1c-.2.3-.3.7-.4 1L0 7v2l2.3.8c.1.4.3.7.4 1.1L1.6 13 3 14.4l2.1-1.1c.3.2.7.3 1.1.4L7 16h2l.8-2.3c.4-.1.7-.3 1.1-.4l2.1 1.1 1.4-1.4-1.1-2.1c.2-.3.3-.7.4-1.1L16 9V7l-2.3-.8c-.1-.3-.2-.7-.4-1zM8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z",fill:"#fff",fillRule:"nonzero"}))};GearIcon.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var TickIcon=function(e){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",e,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"checkmark"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M2.33 5.08L0 7.409l4.95 4.95 9.9-9.9-2.2-2.2-7.57 7.57-2.75-2.75z",fill:"#FFF",fillRule:"evenodd"}))};TickIcon.defaultProps={width:"15",height:"13",viewBox:"0 0 15 13",xmlns:"http://www.w3.org/2000/svg"};var NotificationIcon=function(e){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",e,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"icon-bell"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};NotificationIcon.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var eventTypes={PROJECT:{ACTIVE:["challenge.notification.events","notifications.autopilot.events"],COMPLETED:"challenge.notification.completed"},BROADCAST:"admin.notification.broadcast"},ConditionalWrapper=function(e){var n=e.condition,t=e.renderLink,o=e.renderDiv,a=e.children;return n?t(a):o(a)},Item=function(e){var n=e.item,t=e.auth,o=(e.onDismiss,e.markNotificationAsRead);e.isLink;return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(ConditionalWrapper,{condition:(eventTypes.PROJECT.ACTIVE.includes(n.eventType)||eventTypes.PROJECT.COMPLETED.includes(n.eventType))&&n.sourceId,renderLink:function(e){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/challenges/".concat(n.sourceId),className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-item"],onClick:function(){return!n.isRead&&o(n,t.tokenV3)}},e)},renderDiv:function(e){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-item"]},e)}},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.left},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("p",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.txt},n.contents),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["time-txt"]},moment__WEBPACK_IMPORTED_MODULE_9___default()(n.date).fromNow())),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.right},!n.isRead&&react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_7___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point,n.isSeen&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["point-grey"],!n.isSeen&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["point-red"]]),onClick:function(e){e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),o(n,t.tokenV3)}}))))};Item.propTypes={item:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.object.isRequired,auth:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape().isRequired,onDismiss:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,markNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,isLink:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool.isRequired};var NotificationList=function(_React$Component){function NotificationList(e){var n;return _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this,NotificationList),(n=_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(NotificationList).call(this,e))).state={nonCompletedSection:[],unreadCount:0},n}return _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(NotificationList,_React$Component),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(NotificationList,[{key:"challenges",value:function(e){return e=e||[],lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(e.map(function(e){return e.sourceName}).filter(function(e){return e})).map(function(n){return{challengeTitle:n,items:e.filter(function(e){return e.sourceName===n})}})}},{key:"isLink",value:function(e){return(eventTypes.PROJECT.ACTIVE.includes(e.eventType)||eventTypes.PROJECT.COMPLETED.includes(e.eventType))&&e.sourceId>0}},{key:"render",value:function(){var e=this,n=this.props,t=n.onClose,o=n.onSettings,a=n.notifications,i=n.onDismiss,r=n.unReadNotifications,l=n.markNotificationAsRead,s=n.markAllNotificationAsRead,c=n.auth;return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-header"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.lefts},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["notification-icon"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(NotificationIcon,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["notification-left-btn-mobile"],role:"button",onClick:t},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(BackArrow,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-title"]},"Notifications")),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-title-mobileonly"]},"Notifications"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.rights},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{role:"button",className:classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["white-link"],!r&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.disabled),onClick:function(){r&&s(c.tokenV3)}},"Mark All as Read")," ",react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point})," ",react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["white-link"],onClick:o},"Settings")),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["rights-mobile"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["btn-tick"],!r&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.disabled),role:"button",onClick:function(){r&&s(c.tokenV3)}},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TickIcon,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["btn-setting"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(GearIcon,null)))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-body"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,this.challenges(lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(a||[]).filter(function(e){return eventTypes.PROJECT.ACTIVE.includes(e.eventType)||eventTypes.BROADCAST.includes(e.eventType)})).map(function(n,t){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,{key:"nonComplete-".concat(t)},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{key:"noti-".concat(t),className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["challenge-title"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",null,n.challengeTitle)),n.items.map(function(n,o){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(Item,{item:n,auth:c,markNotificationAsRead:l,key:"noti-".concat(t,"-").concat(o),onDismiss:function(){return i([n])},isLink:e.isLink(n)})}))}))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["view-all-notifications"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/notifications"},"View all Notifications")))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),NotificationList}(react__WEBPACK_IMPORTED_MODULE_5___default.a.Component),reactHotLoader,leaveModule;NotificationList.defaultProps={notifications:[],auth:null,onDismiss:function(){return null},markAllNotificationAsRead:function(){return null},markNotificationAsRead:function(){return null}},NotificationList.propTypes={auth:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape(),notifications:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.array,onDismiss:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,onSettings:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,onClose:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,unReadNotifications:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool,markNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,markAllNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired},reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(eventTypes,"eventTypes","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(ConditionalWrapper,"ConditionalWrapper","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(Item,"Item","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(NotificationList,"NotificationList","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}).call(this,__webpack_require__(13)(module))},function(e,n){e.exports=__WEBPACK_EXTERNAL_MODULE__72__},function(e,n,t){"use strict";(function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(34),c=t.n(s),p=t(16);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var d=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"e-remove"),i.a.createElement("path",{d:"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z",fill:"#FFF",fillRule:"nonzero"}))};d.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var u=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"menu-8"),i.a.createElement("g",{fill:"#FFF",fillRule:"nonzero"},i.a.createElement("path",{d:"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z"})))};u.defaultProps={width:"24",height:"16",viewBox:"0 0 24 16",xmlns:"http://www.w3.org/2000/svg"};var _=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"ico-magnifying_glass"),i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};_.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var f=function(e){var n=e.showLeftMenu,t=e.onClickLeftMenu,o=e.logo,a=e.rightMenu;return i.a.createElement("div",null,i.a.createElement("div",{className:c.a.mobileNav},i.a.createElement("div",{className:c.a.leftMenuContainer},i.a.createElement("button",{className:c.a.menuBtn,onClick:t},n?i.a.createElement(d,null):i.a.createElement(u,null))),i.a.createElement("a",{href:"/"},o),a&&i.a.createElement("div",{className:c.a.rightMenu},a)),n&&i.a.createElement("div",{className:c.a.search},i.a.createElement(_,{className:c.a.icon}),i.a.createElement("input",{onKeyPress:function(e){"Enter"===e.key&&(window.location="".concat(p.config.URL.BASE,"/search/members?q=").concat(encodeURIComponent(e.target.value)))},placeholder:"Find members by username or skill","aria-label":"Find members by username or skill"})))};f.propTypes={showLeftMenu:l.a.bool,onClickLeftMenu:l.a.func,logo:l.a.node,rightMenu:l.a.node};var m,h,b=f;n.a=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"MobileNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js"),m.register(b,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(e)}).call(this,t(13)(e))},function(e,n,t){"use strict";(function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(33),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var u=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"arrow-small-down"),i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};u.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var _=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"arrow-small-up"),i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};_.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var f=function(e){var n=e.open,t=e.menu,o=e.isSecondaryMenu,a=e.activeChildId,r=e.onClick,l=e.createHandleClickItem;return i.a.createElement("div",{className:c()(d.a.mobileSubNav,n&&d.a.mobileSubNavOpen)},i.a.createElement("div",{className:d.a.mobileSubNavMask}),i.a.createElement("button",{className:d.a.mobileSubNavHeader,onClick:r},i.a.createElement("span",null,t.title),n&&i.a.createElement(_,null),!n&&i.a.createElement(u,null)),n&&i.a.createElement("div",{className:d.a.mobileSubNavContent},(o?t.secondaryMenu:t.subMenu)&&(o?t.secondaryMenu:t.subMenu).map(function(e,n){return i.a.createElement("a",{className:c()(d.a.mobileSubNavChild,e.id===a&&d.a.mobileSubNavChildOpen),href:e.href,key:"level3-".concat(n),onClick:l(e.id)},e.title)})))};f.propTypes={open:l.a.bool,menu:l.a.object,isSecondaryMenu:l.a.bool,activeChildId:l.a.any,onClick:l.a.func,createHandleClickItem:l.a.func};var m,h,b=f;n.a=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"MobileSubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js"),m.register(b,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(e)}).call(this,t(13)(e))},function(e,n,t){"use strict";(function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(47),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var u=function(e){var n=e.menu,t=e.activeChildId,o=e.createHandleClickItem;return i.a.createElement("div",{className:d.a.secondaryNavMobile},n.subMenu&&n.subMenu.map(function(e,n){return i.a.createElement("a",{className:c()(d.a.secondaryNavMobileItem,e.id===t&&d.a.secondaryNavMobileItemOpen),href:e.href,key:"level2-".concat(n),onClick:o(e.id)},e.title)}))};u.propTypes={menu:l.a.object,activeChildId:l.a.any,createHandleClickItem:l.a.func};var _,f,m=u;n.a=m,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"MobileMenu","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js"),_.register(m,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js")),(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&f(e)}).call(this,t(13)(e))},function(e,n,t){"use strict";(function(e){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(81),d=t(51),u=t(8),_=t.n(u),f=t(16);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var m=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"arrow-small-down"),i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};m.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var h=function(e){return i.a.createElement("svg",e,i.a.createElement("title",null,"ico-magnifying_glass"),i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};h.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var b=f.config.URL.BASE,g=function(e){var n=e.collapsed,t=e.showLeftMenu,o=e.logo,a=e.menu,r=e.rightMenu,l=e.moreMenu,s=e.openMore,u=e.onCloseMore,f=e.moreId,g=e.activeLevel1Id,v=e.activeLevel2Id,y=e.onClickLogo,x=e.onRightMenuResize,E=e.createHandleClickLevel1,A=e.createHandleClickLevel2,w=e.handleClickMore,M=e.createHandleClickMoreItem,D=e.createSetRef,C=e.showChosenArrow,O=e.chosenArrowX,F=e.searchOpened,k=e.toggleSearchOpen,I=function(e){return!(l||[]).find(function(n){return n.id===e.id})},R=50;return i.a.createElement("div",null,i.a.createElement("div",{className:c()(_.a.primaryNavContainer,t&&_.a.primaryNavContainerOpen)},i.a.createElement("div",{className:_.a.primaryNav,ref:D("primaryNav")},i.a.createElement("a",{className:c()(_.a.tcLogo,n&&_.a.tcLogoPush),onClick:y,href:"/"},o),a.map(function(e,n){return[i.a.createElement("span",{className:_.a.primaryLevel1Separator,key:"separator-".concat(n)}),i.a.createElement("a",{className:c()(_.a.primaryLevel1,!v&&e.id===g&&_.a.primaryLevel1Open,e.mobileOnly&&_.a.mobileOnly),href:e.href,key:"level1-".concat(n),onClick:E(e.id,!0),ref:D(e.id)},e.title),e.subMenu&&i.a.createElement("div",{className:c()(_.a.primaryLevel2Container,e.id===g&&_.a.primaryLevel2ContainerOpen),key:"level2-".concat(n,"-container"),ref:D("level2Container".concat(n))},e.subMenu.filter(I).map(function(e,n){return i.a.createElement("a",{className:c()(_.a.primaryLevel2,e.id===v&&_.a.primaryLevel2Open),href:e.href,key:"level2-".concat(n),onClick:A(e.id,!0),ref:D(e.id)},e.title)}),e.id===g&&l&&l.length>0&&i.a.createElement("div",{className:c()(_.a.moreBtnContainer,s&&_.a.moreOpen)},i.a.createElement("div",{className:_.a.backdrop,onClick:u}),i.a.createElement("button",{className:c()(_.a.primaryLevel2,_.a.moreBtn),onClick:w,ref:D(f)},i.a.createElement("div",{className:_.a.moreBtnMask}),i.a.createElement("span",null,"More"),i.a.createElement(m,null)),i.a.createElement("div",{className:_.a.moreContentContainer},l.map(function(e,n){return i.a.createElement("a",{className:c()(_.a.primaryLevel2,e.id===v&&_.a.primaryLevel2Open),href:e.href,key:"more-item-".concat(n),onClick:M(e.id)},e.title)}))))]}),i.a.createElement(d.default,{show:C,x:O})),i.a.createElement("div",{className:_.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:x}),r&&i.a.createElement("div",{className:_.a.primaryLevel1},r),i.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:c()(_.a.searchIcon,{opened:F}),onFocus:function(){return k(!0)},onBlur:function(e){e.pageY0},e.prototype.connect_=function(){o&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),c?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){o&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var n=e.propertyName,t=void 0===n?"":n;s.some(function(e){return!!~t.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),d=function(e,n){for(var t=0,o=Object.keys(n);t0},e}(),A="undefined"!=typeof WeakMap?new WeakMap:new t,w=function(){return function e(n){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var t=p.getInstance(),o=new E(n,t,this);A.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(e){w.prototype[e]=function(){var n;return(n=A.get(this))[e].apply(n,arguments)}});var M=void 0!==a.ResizeObserver?a.ResizeObserver:w;n.a=M}).call(this,t(66))},function(e,n,t){"use strict";(function(e){var t="object"==typeof e&&e&&e.Object===Object&&e;n.a=t}).call(this,t(66))},function(e,n,t){"use strict";(function(e){var o,a=t(5),i=t.n(a),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(3),d=t.n(p),u=t(53),_=t(16),f=t(35),m=t.n(f);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var h=function(e){var n=e.open,t=e.menu,o=e.isSecondaryMenu,a=e.activeChildId,r=e.showIndicator,s=e.indicatorX,c=e.createHandleClickItem,p=e.createSetRef;return l.a.createElement("div",{className:d()(m.a.secondaryNav,n&&m.a.secondaryNavOpen)},l.a.createElement("div",{className:m.a.secondaryNavLinkContainer},t&&(o?t.secondaryMenu:t.subMenu)&&(o?t.secondaryMenu:t.subMenu).map(function(e,n){var t=i.a.isEmpty(e.link)?e.href:e.link;return l.a.createElement(_.Link,{className:d()(m.a.secondaryNavItem,e.id===a&&m.a.secondaryNavItemOpen),key:"level3-".concat(n),to:t,onClick:c(e.id)},l.a.createElement("span",{ref:p(e.id)},e.title),l.a.createElement("span",{className:d()(m.a.indicator)}))}),l.a.createElement(u.default,{show:r,x:s})))};h.propTypes={open:c.a.bool,menu:c.a.object,isSecondaryMenu:c.a.bool,activeChildId:c.a.any,showIndicator:c.a.bool,indicatorX:c.a.number,createHandleClickItem:c.a.func,createSetRef:c.a.func};var b,g,v=h;n.a=v,(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(b.register(h,"SubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js"),b.register(v,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js")),(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&g(e)}).call(this,t(13)(e))},function(e,n,t){"use strict";var o=t(0),a=t.n(o),i=t(77),r=t(78),l=function(e){var n=[],t=null,o=function(){for(var o=arguments.length,a=Array(o),i=0;i=n||t<0||u&&e-p>=i}function b(){var e=_();if(h(e))return g(e);l=setTimeout(b,function(e){var t=n-(e-s);return u?N(t,i-(e-p)):t}(e))}function g(e){return l=void 0,f&&o?m(e):(o=a=void 0,r)}function v(){var e=_(),t=h(e);if(o=arguments,a=this,s=e,t){if(void 0===l)return function(e){return p=e,l=setTimeout(b,n),d?m(e):r}(s);if(u)return l=setTimeout(b,n),m(s)}return void 0===l&&(l=setTimeout(b,n)),r}return n=B(n)||0,c(t)&&(d=!!t.leading,i=(u="maxWait"in t)?W(B(t.maxWait)||0,n):i,f="trailing"in t?!!t.trailing:f),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=s=a=l=void 0},v.flush=function(){return void 0===l?r:g(_())},v},K="Expected a function";var S=function(e,n,t){var o=!0,a=!0;if("function"!=typeof e)throw new TypeError(K);return c(t)&&(o="leading"in t?!!t.leading:o,a="trailing"in t?!!t.trailing:a),U(e,n,{leading:o,maxWait:n,trailing:a})},z={debounce:U,throttle:S},j=function(e){return z[e]},H=function(e){return"function"==typeof e},X=function(){return"undefined"==typeof window},q=function(e){return e instanceof Element||e instanceof HTMLDocument};function G(e){return(G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function V(e,n){for(var t=0;t0;return l.a.createElement("div",{className:d.a.loginContainer},n?p?[l.a.createElement(u.default,{notifications:t||[],notificationsPopupOpen:D,onClick:R,key:"notification-button"}),l.a.createElement(f.default,{profile:h,newNotifications:!!L,onClick:P,open:k,key:"user-info"})]:l.a.createElement(f.default,{profile:h,newNotifications:!!L,onClick:P,open:k,key:"user-info"}):l.a.createElement("a",{href:g.href,onClick:function(e){var n=encodeURIComponent(window.location.href);window.location=g.location.replace("%S",n),e.preventDefault()}},"LOGIN"),l.a.createElement(_.default,{open:D,notifications:t,onClose:function(){L&&E(L,v.tokenV3),C(!1)},auth:v,unReadNotifications:B,markNotificationAsRead:y,markAllNotificationAsRead:x,dismissChallengeNotifications:A}),l.a.createElement(m.default,{profile:h,open:k,menu:o,switchText:a,numNotifications:b.a.filter(t||[],function(e){return!e.isSeen&&!e.isRead}).length,onClickNotifications:R,onSwitch:s,onClose:function(){I(!1),document.body.style.position=""}}))};g.propTypes={loggedIn:c.a.bool,notifications:c.a.array,accountMenu:c.a.array,onSwitch:c.a.func,onMenuOpen:c.a.func,showNotification:c.a.bool,profile:c.a.shape(),auth:c.a.shape(),switchText:c.a.shape(),authURLs:c.a.shape(),markNotificationAsRead:c.a.func.isRequired,markAllNotificationAsRead:c.a.func.isRequired,markAllNotificationAsSeen:c.a.func.isRequired,dismissChallengeNotifications:c.a.func.isRequired};var v,y,x=g;n.default=x,(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(v.register(g,"LoginNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js"),v.register(x,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js")),(y=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&y(e)}.call(this,t(13)(e))},function(e,n,t){(n=e.exports=t(14)(!1)).push([e.i,"/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n .TLi8zlACFsu05s9-S0KD6 {\n display: none; } }\n\n@media (min-width: 769px) {\n .XioWN-AAeGkJnsjIq4V5z {\n display: none; } }\n\n._1lZDYTI4twm2tPiSSYmH7j {\n position: relative;\n display: flex;\n align-items: center; }\n @media (max-width: 768px) {\n ._1lZDYTI4twm2tPiSSYmH7j .FoUSAd5lNc93mRCKoyl8k {\n display: none; } }\n",""]),n.locals={"mobile-only":"TLi8zlACFsu05s9-S0KD6","hide-not-mobile":"XioWN-AAeGkJnsjIq4V5z",loginContainer:"_1lZDYTI4twm2tPiSSYmH7j",notificationButton:"FoUSAd5lNc93mRCKoyl8k"}},function(e,n,t){(n=e.exports=t(14)(!1)).push([e.i,'/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1FbstsxsOYjjccIB78Bf5 {\n display: none; } }\n\n@media (min-width: 769px) {\n ._3INAjyGw8wQPHAB_Re4yHH {\n display: none; } }\n\n._2Ii9wrSzf3Okhwg8qclKNK {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px; }\n @media (max-width: 768px) {\n ._2Ii9wrSzf3Okhwg8qclKNK {\n display: none; } }\n ._2Ii9wrSzf3Okhwg8qclKNK img {\n display: block; }\n ._2Ii9wrSzf3Okhwg8qclKNK.q_nxMe059lniB16rnd5Tn {\n opacity: 0.5; }\n ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh::after {\n content: "";\n width: 6px;\n height: 6px;\n position: absolute;\n top: -1px;\n right: 3px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n ._2Ii9wrSzf3Okhwg8qclKNK:hover, ._2Ii9wrSzf3Okhwg8qclKNK._1fEPa0UNfOfqQP46l2DmfT {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n',""]),n.locals={"mobile-only":"_1FbstsxsOYjjccIB78Bf5","hide-not-mobile":"_3INAjyGw8wQPHAB_Re4yHH",notificationButton:"_2Ii9wrSzf3Okhwg8qclKNK",none:"q_nxMe059lniB16rnd5Tn",new:"_3xZrCGzwx7RuauWwYHwENh",isNotificationsPopupOpen:"_1fEPa0UNfOfqQP46l2DmfT"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(61)),A=o(t(37)),w=o(t(62)),M=o(t(63));n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n._3uzpwBKEA-MbCkI9aIMOp7 {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n.dqp77tD8W2ETuOAfmPKrb {\n position: relative; }\n\n._10uxAesUyb2uI6gmKN7J6z {\n display: none !important; }\n\n._3jhWQHRm5iNa8aHKufZPJM {\n display: none; }\n\n._3DFOkrCgDMnvjCqabi6xXD {\n display: block; }\n\n._3zI77bcsXMPehS4g_swO9f {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n ._3zI77bcsXMPehS4g_swO9f.njaE6s5GBKM1QWGa3X0N1 {\n align-items: flex-start; }\n\n._3_kpxJWCILsR8Tg-9uKzXZ {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n._2oHjajwzyk-5gR6VkemMLi {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n ._2oHjajwzyk-5gR6VkemMLi.tTm4NWRWu70QFI-vy6lfh, ._2oHjajwzyk-5gR6VkemMLi:active, ._2oHjajwzyk-5gR6VkemMLi:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n.iFKI2Ov4qa7QzgTzmFOtv,\n.iFKI2Ov4qa7QzgTzmFOtv:hover,\n.iFKI2Ov4qa7QzgTzmFOtv:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n.iFKI2Ov4qa7QzgTzmFOtv:hover {\n opacity: 0.75; }\n\n.iFKI2Ov4qa7QzgTzmFOtv {\n background-color: #2C95D7; }\n .iFKI2Ov4qa7QzgTzmFOtv._2SKHVaubAgUcwsNX6eYUJk, .iFKI2Ov4qa7QzgTzmFOtv:disabled, .iFKI2Ov4qa7QzgTzmFOtv[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n._2qrP7i56V22adC8xa8ezas,\n._2qrP7i56V22adC8xa8ezas:hover,\n._2qrP7i56V22adC8xa8ezas:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n._2qrP7i56V22adC8xa8ezas:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1KRwHAl5IRhFceiZQ7zk5B {\n display: none; } }\n\n@media (min-width: 769px) {\n ._1NDEgCD5MJCfPAwdP9B9P {\n display: none; } }\n\n._2bDaoAmFShmqVrbIpK298u {\n background-color: #FFFFFF;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 480px;\n height: auto;\n position: absolute;\n right: 10px;\n top: 40px;\n display: none;\n z-index: 100;\n cursor: default; }\n ._2bDaoAmFShmqVrbIpK298u [role=\"button\"]:not(._2SKHVaubAgUcwsNX6eYUJk) {\n cursor: pointer; }\n ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n display: flex; }\n ._2bDaoAmFShmqVrbIpK298u ._1WVxyW6Rc0m3600-JdYsfL {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n background-color: #0AB88A;\n border-radius: 10px 10px 0 0;\n padding: 17px 20px;\n height: 50px;\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\n display: flex; }\n @media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._9Cu-O6etHYdsCuPXfisaQ {\n display: none; } }\n @media (min-width: 769px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Al5qt_SIdZJrXcKNRD8cH {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\n background-size: 16px;\n color: #FFFFFF;\n font-size: 16px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: left;\n padding-left: 10px; }\n @media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\n flex-basis: 50%;\n background-size: 20px;\n color: #FFFFFF;\n font-size: 20px;\n font-family: 'Roboto';\n font-weight: 400;\n text-align: center; }\n @media (min-width: 769px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\n flex-basis: 50%;\n margin-right: 60px;\n background-size: 20px;\n color: #FFFFFF;\n font-size: 20px;\n font-family: 'Roboto';\n font-weight: 400;\n text-align: left; }\n @media (min-width: 769px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW {\n color: #FFFFFF;\n display: inline-block;\n vertical-align: middle;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: right; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW:hover {\n opacity: 0.75; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW._2SKHVaubAgUcwsNX6eYUJk {\n opacity: 0.50; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h ._3FpWnCPiOuQJLQsSr57gf7 {\n width: 3px;\n height: 3px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n max-height: 800px;\n overflow: scroll;\n scrollbar-width: 7px;\n scrollbar-color: #2A2A2B; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n padding-bottom: 50px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j {\n text-align: center; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._23EoeJfN5HQfGll9F8EyQk {\n margin: 50px auto; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PX9-2AtdZY9sGhVyChc1t {\n background: url("+E+") center center no-repeat;\n background-size: 73px 80px;\n width: 73px;\n height: 80px;\n margin: 50px 0 10px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._33BRWgRqLuhFi0Z_fj9uND {\n color: #2A2A2B;\n font-size: 24px;\n font-family: Barlow;\n line-height: 26px;\n font-weight: 600;\n text-transform: uppercase; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 22px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN._1wodp8ZcZPls60OS2tJ98H {\n text-align: center;\n margin: 15px auto 25px auto; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._31SfJMmwFiAncZnGzrr985 {\n background-color: #B5E9DB;\n height: 28px;\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 28px;\n padding-left: 20px;\n margin-top: -2px;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n padding-right: 20px;\n padding-top: 2px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PUmu4TJfpeh0EsusdDRik {\n background-color: #F4F4F4;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n font-weight: 500;\n line-height: 22px;\n padding-left: 20px;\n margin-top: -2px;\n padding: 5px 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F:last-child ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n border-bottom: 0; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2U6_rtw03hfHM93vyb4eBM,\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F {\n margin-top: -2px;\n background-color: #FFFFFF;\n padding-top: 5px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n position: absolute;\n right: 1px;\n top: 50%;\n margin-top: -10px;\n z-index: 666;\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R {\n display: block;\n background: url("+A+") center center no-repeat;\n background-size: 10px;\n width: 20px;\n height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R:hover {\n background: url("+w+") center center no-repeat; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n position: absolute;\n top: -28px;\n left: -76px;\n background-color: #2A2A2B;\n border-radius: 2px;\n padding: 6px 0;\n color: #FFFFFF;\n font-size: 11px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 13px;\n text-align: center;\n min-width: 110px;\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -5px;\n left: calc(50% + 30px);\n margin-left: -3px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid #2A2A2B; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n display: block; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR {\n background-color: #FFFFFF;\n padding: 5px 20px;\n display: flex;\n justify-content: space-between; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX {\n display: flex;\n flex-direction: column;\n padding-left: 30px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._3zu5BfIWJ71Fd4J1DqWfkN {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 22px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._32hmK9ADRmBSTzMopKTqjl {\n display: inline-block;\n vertical-align: middle;\n color: #AAA;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3FpWnCPiOuQJLQsSr57gf7 {\n width: 10px;\n height: 10px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._2xZJ_8SvvE83FXweMbCHiQ {\n background-color: #EF476F; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3ev54BPuVdNmvF_zTD5HV0 {\n background-color: #D4D4D4; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n padding: 0 30px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover {\n background-color: #FBFBFB; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover .yHh07r7iWc4GuTRcs4pX0 {\n display: block; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n display: block;\n padding: 10px 0;\n border-bottom: 1px solid #E0E0E0;\n position: relative;\n cursor: pointer; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n padding-right: 30px; }\n @media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._14yTDJk6l1sYTGFTef-Ym_ {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb {\n margin-top: 5px;\n line-height: 20px;\n font-size: 12px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._2ZUCs8P9S0HpqiCqTvFQdz {\n padding: 0px 10px;\n display: inline-block;\n margin-right: 6px;\n background-color: #50ADE8;\n border-radius: 5px;\n color: #FFFFFF;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._32hmK9ADRmBSTzMopKTqjl {\n display: inline-block;\n vertical-align: middle;\n color: #AAA;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX {\n background-color: #F4F4F4;\n height: 50px;\n padding-left: 20px;\n margin-top: -4px;\n z-index: 1;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n padding-left: 26px;\n background: url("+M+") left center no-repeat;\n background-size: 15px;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n width: calc(100% - 70px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n right: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX:hover .yHh07r7iWc4GuTRcs4pX0 {\n display: block; }\n ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH {\n display: grid;\n background-color: #F4F4F4;\n page-break-after: auto;\n position: relative;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n border-radius: 0 0 10px 10px;\n height: 42px; }\n ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH a {\n margin: auto;\n color: #0D61BF;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 22px;\n text-decoration: underline;\n padding: 0; }\n ._2bDaoAmFShmqVrbIpK298u ._4_Xr0xGB9gg5Xbx30yOpI {\n text-align: center;\n margin: 0 auto 50px auto; }\n ._2bDaoAmFShmqVrbIpK298u ._203n6NLK0TpwNfE1LM3U_ {\n background-color: #FBFBFB;\n border-radius: 0 0 10px 10px;\n height: 40px;\n display: flex;\n align-items: center;\n color: #7F7F7F;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 40px;\n justify-content: center;\n position: relative;\n z-index: 10;\n margin-top: -3px; }\n\n._2bDaoAmFShmqVrbIpK298u {\n max-height: 70vh;\n flex-direction: column;\n flex: 1; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n flex: 1;\n max-height: calc(100% - 82px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n padding-bottom: 50px;\n max-height: calc(100% - 40px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._26kuYkWWYXCvxDHSBLy8oE {\n text-transform: uppercase;\n background-color: #FFFFFF;\n border: 1px solid #137D60;\n border-radius: 15px;\n width: 187px;\n height: 30px;\n color: #229174;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 12px;\n letter-spacing: 0.8px;\n line-height: 30px;\n text-align: left;\n padding: 9px; }\n\n@media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: none;\n z-index: 100;\n width: 100%;\n height: 100%;\n position: fixed;\n box-shadow: none;\n border-radius: 0;\n display: none;\n top: 0;\n right: 0;\n overflow-y: auto; }\n ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n display: flex; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n height: 60px;\n border-radius: 0;\n align-items: inherit; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\n align-content: stretch;\n flex: 1; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h {\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\n display: flex;\n flex: 1;\n justify-content: flex-end; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD {\n margin: auto 0px;\n margin-right: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD._2SKHVaubAgUcwsNX6eYUJk {\n opacity: 0.50; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\n margin: auto 0px; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\n margin-left: 0;\n padding-left: 0;\n background: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n max-height: calc(100%-102px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j ._3zu5BfIWJ71Fd4J1DqWfkN {\n padding: 19px 20px 12px 21px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n padding-bottom: 50px;\n max-height: calc(100%-60px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n padding: 0 10px 0 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n padding-right: 0; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n right: 5px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n left: -90px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n left: 90%; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n padding-left: 25px;\n width: calc(100% - 50px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n right: 15px; }\n ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 {\n display: flex;\n justify-content: space-between; }\n ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 .xfaifYntjgl4Dxspu_eFs {\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 30px;\n text-align: left; } }\n",""]),n.locals={"wrap-all":"_3uzpwBKEA-MbCkI9aIMOp7",relative:"dqp77tD8W2ETuOAfmPKrb",hide:"_10uxAesUyb2uI6gmKN7J6z","desktop-hide":"_3jhWQHRm5iNa8aHKufZPJM","desktop-show":"_3DFOkrCgDMnvjCqabi6xXD","flex-grid":"_3zI77bcsXMPehS4g_swO9f","item-start":"njaE6s5GBKM1QWGa3X0N1",icons:"_3_kpxJWCILsR8Tg-9uKzXZ",btn:"_2oHjajwzyk-5gR6VkemMLi",active:"tTm4NWRWu70QFI-vy6lfh","btn-blue":"iFKI2Ov4qa7QzgTzmFOtv",disabled:"_2SKHVaubAgUcwsNX6eYUJk","btn-gray":"_2qrP7i56V22adC8xa8ezas","mobile-only":"_1KRwHAl5IRhFceiZQ7zk5B","hide-not-mobile":"_1NDEgCD5MJCfPAwdP9B9P","notifications-panel":"_2bDaoAmFShmqVrbIpK298u",open:"_212HUD_1uAlLuuyrAeehri",backdrop:"_1WVxyW6Rc0m3600-JdYsfL","noti-header":"_1RFb2SmIhhRopMZePb4MU5",lefts:"_3M96SO4OKP7cVQFlpIQ-Ik","notification-icon":"_9Cu-O6etHYdsCuPXfisaQ","notification-left-btn-mobile":"_1Al5qt_SIdZJrXcKNRD8cH","noti-title":"_1Jut592jFrUwlSXPV4dtcK","noti-title-mobileonly":"_1jJ9N2HuKmQUj_A-mQ67qW","noti-empty-title-mobileonly":"_1f8lcBrHq9x6yvItqU7Ep2",rights:"_2r9o0ga7lUDfvlv0Jy9p0h","white-link":"gG-EY-ujRac3C3XNmxXsW",point:"_3FpWnCPiOuQJLQsSr57gf7","rights-mobile":"_20RJ4TQaaVrz5BhsY29q3_","noti-body":"_1clear-wT4PIr6Ij0oX6aN","noti-body-empty":"It-eIvJJzNycowRXYNSGN",center:"_1Bc2hR___vzLOqf-KCSQ8j","big-icon-bell":"_23EoeJfN5HQfGll9F8EyQk","icon-bell":"_3PX9-2AtdZY9sGhVyChc1t","empty-title":"_33BRWgRqLuhFi0Z_fj9uND",txt:"_3zu5BfIWJ71Fd4J1DqWfkN","center-txt":"_1wodp8ZcZPls60OS2tJ98H","light-bar":"_31SfJMmwFiAncZnGzrr985","challenge-title":"_3PUmu4TJfpeh0EsusdDRik","greybar-section":"_3pSfnLAttSYTLgZyBO-I6F",items:"_1x6dqFZ-IL6wFdtTotlnCn","item-content":"_2TVvw7BG7N7OELifFSI4Ru","lightblue-section":"_2U6_rtw03hfHM93vyb4eBM","right-remove":"yHh07r7iWc4GuTRcs4pX0","btn-close":"_2HHwQfzOvSt5DilSiYDF1R","black-txt":"_7uhH3BTWyzWMLsM_8WzgF","noti-item":"_1vFU1IULi3uB1nW05MNVbR",left:"_3-CsLueVOP-Sz_QfKfcxhX","time-txt":"_32hmK9ADRmBSTzMopKTqjl",right:"_206pokmSILHpJaqgYudJUx","point-red":"_2xZJ_8SvvE83FXweMbCHiQ","point-grey":"_3ev54BPuVdNmvF_zTD5HV0",dismissItem:"_14yTDJk6l1sYTGFTef-Ym_","bottom-info":"_14BY8-HwlYHKowDEAHswcb","blue-squre":"_2ZUCs8P9S0HpqiCqTvFQdz","grey-bar":"_2H2C7O_dp6KwFeSAwq8AeX","copyicon-title":"_2aUK1rWbfvxWFNltLlvdq2","view-all-notifications":"_3pIDWY_lBmJURjVgicjlQH","noti-footer":"_4_Xr0xGB9gg5Xbx30yOpI","end-message":"_203n6NLK0TpwNfE1LM3U_","btn-empty-noti":"_26kuYkWWYXCvxDHSBLy8oE","btn-tick":"_1aGOTxZZ4syg1EJMdBLoUD","btn-setting":"_358oM7AujstXlvHcnoYHy3","left-noti":"_1sAHEAFDeoX_ZTuPXeKmPq","green-link":"xfaifYntjgl4Dxspu_eFs"}},function(e,n,t){(n=e.exports=t(14)(!1)).push([e.i,'/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._3-S7ERzJfyhbHGt11EIpER {\n display: none; } }\n\n@media (min-width: 769px) {\n ._3rust1gttUzFUo5G6HwRBj {\n display: none; } }\n\n.fKMH2imvVlyWN-E_J8Ytr {\n margin-left: 33px;\n border-radius: 15px;\n display: flex;\n align-items: center; }\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H {\n position: relative; }\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H ._1rDJnekJrLVLis92R02FDc {\n width: 30px;\n height: 30px;\n display: block;\n border-radius: 50%; }\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n content: "";\n width: 7px;\n height: 7px;\n position: absolute;\n top: -4px;\n right: -6px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n @media (min-width: 769px) {\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n display: none; } }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz {\n display: flex;\n align-items: center; }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: block;\n font-size: 14px;\n font-weight: 700;\n line-height: 30px;\n margin-left: 5px;\n white-space: nowrap; }\n @media (max-width: 768px) {\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: none; } }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n margin-left: 12px; }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 img {\n transition: all 0.5s; }\n @media (min-width: 769px) {\n .fKMH2imvVlyWN-E_J8Ytr:hover, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb {\n background-color: rgba(85, 85, 85, 0.4); } }\n .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: block; }\n @media (max-width: 768px) {\n .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: none; } }\n .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n transform: rotate(180deg); }\n\n@media (max-width: 768px) {\n .fKMH2imvVlyWN-E_J8Ytr {\n margin-left: 5px; } }\n',""]),n.locals={"mobile-only":"_3-S7ERzJfyhbHGt11EIpER","hide-not-mobile":"_3rust1gttUzFUo5G6HwRBj",userInfoContainer:"fKMH2imvVlyWN-E_J8Ytr",avatarContainer:"_3jYcrF2UXpM0DaUW7v2N9H",avatar:"_1rDJnekJrLVLis92R02FDc",newNotifications:"_3CZecOq_pMX8Ybp7wq0VXm",handleContainer:"DXaKhI0KdO_AMvRrJA1Uz",handle:"_12SkNHB6uAcn3Nr5m87Dv3",dropdownIcon:"_26tWpkJqj0GnCfpp5X_XT3",isUserPopupOpen:"_1C66unEGOCwLzLHeXB7Zxb"}},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(72),i=t.n(a),r=t(30),l=t.n(r),s=t(9),c=t.n(s),p=t(0),d=t.n(p),u=t(1),_=t.n(u),f=t(3),m=t.n(f),h=t(5),b=t.n(h),g=t(7),v=t.n(g),y=t(50),x=t(56),E=t(52);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var A=function(e){var n=e.control,t=e.name,o=e.value,a=e.options,i=e.onChange,r=Object(p.useState)(),l=c()(r,2),s=l[0],u=l[1];return"checkbox"===n?d.a.createElement(y.default,{checked:o,onClick:function(){return i(t,!o)}}):"switch"===n?d.a.createElement(x.default,{checked:o,onClick:function(){return i(t,!o)}}):"dropdown"===n&&d.a.createElement(E.default,{open:s,onClick:function(){return u(function(e){return!e})},onClose:function(){return u(!1)},checked:o!==a[0].value,value:o,options:a,onChange:function(e){return i(t,e)}})};A.propTypes={control:_.a.string,name:_.a.string,value:_.a.any,options:_.a.array,onChange:_.a.func};var w=function(e){var n=e.item,t=e.onChange;return d.a.createElement("li",null,d.a.createElement("div",{className:v.a["list-item"]},d.a.createElement("div",{className:v.a.left},d.a.createElement("div",{className:v.a.title},n.title),d.a.createElement("div",{className:v.a.description},n.description)),d.a.createElement("div",{className:v.a.website},d.a.createElement(A,{control:n.websiteControl,name:"website",value:n.website,options:n.websiteOptions,onChange:t})),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement(A,{control:n.emailControl,name:"email",value:n.email,options:n.emailOptions,onChange:t}))),d.a.createElement("div",{className:v.a["description-mobile"]},n.description))};w.propTypes={item:_.a.object,onChange:_.a.func};var M=function(e){var n=e.open,t=e.settings,o=e.theme,a=e.onChange,r=e.onClose,s=e.onSave,c=Object(p.useMemo)(function(){return t.map(function(e,n){return l()({},e,{id:e.id||n})})},[t]),u=Object(p.useMemo)(function(){return b.a.uniq(c.map(function(e){return e.category})).map(function(e){return{category:e,settings:c.filter(function(n){return n.category===e})}})},[c]),_=function(e){return function(n,t){var o=c.map(function(o){return(o=l()({},o)).id===e.id&&(o[n]=t),delete o.id,o});delete(e=l()({},e,i()({},n,t))).id,a(o,e,n)}};return d.a.createElement("div",{className:m()(v.a["settings-dialog"],v.a["theme-wrapper"],"theme-".concat(o),n&&v.a.open)},d.a.createElement("div",{className:v.a["header-nav-ui"]},d.a.createElement("div",{className:v.a["settings-nav"]},d.a.createElement("img",{className:v.a["tc-logo"],src:"../../assets/images/tc-logo.svg",alt:"logo"}),d.a.createElement("span",{className:v.a.title},"Topcoder Settings"),d.a.createElement("span",{role:"button",className:v.a["close-btn"],onClick:r},d.a.createElement("img",{src:"../../assets/images/icon-close.svg",alt:"close"})))),d.a.createElement("div",{className:v.a["settings-panel"]},d.a.createElement("div",{className:v.a.title},"Notifications"),u.map(function(e){return d.a.createElement("div",{className:v.a["panel-content"],key:e.category},d.a.createElement("div",{className:v.a["section-title"]},d.a.createElement("div",{className:v.a.left},e.category),d.a.createElement("div",{className:v.a.website},d.a.createElement("span",null,d.a.createElement("em",null,"Website"))),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement("span",null,d.a.createElement("em",null,"As email")))),d.a.createElement("ul",{className:v.a["section-list"]},e.settings.map(function(e,n){return d.a.createElement(w,{item:e,key:"item-".concat(n),onChange:_(e)})})))}),d.a.createElement("div",{className:v.a["bottom-btn"]},d.a.createElement("span",{role:"button",className:m()(v.a.btn,v.a["btn-gray"]),onClick:s},"Save settings"))))};M.defaultProps={theme:"light",settings:[{category:"Project notifications",title:"New posts and replies",description:"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.",websiteControl:"checkbox",website:!0,emailControl:"dropdown",email:"immediately",emailOptions:[{value:"off",label:"Off"},{value:"immediately",label:"Immediately"},{value:"daily",label:"Daily"},{value:"everyOtherDay",label:"Every other day"}]}]},M.propTypes={open:_.a.bool,settings:_.a.array,theme:_.a.string,onChange:_.a.func,onSave:_.a.func,onClose:_.a.func};var D,C,O=M;n.default=O,(D=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(D.register(A,"ItemControl","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js"),D.register(w,"Item","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js"),D.register(M,"NotificationSettings","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js"),D.register(O,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js")),(C=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&C(e)}.call(this,t(13)(e))},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(64)),A=o(t(65)),w=o(t(37)),M=o(t(48));n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n.eC-XVUOCrLjhmXzHI0vGN {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n._2xo4uOqkSud82iwvYR3qf1 {\n position: relative; }\n\n.NlrYxlXgGI3rEqT6M42Jv {\n display: none !important; }\n\n._3NH1eX76zUIIqougfg1Ymw {\n display: none; }\n\n._1Z1quIuGPzfYvCkDntIYlb {\n display: block; }\n\n._1Symr618U2KCrSqSCdIyBj {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n ._1Symr618U2KCrSqSCdIyBj._3xTu4q4J8091vIF0lc5dKR {\n align-items: flex-start; }\n\n._1bAM9uOkMIPyCzX36IH7ee {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n._1jDYKAzHkTnCcpR9MltfnI {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n ._1jDYKAzHkTnCcpR9MltfnI._3dMiiVxCKHoTFlWF5H874_, ._1jDYKAzHkTnCcpR9MltfnI:active, ._1jDYKAzHkTnCcpR9MltfnI:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n._2DSryVrhvXvqpJW0x0lUDT,\n._2DSryVrhvXvqpJW0x0lUDT:hover,\n._2DSryVrhvXvqpJW0x0lUDT:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n._2DSryVrhvXvqpJW0x0lUDT:hover {\n opacity: 0.75; }\n\n._2DSryVrhvXvqpJW0x0lUDT {\n background-color: #2C95D7; }\n ._2DSryVrhvXvqpJW0x0lUDT._1MHUFM2yNbOKoVGNISgS3w, ._2DSryVrhvXvqpJW0x0lUDT:disabled, ._2DSryVrhvXvqpJW0x0lUDT[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n._--arUl_Dy5b5W86b7LUv,\n._--arUl_Dy5b5W86b7LUv:hover,\n._--arUl_Dy5b5W86b7LUv:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n._--arUl_Dy5b5W86b7LUv:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1P9-Bk4ixH89d314mDbLCU {\n display: none; } }\n\n@media (min-width: 769px) {\n ._17ggnmpagGsicRppyh_P8y {\n display: none; } }\n\n.WAgkW-bDfiYQsjyNB9Xxt {\n display: none;\n background-color: #D4D4D4;\n overflow: auto;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10; }\n .WAgkW-bDfiYQsjyNB9Xxt._2v9qkCIvI9h57uZ3T5YH5A {\n display: block; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm {\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative;\n display: flex;\n flex-direction: column; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 60px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._3W_w2YG6HjC9SwP0OlxpFK {\n margin: 0 30px;\n justify-self: flex-start;\n cursor: pointer; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V a,\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Gvn15ZFPAnE0Wrne00JHX {\n color: #EDEDF2;\n font-size: 20px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n background-color: #808080;\n border-radius: 29px;\n width: 30px;\n height: 30px;\n margin-right: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer; }\n @media (max-width: 900px) {\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n background-color: initial; } }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st img {\n transform: scale(0.9); }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr {\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 1px 1px 0 #D5D5D5;\n width: 720px;\n margin: 26px auto 26px auto;\n font-family: 'Roboto';\n font-weight: 400;\n padding: 30px 20px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._2Gvn15ZFPAnE0Wrne00JHX {\n color: #151516;\n font-size: 28px;\n font-weight: 300;\n line-height: 35px;\n text-align: center;\n margin-bottom: 20px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe {\n margin-bottom: 60px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp {\n background-color: #EBEBEB;\n border-radius: 4px 4px 0 0;\n height: 50px;\n padding: 0 10px;\n display: flex;\n align-items: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 15px;\n line-height: 30px;\n flex: 0 0 63%; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 35px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 15%;\n display: flex;\n justify-content: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n background: url("+E+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n font-style: normal; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 22%;\n display: flex;\n justify-content: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n background: url("+A+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n font-style: normal; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n padding-left: 0;\n margin-top: 0; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li {\n min-height: 50px;\n padding: 0 10px;\n box-shadow: 0 1px 0 0 #E0E0E0;\n padding-bottom: 10px;\n padding-top: 10px;\n display: block; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li:hover {\n background-color: #FAFAFB; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV {\n display: flex;\n align-items: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n flex: 0 0 63%; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 15px;\n line-height: 30px;\n text-align: left;\n margin-bottom: auto; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-right: 40px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 15%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6 {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 7px;\n cursor: pointer; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n background: url("+M+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n margin-left: -5px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 22%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 10px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n background: url("+M+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n cursor: pointer;\n margin-left: -5px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n display: none; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._3bl253IZy8-oMDwdXOyrus {\n text-align: center; }\n\n@media (max-width: 768px) {\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr {\n margin-top: 0;\n margin-bottom: 0;\n border-radius: 0;\n width: 100%;\n padding: 12px 0 32px 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr > ._2Gvn15ZFPAnE0Wrne00JHX {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n flex: 0 0 45%; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 10%; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 45%; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n padding-left: 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n flex: 0 0 45%;\n align-self: flex-start;\n padding-top: 5px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n line-height: 20px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 10%;\n align-self: flex-start;\n margin-top: 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 45%;\n align-self: flex-start;\n margin-top: 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n margin-top: 12px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n margin-top: 13px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._1FOQUwg-2XS6hvLZP1WRAX {\n margin-top: 2px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n display: block;\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-top: 10px; } }\n",""]),n.locals={"wrap-all":"eC-XVUOCrLjhmXzHI0vGN",relative:"_2xo4uOqkSud82iwvYR3qf1",hide:"NlrYxlXgGI3rEqT6M42Jv","desktop-hide":"_3NH1eX76zUIIqougfg1Ymw","desktop-show":"_1Z1quIuGPzfYvCkDntIYlb","flex-grid":"_1Symr618U2KCrSqSCdIyBj","item-start":"_3xTu4q4J8091vIF0lc5dKR",icons:"_1bAM9uOkMIPyCzX36IH7ee",btn:"_1jDYKAzHkTnCcpR9MltfnI",active:"_3dMiiVxCKHoTFlWF5H874_","btn-blue":"_2DSryVrhvXvqpJW0x0lUDT",disabled:"_1MHUFM2yNbOKoVGNISgS3w","btn-gray":"_--arUl_Dy5b5W86b7LUv","mobile-only":"_1P9-Bk4ixH89d314mDbLCU","hide-not-mobile":"_17ggnmpagGsicRppyh_P8y","settings-dialog":"WAgkW-bDfiYQsjyNB9Xxt",open:"_2v9qkCIvI9h57uZ3T5YH5A","header-nav-ui":"_1W_n_GGLCGjv3fpeGOjSCm","settings-nav":"_2I1SE4gNRECztNNjaAzJ6V","tc-logo":"_3W_w2YG6HjC9SwP0OlxpFK",title:"_2Gvn15ZFPAnE0Wrne00JHX","close-btn":"_2Wgs3HQby4L8y36XV5D1st","settings-panel":"_3N-14AJ4MmXRhhDwqkWGAr","panel-content":"_1gulSyfqud0UjtTcdoSOAe","section-title":"_3C90LDZ6cYBmFV1XPg2GDp",left:"_2LCm86m8fj5yohjyk2QfRe",website:"_3ALt3PpcD58-qbvFCZ1OLM","as-email":"L64aYEiYaYSywXfE0ZIWo","section-list":"_3tp6rAbLKoZcIUAaPiTb5a","list-item":"_3nXiD0KUnXINwk4FYwwoIV",description:"BUaRF4hgRCYEJJifVxI5x","check-icon":"_3t0QeK5ghczPa8HZOx-jB6",checked:"_3-B38j7UutmsO-K5ttodXB","description-mobile":"_2tbVwtm8ZbPpSmBqAKlR6z","bottom-btn":"_3bl253IZy8-oMDwdXOyrus","switch-box":"_1FOQUwg-2XS6hvLZP1WRAX"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n._3iN6GG9R7O17fAeKetBoaH {\n background-color: #C0C0C0;\n border-radius: 14px;\n box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n width: 48px;\n height: 25px;\n display: flex;\n justify-content: space-between;\n cursor: pointer; }\n ._3iN6GG9R7O17fAeKetBoaH:hover {\n opacity: 0.75; }\n ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse,\n ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n color: #FAFAFB;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n line-height: 26px;\n display: flex;\n justify-content: center;\n flex-direction: column; }\n ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse {\n margin-left: 7px;\n display: none; }\n ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n margin-right: 7px; }\n ._3iN6GG9R7O17fAeKetBoaH .oHo2PeH7-1KAmOjR6b2KG {\n background-color: #FFFFFF;\n border-radius: 100%;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n width: 17px;\n height: 17px;\n margin-top: 4px;\n margin-left: 4px;\n margin-right: 4px; }\n ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ {\n background-color: #0681FF; }\n ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._1Ms7yTjX__D9mbI3JGfMse {\n display: block; }\n ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._2odfs98GPxgLxdtl1Y8riF {\n display: none; }\n",""]),n.locals={"switch-box":"_3iN6GG9R7O17fAeKetBoaH","label-on":"_1Ms7yTjX__D9mbI3JGfMse","label-off":"_2odfs98GPxgLxdtl1Y8riF",dot:"oHo2PeH7-1KAmOjR6b2KG",checked:"_3UTM5pJ7_T3ekWDh5HwQRZ"}},function(e,n,t){"use strict";t.r(n),function(e){var o,a=t(9),i=t.n(a),r=t(30),l=t.n(r),s=t(0),c=t.n(s),p=t(1),d=t.n(p),u=t(3),_=t.n(u),f=t(5),m=t.n(f),h=t(57),b=t.n(h),g=t(73),v=t(74),y=t(75),x=t(76),E=t(80);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(e);var A=1,w=1e3,M=function(e,n,t){return A=1,e=(e=e.map(function(e){return l()({},e,{id:e.id||A++,subMenu:e.subMenu&&e.subMenu.map(function(e){return l()({},e,{id:e.id||A++,subMenu:e.subMenu&&e.subMenu.map(function(e){return l()({},e,{id:e.id||A++})})})}),secondaryMenu:t&&n?e.secondaryMenuForLoggedInUser:e.secondaryMenuForGuest})})).map(function(e){return l()({},e,{secondaryMenu:e.secondaryMenu&&e.secondaryMenu.map(function(e){return l()({},e,{id:e.id||w++,href:"myprofile"!==e.id?e.href||"#":n?"/members/".concat(n):"/"})})})})},D=function(e){var n=e.menu,t=e.rightMenu,o=e.logo,a=e.theme,r=e.currentLevel1Id,p=e.onChangeLevel1Id,d=e.path,u=e.setOpenMore,f=e.openMore,h=e.loggedIn,A=e.profileHandle,w=Object(s.useState)({refs:{},slide:{}}),D=i()(w,1)[0],C=Object(s.useState)(!1),O=i()(C,2),F=O[0],k=O[1],I=Object(s.useState)(),R=i()(I,2),P=R[0],L=R[1],B=Object(s.useState)(),T=i()(B,2),W=T[0],N=T[1],U=Object(s.useState)(),K=i()(U,2),S=K[0],z=K[1],j=Object(s.useState)(!1),H=i()(j,2),X=H[0],q=H[1],G=Object(s.useState)(!1),V=i()(G,2),J=V[0],Y=V[1],Z=Object(s.useState)(!1),Q=i()(Z,2),$=Q[0],ee=Q[1],ne=Object(s.useState)(),te=i()(ne,2),oe=te[0],ae=te[1],ie=Object(s.useState)(),re=i()(ie,2),le=re[0],se=re[1],ce=Object(s.useState)(0),pe=i()(ce,2),de=pe[0],ue=pe[1],_e=Object(s.useState)(),fe=i()(_e,2),me=fe[0],he=fe[1],be=Object(s.useState)(),ge=i()(be,2),ve=ge[0],ye=ge[1],xe=Object(s.useMemo)(function(){return M(n,A,h)},[n,A,h]),Ee=Object(s.useState)(xe),Ae=i()(Ee,2),we=Ae[0],Me=Ae[1],De=Object(s.useState)(),Ce=i()(De,2),Oe=Ce[0],Fe=Ce[1],ke=Object(s.useState)(),Ie=i()(ke,2),Re=Ie[0],Pe=Ie[1],Le=Object(s.useState)(),Be=i()(Le,2),Te=Be[0],We=Be[1],Ne=function(){return We([])},Ue=function(e){return function(n){D.refs[e]=n}},Ke=function(e){return we.find(function(n){return n.id===e})},Se=function(e,n){var t=Ke(e);return t&&t.subMenu&&t.subMenu.find(function(e){return e.id===n})},ze=Ke(P),je=Se(P,W),He=Object(s.useCallback)(function(){Me(function(e){return e.map(function(e){if(!D.refs[e.id])return e;D.slide[e.id]=!0;var n=D.refs[e.id].getBoundingClientRect();return l()({},e,{initialX:n.x})})})},[D.refs,D.slide]),Xe=Object(s.useCallback)(function(e){var n=D.refs[e].getBoundingClientRect();return n.x+n.width/2},[D.refs]),qe=Object(s.useCallback)(function(e){se(Xe(e))},[se,Xe]),Ge=function(e){setTimeout(function(){ye(Xe(e))},0)},Ve=Object(s.useCallback)(function(e,n){return function(){e&&(u(!1),k(!1),L(e),p(e),N(),q(!0),n&&Y(!1),He(),setTimeout(function(){ae(!0)},F?250:0),ue(function(e){return e+1}))}},[F,p,He]);Object(s.useEffect)(function(){r!==P&&!F&&r&&Ve(r,!1)()},[r,P,Ve]),Object(s.useLayoutEffect)(function(){P&&qe(P)},[P,qe,de,Oe]);var Je=function(e,n){return function(){u(!1),N(e),q(!0),n&&Y(!1),qe(e)}};Object(s.useEffect)(function(){var e=Qe(xe,d),n=e.m1,t=e.m2,o=e.m3;o&&(t===W||!t&&!W&&n===P?(z(o),Ge(o),he(!0)):he(!1))},[P,W,d]);var Ye=Object(s.useCallback)(function(e){D.refs.primaryNav.style.overflow=e?"hidden":"",Object.keys(D.refs).filter(function(e){return e.startsWith("level2Container")}).map(function(e){return D.refs[e]}).forEach(function(n){n.style.overflow=e?"hidden":""})},[D.refs]);Object(s.useEffect)(function(){Ye(!0),we.forEach(function(e){if(D.slide[e.id]&&D.refs[e.id]){D.slide[e.id]=!1;var n=D.refs[e.id],t=n.getBoundingClientRect(),o=e.initialX-t.x;n.style.transform="translateX(".concat(o,"px)"),setTimeout(function(){n.style.transition="transform 250ms ease-out",n.style.transform="translateX(0px)",setTimeout(function(){n.style.transition="",n.style.transform=""},250)})}}),Ye(!1)},[D.slide,D.refs,we,Ye]);Object(s.useEffect)(function(){We([])},[ze]);var Ze=Object(s.useCallback)(function(){if((!Te||!Te.length)&&ze&&ze.subMenu){Ye(!0),function(){for(var e,n=[],t=ze.subMenu.length-1;t>=0;t--){var o=ze.subMenu[t],a=D.refs[o.id];if(!a)return;var i=a.getBoundingClientRect();if(e||(e=a.parentElement.getBoundingClientRect()),i.right>e.right)n.unshift(o);else{if(!(n.length&&e.right-i.right<100))break;n.unshift(o)}}n.length&&We(n)}(),Ye(!1)}},[ze,D.refs,Te,Ye]);Object(s.useLayoutEffect)(function(){Ze()},[Ze]),Object(s.useEffect)(function(){var e=m.a.debounce(function(){Ne(),ue(function(e){return e+1})},100);return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var Qe=function(e,n){var t={m1:null,m2:null,m3:null};return n?(e.forEach(function(e){e.href&&n.indexOf(e.href)>-1&&(t={m1:e.id,m2:null}),e.subMenu&&e.subMenu.forEach(function(o){o.href&&n.indexOf(o.href)>-1&&(t={m1:e.id,m2:o.id}),o.subMenu&&o.subMenu.forEach(function(a){a.href&&n.indexOf(a.href)>-1&&(t.m3?a.href===n&&(t={m1:e.id,m2:o.id,m3:a.id}):t={m1:e.id,m2:o.id,m3:a.id},!S&&a.collapsed&&Y(!0))})}),e.secondaryMenu&&e.secondaryMenu.forEach(function(o){if(o.href){var a=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;n.indexOf(a)>-1&&(t={m1:e.id,m3:o.id})}})}),t):t};return Object(s.useEffect)(function(){if(d&&xe[0]){Me(xe);var e=Qe(xe,d),n=e.m1,t=e.m2,o=null;d.indexOf("/challenges")>-1?d.match(/challenges\/[0-9]+/)&&(Y(!0),o=Qe(xe,"/challenges").m2):d.indexOf("/my-dashboard")>-1||d.indexOf("/members/"+A)>-1?q(!0):d.indexOf("/community/learn")>-1||d.indexOf("/thrive/tracks")>-1?o=Qe(xe,"/community").m2:t||(q(!1),Y(!0)),setTimeout(function(){var e,a;a=t||o,(e=n||"community")&&(Ve(e,!1)(),setTimeout(function(){a?Je(a,!1)():ae(!1)},0))})}},[d,h,A]),c.a.createElement("div",{className:_()(b.a.themeWrapper,"theme-".concat(a))},c.a.createElement("div",{className:b.a.headerNavUi},c.a.createElement(g.a,{showLeftMenu:Oe,logo:o,rightMenu:t,onClickLeftMenu:function(){return Fe(function(e){return!e})}}),!Oe&&(je||ze)&&c.a.createElement(v.a,{open:Re,menu:je||ze,isSecondaryMenu:!je,activeChildId:S,onClick:function(){return Pe(function(e){return!e})},createHandleClickItem:function(e){return function(){z(e),Pe(!1)}}}),c.a.createElement(x.a,{collapsed:F,showLeftMenu:Oe,logo:o,menu:we,rightMenu:t,moreMenu:Te,openMore:f,onCloseMore:function(){return u(!1)},moreId:"more",activeLevel1Id:P,activeLevel2Id:W,onClickLogo:function(){},onRightMenuResize:function(){Ne()},createHandleClickLevel1:Ve,createHandleClickLevel2:Je,handleClickMore:function(){return u(function(e){return!e})},createHandleClickMoreItem:function(e){return function(){u(!1),N(e),q(!0),Y(!1),qe("more"),setTimeout(function(){var n=Se(P,e);n&&n.subMenu&&(z(n.subMenu[0].id),Ge(n.subMenu[0].id))}),!me&&setTimeout(function(){return he(!0)},300)}},createSetRef:Ue,showChosenArrow:oe,chosenArrowX:le,searchOpened:$,toggleSearchOpen:function(e){ee(e),D.refs.searchInputBox.value=""}}),c.a.createElement(E.a,{open:!J&&X,menu:je||ze,isSecondaryMenu:!je,activeChildId:S,showIndicator:me,indicatorX:ve,createHandleClickItem:function(e){return function(){z(e),Ge(e)}},createSetRef:Ue}),Oe&&ze&&c.a.createElement(y.a,{menu:ze,activeChildId:W,createHandleClickItem:function(e){return function(){Fe(!1),N(e)}}})))};D.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},D.propTypes={menu:d.a.array.isRequired,rightMenu:d.a.node,logo:d.a.node,theme:d.a.string,currentLevel1Id:d.a.any,onChangeLevel1Id:d.a.func,path:d.a.string,setOpenMore:d.a.func,openMore:d.a.bool,loggedIn:d.a.bool,profileHandle:d.a.string};var C,O,F=D;n.default=F,(C=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(C.register("more","moreId","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),C.register(A,"id","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),C.register(w,"idForSecondary","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),C.register(M,"initMenuId","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),C.register(D,"TopNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),C.register(F,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js")),(O=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&O(e)}.call(this,t(13)(e))},function(e,n,t){(n=e.exports=t(14)(!1)).push([e.i,'/* colors */\n/* Grayscale colors. */\n.SLwlRzv2b8FicEx4vbP0x {\n font-family: "Roboto", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative; }\n .SLwlRzv2b8FicEx4vbP0x a {\n text-decoration: none; }\n',""]),n.locals={headerNavUi:"SLwlRzv2b8FicEx4vbP0x"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2CrPaxU700CNjSaHqSs4El {\n display: none; } }\n\n@media (min-width: 769px) {\n .DhsJqfKHix2ZvO5KpShtm {\n display: none; } }\n\n.C0Avcqx93-GrYR5SPlLlb {\n height: 60px;\n background: #2A2A2B;\n display: flex;\n justify-content: center;\n position: relative;\n align-items: center; }\n @media (min-width: 769px) {\n .C0Avcqx93-GrYR5SPlLlb {\n display: none; } }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu {\n width: 60px;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n left: 0;\n top: 0; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 {\n background-color: transparent;\n border: none;\n padding: 0;\n cursor: pointer; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1:focus {\n outline: none; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 img {\n display: block; }\n .C0Avcqx93-GrYR5SPlLlb ._1b1mrG1Ri9bAohJFwwPgTD {\n font-family: \'Roboto\';\n font-weight: 700;\n cursor: pointer;\n color: #FFFFFF;\n font-size: 16px;\n line-height: 30px;\n padding-right: 20px;\n position: absolute;\n right: 0; }\n\n._1x3yCnfohAbeftdkwOUSCz {\n left: 18px;\n position: absolute;\n top: 16px; }\n @media (min-width: 769px) {\n ._1x3yCnfohAbeftdkwOUSCz {\n display: none; } }\n\n._2gtHUbJhCv6Da5pkn9UzBV {\n padding: 6px 12px 0;\n position: relative; }\n @media (min-width: 769px) {\n ._2gtHUbJhCv6Da5pkn9UzBV {\n display: none; } }\n ._2gtHUbJhCv6Da5pkn9UzBV input {\n background: none;\n border: 1px solid #7F7F7F;\n box-shadow: none;\n color: #FFFFFF;\n font: 16px "Roboto", Helvetica, Arial, sans-serif !important;\n height: 32px;\n outline: none;\n padding-left: 30px !important; }\n ._2gtHUbJhCv6Da5pkn9UzBV input::placeholder {\n color: #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n border: 1px solid #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus {\n border: 1px solid #0596dc; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:active,\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus,\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n box-shadow: none;\n outline: none; }\n',""]),n.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD",icon:"_1x3yCnfohAbeftdkwOUSCz",search:"_2gtHUbJhCv6Da5pkn9UzBV"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2NYoCOm257hoVrru5r_nl_ {\n display: none; } }\n\n@media (min-width: 769px) {\n ._2da-dNVd3gmk52j2eeXNiB {\n display: none; } }\n\n.hOuBbW_rRrqTQNE2yX0U0 {\n width: 100%;\n height: 60px;\n left: 0;\n top: 60px;\n z-index: 1; }\n @media (min-width: 769px) {\n .hOuBbW_rRrqTQNE2yX0U0 {\n display: none; } }\n .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n z-index: -1;\n background: #2A2A2B;\n opacity: 0.8;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n display: none; }\n ._2jL9yEll0DYK_TRUWo_ovR .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n display: block; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n background-color: transparent;\n border: none;\n padding: 0;\n background: #264346;\n width: 100%;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX:focus {\n outline: none; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n font-family: 'Roboto';\n font-weight: 400;\n color: #FFFFFF;\n font-size: 28px;\n line-height: 40px; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX svg {\n margin-left: 5px; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX img {\n margin-left: 8px; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n background: #264346;\n border-top: 1px solid #1F7E8A;\n width: 100%;\n z-index: 999;\n position: absolute; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n color: #FFFFFF;\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center;\n cursor: pointer; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd {\n font-family: 'Roboto';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n content: \"\";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #FFFFFF;\n display: inline-block;\n margin-right: 10px; }\n",""]),n.locals={"mobile-only":"_2NYoCOm257hoVrru5r_nl_","hide-not-mobile":"_2da-dNVd3gmk52j2eeXNiB",mobileSubNav:"hOuBbW_rRrqTQNE2yX0U0",mobileSubNavMask:"_3-kA2UFoGsUFDu0UPt8kj7",mobileSubNavOpen:"_2jL9yEll0DYK_TRUWo_ovR",mobileSubNavHeader:"NfQcGJQtbQeFU1YGz1HnX",mobileSubNavContent:"_2nYpKu9QByZ0NWfxANd8ld",mobileSubNavChild:"MGLhxdV4f_pnHZOuoeaXO",mobileSubNavChildOpen:"_368J3UvBv86TM6dh3awQYd"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2YwPStPoDEjIb-PbIGNtsb {\n display: none; } }\n\n@media (min-width: 769px) {\n .RAtQ7LjJWDfIoiWEpF2mA {\n display: none; } }\n\n.JxBIkbv7v_sJK1N_vMeFs {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n z-index: 1; }\n .theme-light .JxBIkbv7v_sJK1N_vMeFs {\n background: #FBFBFB; }\n .theme-dark .JxBIkbv7v_sJK1N_vMeFs {\n background: #636363; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center;\n cursor: pointer; }\n .theme-light .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n color: #2A2A2B; }\n .theme-dark .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n color: #FFFFFF; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa {\n font-family: \'Roboto\';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa::before {\n content: "";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #43D7B0;\n display: inline-block;\n margin-right: 10px; }\n',""]),n.locals={"mobile-only":"_2YwPStPoDEjIb-PbIGNtsb","hide-not-mobile":"RAtQ7LjJWDfIoiWEpF2mA",secondaryNavMobile:"JxBIkbv7v_sJK1N_vMeFs",secondaryNavMobileItem:"_3ntC2KHyW7xczldMyA7yqc",secondaryNavMobileItemOpen:"_1rt8mOYntrOZdAPjpl_QKa"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1VRR6kMd5HPNbGhUoVw6sa {\n display: none; } }\n\n@media (min-width: 769px) {\n ._1ZIW4j3_J2yPrkaA0N5M5H {\n display: none; } }\n\n@media (min-width: 769px) {\n ._1_OJYKtAV_VRTWF41K-8_A {\n display: none; } }\n\n.w9y3kbj2HBlraVU5kjCay {\n display: flex; }\n @media (max-width: 768px) {\n .w9y3kbj2HBlraVU5kjCay {\n display: none; } }\n .w9y3kbj2HBlraVU5kjCay.Zc4bxo2xl4cRudOT9lbVz {\n display: flex; }\n\n._3OclGxtDScIS3kJx3-Eskw {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n z-index: 1;\n flex-grow: 1; }\n ._3EpSSlLUWcH3CJRZGDXyWu ._3OclGxtDScIS3kJx3-Eskw {\n overflow: hidden; }\n @media (max-width: 768px) {\n ._3OclGxtDScIS3kJx3-Eskw {\n height: 60px;\n justify-content: space-around; } }\n\n._3ALxQJpmTtNjkYXZNPxUye {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n display: flex;\n flex-direction: row;\n align-items: center;\n z-index: 1; }\n @media (max-width: 768px) {\n ._3ALxQJpmTtNjkYXZNPxUye {\n display: none; } }\n ._3ALxQJpmTtNjkYXZNPxUye ._19afvNiE3ExyOixLsg7p9e {\n margin-right: 20px; }\n\n._25qoGMAMp5tpACmrEhPjJc {\n margin: 0 50px 0 30px;\n cursor: pointer; }\n @media (max-width: 768px) {\n ._25qoGMAMp5tpACmrEhPjJc {\n display: none; } }\n ._25qoGMAMp5tpACmrEhPjJc.PsKz54w3mhOmlfDfYi8V4 {\n margin-right: auto; }\n ._25qoGMAMp5tpACmrEhPjJc > * {\n display: block; }\n\n._32rjY2HOvXZBZUSwC_a4jx {\n display: block;\n height: 30px;\n width: 1px;\n background: #555555; }\n @media (min-width: 769px) {\n ._32rjY2HOvXZBZUSwC_a4jx {\n display: none; } }\n ._32rjY2HOvXZBZUSwC_a4jx:first-of-type {\n display: none; }\n\n._19afvNiE3ExyOixLsg7p9e {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 18px;\n line-height: 30px;\n margin: 0 30px;\n padding-right: 5px;\n position: relative;\n cursor: pointer; }\n @media (max-width: 900px) {\n ._19afvNiE3ExyOixLsg7p9e {\n margin: 0 20px; } }\n ._19afvNiE3ExyOixLsg7p9e::before {\n content: \"\";\n position: absolute;\n display: block;\n left: -30px;\n top: 0;\n width: 1px;\n height: 100%;\n background: #555555; }\n @media (max-width: 768px) {\n ._19afvNiE3ExyOixLsg7p9e::before {\n display: none; } }\n ._19afvNiE3ExyOixLsg7p9e._27UQXipCc_Te8TwvfzIi8f {\n color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n white-space: nowrap;\n width: 0;\n opacity: 0;\n overflow: hidden; }\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: flex;\n overflow: unset;\n margin-right: auto;\n width: auto;\n opacity: 1;\n transition: opacity 400ms ease-in 100ms; }\n @media (max-width: 768px) {\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: none; } }\n ._3EpSSlLUWcH3CJRZGDXyWu ._34GhMfx3zSO-nsw2icmQCB {\n overflow: hidden; }\n\n._1YF68FTa0xYVBFerysFlRt {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start;\n cursor: pointer; }\n ._1YF68FTa0xYVBFerysFlRt:first-child {\n margin-left: 0; }\n ._1YF68FTa0xYVBFerysFlRt._1POQKSuLHxuhqKjgCytFNW {\n color: #43D7B0; }\n\n.ISBVAVTXPThf-IcdFVa9z {\n position: relative; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 {\n background-color: transparent;\n border: none;\n padding: 0;\n position: relative;\n color: #FFFFFF;\n margin-left: 20px;\n width: 74px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2:focus {\n outline: none; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 ._3EHcZKrNC-kRxRB0inP_X- {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 img {\n margin-left: 8px; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n flex-direction: column;\n z-index: 2; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a {\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a:first-child {\n margin: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ .vl4waOECcJkR7W07RZ46P {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3eb96Zkyw2BKU4_9QkalKG {\n display: flex; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3EHcZKrNC-kRxRB0inP_X- {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ img {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n\n._1y954HiCL69kCUV5ji4vqm {\n cursor: pointer;\n display: inline-block;\n height: 32px;\n margin: 11px 20px 11px 0px;\n padding-left: 12px;\n position: relative;\n border-left: 1px solid #7F7F7F;\n width: 36px; }\n ._1y954HiCL69kCUV5ji4vqm svg {\n height: 18px;\n margin-top: 7px;\n width: 18px; }\n ._1y954HiCL69kCUV5ji4vqm svg path {\n fill: #FFFFFF; }\n ._1y954HiCL69kCUV5ji4vqm.opened path {\n fill: #43D7B0; }\n ._1y954HiCL69kCUV5ji4vqm.opened::after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px 5px 0;\n border-color: #43D7B0 transparent transparent transparent;\n position: absolute;\n left: 60%;\n bottom: -3px;\n margin-left: -6px;\n background-color: transparent; }\n\n._1A5zHMkLXwCq7ngfPscgI9 {\n background: #151516;\n height: 0;\n margin-top: -10px;\n opacity: 0.98;\n overflow: hidden;\n padding: 0 48px;\n position: absolute;\n text-align: center;\n width: 100%;\n transition: all 0.25s ease-in-out;\n z-index: 10; }\n ._1A5zHMkLXwCq7ngfPscgI9.opened {\n height: 128px;\n padding: 48px;\n transition: all 0.25s ease-in-out; }\n ._1A5zHMkLXwCq7ngfPscgI9.closed {\n display: none; }\n ._1A5zHMkLXwCq7ngfPscgI9 input,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover {\n border: none;\n border-bottom: 1px solid #FFFFFF;\n box-shadow: none;\n font-size: 22px;\n outline: none;\n padding-bottom: 3px; }\n ._1A5zHMkLXwCq7ngfPscgI9 input::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover::placeholder {\n color: #C0C0C0; }\n",""]),n.locals={"mobile-only":"_1VRR6kMd5HPNbGhUoVw6sa","hide-not-mobile":"_1ZIW4j3_J2yPrkaA0N5M5H",mobileOnly:"_1_OJYKtAV_VRTWF41K-8_A",primaryNavContainer:"w9y3kbj2HBlraVU5kjCay",primaryNavContainerOpen:"Zc4bxo2xl4cRudOT9lbVz",primaryNav:"_3OclGxtDScIS3kJx3-Eskw",moreInit:"_3EpSSlLUWcH3CJRZGDXyWu",primaryNavRight:"_3ALxQJpmTtNjkYXZNPxUye",primaryLevel1:"_19afvNiE3ExyOixLsg7p9e",tcLogo:"_25qoGMAMp5tpACmrEhPjJc",tcLogoPush:"PsKz54w3mhOmlfDfYi8V4",primaryLevel1Separator:"_32rjY2HOvXZBZUSwC_a4jx",primaryLevel1Open:"_27UQXipCc_Te8TwvfzIi8f",primaryLevel2Container:"_34GhMfx3zSO-nsw2icmQCB",primaryLevel2ContainerOpen:"_1-_eh1GEkSm1Ie2hcIHrLt",primaryLevel2:"_1YF68FTa0xYVBFerysFlRt",primaryLevel2Open:"_1POQKSuLHxuhqKjgCytFNW",moreBtnContainer:"ISBVAVTXPThf-IcdFVa9z",moreBtn:"_1UEQjA-hNZmulAk-7kHhj2",moreBtnMask:"_3EHcZKrNC-kRxRB0inP_X-",moreContentContainer:"_3eb96Zkyw2BKU4_9QkalKG",moreOpen:"_3bttaLkKXVIrWu75WOLFpZ",backdrop:"vl4waOECcJkR7W07RZ46P",searchIcon:"_1y954HiCL69kCUV5ji4vqm",searchField:"_1A5zHMkLXwCq7ngfPscgI9"}},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");n.push([e.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n .j3BbFQV19TZ2N5Mbc293Q {\n display: none; } }\n\n@media (min-width: 769px) {\n ._2hTZPXAUViaj3OKdZ8A4ZG {\n display: none; } }\n\n._78wgiv2HyCMYL0GFSZd4S {\n display: none;\n justify-content: stretch;\n align-items: center;\n font-size: 13px;\n position: relative;\n z-index: 0;\n height: 60px;\n transition: transform 250ms linear;\n transform: translateY(-60px); }\n @media (max-width: 768px) {\n ._78wgiv2HyCMYL0GFSZd4S {\n display: none !important; } }\n .theme-light ._78wgiv2HyCMYL0GFSZd4S {\n background: #FBFBFB;\n color: #2A2A2B; }\n .theme-dark ._78wgiv2HyCMYL0GFSZd4S {\n background: #636363;\n color: #FFFFFF; }\n ._78wgiv2HyCMYL0GFSZd4S._2WB6MWJIFPmL_7oRkVDu-f {\n display: flex;\n transform: translateY(0px); }\n ._78wgiv2HyCMYL0GFSZd4S a {\n margin: 0 15px; }\n .theme-light ._78wgiv2HyCMYL0GFSZd4S a {\n color: #2A2A2B; }\n .theme-dark ._78wgiv2HyCMYL0GFSZd4S a {\n color: #FFFFFF; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n position: relative;\n height: 30px; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ {\n cursor: pointer;\n height: 100%;\n display: flex;\n position: relative;\n flex-direction: column;\n -webkit-justify-content: center;\n justify-content: center; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ ._2I4YpNYoj3kDD8DnmILHSU {\n display: none;\n bottom: -1px;\n width: 15px;\n height: 3px;\n border-radius: 1.5px;\n background: #D4D4D4;\n left: 50%;\n transform: translate(-50%, -50%); }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ:hover ._2I4YpNYoj3kDD8DnmILHSU {\n display: inline-block;\n position: absolute; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ._1deOinna8cx2l3cOfJNqku {\n font-family: 'Roboto';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n",""]),n.locals={"mobile-only":"j3BbFQV19TZ2N5Mbc293Q","hide-not-mobile":"_2hTZPXAUViaj3OKdZ8A4ZG",secondaryNav:"_78wgiv2HyCMYL0GFSZd4S",secondaryNavOpen:"_2WB6MWJIFPmL_7oRkVDu-f",secondaryNavLinkContainer:"_2S1p2zjbfectEyMXeUEyEd",secondaryNavItem:"_1n5D3MtzUT3DNhLzIT22lJ",indicator:"_2I4YpNYoj3kDD8DnmILHSU",secondaryNavItemOpen:"_1deOinna8cx2l3cOfJNqku"}},function(e,n,t){var o=t(107);"string"==typeof o&&(o=[[e.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(e.exports=o.locals)},function(e,n,t){n=e.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(108)),A=o(t(61)),w=o(t(37)),M=o(t(62)),D=o(t(63)),C=o(t(58)),O=o(t(59)),F=o(t(64)),k=o(t(65)),I=o(t(48)),R=o(t(60)),P=o(t(109)),L=o(t(110));n.push([e.i,'.flex {\n display: flex; }\n .flex.column {\n flex-direction: column; }\n .flex.center {\n justify-content: center; }\n .flex.space-between {\n justify-content: space-between; }\n .flex.middle {\n -webkit-align-items: center;\n align-items: center; }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n.wrap-all {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n.relative {\n position: relative; }\n\n.hide {\n display: none !important; }\n\n.desktop-hide {\n display: none; }\n\n.desktop-show {\n display: block; }\n\n.flex-grid {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .flex-grid.item-start {\n align-items: flex-start; }\n\n.icons {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n.btn {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n .btn.active, .btn:active, .btn:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n.btn-blue,\n.btn-blue:hover,\n.btn-blue:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n.btn-blue:hover {\n opacity: 0.75; }\n\n.btn-blue {\n background-color: #2C95D7; }\n .btn-blue.disabled, .btn-blue:disabled, .btn-blue[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n.btn-gray,\n.btn-gray:hover,\n.btn-gray:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n.btn-gray:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n.header-nav-ui {\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative; }\n .header-nav-ui a {\n text-decoration: none !important; }\n .header-nav-ui .more-btn-container .more-btn {\n margin-left: 20px !important;\n width: 74px;\n height: 30px;\n justify-content: center !important; }\n .header-nav-ui .more-btn-container .more-btn > .dropdown-icon {\n margin-left: 8px; }\n .header-nav-ui .more-btn-container .more-content-container {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n z-index: 1; }\n .header-nav-ui .more-btn-container .more-content-container a {\n color: #FFFFFF;\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .header-nav-ui .more-btn-container .more-content-container a:first-child {\n margin: 0; }\n .header-nav-ui .more-btn-container.isOpen .more-content-container {\n display: flex; }\n .header-nav-ui .more-btn-container.isOpen .more-btn * {\n z-index: 1; }\n .header-nav-ui .more-btn-container.isOpen .more-btn .mask {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .header-nav-ui .more-btn-container.isOpen .more-btn .dropdown-icon {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui .primary-nav {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n z-index: 1; }\n .header-nav-ui .primary-nav a {\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .tc-logo {\n margin: 0 30px;\n justify-self: flex-start;\n margin-right: auto;\n cursor: pointer; }\n .header-nav-ui .primary-nav .primary-level-1-separator {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1 {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 18px;\n line-height: 30px;\n margin: 0 30px;\n padding-right: 5px;\n position: relative; }\n .header-nav-ui .primary-nav .primary-level-1.more-menu {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen {\n color: #43D7B0;\n justify-self: flex-start; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n content: \"\";\n position: absolute;\n display: block;\n left: -30px;\n top: 0;\n width: 1px;\n height: 100%;\n background: #555555; }\n .header-nav-ui .primary-nav .primary-level-1.login-container {\n margin-right: 20px;\n position: relative; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container {\n margin-left: 33px;\n border-radius: 15px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .handle {\n display: block;\n font-size: 14px;\n font-weight: 700;\n line-height: 30px;\n margin-left: 5px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon {\n width: 16px;\n height: 16px;\n margin: 0 5px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon .dropdown-icon {\n transition: all 0.5s; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen {\n background-color: rgba(85, 85, 85, 0.4); }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover .handle-container .handle, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .handle {\n display: block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .dropdown-icon {\n transform: rotate(180deg); }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .avatar {\n width: 30px;\n height: 30px;\n display: inline-block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup {\n position: absolute;\n right: 0;\n top: 40px;\n color: #2A2A2B;\n border-radius: 10px;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 288px;\n background: #FFFFFF;\n border-radius: 6px;\n overflow: hidden;\n z-index: 1; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup a {\n color: #2A2A2B; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header {\n background: #0AB88A;\n height: 90px;\n padding: 0 20px;\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .handle {\n font-size: 16px;\n line-height: 20px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .email {\n font-size: 12px;\n line-height: 14px;\n margin-top: 4px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .avatar {\n margin-right: 10px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container {\n background: #2A2A2B;\n color: #FFFFFF;\n font-size: 14px;\n line-height: 30px;\n height: 50px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container .switch-icon {\n margin: 0 10px 0 22px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu {\n padding: 15px 0 25px 0; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a {\n height: 50px;\n display: flex;\n align-items: center;\n margin: -5px 0;\n padding: 0 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 30px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a:hover {\n background: #F4F4F4; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu .separator {\n background: #E0E0E0;\n height: 1px;\n width: 100%;\n margin: 10px;\n height: 1px;\n width: calc(100% - 40px);\n align-self: center; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon {\n position: relative;\n padding: 10px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon::after {\n content: \"\";\n width: 6px;\n height: 6px;\n position: absolute;\n top: 8px;\n right: 5px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .new-notification {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .notifications-panel {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon {\n opacity: 0.5; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification {\n line-height: 36px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification:hover {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .all-seen-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification {\n border-radius: 15px;\n width: 30px;\n height: 30px;\n background-color: rgba(85, 85, 85, 0.4);\n display: flex;\n justify-content: center; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-2-container {\n display: none;\n margin: 0 auto 0 0; }\n .header-nav-ui .primary-nav .primary-level-2-container.isOpen {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:first-child {\n margin-left: 0; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:nth-child(2) {\n margin-left: 0; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2.isOpen {\n color: #43D7B0; }\n .header-nav-ui .primary-nav .more-btn-container .more-content-container a.isOpen {\n color: #43D7B0; }\n .header-nav-ui .notifications-panel,\n .header-nav-ui .mobile-notifications-panel {\n background-color: #FFFFFF;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 480px;\n height: auto;\n position: absolute;\n right: 10px;\n top: 40px;\n display: none;\n z-index: 100; }\n .header-nav-ui .notifications-panel .noti-header,\n .header-nav-ui .mobile-notifications-panel .noti-header {\n background-color: #0AB88A;\n border-radius: 10px 10px 0 0;\n padding: 10px 20px 10px;\n height: 30px;\n position: sticky;\n top: 0; }\n .header-nav-ui .notifications-panel .noti-header .left-noti,\n .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n background: url("+E+") left center no-repeat;\n background-size: 16px;\n padding-left: 26px;\n color: #FFFFFF;\n font-size: 16px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: left; }\n .header-nav-ui .notifications-panel .noti-header .rights .white-link,\n .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link {\n color: #FFFFFF;\n display: inline-block;\n vertical-align: middle;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: right; }\n .header-nav-ui .notifications-panel .noti-header .rights .white-link:hover,\n .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link:hover {\n opacity: 0.75; }\n .header-nav-ui .notifications-panel .noti-header .rights .point,\n .header-nav-ui .mobile-notifications-panel .noti-header .rights .point {\n width: 3px;\n height: 3px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle; }\n .header-nav-ui .notifications-panel .noti-body,\n .header-nav-ui .mobile-notifications-panel .noti-body {\n max-height: 378px;\n overflow: scroll; }\n .header-nav-ui .notifications-panel .noti-body .icon-bell,\n .header-nav-ui .mobile-notifications-panel .noti-body .icon-bell {\n background: url("+A+") center center no-repeat;\n background-size: 73px 80px;\n width: 73px;\n height: 80px;\n margin: 50px 0 10px; }\n .header-nav-ui .notifications-panel .noti-body.center,\n .header-nav-ui .mobile-notifications-panel .noti-body.center {\n text-align: center; }\n .header-nav-ui .notifications-panel .noti-body.center .titles,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .titles {\n color: #2A2A2B;\n font-size: 30px;\n font-family: 'Barlow Condensed';\n font-weight: 600;\n line-height: 40px;\n margin: 23px 0 -8px 0; }\n .header-nav-ui .notifications-panel .noti-body.center .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n text-align: center;\n padding: 19px 60px 12px 60px; }\n .header-nav-ui .notifications-panel .noti-body .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .txt .blue-link,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt .blue-link {\n color: #0596dc;\n font-size: 14px; }\n .header-nav-ui .notifications-panel .noti-body .light-bar,\n .header-nav-ui .mobile-notifications-panel .noti-body .light-bar {\n background-color: #B5E9DB;\n height: 28px;\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 28px;\n padding-left: 20px;\n margin-top: -2px;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n z-index: 2;\n padding-right: 20px;\n padding-top: 2px; }\n .header-nav-ui .notifications-panel .noti-body .greybar-section:last-child .items .item-content,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section:last-child .items .item-content {\n border-bottom: 0; }\n .header-nav-ui .notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .notifications-panel .noti-body .greybar-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section {\n margin-top: -2px;\n background-color: #FFFFFF;\n padding-top: 5px; }\n .header-nav-ui .notifications-panel .noti-body .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n position: absolute;\n right: 1px;\n top: 50%;\n margin-top: -10px;\n z-index: 666;\n display: none; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close {\n display: block;\n background: url("+w+") center center no-repeat;\n background-size: 10px;\n width: 20px;\n height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close:hover,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close:hover {\n background: url("+M+") center center no-repeat; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n position: absolute;\n top: -28px;\n left: -76px;\n background-color: #2A2A2B;\n border-radius: 2px;\n padding: 6px 0;\n color: #FFFFFF;\n font-size: 11px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 13px;\n text-align: center;\n min-width: 110px;\n display: none; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt:after,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -5px;\n left: calc(50% + 30px);\n margin-left: -3px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid #2A2A2B; }\n .header-nav-ui .notifications-panel .noti-body .right-remove:hover .black-txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n display: block; }\n .header-nav-ui .notifications-panel .noti-body .items,\n .header-nav-ui .mobile-notifications-panel .noti-body .items {\n padding: 0 30px; }\n .header-nav-ui .notifications-panel .noti-body .items:hover,\n .header-nav-ui .mobile-notifications-panel .noti-body .items:hover {\n background-color: #FBFBFB; }\n .header-nav-ui .notifications-panel .noti-body .items:hover .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .items:hover .right-remove {\n display: block; }\n .header-nav-ui .notifications-panel .noti-body .items .item-content,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content {\n display: block;\n padding: 10px 0;\n border-bottom: 1px solid #E0E0E0;\n position: relative; }\n .header-nav-ui .notifications-panel .noti-body .items .item-content .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n padding-right: 30px; }\n .header-nav-ui .notifications-panel .noti-body .items .bottom-info,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info {\n margin-top: 5px;\n line-height: 20px;\n font-size: 12px; }\n .header-nav-ui .notifications-panel .noti-body .items .bottom-info .blue-squre,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .blue-squre {\n padding: 0px 10px;\n display: inline-block;\n margin-right: 6px;\n background-color: #50ADE8;\n border-radius: 5px;\n color: #FFFFFF;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .items .bottom-info .time-txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .time-txt {\n display: inline-block;\n vertical-align: middle;\n color: #AAA;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar {\n background-color: #F4F4F4;\n height: 50px;\n padding-left: 20px;\n margin-top: -4px;\n z-index: 1;\n position: relative; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar .copyicon-title,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n padding-left: 26px;\n background: url("+D+") left center no-repeat;\n background-size: 15px;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n width: calc(100% - 70px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n right: 20px; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar:hover .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar:hover .right-remove {\n display: block; }\n .header-nav-ui .notifications-panel .noti-footer,\n .header-nav-ui .mobile-notifications-panel .noti-footer {\n text-align: center;\n padding: 15px 0 45px 0; }\n .header-nav-ui .notifications-panel .end-message,\n .header-nav-ui .mobile-notifications-panel .end-message {\n background-color: #FBFBFB;\n border-radius: 0 0 10px 10px;\n height: 40px;\n display: flex;\n align-items: center;\n color: #7F7F7F;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 40px;\n justify-content: center;\n position: relative;\n z-index: 10;\n margin-top: -3px; }\n .header-nav-ui .notifications-panel {\n max-height: 70vh;\n flex-direction: column; }\n .header-nav-ui .notifications-panel .noti-body {\n flex: 1;\n max-height: none; }\n .header-nav-ui .icon-chosen-arrow {\n position: absolute;\n display: none;\n bottom: -1px;\n left: 0;\n transform: translate3d(166.5px, 0px, 0px); }\n .header-nav-ui .icon-chosen-arrow svg {\n display: block; }\n :global .theme-light :local .header-nav-ui .icon-chosen-arrow svg {\n fill: #FBFBFB; }\n :global .theme-dark :local .header-nav-ui .icon-chosen-arrow svg {\n fill: #636363; }\n .header-nav-ui .icon-chosen-arrow.isAnimation {\n -webkit-transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n .header-nav-ui .secondary-nav {\n font-size: 13px;\n position: relative;\n z-index: 0; }\n :global .theme-light :local .header-nav-ui .secondary-nav {\n background: #FBFBFB;\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav {\n background: #636363;\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav a {\n margin: 0 15px; }\n :global .theme-light :local .header-nav-ui .secondary-nav a {\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav a {\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container {\n position: relative;\n height: 30px; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container > a {\n position: relative; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container > a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select {\n position: absolute;\n bottom: -1px;\n left: 0;\n transform: translate3d(34.5px, 0px, 0px);\n width: 15px;\n height: 3px;\n border-radius: 1.5px;\n background: #43D7B0; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select.isAnimation {\n -webkit-transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n background: #FBFBFB; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n background: #636363; }\n .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n font-family: 'Roboto';\n font-weight: 400; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav .more-btn-container .more-content-container a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n display: block; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n display: none; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n display: none; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n display: block; }\n .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n background-color: #E9E9E9; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n display: 1; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n display: 0.4; }\n .header-nav-ui .mobile-nav {\n height: 60px;\n background: #2A2A2B;\n padding: 0 20px 0 0;\n display: none; }\n .header-nav-ui .mobile-nav .left-menu-container {\n width: 60px;\n height: 60px; }\n .header-nav-ui .mobile-nav .drowdown-icon {\n margin-left: 12px; }\n .header-nav-ui .mobile-nav .avatar-container {\n position: relative; }\n .header-nav-ui .mobile-nav .avatar-container::after {\n content: \"\";\n width: 7px;\n height: 7px;\n position: absolute;\n top: -4px;\n right: -6px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n .header-nav-ui .mobile-nav .avatar-container .avatar {\n width: 30px;\n height: 30px;\n display: inline-block; }\n .header-nav-ui .mobile-nav span {\n font-family: 'Roboto';\n font-weight: 700;\n color: #FFFFFF;\n font-size: 16px;\n line-height: 30px; }\n .header-nav-ui .mobile-nav-sub-menu {\n position: absolute;\n width: 100%;\n top: 60px;\n z-index: 1;\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu .mask {\n z-index: -1;\n background: #2A2A2B;\n opacity: 0.8;\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu .header {\n background: #264346;\n height: 60px; }\n .header-nav-ui .mobile-nav-sub-menu .header .drowdown-icon-container {\n margin-left: 8px; }\n .header-nav-ui .mobile-nav-sub-menu .header span {\n font-family: 'Barlow Condensed';\n font-weight: 600;\n color: #FFFFFF;\n font-size: 28px;\n line-height: 40px; }\n .header-nav-ui .mobile-nav-sub-menu .menu {\n padding: 15px 20px;\n background: #264346;\n border-top: 1px solid #1F7E8A;\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu .menu a {\n color: #FFFFFF;\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center; }\n .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen::before {\n content: \"\";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #FFFFFF;\n display: inline-block;\n margin-right: 10px; }\n .header-nav-ui .mobile-nav-sub-menu .mobile-notifications-panel {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100; }\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) {\n height: calc(100vh - 60px); }\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .menu,\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .mask {\n display: flex; }\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .drowdown-icon-container {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui .secondary-nav-mobile {\n position: absolute;\n top: 120px;\n width: 100%;\n height: calc(100vh - 120px);\n z-index: 1;\n display: none; }\n :global .theme-light :local .header-nav-ui .secondary-nav-mobile {\n background: #FBFBFB; }\n :global .theme-dark :local .header-nav-ui .secondary-nav-mobile {\n background: #636363; }\n .header-nav-ui .secondary-nav-mobile .menu {\n padding: 15px 20px; }\n .header-nav-ui .secondary-nav-mobile .menu a {\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center; }\n :global .theme-light :local .header-nav-ui .secondary-nav-mobile .menu a {\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav-mobile .menu a {\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav-mobile .menu a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n .header-nav-ui .secondary-nav-mobile .menu a.isOpen::before {\n content: \"\";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #43D7B0;\n display: inline-block;\n margin-right: 10px; }\n .header-nav-ui .secondary-nav-mobile .footer {\n background: #F4F4F4;\n min-height: 70px; }\n .header-nav-ui .secondary-nav-mobile .footer span {\n font-size: 12px;\n color: #7F7F7F;\n text-align: center;\n line-height: 20px; }\n .header-nav-ui .user-info-popup,\n .header-nav-ui .login-container {\n display: none; }\n .header-nav-ui .user-info-popup.isOpen,\n .header-nav-ui .login-container.isOpen {\n display: flex; }\n .header-nav-ui.isLoggedIn .login-container {\n display: flex; }\n .header-nav-ui.isLoggedIn .login-container.isOpen .dropdown-icon {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui.isLoggedIn .login-btn {\n display: none; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile {\n position: absolute;\n width: 100%;\n height: 100vh;\n overflow-y: auto;\n background: #FFFFFF;\n display: none;\n z-index: 1;\n top: 0; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header {\n padding: 7px 0 5px 17px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content img {\n border: 3px solid #C0C0C0;\n border-radius: 33px;\n margin-right: 17px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .handle {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 20px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .description {\n font-size: 12; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .icon-close {\n width: 50px;\n height: 50px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .separator {\n background: #E0E0E0;\n width: calc(100% - 80px);\n margin: 15px 0;\n height: 1px;\n align-self: center;\n padding: 0 20px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile {\n color: #2A2A2B;\n height: 40px;\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 0 20px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a:hover,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile:hover {\n background: #F4F4F4; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile {\n display: flex;\n justify-content: space-between; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .title,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .title {\n font-size: 18px;\n font-family: 'Roboto';\n font-weight: 700;\n background: url("+C+") left center no-repeat;\n background-size: 16px;\n padding-left: 28px;\n text-align: left; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .red-number,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .red-number {\n font-size: 14px;\n color: #EF476F; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .notification-right-arrow,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .notification-right-arrow {\n background: url("+O+") left center no-repeat;\n background-size: 10px;\n width: 10px;\n height: 16px; }\n .header-nav-ui .settings-nav {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 60px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .header-nav-ui .settings-nav .tc-logo {\n margin: 0 30px;\n justify-self: flex-start;\n cursor: pointer; }\n .header-nav-ui .settings-nav a,\n .header-nav-ui .settings-nav .title {\n color: #EDEDF2;\n font-size: 20px; }\n .header-nav-ui .settings-nav .close-btn {\n background-color: #808080;\n border-radius: 29px;\n width: 30px;\n height: 30px;\n margin-right: 25px; }\n .header-nav-ui .settings-nav .close-btn img {\n transform: scale(0.9); }\n\n.settings-panel {\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 1px 1px 0 #D5D5D5;\n width: 720px;\n margin: 26px auto 26px auto;\n font-family: 'Roboto';\n font-weight: 400;\n padding: 30px 20px; }\n .settings-panel .title {\n color: #151516;\n font-size: 28px;\n font-weight: 300;\n line-height: 35px;\n text-align: center;\n margin-bottom: 20px; }\n .settings-panel .panel-content {\n margin-bottom: 60px; }\n .settings-panel .panel-content .section-title {\n background-color: #EBEBEB;\n border-radius: 4px 4px 0 0;\n height: 50px;\n padding: 0 10px;\n display: flex;\n align-items: center; }\n .settings-panel .panel-content .section-title .left {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 15px;\n line-height: 30px;\n flex: 0 0 63%; }\n .settings-panel .panel-content .section-title div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 35px; }\n .settings-panel .panel-content .section-title div.website {\n flex: 0 0 15%;\n display: flex;\n justify-content: center; }\n .settings-panel .panel-content .section-title div.website span {\n background: url("+F+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .settings-panel .panel-content .section-title div.website span em {\n font-style: normal; }\n .settings-panel .panel-content .section-title div.as-email {\n flex: 0 0 22%;\n display: flex;\n justify-content: center; }\n .settings-panel .panel-content .section-title div.as-email span {\n background: url("+k+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .settings-panel .panel-content .section-title div.as-email span em {\n font-style: normal; }\n .settings-panel .panel-content .section-list {\n padding-left: 0;\n margin-top: 0; }\n .settings-panel .panel-content .section-list li {\n min-height: 50px;\n padding: 0 10px;\n box-shadow: 0 1px 0 0 #E0E0E0;\n padding-bottom: 10px;\n padding-top: 10px;\n display: block; }\n .settings-panel .panel-content .section-list li:hover {\n background-color: #FAFAFB; }\n .settings-panel .panel-content .section-list li .list-item {\n display: flex;\n align-items: center; }\n .settings-panel .panel-content .section-list li .list-item .left {\n flex: 0 0 63%; }\n .settings-panel .panel-content .section-list li .list-item .left .title {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 15px;\n line-height: 30px;\n text-align: left;\n margin-bottom: auto; }\n .settings-panel .panel-content .section-list li .list-item .left .description {\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-right: 40px; }\n .settings-panel .panel-content .section-list li .list-item div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px; }\n .settings-panel .panel-content .section-list li .list-item div.website {\n flex: 0 0 15%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .settings-panel .panel-content .section-list li .list-item div.website .check-icon {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 7px;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.website .check-icon.checked {\n background: url("+I+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n margin-left: -5px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email {\n flex: 0 0 22%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 10px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n background: url("+I+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n cursor: pointer;\n margin-left: -5px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box {\n background-color: #C0C0C0;\n border-radius: 15px;\n width: 148px;\n height: 30px;\n position: relative;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open {\n background-color: #AAAAAB;\n box-shadow: inset 0 1px 3px 0 #808080; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open .options {\n display: block; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box:hover {\n background-color: none;\n background-image: linear-gradient(180deg, #C0C0C0 0%, #A8A8A9 100%); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked {\n background-color: #0681FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked.open {\n background-color: #006DEA;\n box-shadow: inset 0 1px 3px 0 #404041; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked:hover {\n background-color: none;\n background-image: linear-gradient(180deg, #0681FF 0%, #006CE7 100%);\n box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label {\n color: #FFFFFF;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 13px;\n line-height: 30px;\n margin-left: 17px;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label .dropdown-arrow {\n background: url("+R+") left center no-repeat;\n background-size: 14px;\n width: 14px;\n height: 14px;\n display: block;\n position: absolute;\n right: 13px;\n top: 9px;\n transform: rotateZ(90deg); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options {\n display: none;\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n padding: 5px 5px;\n position: absolute;\n width: 138px;\n z-index: 100; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px;\n padding-top: 0;\n min-height: initial;\n padding-bottom: initial;\n box-shadow: none;\n align-items: start;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li.active {\n font-weight: 700;\n background-color: #FAFAFB; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li:hover {\n background-color: #F4F9FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n background-color: #C0C0C0;\n border-radius: 14px;\n box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n width: 48px;\n height: 25px;\n display: flex;\n justify-content: space-between;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box:hover {\n opacity: 0.75; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on,\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n color: #FAFAFB;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n line-height: 26px;\n display: flex;\n justify-content: center;\n flex-direction: column; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on {\n margin-left: 7px;\n display: none; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n margin-right: 7px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .dot {\n background-color: #FFFFFF;\n border-radius: 100%;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n width: 17px;\n height: 17px;\n margin-top: 4px;\n margin-left: 4px;\n margin-right: 4px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked {\n background-color: #0681FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-on {\n display: block; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-off {\n display: none; }\n .settings-panel .panel-content .section-list li .description-mobile {\n display: none; }\n .settings-panel .bottom-btn {\n text-align: center; }\n\n@media (max-width: 900px) {\n .header-nav-ui .primary-nav .primary-level-1 {\n margin: 0 20px; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n left: -20px; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n margin-left: 20px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container {\n background: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container .handle {\n display: none; }\n .header-nav-ui .secondary-nav a {\n margin: 0 10px; }\n .header-nav-ui .more-btn-container .more-btn {\n margin-left: 10px !important; }\n .header-nav-ui .settings-nav .close-btn {\n background-color: initial; } }\n\n@media (max-width: 768px) {\n .header-nav-ui .user-info-popup,\n .header-nav-ui .login-container {\n display: none; }\n .header-nav-ui .user-info-popup.isOpen,\n .header-nav-ui .login-container.isOpen {\n display: flex; }\n .header-nav-ui .primary-nav {\n height: 60px;\n justify-content: space-around;\n display: none; }\n .header-nav-ui .primary-nav .primary-level-2-container,\n .header-nav-ui .primary-nav .primary-level-2-container.isOpen,\n .header-nav-ui .primary-nav .tc-logo {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1-separator {\n display: block;\n height: 30px;\n width: 1px;\n background: #555555; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n content: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-btn, .header-nav-ui .primary-nav .primary-level-1.login-container,\n .header-nav-ui .primary-nav .primary-level-1 .user-info-popup {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.more-menu {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n color: #43D7B0; }\n .header-nav-ui .mobile-notifications-panel {\n width: 100%;\n height: 100%;\n position: fixed;\n box-shadow: none;\n border-radius: 0;\n display: block;\n top: 0;\n right: 0;\n overflow-y: auto; }\n .header-nav-ui .mobile-notifications-panel .noti-header {\n height: 40px;\n border-radius: 0;\n padding-left: 10px;\n padding-right: 10px; }\n .header-nav-ui .mobile-notifications-panel .noti-header .notification-back-btn {\n width: 50px;\n height: 50px;\n background: url("+P+") center center no-repeat;\n margin-left: -8px; }\n .header-nav-ui .mobile-notifications-panel .noti-header .btn-setting {\n width: 50px;\n height: 50px;\n background: url("+L+") center center no-repeat; }\n .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n margin-left: 0;\n padding-left: 0;\n background: none; }\n .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n padding: 19px 20px 12px 21px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .items {\n padding: 0 10px 0 20px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n padding-right: 0; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n right: 5px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n left: -90px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n left: 90%; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n display: none; }\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n padding-left: 25px;\n width: calc(100% - 50px); }\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n right: 15px; }\n .header-nav-ui .mobile-notifications-panel .light-bar {\n display: flex;\n justify-content: space-between; }\n .header-nav-ui .mobile-notifications-panel .light-bar .green-link {\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 30px;\n text-align: left; }\n .header-nav-ui .secondary-nav {\n display: none; }\n .header-nav-ui .mobile-nav {\n display: flex; }\n .header-nav-ui .mobile-nav .close-btn {\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu {\n display: block; }\n .header-nav-ui .mobile-nav-sub-menu.isNothing {\n display: none; }\n .header-nav-ui.isOpenSecondaryNavMobile .primary-nav,\n .header-nav-ui.isOpenSecondaryNavMobile .secondary-nav-mobile {\n display: flex; }\n .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .menu-btn {\n display: none; }\n .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .close-btn {\n display: flex; }\n .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav-sub-menu {\n display: none; }\n .settings-panel {\n margin-top: 0;\n margin-bottom: 0;\n border-radius: 0;\n width: 100%;\n padding: 12px 0 32px 0; }\n .settings-panel > .title {\n display: none; }\n .settings-panel .panel-content .section-title .left {\n flex: 0 0 45%; }\n .settings-panel .panel-content .section-title div.website {\n flex: 0 0 10%; }\n .settings-panel .panel-content .section-title div.website span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n .settings-panel .panel-content .section-title div.website span em {\n display: none; }\n .settings-panel .panel-content .section-title div.as-email {\n flex: 0 0 45%; }\n .settings-panel .panel-content .section-title div.as-email span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n .settings-panel .panel-content .section-title div.as-email span em {\n display: none; }\n .settings-panel .panel-content .section-list {\n padding-left: 0; }\n .settings-panel .panel-content .section-list li .list-item .left {\n flex: 0 0 45%;\n align-self: flex-start;\n padding-top: 5px; }\n .settings-panel .panel-content .section-list li .list-item .left .title {\n line-height: 20px; }\n .settings-panel .panel-content .section-list li .list-item .left .description {\n display: none; }\n .settings-panel .panel-content .section-list li .list-item div.website {\n flex: 0 0 10%;\n align-self: flex-start; }\n .settings-panel .panel-content .section-list li .list-item div.as-email {\n flex: 0 0 45%;\n align-self: flex-start;\n margin-top: 0; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n margin-top: 12px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n margin-top: 13px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n margin-top: 2px; }\n .settings-panel .panel-content .section-list li .description-mobile {\n display: block;\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-top: 10px; }\n .mobile-hide {\n display: none; }\n .mobile-show {\n display: block; } }\n\n.avatar {\n border-radius: 100%; }\n\n.opacity-0 {\n opacity: 0; }\n\n.fade-opacity-in {\n transition: opacity 400ms ease-in 100ms;\n opacity: 1; }\n",""])},function(e,n,t){e.exports=t.p+"images/icon-bell.svg"},function(e,n,t){e.exports=t.p+"images/left-arrow.svg"},function(e,n,t){e.exports=t.p+"images/icon-settings-gear.svg"}])}); \ No newline at end of file +!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var n=[],e=0;e=0&&p.splice(e,1)}function h(n){var e=document.createElement("style");if(void 0===n.attrs.type&&(n.attrs.type="text/css"),void 0===n.attrs.nonce){var o=function(){0;return t.nc}();o&&(n.attrs.nonce=o)}return b(e,n.attrs),f(n,e),e}function b(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function g(n,e){var t,o,a,i;if(e.transform&&n.css){if(!(i="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=i}if(e.singleton){var r=s++;t=c||(c=h(e)),o=x.bind(null,t,r,!1),a=x.bind(null,t,r,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var e=document.createElement("link");return void 0===n.attrs.type&&(n.attrs.type="text/css"),n.attrs.rel="stylesheet",b(e,n.attrs),f(n,e),e}(e),o=function(n,e,t){var o=t.css,a=t.sourceMap,i=void 0===e.convertToAbsoluteUrls&&a;(e.convertToAbsoluteUrls||i)&&(o=d(o));a&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");var r=new Blob([o],{type:"text/css"}),l=n.href;n.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,e),a=function(){m(t),t.href&&URL.revokeObjectURL(t.href)}):(t=h(e),o=function(n,e){var t=e.css,o=e.media;o&&n.setAttribute("media",o);if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}.bind(null,t),a=function(){m(t)});return o(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;o(n=e)}else a()}}n.exports=function(n,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=r()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var t=_(n,e);return u(t,e),function(n){for(var o=[],a=0;a0?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsRed,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["bell-icon"]}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsGrey,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["bell-icon"]}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["notifications-title"]},"Notifications"),c>0&&react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["red-number"]},"("+c+")"))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["icon-open-noti"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconRightArrow,null))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["noti-separator"]})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu},a.map(function(e,t){return e.separator?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,key:"separator-".concat(t)}):n.renderLink(e,t)})))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),AccountMenu}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);AccountMenu.defaultProps={numNotifications:0},AccountMenu.propTypes={open:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,onClose:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,menu:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,switchText:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),onSwitch:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,profile:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),numNotifications:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,onClickNotifications:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func.isRequired};var _default=AccountMenu,reactHotLoader,leaveModule;__webpack_exports__.default=_default,reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(MANAGE_ROLES,"MANAGE_ROLES","/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(hasAccess,"hasAccess","/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(AccountMenu,"AccountMenu","/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(_default,"default","/home/ums-121/temp/navigation-component/src/components/AccountMenu/index.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}.call(this,__webpack_require__(13)(module))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(45),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.checked,t=n.onClick;return i.a.createElement("div",{className:d.a.checkbox,onClick:t},i.a.createElement("div",{className:s()(d.a["check-icon"],e&&d.a.checked)}))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var _,f,m=u;e.default=m,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"CheckBox","/home/ums-121/temp/navigation-component/src/components/CheckBox/index.js"),_.register(m,"default","/home/ums-121/temp/navigation-component/src/components/CheckBox/index.js")),(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&f(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(67),s=t.n(c);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){var e=n.show,t=n.x;return i.a.createElement("div",{className:s.a.chosenArrow,style:{transform:"translateX(calc(".concat(t,"px - 50%))")},hidden:!e},i.a.createElement("svg",{width:"40px",height:"10px",viewBox:"0 0 40 10"},i.a.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},i.a.createElement("g",{id:"Desktop-navigation-specification",transform:"translate(-229.000000, -1000.000000)"},i.a.createElement("path",{d:"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z",id:"Path-3"})))))};p.propTypes={show:l.a.bool,x:l.a.number};var d,u,_=p;e.default=_,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"ChosenArrow","/home/ums-121/temp/navigation-component/src/components/ChosenArrow/index.js"),d.register(_,"default","/home/ums-121/temp/navigation-component/src/components/ChosenArrow/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(31),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n,e){var t=e.find(function(e){return e.value===n});return t&&t.label},_=function(n){var e=n.open,t=n.onClick,o=n.onClose,a=n.checked,r=n.value,l=n.options,c=n.onChange,p=function(n){return function(e){e.preventDefault(),o(),c(n)}};return i.a.createElement("div",{className:s()(d.a["dropdown-box"],a&&d.a.checked,e&&d.a.open),onClick:function(n){return!n.defaultPrevented&&t()}},i.a.createElement("div",{className:d.a.backdrop,onClick:function(n){n.preventDefault(),o()}}),i.a.createElement("span",{className:d.a["selected-label"]},u(r,l),i.a.createElement("i",{className:d.a["dropdown-arrow"]})),i.a.createElement("ul",{className:d.a.options},l.map(function(n){return i.a.createElement("li",{className:s()(d.a["option-li"],n.value===r&&d.a.active),key:n.value,onClick:p(n.value)},n.label)})))};_.propTypes={open:l.a.bool,onClick:l.a.func,onClose:l.a.func,checked:l.a.bool,value:l.a.any,options:l.a.array,onChange:l.a.func};var f,m,h=_;e.default=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"optionLabel","/home/ums-121/temp/navigation-component/src/components/DropdownBox/index.js"),f.register(_,"DropdownBox","/home/ums-121/temp/navigation-component/src/components/DropdownBox/index.js"),f.register(h,"default","/home/ums-121/temp/navigation-component/src/components/DropdownBox/index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(68),s=t.n(c);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){var e=n.show,t=n.x;return i.a.createElement("span",{className:s.a.iconSelect,style:{transform:"translateX(calc(".concat(t,"px - 50%))")},hidden:!e})};p.propTypes={show:l.a.bool,x:l.a.number};var d,u,_=p;e.default=_,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"IconSelect","/home/ums-121/temp/navigation-component/src/components/IconSelect/index.js"),d.register(_,"default","/home/ums-121/temp/navigation-component/src/components/IconSelect/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(46),d=t.n(p),u=t(5),_=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var f=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#888894",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};f.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var m=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};m.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return n&&_.a.countBy(n||[],function(n){return!n.isSeen&&!n.isRead}).true>0?"new":0===n.length?"none":"seen"},b=function(n){var e=n.onClick,t=n.notificationsPopupOpen,o=n.notifications;return i.a.createElement("div",{className:s()([d.a.notificationButton,t&&d.a.isNotificationsPopupOpen,d.a[h(o)]]),onClick:e},_.a.isEmpty(o||[])?i.a.createElement(f,null):i.a.createElement(m,null))};b.propTypes={onClick:l.a.func,notificationsPopupOpen:l.a.bool,notifications:l.a.array};var g,v,y=b;e.default=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(h,"getNotificationButtonState","/home/ums-121/temp/navigation-component/src/components/NotificationButton/index.js"),g.register(b,"NotificationButton","/home/ums-121/temp/navigation-component/src/components/NotificationButton/index.js"),g.register(y,"default","/home/ums-121/temp/navigation-component/src/components/NotificationButton/index.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(4),d=t.n(p),u=t(70),_=t(71);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var f=function(n){var e=n.open,t=n.onClose,o=n.emptyTitle,a=n.markNotificationAsRead,r=n.emptyText,l=n.notifications,c=n.unReadNotifications,p=n.markAllNotificationAsRead,f=n.dismissChallengeNotifications,m=n.auth;return i.a.createElement("div",{className:s()(d.a["notifications-panel"],e&&d.a.open)},i.a.createElement("div",{className:d.a.backdrop,onClick:t}),l&&l.length>0?i.a.createElement(_.a,{notifications:l,markNotificationAsRead:a,auth:m,unReadNotifications:c,markAllNotificationAsRead:p,dismissChallengeNotifications:f,onClose:t}):i.a.createElement(u.a,{emptyTitle:o,emptyText:r,onClose:t}))};f.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications.")},f.propTypes={open:l.a.bool,onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node,auth:l.a.shape(),notifications:l.a.array,unReadNotifications:l.a.bool,markNotificationAsRead:l.a.func.isRequired,markAllNotificationAsRead:l.a.func.isRequired,dismissChallengeNotifications:l.a.func.isRequired};var m,h,b=f;e.default=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"NotificationsPopup","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/index.js"),m.register(b,"default","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/index.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(36),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.checked,t=n.onClick;return i.a.createElement("div",{className:s()(d.a["switch-box"],e&&d.a.checked),onClick:t},i.a.createElement("span",{className:d.a["label-on"]},"on"),i.a.createElement("span",{className:d.a.dot}),i.a.createElement("span",{className:d.a["label-off"]},"off"))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var _,f,m=u;e.default=m,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"SwitchBox","/home/ums-121/temp/navigation-component/src/components/SwitchBox/index.js"),_.register(m,"default","/home/ums-121/temp/navigation-component/src/components/SwitchBox/index.js")),(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&f(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(100);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/icon-bell-red.svg"},function(n,e,t){n.exports=t.p+"images/right-arrow.svg"},function(n,e,t){n.exports=t.p+"images/flat-icon-opposite-arrows.svg"},function(n,e,t){n.exports=t.p+"images/bell-big.svg"},function(n,e,t){n.exports=t.p+"images/delete-small.svg"},function(n,e,t){n.exports=t.p+"images/group.svg"},function(n,e,t){n.exports=t.p+"images/bell-black.svg"},function(n,e,t){n.exports=t.p+"images/icon-email.svg"},function(n,e){var t;t=function(){return this}();try{t=t||new Function("return this")()}catch(n){"object"==typeof window&&(t=window)}n.exports=t},function(n,e,t){var o=t(88);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(90);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(92);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(16),d=t(4),u=t.n(d);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var _=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};_.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"right-arrow"),i.a.createElement("path",{d:"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z",fill:"#fff",fillRule:"nonzero"}))};f.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var m=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"A5A5134F-6BA3-42D1-9A27-5A1529E5925C"),i.a.createElement("path",{d:"M69.002 49.758C71.065 52.084 73 54.41 73 57.64c0 7.109-14.703 11.89-36.5 11.89S0 64.75 0 57.642c0-3.36 1.935-5.557 3.998-7.883 2.58-2.844 5.417-6.075 5.417-12.278V27.14C9.415 12.667 22.055 0 36.5 0s27.085 12.536 27.085 26.882V37.48c0 6.203 2.837 9.434 5.417 12.278zM36.5 72.116c3.998 0 7.867-.129 11.35-.517C46.43 76.381 41.917 80 36.5 80s-9.931-3.49-11.35-8.4c3.483.387 7.352.516 11.35.516z",fill:"#B5E9DB",fillRule:"nonzero"}))};m.defaultProps={width:"73",height:"80",viewBox:"0 0 73 80",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){var e=n.onClose,t=n.emptyTitle,o=n.emptyText;return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:u.a["noti-header"]},i.a.createElement("div",{className:u.a.lefts},i.a.createElement("div",{className:u.a["notification-icon"]},i.a.createElement(_,null)),i.a.createElement("div",{className:u.a["notification-left-btn-mobile"],role:"button",onClick:e},i.a.createElement(f,null)),i.a.createElement("span",{className:u.a["noti-title"]},"Notifications")),i.a.createElement("span",{className:s()(u.a["noti-empty-title-mobileonly"])},"Notifications")),i.a.createElement("div",{className:s()(u.a["noti-body"],u.a["noti-body-empty"],u.a.center)},i.a.createElement(m,{className:u.a["big-icon-bell"]}),i.a.createElement("div",{className:u.a["empty-title"]},t),i.a.createElement("div",{className:s()(u.a.txt,u.a["center-txt"])},o),i.a.createElement("span",{className:s()(u.a["btn-empty-noti"]),role:"button"},i.a.createElement(p.Link,{to:"/settings/preferences"},"Notification Settings"))))};h.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications.")},h.propTypes={onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node};var b,g,v=h;e.a=v,(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(b.register(h,"EmptyNotifications","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),b.register(v,"default","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js")),(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&g(n)}).call(this,t(13)(n))},function(module,__webpack_exports__,__webpack_require__){"use strict";(function(module){__webpack_require__.d(__webpack_exports__,"a",function(){return NotificationList});var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(38),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(39),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(40),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(41),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(42),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__),react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),classnames__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(3),classnames__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(5),lodash__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__),moment__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(43),moment__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(16),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__),_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(4),_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__),enterModule;enterModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).enterModule,enterModule&&enterModule(module);var BackArrow=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"right-arrow"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z",fill:"#fff",fillRule:"nonzero"}))};BackArrow.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var GearIcon=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"settings-gear"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M13.3 5.2l1.1-2.1L13 1.7l-2.1 1.1c-.3-.2-.7-.3-1.1-.4L9 0H7l-.8 2.3c-.3.1-.7.2-1 .4L3.1 1.6 1.6 3.1l1.1 2.1c-.2.3-.3.7-.4 1L0 7v2l2.3.8c.1.4.3.7.4 1.1L1.6 13 3 14.4l2.1-1.1c.3.2.7.3 1.1.4L7 16h2l.8-2.3c.4-.1.7-.3 1.1-.4l2.1 1.1 1.4-1.4-1.1-2.1c.2-.3.3-.7.4-1.1L16 9V7l-2.3-.8c-.1-.3-.2-.7-.4-1zM8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z",fill:"#fff",fillRule:"nonzero"}))};GearIcon.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var TickIcon=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"checkmark"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M2.33 5.08L0 7.409l4.95 4.95 9.9-9.9-2.2-2.2-7.57 7.57-2.75-2.75z",fill:"#FFF",fillRule:"evenodd"}))};TickIcon.defaultProps={width:"15",height:"13",viewBox:"0 0 15 13",xmlns:"http://www.w3.org/2000/svg"};var NotificationIcon=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"icon-bell"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};NotificationIcon.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var eventTypes={PROJECT:{ACTIVE:["challenge.notification.events","notifications.autopilot.events"],COMPLETED:"challenge.notification.completed"},BROADCAST:"admin.notification.broadcast"},ConditionalWrapper=function(n){var e=n.condition,t=n.renderLink,o=n.renderDiv,a=n.children;return e?t(a):o(a)},Item=function(n){var e=n.item,t=n.auth,o=(n.onDismiss,n.markNotificationAsRead);n.isLink;return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(ConditionalWrapper,{condition:(eventTypes.PROJECT.ACTIVE.includes(e.eventType)||eventTypes.PROJECT.COMPLETED.includes(e.eventType))&&e.sourceId,renderLink:function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/challenges/".concat(e.sourceId),className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-item"],onClick:function(){return!e.isRead&&o(e,t.tokenV3)}},n)},renderDiv:function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-item"]},n)}},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.left},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("p",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.txt},e.contents),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["time-txt"]},moment__WEBPACK_IMPORTED_MODULE_9___default()(e.date).fromNow())),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.right},!e.isRead&&react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_7___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point,e.isSeen&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["point-grey"],!e.isSeen&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["point-red"]]),onClick:function(n){n.preventDefault(),n.stopPropagation(),n.nativeEvent.stopImmediatePropagation(),o(e,t.tokenV3)}}))))};Item.propTypes={item:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.object.isRequired,auth:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape().isRequired,onDismiss:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,markNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,isLink:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool.isRequired};var NotificationList=function(_React$Component){function NotificationList(n){var e;return _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this,NotificationList),(e=_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(NotificationList).call(this,n))).state={nonCompletedSection:[],unreadCount:0},e}return _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(NotificationList,_React$Component),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(NotificationList,[{key:"challenges",value:function(n){return n=n||[],lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(n.map(function(n){return n.sourceName}).filter(function(n){return n})).map(function(e){return{challengeTitle:e,items:n.filter(function(n){return n.sourceName===e})}})}},{key:"isLink",value:function(n){return(eventTypes.PROJECT.ACTIVE.includes(n.eventType)||eventTypes.PROJECT.COMPLETED.includes(n.eventType))&&n.sourceId>0}},{key:"render",value:function(){var n=this,e=this.props,t=e.onClose,o=e.notifications,a=e.onDismiss,i=e.unReadNotifications,r=e.markNotificationAsRead,l=e.markAllNotificationAsRead,c=e.auth;return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-header"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.lefts},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["notification-icon"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(NotificationIcon,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["notification-left-btn-mobile"],role:"button",onClick:t},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(BackArrow,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-title"]},"Notifications")),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-title-mobileonly"]},"Notifications"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.rights},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{role:"button",className:classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["white-link"],!i&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.disabled),onClick:function(){i&&l(c.tokenV3)}},"Mark All as Read")," ",react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point})," ",react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["white-link"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/settings/preferences"},"Settings"))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["rights-mobile"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["btn-tick"],!i&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.disabled),role:"button",onClick:function(){i&&l(c.tokenV3)}},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TickIcon,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["btn-setting"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(GearIcon,null)))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-body"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,this.challenges(lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(o||[]).filter(function(n){return eventTypes.PROJECT.ACTIVE.includes(n.eventType)||eventTypes.BROADCAST.includes(n.eventType)})).map(function(e,t){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,{key:"nonComplete-".concat(t)},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{key:"noti-".concat(t),className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["challenge-title"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",null,e.challengeTitle)),e.items.map(function(e,o){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(Item,{item:e,auth:c,markNotificationAsRead:r,key:"noti-".concat(t,"-").concat(o),onDismiss:function(){return a([e])},isLink:n.isLink(e)})}))}))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["view-all-notifications"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/notifications"},"View all Notifications")))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),NotificationList}(react__WEBPACK_IMPORTED_MODULE_5___default.a.Component),reactHotLoader,leaveModule;NotificationList.defaultProps={notifications:[],auth:null,onDismiss:function(){return null},markAllNotificationAsRead:function(){return null},markNotificationAsRead:function(){return null}},NotificationList.propTypes={auth:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape(),notifications:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.array,onDismiss:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,onClose:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,unReadNotifications:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool,markNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,markAllNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired},reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(eventTypes,"eventTypes","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(ConditionalWrapper,"ConditionalWrapper","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(Item,"Item","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(NotificationList,"NotificationList","/home/ums-121/temp/navigation-component/src/components/NotificationsPopup/NotificationList.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}).call(this,__webpack_require__(13)(module))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__72__},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(34),s=t.n(c),p=t(16);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var d=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"e-remove"),i.a.createElement("path",{d:"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z",fill:"#FFF",fillRule:"nonzero"}))};d.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var u=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"menu-8"),i.a.createElement("g",{fill:"#FFF",fillRule:"nonzero"},i.a.createElement("path",{d:"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z"})))};u.defaultProps={width:"24",height:"16",viewBox:"0 0 24 16",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"ico-magnifying_glass"),i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};_.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){var e=n.showLeftMenu,t=n.onClickLeftMenu,o=n.logo,a=n.rightMenu;return i.a.createElement("div",null,i.a.createElement("div",{className:s.a.mobileNav},i.a.createElement("div",{className:s.a.leftMenuContainer},i.a.createElement("button",{className:s.a.menuBtn,onClick:t},e?i.a.createElement(d,null):i.a.createElement(u,null))),i.a.createElement("a",{href:"/"},o),a&&i.a.createElement("div",{className:s.a.rightMenu},a)),e&&i.a.createElement("div",{className:s.a.search},i.a.createElement(_,{className:s.a.icon}),i.a.createElement("input",{onKeyPress:function(n){"Enter"===n.key&&(window.location="".concat(p.config.URL.BASE,"/search/members?q=").concat(encodeURIComponent(n.target.value)))},placeholder:"Find members by username or skill","aria-label":"Find members by username or skill"})))};f.propTypes={showLeftMenu:l.a.bool,onClickLeftMenu:l.a.func,logo:l.a.node,rightMenu:l.a.node};var m,h,b=f;e.a=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"MobileNav","/home/ums-121/temp/navigation-component/src/components/TopNav/MobileNav.js"),m.register(b,"default","/home/ums-121/temp/navigation-component/src/components/TopNav/MobileNav.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(33),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"arrow-small-down"),i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};u.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"arrow-small-up"),i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};_.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){var e=n.open,t=n.menu,o=n.isSecondaryMenu,a=n.activeChildId,r=n.onClick,l=n.createHandleClickItem;return i.a.createElement("div",{className:s()(d.a.mobileSubNav,e&&d.a.mobileSubNavOpen)},i.a.createElement("div",{className:d.a.mobileSubNavMask}),i.a.createElement("button",{className:d.a.mobileSubNavHeader,onClick:r},i.a.createElement("span",null,t.title),e&&i.a.createElement(_,null),!e&&i.a.createElement(u,null)),e&&i.a.createElement("div",{className:d.a.mobileSubNavContent},(o?t.secondaryMenu:t.subMenu)&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){return i.a.createElement("a",{className:s()(d.a.mobileSubNavChild,n.id===a&&d.a.mobileSubNavChildOpen),href:n.href,key:"level3-".concat(e),onClick:l(n.id)},n.title)})))};f.propTypes={open:l.a.bool,menu:l.a.object,isSecondaryMenu:l.a.bool,activeChildId:l.a.any,onClick:l.a.func,createHandleClickItem:l.a.func};var m,h,b=f;e.a=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"MobileSubNav","/home/ums-121/temp/navigation-component/src/components/TopNav/MobileSubNav.js"),m.register(b,"default","/home/ums-121/temp/navigation-component/src/components/TopNav/MobileSubNav.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(47),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.menu,t=n.activeChildId,o=n.createHandleClickItem;return i.a.createElement("div",{className:d.a.secondaryNavMobile},e.subMenu&&e.subMenu.map(function(n,e){return i.a.createElement("a",{className:s()(d.a.secondaryNavMobileItem,n.id===t&&d.a.secondaryNavMobileItemOpen),href:n.href,key:"level2-".concat(e),onClick:o(n.id)},n.title)}))};u.propTypes={menu:l.a.object,activeChildId:l.a.any,createHandleClickItem:l.a.func};var _,f,m=u;e.a=m,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"MobileMenu","/home/ums-121/temp/navigation-component/src/components/TopNav/MobileMenu.js"),_.register(m,"default","/home/ums-121/temp/navigation-component/src/components/TopNav/MobileMenu.js")),(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&f(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),c=t(3),s=t.n(c),p=t(81),d=t(51),u=t(8),_=t.n(u),f=t(16);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var m=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"arrow-small-down"),i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};m.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"ico-magnifying_glass"),i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};h.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var b=f.config.URL.BASE,g=function(n){var e=n.collapsed,t=n.showLeftMenu,o=n.logo,a=n.menu,r=n.rightMenu,l=n.moreMenu,c=n.openMore,u=n.onCloseMore,f=n.moreId,g=n.activeLevel1Id,v=n.activeLevel2Id,y=n.onClickLogo,x=n.onRightMenuResize,E=n.createHandleClickLevel1,A=n.createHandleClickLevel2,w=n.handleClickMore,M=n.createHandleClickMoreItem,D=n.createSetRef,O=n.showChosenArrow,F=n.chosenArrowX,k=n.searchOpened,C=n.toggleSearchOpen,I=function(n){return!(l||[]).find(function(e){return e.id===n.id})},R=50;return i.a.createElement("div",null,i.a.createElement("div",{className:s()(_.a.primaryNavContainer,t&&_.a.primaryNavContainerOpen)},i.a.createElement("div",{className:_.a.primaryNav,ref:D("primaryNav")},i.a.createElement("a",{className:s()(_.a.tcLogo,e&&_.a.tcLogoPush),onClick:y,href:"/"},o),a.map(function(n,e){return[i.a.createElement("span",{className:_.a.primaryLevel1Separator,key:"separator-".concat(e)}),i.a.createElement("a",{className:s()(_.a.primaryLevel1,!v&&n.id===g&&_.a.primaryLevel1Open,n.mobileOnly&&_.a.mobileOnly),href:n.href,key:"level1-".concat(e),onClick:E(n.id,!0),ref:D(n.id)},n.title),n.subMenu&&i.a.createElement("div",{className:s()(_.a.primaryLevel2Container,n.id===g&&_.a.primaryLevel2ContainerOpen),key:"level2-".concat(e,"-container"),ref:D("level2Container".concat(e))},n.subMenu.filter(I).map(function(n,e){return i.a.createElement("a",{className:s()(_.a.primaryLevel2,n.id===v&&_.a.primaryLevel2Open),href:n.href,key:"level2-".concat(e),onClick:A(n.id,!0),ref:D(n.id)},n.title)}),n.id===g&&l&&l.length>0&&i.a.createElement("div",{className:s()(_.a.moreBtnContainer,c&&_.a.moreOpen)},i.a.createElement("div",{className:_.a.backdrop,onClick:u}),i.a.createElement("button",{className:s()(_.a.primaryLevel2,_.a.moreBtn),onClick:w,ref:D(f)},i.a.createElement("div",{className:_.a.moreBtnMask}),i.a.createElement("span",null,"More"),i.a.createElement(m,null)),i.a.createElement("div",{className:_.a.moreContentContainer},l.map(function(n,e){return i.a.createElement("a",{className:s()(_.a.primaryLevel2,n.id===v&&_.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:M(n.id)},n.title)}))))]}),i.a.createElement(d.default,{show:O,x:F})),i.a.createElement("div",{className:_.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:x}),r&&i.a.createElement("div",{className:_.a.primaryLevel1},r),i.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:s()(_.a.searchIcon,{opened:k}),onFocus:function(){return C(!0)},onBlur:function(n){n.pageY0},n.prototype.connect_=function(){o&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),s?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},n.prototype.disconnect_=function(){o&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},n.prototype.onTransitionEnd_=function(n){var e=n.propertyName,t=void 0===e?"":e;c.some(function(n){return!!~t.indexOf(n)})&&this.refresh()},n.getInstance=function(){return this.instance_||(this.instance_=new n),this.instance_},n.instance_=null,n}(),d=function(n,e){for(var t=0,o=Object.keys(e);t0},n}(),A="undefined"!=typeof WeakMap?new WeakMap:new t,w=function(){return function n(e){if(!(this instanceof n))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var t=p.getInstance(),o=new E(e,t,this);A.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){w.prototype[n]=function(){var e;return(e=A.get(this))[n].apply(e,arguments)}});var M=void 0!==a.ResizeObserver?a.ResizeObserver:w;e.a=M}).call(this,t(66))},function(n,e,t){"use strict";(function(n){var t="object"==typeof n&&n&&n.Object===Object&&n;e.a=t}).call(this,t(66))},function(n,e,t){"use strict";(function(n){var o,a=t(5),i=t.n(a),r=t(0),l=t.n(r),c=t(1),s=t.n(c),p=t(3),d=t.n(p),u=t(53),_=t(16),f=t(35),m=t.n(f);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var h=function(n){var e=n.open,t=n.menu,o=n.isSecondaryMenu,a=n.activeChildId,r=n.showIndicator,c=n.indicatorX,s=n.createHandleClickItem,p=n.createSetRef;return l.a.createElement("div",{className:d()(m.a.secondaryNav,e&&m.a.secondaryNavOpen)},l.a.createElement("div",{className:m.a.secondaryNavLinkContainer},t&&(o?t.secondaryMenu:t.subMenu)&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){var t=i.a.isEmpty(n.link)?n.href:n.link;return l.a.createElement(_.Link,{className:d()(m.a.secondaryNavItem,n.id===a&&m.a.secondaryNavItemOpen),key:"level3-".concat(e),to:t,onClick:s(n.id)},l.a.createElement("span",{ref:p(n.id)},n.title),l.a.createElement("span",{className:d()(m.a.indicator)}))}),l.a.createElement(u.default,{show:r,x:c})))};h.propTypes={open:s.a.bool,menu:s.a.object,isSecondaryMenu:s.a.bool,activeChildId:s.a.any,showIndicator:s.a.bool,indicatorX:s.a.number,createHandleClickItem:s.a.func,createSetRef:s.a.func};var b,g,v=h;e.a=v,(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(b.register(h,"SubNav","/home/ums-121/temp/navigation-component/src/components/TopNav/SubNav.js"),b.register(v,"default","/home/ums-121/temp/navigation-component/src/components/TopNav/SubNav.js")),(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&g(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";var o=t(0),a=t.n(o),i=t(77),r=t(78),l=function(n){var e=[],t=null,o=function(){for(var o=arguments.length,a=Array(o),i=0;i=e||t<0||u&&n-p>=i}function b(){var n=_();if(h(n))return g(n);l=setTimeout(b,function(n){var t=e-(n-c);return u?T(t,i-(n-p)):t}(n))}function g(n){return l=void 0,f&&o?m(n):(o=a=void 0,r)}function v(){var n=_(),t=h(n);if(o=arguments,a=this,c=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(b,e),d?m(n):r}(c);if(u)return l=setTimeout(b,e),m(c)}return void 0===l&&(l=setTimeout(b,e)),r}return e=B(e)||0,s(t)&&(d=!!t.leading,i=(u="maxWait"in t)?N(B(t.maxWait)||0,e):i,f="trailing"in t?!!t.trailing:f),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=c=a=l=void 0},v.flush=function(){return void 0===l?r:g(_())},v},U="Expected a function";var S=function(n,e,t){var o=!0,a=!0;if("function"!=typeof n)throw new TypeError(U);return s(t)&&(o="leading"in t?!!t.leading:o,a="trailing"in t?!!t.trailing:a),K(n,e,{leading:o,maxWait:e,trailing:a})},j={debounce:K,throttle:S},z=function(n){return j[n]},H=function(n){return"function"==typeof n},X=function(){return"undefined"==typeof window},q=function(n){return n instanceof Element||n instanceof HTMLDocument};function G(n){return(G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function V(n,e){for(var t=0;t0;return l.a.createElement("div",{className:d.a.loginContainer},e?p?[l.a.createElement(u.default,{notifications:t||[],notificationsPopupOpen:D,onClick:R,key:"notification-button"}),l.a.createElement(f.default,{profile:h,newNotifications:!!L,onClick:P,open:C,key:"user-info"})]:l.a.createElement(f.default,{profile:h,newNotifications:!!L,onClick:P,open:C,key:"user-info"}):l.a.createElement("a",{href:g.href,onClick:function(n){var e=encodeURIComponent(window.location.href);window.location=g.location.replace("%S",e),n.preventDefault()}},"LOGIN"),l.a.createElement(_.default,{open:D,notifications:t,onClose:function(){L&&E(L,v.tokenV3),O(!1)},auth:v,unReadNotifications:B,markNotificationAsRead:y,markAllNotificationAsRead:x,dismissChallengeNotifications:A}),l.a.createElement(m.default,{profile:h,open:C,menu:o,switchText:a,numNotifications:b.a.filter(t||[],function(n){return!n.isSeen&&!n.isRead}).length,onClickNotifications:R,onSwitch:c,onClose:function(){I(!1),document.body.style.position=""}}))};g.propTypes={loggedIn:s.a.bool,notifications:s.a.array,accountMenu:s.a.array,onSwitch:s.a.func,onMenuOpen:s.a.func,showNotification:s.a.bool,profile:s.a.shape(),auth:s.a.shape(),switchText:s.a.shape(),authURLs:s.a.shape(),markNotificationAsRead:s.a.func.isRequired,markAllNotificationAsRead:s.a.func.isRequired,markAllNotificationAsSeen:s.a.func.isRequired,dismissChallengeNotifications:s.a.func.isRequired};var v,y,x=g;e.default=x,(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(v.register(g,"LoginNav","/home/ums-121/temp/navigation-component/src/components/LoginNav/index.js"),v.register(x,"default","/home/ums-121/temp/navigation-component/src/components/LoginNav/index.js")),(y=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&y(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n .TLi8zlACFsu05s9-S0KD6 {\n display: none; } }\n\n@media (min-width: 769px) {\n .XioWN-AAeGkJnsjIq4V5z {\n display: none; } }\n\n._1lZDYTI4twm2tPiSSYmH7j {\n position: relative;\n display: flex;\n align-items: center; }\n @media (max-width: 768px) {\n ._1lZDYTI4twm2tPiSSYmH7j .FoUSAd5lNc93mRCKoyl8k {\n display: none; } }\n",""]),e.locals={"mobile-only":"TLi8zlACFsu05s9-S0KD6","hide-not-mobile":"XioWN-AAeGkJnsjIq4V5z",loginContainer:"_1lZDYTI4twm2tPiSSYmH7j",notificationButton:"FoUSAd5lNc93mRCKoyl8k"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1FbstsxsOYjjccIB78Bf5 {\n display: none; } }\n\n@media (min-width: 769px) {\n ._3INAjyGw8wQPHAB_Re4yHH {\n display: none; } }\n\n._2Ii9wrSzf3Okhwg8qclKNK {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px; }\n @media (max-width: 768px) {\n ._2Ii9wrSzf3Okhwg8qclKNK {\n display: none; } }\n ._2Ii9wrSzf3Okhwg8qclKNK img {\n display: block; }\n ._2Ii9wrSzf3Okhwg8qclKNK.q_nxMe059lniB16rnd5Tn {\n opacity: 0.5; }\n ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh::after {\n content: "";\n width: 6px;\n height: 6px;\n position: absolute;\n top: -1px;\n right: 3px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n ._2Ii9wrSzf3Okhwg8qclKNK:hover, ._2Ii9wrSzf3Okhwg8qclKNK._1fEPa0UNfOfqQP46l2DmfT {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n',""]),e.locals={"mobile-only":"_1FbstsxsOYjjccIB78Bf5","hide-not-mobile":"_3INAjyGw8wQPHAB_Re4yHH",notificationButton:"_2Ii9wrSzf3Okhwg8qclKNK",none:"q_nxMe059lniB16rnd5Tn",new:"_3xZrCGzwx7RuauWwYHwENh",isNotificationsPopupOpen:"_1fEPa0UNfOfqQP46l2DmfT"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(61)),A=o(t(37)),w=o(t(62)),M=o(t(63));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n._3uzpwBKEA-MbCkI9aIMOp7 {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n.dqp77tD8W2ETuOAfmPKrb {\n position: relative; }\n\n._10uxAesUyb2uI6gmKN7J6z {\n display: none !important; }\n\n._3jhWQHRm5iNa8aHKufZPJM {\n display: none; }\n\n._3DFOkrCgDMnvjCqabi6xXD {\n display: block; }\n\n._3zI77bcsXMPehS4g_swO9f {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n ._3zI77bcsXMPehS4g_swO9f.njaE6s5GBKM1QWGa3X0N1 {\n align-items: flex-start; }\n\n._3_kpxJWCILsR8Tg-9uKzXZ {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n._2oHjajwzyk-5gR6VkemMLi {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n ._2oHjajwzyk-5gR6VkemMLi.tTm4NWRWu70QFI-vy6lfh, ._2oHjajwzyk-5gR6VkemMLi:active, ._2oHjajwzyk-5gR6VkemMLi:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n.iFKI2Ov4qa7QzgTzmFOtv,\n.iFKI2Ov4qa7QzgTzmFOtv:hover,\n.iFKI2Ov4qa7QzgTzmFOtv:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n.iFKI2Ov4qa7QzgTzmFOtv:hover {\n opacity: 0.75; }\n\n.iFKI2Ov4qa7QzgTzmFOtv {\n background-color: #2C95D7; }\n .iFKI2Ov4qa7QzgTzmFOtv._2SKHVaubAgUcwsNX6eYUJk, .iFKI2Ov4qa7QzgTzmFOtv:disabled, .iFKI2Ov4qa7QzgTzmFOtv[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n._2qrP7i56V22adC8xa8ezas,\n._2qrP7i56V22adC8xa8ezas:hover,\n._2qrP7i56V22adC8xa8ezas:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n._2qrP7i56V22adC8xa8ezas:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1KRwHAl5IRhFceiZQ7zk5B {\n display: none; } }\n\n@media (min-width: 769px) {\n ._1NDEgCD5MJCfPAwdP9B9P {\n display: none; } }\n\n._2bDaoAmFShmqVrbIpK298u {\n background-color: #FFFFFF;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 480px;\n height: auto;\n position: absolute;\n right: 10px;\n top: 40px;\n display: none;\n z-index: 100;\n cursor: default; }\n ._2bDaoAmFShmqVrbIpK298u [role=\"button\"]:not(._2SKHVaubAgUcwsNX6eYUJk) {\n cursor: pointer; }\n ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n display: flex; }\n ._2bDaoAmFShmqVrbIpK298u ._1WVxyW6Rc0m3600-JdYsfL {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n background-color: #0AB88A;\n border-radius: 10px 10px 0 0;\n padding: 17px 20px;\n height: 50px;\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\n display: flex; }\n @media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._9Cu-O6etHYdsCuPXfisaQ {\n display: none; } }\n @media (min-width: 769px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Al5qt_SIdZJrXcKNRD8cH {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\n background-size: 16px;\n color: #FFFFFF;\n font-size: 16px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: left;\n padding-left: 10px; }\n @media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\n flex-basis: 50%;\n background-size: 20px;\n color: #FFFFFF;\n font-size: 20px;\n font-family: 'Roboto';\n font-weight: 400;\n text-align: center; }\n @media (min-width: 769px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\n flex-basis: 50%;\n margin-right: 60px;\n background-size: 20px;\n color: #FFFFFF;\n font-size: 20px;\n font-family: 'Roboto';\n font-weight: 400;\n text-align: left; }\n @media (min-width: 769px) {\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW {\n color: #FFFFFF;\n display: inline-block;\n vertical-align: middle;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: right; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW:hover {\n opacity: 0.75; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW._2SKHVaubAgUcwsNX6eYUJk {\n opacity: 0.50; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h ._3FpWnCPiOuQJLQsSr57gf7 {\n width: 3px;\n height: 3px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n max-height: 800px;\n overflow: scroll;\n scrollbar-width: 7px;\n scrollbar-color: #2A2A2B; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n padding-bottom: 50px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j {\n text-align: center; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._23EoeJfN5HQfGll9F8EyQk {\n margin: 50px auto; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PX9-2AtdZY9sGhVyChc1t {\n background: url("+E+") center center no-repeat;\n background-size: 73px 80px;\n width: 73px;\n height: 80px;\n margin: 50px 0 10px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._33BRWgRqLuhFi0Z_fj9uND {\n color: #2A2A2B;\n font-size: 24px;\n font-family: Barlow;\n line-height: 26px;\n font-weight: 600;\n text-transform: uppercase; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 22px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN._1wodp8ZcZPls60OS2tJ98H {\n text-align: center;\n margin: 15px auto 25px auto; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._31SfJMmwFiAncZnGzrr985 {\n background-color: #B5E9DB;\n height: 28px;\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 28px;\n padding-left: 20px;\n margin-top: -2px;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n padding-right: 20px;\n padding-top: 2px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PUmu4TJfpeh0EsusdDRik {\n background-color: #F4F4F4;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n font-weight: 500;\n line-height: 22px;\n padding-left: 20px;\n margin-top: -2px;\n padding: 5px 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F:last-child ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n border-bottom: 0; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2U6_rtw03hfHM93vyb4eBM,\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F {\n margin-top: -2px;\n background-color: #FFFFFF;\n padding-top: 5px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n position: absolute;\n right: 1px;\n top: 50%;\n margin-top: -10px;\n z-index: 666;\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R {\n display: block;\n background: url("+A+") center center no-repeat;\n background-size: 10px;\n width: 20px;\n height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R:hover {\n background: url("+w+") center center no-repeat; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n position: absolute;\n top: -28px;\n left: -76px;\n background-color: #2A2A2B;\n border-radius: 2px;\n padding: 6px 0;\n color: #FFFFFF;\n font-size: 11px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 13px;\n text-align: center;\n min-width: 110px;\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -5px;\n left: calc(50% + 30px);\n margin-left: -3px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid #2A2A2B; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n display: block; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR {\n background-color: #FFFFFF;\n padding: 5px 20px;\n display: flex;\n justify-content: space-between; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX {\n display: flex;\n flex-direction: column;\n padding-left: 30px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._3zu5BfIWJ71Fd4J1DqWfkN {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 22px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._32hmK9ADRmBSTzMopKTqjl {\n display: inline-block;\n vertical-align: middle;\n color: #AAA;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3FpWnCPiOuQJLQsSr57gf7 {\n width: 10px;\n height: 10px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._2xZJ_8SvvE83FXweMbCHiQ {\n background-color: #EF476F; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3ev54BPuVdNmvF_zTD5HV0 {\n background-color: #D4D4D4; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n padding: 0 30px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover {\n background-color: #FBFBFB; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover .yHh07r7iWc4GuTRcs4pX0 {\n display: block; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n display: block;\n padding: 10px 0;\n border-bottom: 1px solid #E0E0E0;\n position: relative;\n cursor: pointer; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n padding-right: 30px; }\n @media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._14yTDJk6l1sYTGFTef-Ym_ {\n display: none; } }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb {\n margin-top: 5px;\n line-height: 20px;\n font-size: 12px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._2ZUCs8P9S0HpqiCqTvFQdz {\n padding: 0px 10px;\n display: inline-block;\n margin-right: 6px;\n background-color: #50ADE8;\n border-radius: 5px;\n color: #FFFFFF;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._32hmK9ADRmBSTzMopKTqjl {\n display: inline-block;\n vertical-align: middle;\n color: #AAA;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX {\n background-color: #F4F4F4;\n height: 50px;\n padding-left: 20px;\n margin-top: -4px;\n z-index: 1;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n padding-left: 26px;\n background: url("+M+") left center no-repeat;\n background-size: 15px;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n width: calc(100% - 70px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n right: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX:hover .yHh07r7iWc4GuTRcs4pX0 {\n display: block; }\n ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH {\n display: grid;\n background-color: #F4F4F4;\n page-break-after: auto;\n position: relative;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n border-radius: 0 0 10px 10px;\n height: 42px; }\n ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH a {\n margin: auto;\n color: #0D61BF;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 22px;\n text-decoration: underline;\n padding: 0; }\n ._2bDaoAmFShmqVrbIpK298u ._4_Xr0xGB9gg5Xbx30yOpI {\n text-align: center;\n margin: 0 auto 50px auto; }\n ._2bDaoAmFShmqVrbIpK298u ._203n6NLK0TpwNfE1LM3U_ {\n background-color: #FBFBFB;\n border-radius: 0 0 10px 10px;\n height: 40px;\n display: flex;\n align-items: center;\n color: #7F7F7F;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 40px;\n justify-content: center;\n position: relative;\n z-index: 10;\n margin-top: -3px; }\n\n._2bDaoAmFShmqVrbIpK298u {\n max-height: 70vh;\n flex-direction: column;\n flex: 1; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n flex: 1;\n max-height: calc(100% - 82px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n padding-bottom: 50px;\n max-height: calc(100% - 40px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._26kuYkWWYXCvxDHSBLy8oE {\n text-transform: uppercase;\n background-color: #FFFFFF;\n border: 1px solid #137D60;\n border-radius: 15px;\n width: 187px;\n height: 30px;\n color: #229174;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 12px;\n letter-spacing: 0.8px;\n line-height: 30px;\n text-align: left;\n padding: 9px; }\n\n@media (max-width: 768px) {\n ._2bDaoAmFShmqVrbIpK298u {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: none;\n z-index: 100;\n width: 100%;\n height: 100%;\n position: fixed;\n box-shadow: none;\n border-radius: 0;\n display: none;\n top: 0;\n right: 0;\n overflow-y: auto; }\n ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n display: flex; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n height: 60px;\n border-radius: 0;\n align-items: inherit; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\n align-content: stretch;\n flex: 1; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h {\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\n display: flex;\n flex: 1;\n justify-content: flex-end; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD {\n margin: auto 0px;\n margin-right: 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD._2SKHVaubAgUcwsNX6eYUJk {\n opacity: 0.50; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\n margin: auto 0px; }\n ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\n margin-left: 0;\n padding-left: 0;\n background: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n max-height: calc(100%-102px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j ._3zu5BfIWJ71Fd4J1DqWfkN {\n padding: 19px 20px 12px 21px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n padding-bottom: 50px;\n max-height: calc(100%-60px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n padding: 0 10px 0 20px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n padding-right: 0; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n right: 5px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n left: -90px; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n left: 90%; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n display: none; }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n padding-left: 25px;\n width: calc(100% - 50px); }\n ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n right: 15px; }\n ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 {\n display: flex;\n justify-content: space-between; }\n ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 .xfaifYntjgl4Dxspu_eFs {\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 30px;\n text-align: left; } }\n",""]),e.locals={"wrap-all":"_3uzpwBKEA-MbCkI9aIMOp7",relative:"dqp77tD8W2ETuOAfmPKrb",hide:"_10uxAesUyb2uI6gmKN7J6z","desktop-hide":"_3jhWQHRm5iNa8aHKufZPJM","desktop-show":"_3DFOkrCgDMnvjCqabi6xXD","flex-grid":"_3zI77bcsXMPehS4g_swO9f","item-start":"njaE6s5GBKM1QWGa3X0N1",icons:"_3_kpxJWCILsR8Tg-9uKzXZ",btn:"_2oHjajwzyk-5gR6VkemMLi",active:"tTm4NWRWu70QFI-vy6lfh","btn-blue":"iFKI2Ov4qa7QzgTzmFOtv",disabled:"_2SKHVaubAgUcwsNX6eYUJk","btn-gray":"_2qrP7i56V22adC8xa8ezas","mobile-only":"_1KRwHAl5IRhFceiZQ7zk5B","hide-not-mobile":"_1NDEgCD5MJCfPAwdP9B9P","notifications-panel":"_2bDaoAmFShmqVrbIpK298u",open:"_212HUD_1uAlLuuyrAeehri",backdrop:"_1WVxyW6Rc0m3600-JdYsfL","noti-header":"_1RFb2SmIhhRopMZePb4MU5",lefts:"_3M96SO4OKP7cVQFlpIQ-Ik","notification-icon":"_9Cu-O6etHYdsCuPXfisaQ","notification-left-btn-mobile":"_1Al5qt_SIdZJrXcKNRD8cH","noti-title":"_1Jut592jFrUwlSXPV4dtcK","noti-title-mobileonly":"_1jJ9N2HuKmQUj_A-mQ67qW","noti-empty-title-mobileonly":"_1f8lcBrHq9x6yvItqU7Ep2",rights:"_2r9o0ga7lUDfvlv0Jy9p0h","white-link":"gG-EY-ujRac3C3XNmxXsW",point:"_3FpWnCPiOuQJLQsSr57gf7","rights-mobile":"_20RJ4TQaaVrz5BhsY29q3_","noti-body":"_1clear-wT4PIr6Ij0oX6aN","noti-body-empty":"It-eIvJJzNycowRXYNSGN",center:"_1Bc2hR___vzLOqf-KCSQ8j","big-icon-bell":"_23EoeJfN5HQfGll9F8EyQk","icon-bell":"_3PX9-2AtdZY9sGhVyChc1t","empty-title":"_33BRWgRqLuhFi0Z_fj9uND",txt:"_3zu5BfIWJ71Fd4J1DqWfkN","center-txt":"_1wodp8ZcZPls60OS2tJ98H","light-bar":"_31SfJMmwFiAncZnGzrr985","challenge-title":"_3PUmu4TJfpeh0EsusdDRik","greybar-section":"_3pSfnLAttSYTLgZyBO-I6F",items:"_1x6dqFZ-IL6wFdtTotlnCn","item-content":"_2TVvw7BG7N7OELifFSI4Ru","lightblue-section":"_2U6_rtw03hfHM93vyb4eBM","right-remove":"yHh07r7iWc4GuTRcs4pX0","btn-close":"_2HHwQfzOvSt5DilSiYDF1R","black-txt":"_7uhH3BTWyzWMLsM_8WzgF","noti-item":"_1vFU1IULi3uB1nW05MNVbR",left:"_3-CsLueVOP-Sz_QfKfcxhX","time-txt":"_32hmK9ADRmBSTzMopKTqjl",right:"_206pokmSILHpJaqgYudJUx","point-red":"_2xZJ_8SvvE83FXweMbCHiQ","point-grey":"_3ev54BPuVdNmvF_zTD5HV0",dismissItem:"_14yTDJk6l1sYTGFTef-Ym_","bottom-info":"_14BY8-HwlYHKowDEAHswcb","blue-squre":"_2ZUCs8P9S0HpqiCqTvFQdz","grey-bar":"_2H2C7O_dp6KwFeSAwq8AeX","copyicon-title":"_2aUK1rWbfvxWFNltLlvdq2","view-all-notifications":"_3pIDWY_lBmJURjVgicjlQH","noti-footer":"_4_Xr0xGB9gg5Xbx30yOpI","end-message":"_203n6NLK0TpwNfE1LM3U_","btn-empty-noti":"_26kuYkWWYXCvxDHSBLy8oE","btn-tick":"_1aGOTxZZ4syg1EJMdBLoUD","btn-setting":"_358oM7AujstXlvHcnoYHy3","left-noti":"_1sAHEAFDeoX_ZTuPXeKmPq","green-link":"xfaifYntjgl4Dxspu_eFs"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._3-S7ERzJfyhbHGt11EIpER {\n display: none; } }\n\n@media (min-width: 769px) {\n ._3rust1gttUzFUo5G6HwRBj {\n display: none; } }\n\n.fKMH2imvVlyWN-E_J8Ytr {\n margin-left: 33px;\n border-radius: 15px;\n display: flex;\n align-items: center; }\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H {\n position: relative; }\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H ._1rDJnekJrLVLis92R02FDc {\n width: 30px;\n height: 30px;\n display: block;\n border-radius: 50%; }\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n content: "";\n width: 7px;\n height: 7px;\n position: absolute;\n top: -4px;\n right: -6px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n @media (min-width: 769px) {\n .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n display: none; } }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz {\n display: flex;\n align-items: center; }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: block;\n font-size: 14px;\n font-weight: 700;\n line-height: 30px;\n margin-left: 5px;\n white-space: nowrap; }\n @media (max-width: 768px) {\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: none; } }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n margin-left: 12px; }\n .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 img {\n transition: all 0.5s; }\n @media (min-width: 769px) {\n .fKMH2imvVlyWN-E_J8Ytr:hover, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb {\n background-color: rgba(85, 85, 85, 0.4); } }\n .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: block; }\n @media (max-width: 768px) {\n .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n display: none; } }\n .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n transform: rotate(180deg); }\n\n@media (max-width: 768px) {\n .fKMH2imvVlyWN-E_J8Ytr {\n margin-left: 5px; } }\n',""]),e.locals={"mobile-only":"_3-S7ERzJfyhbHGt11EIpER","hide-not-mobile":"_3rust1gttUzFUo5G6HwRBj",userInfoContainer:"fKMH2imvVlyWN-E_J8Ytr",avatarContainer:"_3jYcrF2UXpM0DaUW7v2N9H",avatar:"_1rDJnekJrLVLis92R02FDc",newNotifications:"_3CZecOq_pMX8Ybp7wq0VXm",handleContainer:"DXaKhI0KdO_AMvRrJA1Uz",handle:"_12SkNHB6uAcn3Nr5m87Dv3",dropdownIcon:"_26tWpkJqj0GnCfpp5X_XT3",isUserPopupOpen:"_1C66unEGOCwLzLHeXB7Zxb"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(72),i=t.n(a),r=t(30),l=t.n(r),c=t(9),s=t.n(c),p=t(0),d=t.n(p),u=t(1),_=t.n(u),f=t(3),m=t.n(f),h=t(5),b=t.n(h),g=t(7),v=t.n(g),y=t(50),x=t(56),E=t(52);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var A=function(n){var e=n.control,t=n.name,o=n.value,a=n.options,i=n.onChange,r=Object(p.useState)(),l=s()(r,2),c=l[0],u=l[1];return"checkbox"===e?d.a.createElement(y.default,{checked:o,onClick:function(){return i(t,!o)}}):"switch"===e?d.a.createElement(x.default,{checked:o,onClick:function(){return i(t,!o)}}):"dropdown"===e&&d.a.createElement(E.default,{open:c,onClick:function(){return u(function(n){return!n})},onClose:function(){return u(!1)},checked:o!==a[0].value,value:o,options:a,onChange:function(n){return i(t,n)}})};A.propTypes={control:_.a.string,name:_.a.string,value:_.a.any,options:_.a.array,onChange:_.a.func};var w=function(n){var e=n.item,t=n.onChange;return d.a.createElement("li",null,d.a.createElement("div",{className:v.a["list-item"]},d.a.createElement("div",{className:v.a.left},d.a.createElement("div",{className:v.a.title},e.title),d.a.createElement("div",{className:v.a.description},e.description)),d.a.createElement("div",{className:v.a.website},d.a.createElement(A,{control:e.websiteControl,name:"website",value:e.website,options:e.websiteOptions,onChange:t})),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement(A,{control:e.emailControl,name:"email",value:e.email,options:e.emailOptions,onChange:t}))),d.a.createElement("div",{className:v.a["description-mobile"]},e.description))};w.propTypes={item:_.a.object,onChange:_.a.func};var M=function(n){var e=n.open,t=n.settings,o=n.theme,a=n.onChange,r=n.onClose,c=n.onSave,s=Object(p.useMemo)(function(){return t.map(function(n,e){return l()({},n,{id:n.id||e})})},[t]),u=Object(p.useMemo)(function(){return b.a.uniq(s.map(function(n){return n.category})).map(function(n){return{category:n,settings:s.filter(function(e){return e.category===n})}})},[s]),_=function(n){return function(e,t){var o=s.map(function(o){return(o=l()({},o)).id===n.id&&(o[e]=t),delete o.id,o});delete(n=l()({},n,i()({},e,t))).id,a(o,n,e)}};return d.a.createElement("div",{className:m()(v.a["settings-dialog"],v.a["theme-wrapper"],"theme-".concat(o),e&&v.a.open)},d.a.createElement("div",{className:v.a["header-nav-ui"]},d.a.createElement("div",{className:v.a["settings-nav"]},d.a.createElement("img",{className:v.a["tc-logo"],src:"../../assets/images/tc-logo.svg",alt:"logo"}),d.a.createElement("span",{className:v.a.title},"Topcoder Settings"),d.a.createElement("span",{role:"button",className:v.a["close-btn"],onClick:r},d.a.createElement("img",{src:"../../assets/images/icon-close.svg",alt:"close"})))),d.a.createElement("div",{className:v.a["settings-panel"]},d.a.createElement("div",{className:v.a.title},"Notifications"),u.map(function(n){return d.a.createElement("div",{className:v.a["panel-content"],key:n.category},d.a.createElement("div",{className:v.a["section-title"]},d.a.createElement("div",{className:v.a.left},n.category),d.a.createElement("div",{className:v.a.website},d.a.createElement("span",null,d.a.createElement("em",null,"Website"))),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement("span",null,d.a.createElement("em",null,"As email")))),d.a.createElement("ul",{className:v.a["section-list"]},n.settings.map(function(n,e){return d.a.createElement(w,{item:n,key:"item-".concat(e),onChange:_(n)})})))}),d.a.createElement("div",{className:v.a["bottom-btn"]},d.a.createElement("span",{role:"button",className:m()(v.a.btn,v.a["btn-gray"]),onClick:c},"Save settings"))))};M.defaultProps={theme:"light",settings:[{category:"Project notifications",title:"New posts and replies",description:"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.",websiteControl:"checkbox",website:!0,emailControl:"dropdown",email:"immediately",emailOptions:[{value:"off",label:"Off"},{value:"immediately",label:"Immediately"},{value:"daily",label:"Daily"},{value:"everyOtherDay",label:"Every other day"}]}]},M.propTypes={open:_.a.bool,settings:_.a.array,theme:_.a.string,onChange:_.a.func,onSave:_.a.func,onClose:_.a.func};var D,O,F=M;e.default=F,(D=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(D.register(A,"ItemControl","/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js"),D.register(w,"Item","/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js"),D.register(M,"NotificationSettings","/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js"),D.register(F,"default","/home/ums-121/temp/navigation-component/src/components/NotificationSettings/index.js")),(O=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&O(n)}.call(this,t(13)(n))},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(64)),A=o(t(65)),w=o(t(37)),M=o(t(48));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n.eC-XVUOCrLjhmXzHI0vGN {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n._2xo4uOqkSud82iwvYR3qf1 {\n position: relative; }\n\n.NlrYxlXgGI3rEqT6M42Jv {\n display: none !important; }\n\n._3NH1eX76zUIIqougfg1Ymw {\n display: none; }\n\n._1Z1quIuGPzfYvCkDntIYlb {\n display: block; }\n\n._1Symr618U2KCrSqSCdIyBj {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n ._1Symr618U2KCrSqSCdIyBj._3xTu4q4J8091vIF0lc5dKR {\n align-items: flex-start; }\n\n._1bAM9uOkMIPyCzX36IH7ee {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n._1jDYKAzHkTnCcpR9MltfnI {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n ._1jDYKAzHkTnCcpR9MltfnI._3dMiiVxCKHoTFlWF5H874_, ._1jDYKAzHkTnCcpR9MltfnI:active, ._1jDYKAzHkTnCcpR9MltfnI:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n._2DSryVrhvXvqpJW0x0lUDT,\n._2DSryVrhvXvqpJW0x0lUDT:hover,\n._2DSryVrhvXvqpJW0x0lUDT:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n._2DSryVrhvXvqpJW0x0lUDT:hover {\n opacity: 0.75; }\n\n._2DSryVrhvXvqpJW0x0lUDT {\n background-color: #2C95D7; }\n ._2DSryVrhvXvqpJW0x0lUDT._1MHUFM2yNbOKoVGNISgS3w, ._2DSryVrhvXvqpJW0x0lUDT:disabled, ._2DSryVrhvXvqpJW0x0lUDT[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n._--arUl_Dy5b5W86b7LUv,\n._--arUl_Dy5b5W86b7LUv:hover,\n._--arUl_Dy5b5W86b7LUv:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n._--arUl_Dy5b5W86b7LUv:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1P9-Bk4ixH89d314mDbLCU {\n display: none; } }\n\n@media (min-width: 769px) {\n ._17ggnmpagGsicRppyh_P8y {\n display: none; } }\n\n.WAgkW-bDfiYQsjyNB9Xxt {\n display: none;\n background-color: #D4D4D4;\n overflow: auto;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10; }\n .WAgkW-bDfiYQsjyNB9Xxt._2v9qkCIvI9h57uZ3T5YH5A {\n display: block; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm {\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative;\n display: flex;\n flex-direction: column; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 60px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._3W_w2YG6HjC9SwP0OlxpFK {\n margin: 0 30px;\n justify-self: flex-start;\n cursor: pointer; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V a,\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Gvn15ZFPAnE0Wrne00JHX {\n color: #EDEDF2;\n font-size: 20px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n background-color: #808080;\n border-radius: 29px;\n width: 30px;\n height: 30px;\n margin-right: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer; }\n @media (max-width: 900px) {\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n background-color: initial; } }\n .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st img {\n transform: scale(0.9); }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr {\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 1px 1px 0 #D5D5D5;\n width: 720px;\n margin: 26px auto 26px auto;\n font-family: 'Roboto';\n font-weight: 400;\n padding: 30px 20px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._2Gvn15ZFPAnE0Wrne00JHX {\n color: #151516;\n font-size: 28px;\n font-weight: 300;\n line-height: 35px;\n text-align: center;\n margin-bottom: 20px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe {\n margin-bottom: 60px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp {\n background-color: #EBEBEB;\n border-radius: 4px 4px 0 0;\n height: 50px;\n padding: 0 10px;\n display: flex;\n align-items: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 15px;\n line-height: 30px;\n flex: 0 0 63%; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 35px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 15%;\n display: flex;\n justify-content: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n background: url("+E+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n font-style: normal; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 22%;\n display: flex;\n justify-content: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n background: url("+A+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n font-style: normal; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n padding-left: 0;\n margin-top: 0; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li {\n min-height: 50px;\n padding: 0 10px;\n box-shadow: 0 1px 0 0 #E0E0E0;\n padding-bottom: 10px;\n padding-top: 10px;\n display: block; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li:hover {\n background-color: #FAFAFB; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV {\n display: flex;\n align-items: center; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n flex: 0 0 63%; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 15px;\n line-height: 30px;\n text-align: left;\n margin-bottom: auto; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-right: 40px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 15%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6 {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 7px;\n cursor: pointer; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n background: url("+M+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n margin-left: -5px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 22%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 10px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n background: url("+M+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n cursor: pointer;\n margin-left: -5px; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n display: none; }\n .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._3bl253IZy8-oMDwdXOyrus {\n text-align: center; }\n\n@media (max-width: 768px) {\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr {\n margin-top: 0;\n margin-bottom: 0;\n border-radius: 0;\n width: 100%;\n padding: 12px 0 32px 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr > ._2Gvn15ZFPAnE0Wrne00JHX {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n flex: 0 0 45%; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 10%; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 45%; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n padding-left: 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n flex: 0 0 45%;\n align-self: flex-start;\n padding-top: 5px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n line-height: 20px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n display: none; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n flex: 0 0 10%;\n align-self: flex-start;\n margin-top: 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n flex: 0 0 45%;\n align-self: flex-start;\n margin-top: 0; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n margin-top: 12px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n margin-top: 13px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._1FOQUwg-2XS6hvLZP1WRAX {\n margin-top: 2px; }\n ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n display: block;\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-top: 10px; } }\n",""]),e.locals={"wrap-all":"eC-XVUOCrLjhmXzHI0vGN",relative:"_2xo4uOqkSud82iwvYR3qf1",hide:"NlrYxlXgGI3rEqT6M42Jv","desktop-hide":"_3NH1eX76zUIIqougfg1Ymw","desktop-show":"_1Z1quIuGPzfYvCkDntIYlb","flex-grid":"_1Symr618U2KCrSqSCdIyBj","item-start":"_3xTu4q4J8091vIF0lc5dKR",icons:"_1bAM9uOkMIPyCzX36IH7ee",btn:"_1jDYKAzHkTnCcpR9MltfnI",active:"_3dMiiVxCKHoTFlWF5H874_","btn-blue":"_2DSryVrhvXvqpJW0x0lUDT",disabled:"_1MHUFM2yNbOKoVGNISgS3w","btn-gray":"_--arUl_Dy5b5W86b7LUv","mobile-only":"_1P9-Bk4ixH89d314mDbLCU","hide-not-mobile":"_17ggnmpagGsicRppyh_P8y","settings-dialog":"WAgkW-bDfiYQsjyNB9Xxt",open:"_2v9qkCIvI9h57uZ3T5YH5A","header-nav-ui":"_1W_n_GGLCGjv3fpeGOjSCm","settings-nav":"_2I1SE4gNRECztNNjaAzJ6V","tc-logo":"_3W_w2YG6HjC9SwP0OlxpFK",title:"_2Gvn15ZFPAnE0Wrne00JHX","close-btn":"_2Wgs3HQby4L8y36XV5D1st","settings-panel":"_3N-14AJ4MmXRhhDwqkWGAr","panel-content":"_1gulSyfqud0UjtTcdoSOAe","section-title":"_3C90LDZ6cYBmFV1XPg2GDp",left:"_2LCm86m8fj5yohjyk2QfRe",website:"_3ALt3PpcD58-qbvFCZ1OLM","as-email":"L64aYEiYaYSywXfE0ZIWo","section-list":"_3tp6rAbLKoZcIUAaPiTb5a","list-item":"_3nXiD0KUnXINwk4FYwwoIV",description:"BUaRF4hgRCYEJJifVxI5x","check-icon":"_3t0QeK5ghczPa8HZOx-jB6",checked:"_3-B38j7UutmsO-K5ttodXB","description-mobile":"_2tbVwtm8ZbPpSmBqAKlR6z","bottom-btn":"_3bl253IZy8-oMDwdXOyrus","switch-box":"_1FOQUwg-2XS6hvLZP1WRAX"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n._3iN6GG9R7O17fAeKetBoaH {\n background-color: #C0C0C0;\n border-radius: 14px;\n box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n width: 48px;\n height: 25px;\n display: flex;\n justify-content: space-between;\n cursor: pointer; }\n ._3iN6GG9R7O17fAeKetBoaH:hover {\n opacity: 0.75; }\n ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse,\n ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n color: #FAFAFB;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n line-height: 26px;\n display: flex;\n justify-content: center;\n flex-direction: column; }\n ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse {\n margin-left: 7px;\n display: none; }\n ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n margin-right: 7px; }\n ._3iN6GG9R7O17fAeKetBoaH .oHo2PeH7-1KAmOjR6b2KG {\n background-color: #FFFFFF;\n border-radius: 100%;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n width: 17px;\n height: 17px;\n margin-top: 4px;\n margin-left: 4px;\n margin-right: 4px; }\n ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ {\n background-color: #0681FF; }\n ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._1Ms7yTjX__D9mbI3JGfMse {\n display: block; }\n ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._2odfs98GPxgLxdtl1Y8riF {\n display: none; }\n",""]),e.locals={"switch-box":"_3iN6GG9R7O17fAeKetBoaH","label-on":"_1Ms7yTjX__D9mbI3JGfMse","label-off":"_2odfs98GPxgLxdtl1Y8riF",dot:"oHo2PeH7-1KAmOjR6b2KG",checked:"_3UTM5pJ7_T3ekWDh5HwQRZ"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(9),i=t.n(a),r=t(30),l=t.n(r),c=t(0),s=t.n(c),p=t(1),d=t.n(p),u=t(3),_=t.n(u),f=t(5),m=t.n(f),h=t(57),b=t.n(h),g=t(73),v=t(74),y=t(75),x=t(76),E=t(80);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var A=1,w=1e3,M=function(n,e,t){return A=1,n=(n=n.map(function(n){return l()({},n,{id:n.id||A++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||A++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||A++})})})}),secondaryMenu:t&&e?n.secondaryMenuForLoggedInUser:n.secondaryMenuForGuest})})).map(function(n){return l()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return l()({},n,{id:n.id||w++,href:"myprofile"!==n.id?n.href||"#":e?"/members/".concat(e):"/"})})})})},D=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,a=n.theme,r=n.currentLevel1Id,p=n.onChangeLevel1Id,d=n.path,u=n.setOpenMore,f=n.openMore,h=n.loggedIn,A=n.profileHandle,w=Object(c.useState)({refs:{},slide:{}}),D=i()(w,1)[0],O=Object(c.useState)(!1),F=i()(O,2),k=F[0],C=F[1],I=Object(c.useState)(),R=i()(I,2),P=R[0],L=R[1],B=Object(c.useState)(),W=i()(B,2),N=W[0],T=W[1],K=Object(c.useState)(),U=i()(K,2),S=U[0],j=U[1],z=Object(c.useState)(!1),H=i()(z,2),X=H[0],q=H[1],G=Object(c.useState)(!1),V=i()(G,2),J=V[0],Y=V[1],Z=Object(c.useState)(!1),Q=i()(Z,2),$=Q[0],nn=Q[1],en=Object(c.useState)(),tn=i()(en,2),on=tn[0],an=tn[1],rn=Object(c.useState)(),ln=i()(rn,2),cn=ln[0],sn=ln[1],pn=Object(c.useState)(0),dn=i()(pn,2),un=dn[0],_n=dn[1],fn=Object(c.useState)(),mn=i()(fn,2),hn=mn[0],bn=mn[1],gn=Object(c.useState)(),vn=i()(gn,2),yn=vn[0],xn=vn[1],En=Object(c.useMemo)(function(){return M(e,A,h)},[e,A,h]),An=Object(c.useState)(En),wn=i()(An,2),Mn=wn[0],Dn=wn[1],On=Object(c.useState)(),Fn=i()(On,2),kn=Fn[0],Cn=Fn[1],In=Object(c.useState)(),Rn=i()(In,2),Pn=Rn[0],Ln=Rn[1],Bn=Object(c.useState)(),Wn=i()(Bn,2),Nn=Wn[0],Tn=Wn[1],Kn=function(){return Tn([])},Un=function(n){return function(e){D.refs[n]=e}},Sn=function(n){return Mn.find(function(e){return e.id===n})},jn=function(n,e){var t=Sn(n);return t&&t.subMenu&&t.subMenu.find(function(n){return n.id===e})},zn=Sn(P),Hn=jn(P,N),Xn=Object(c.useCallback)(function(){Dn(function(n){return n.map(function(n){if(!D.refs[n.id])return n;D.slide[n.id]=!0;var e=D.refs[n.id].getBoundingClientRect();return l()({},n,{initialX:e.x})})})},[D.refs,D.slide]),qn=Object(c.useCallback)(function(n){var e=D.refs[n].getBoundingClientRect();return e.x+e.width/2},[D.refs]),Gn=Object(c.useCallback)(function(n){sn(qn(n))},[sn,qn]),Vn=function(n){setTimeout(function(){xn(qn(n))},0)},Jn=Object(c.useCallback)(function(n,e){return function(){n&&(u(!1),C(!1),L(n),p(n),T(),q(!0),e&&Y(!1),Xn(),setTimeout(function(){an(!0)},k?250:0),_n(function(n){return n+1}))}},[k,p,Xn]);Object(c.useEffect)(function(){r!==P&&!k&&r&&Jn(r,!1)()},[r,P,Jn]),Object(c.useLayoutEffect)(function(){P&&Gn(P)},[P,Gn,un,kn]);var Yn=function(n,e){return function(){u(!1),T(n),q(!0),e&&Y(!1),Gn(n)}};Object(c.useEffect)(function(){var n=$n(En,d),e=n.m1,t=n.m2,o=n.m3;o&&(t===N||!t&&!N&&e===P?(j(o),Vn(o),bn(!0)):bn(!1))},[P,N,d]);var Zn=Object(c.useCallback)(function(n){D.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(D.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return D.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[D.refs]);Object(c.useEffect)(function(){Zn(!0),Mn.forEach(function(n){if(D.slide[n.id]&&D.refs[n.id]){D.slide[n.id]=!1;var e=D.refs[n.id],t=e.getBoundingClientRect(),o=n.initialX-t.x;e.style.transform="translateX(".concat(o,"px)"),setTimeout(function(){e.style.transition="transform 250ms ease-out",e.style.transform="translateX(0px)",setTimeout(function(){e.style.transition="",e.style.transform=""},250)})}}),Zn(!1)},[D.slide,D.refs,Mn,Zn]);Object(c.useEffect)(function(){Tn([])},[zn]);var Qn=Object(c.useCallback)(function(){if((!Nn||!Nn.length)&&zn&&zn.subMenu){Zn(!0),function(){for(var n,e=[],t=zn.subMenu.length-1;t>=0;t--){var o=zn.subMenu[t],a=D.refs[o.id];if(!a)return;var i=a.getBoundingClientRect();if(n||(n=a.parentElement.getBoundingClientRect()),i.right>n.right)e.unshift(o);else{if(!(e.length&&n.right-i.right<100))break;e.unshift(o)}}e.length&&Tn(e)}(),Zn(!1)}},[zn,D.refs,Nn,Zn]);Object(c.useLayoutEffect)(function(){Qn()},[Qn]),Object(c.useEffect)(function(){var n=m.a.debounce(function(){Kn(),_n(function(n){return n+1})},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var $n=function(n,e){var t={m1:null,m2:null,m3:null};return e?(n.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t={m1:n.id,m2:null}),n.subMenu&&n.subMenu.forEach(function(o){o.href&&e.indexOf(o.href)>-1&&(t={m1:n.id,m2:o.id}),o.subMenu&&o.subMenu.forEach(function(a){a.href&&e.indexOf(a.href)>-1&&(t.m3?a.href===e&&(t={m1:n.id,m2:o.id,m3:a.id}):t={m1:n.id,m2:o.id,m3:a.id},!S&&a.collapsed&&Y(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var a=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(a)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t};return Object(c.useEffect)(function(){if(d&&En[0]){Dn(En);var n=$n(En,d),e=n.m1,t=n.m2,o=null;d.indexOf("/challenges")>-1?d.match(/challenges\/[0-9]+/)&&(Y(!0),o=$n(En,"/challenges").m2):d.indexOf("/my-dashboard")>-1||d.indexOf("/members/"+A)>-1?q(!0):d.indexOf("/community/learn")>-1||d.indexOf("/thrive/tracks")>-1?o=$n(En,"/community").m2:t||(q(!1),Y(!0)),setTimeout(function(){var n,a;a=t||o,(n=e||"community")&&(Jn(n,!1)(),setTimeout(function(){a?Yn(a,!1)():an(!1)},0))})}},[d,h,A]),s.a.createElement("div",{className:_()(b.a.themeWrapper,"theme-".concat(a))},s.a.createElement("div",{className:b.a.headerNavUi},s.a.createElement(g.a,{showLeftMenu:kn,logo:o,rightMenu:t,onClickLeftMenu:function(){return Cn(function(n){return!n})}}),!kn&&(Hn||zn)&&s.a.createElement(v.a,{open:Pn,menu:Hn||zn,isSecondaryMenu:!Hn,activeChildId:S,onClick:function(){return Ln(function(n){return!n})},createHandleClickItem:function(n){return function(){j(n),Ln(!1)}}}),s.a.createElement(x.a,{collapsed:k,showLeftMenu:kn,logo:o,menu:Mn,rightMenu:t,moreMenu:Nn,openMore:f,onCloseMore:function(){return u(!1)},moreId:"more",activeLevel1Id:P,activeLevel2Id:N,onClickLogo:function(){},onRightMenuResize:function(){Kn()},createHandleClickLevel1:Jn,createHandleClickLevel2:Yn,handleClickMore:function(){return u(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){u(!1),T(n),q(!0),Y(!1),Gn("more"),setTimeout(function(){var e=jn(P,n);e&&e.subMenu&&(j(e.subMenu[0].id),Vn(e.subMenu[0].id))}),!hn&&setTimeout(function(){return bn(!0)},300)}},createSetRef:Un,showChosenArrow:on,chosenArrowX:cn,searchOpened:$,toggleSearchOpen:function(n){nn(n),D.refs.searchInputBox.value=""}}),s.a.createElement(E.a,{open:!J&&X,menu:Hn||zn,isSecondaryMenu:!Hn,activeChildId:S,showIndicator:hn,indicatorX:yn,createHandleClickItem:function(n){return function(){j(n),Vn(n)}},createSetRef:Un}),kn&&zn&&s.a.createElement(y.a,{menu:zn,activeChildId:N,createHandleClickItem:function(n){return function(){Cn(!1),T(n)}}})))};D.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},D.propTypes={menu:d.a.array.isRequired,rightMenu:d.a.node,logo:d.a.node,theme:d.a.string,currentLevel1Id:d.a.any,onChangeLevel1Id:d.a.func,path:d.a.string,setOpenMore:d.a.func,openMore:d.a.bool,loggedIn:d.a.bool,profileHandle:d.a.string};var O,F,k=D;e.default=k,(O=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(O.register("more","moreId","/home/ums-121/temp/navigation-component/src/components/TopNav/index.js"),O.register(A,"id","/home/ums-121/temp/navigation-component/src/components/TopNav/index.js"),O.register(w,"idForSecondary","/home/ums-121/temp/navigation-component/src/components/TopNav/index.js"),O.register(M,"initMenuId","/home/ums-121/temp/navigation-component/src/components/TopNav/index.js"),O.register(D,"TopNav","/home/ums-121/temp/navigation-component/src/components/TopNav/index.js"),O.register(k,"default","/home/ums-121/temp/navigation-component/src/components/TopNav/index.js")),(F=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&F(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n.SLwlRzv2b8FicEx4vbP0x {\n font-family: "Roboto", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative; }\n .SLwlRzv2b8FicEx4vbP0x a {\n text-decoration: none; }\n',""]),e.locals={headerNavUi:"SLwlRzv2b8FicEx4vbP0x"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2CrPaxU700CNjSaHqSs4El {\n display: none; } }\n\n@media (min-width: 769px) {\n .DhsJqfKHix2ZvO5KpShtm {\n display: none; } }\n\n.C0Avcqx93-GrYR5SPlLlb {\n height: 60px;\n background: #2A2A2B;\n display: flex;\n justify-content: center;\n position: relative;\n align-items: center; }\n @media (min-width: 769px) {\n .C0Avcqx93-GrYR5SPlLlb {\n display: none; } }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu {\n width: 60px;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n left: 0;\n top: 0; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 {\n background-color: transparent;\n border: none;\n padding: 0;\n cursor: pointer; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1:focus {\n outline: none; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 img {\n display: block; }\n .C0Avcqx93-GrYR5SPlLlb ._1b1mrG1Ri9bAohJFwwPgTD {\n font-family: \'Roboto\';\n font-weight: 700;\n cursor: pointer;\n color: #FFFFFF;\n font-size: 16px;\n line-height: 30px;\n padding-right: 20px;\n position: absolute;\n right: 0; }\n\n._1x3yCnfohAbeftdkwOUSCz {\n left: 18px;\n position: absolute;\n top: 16px; }\n @media (min-width: 769px) {\n ._1x3yCnfohAbeftdkwOUSCz {\n display: none; } }\n\n._2gtHUbJhCv6Da5pkn9UzBV {\n padding: 6px 12px 0;\n position: relative; }\n @media (min-width: 769px) {\n ._2gtHUbJhCv6Da5pkn9UzBV {\n display: none; } }\n ._2gtHUbJhCv6Da5pkn9UzBV input {\n background: none;\n border: 1px solid #7F7F7F;\n box-shadow: none;\n color: #FFFFFF;\n font: 16px "Roboto", Helvetica, Arial, sans-serif !important;\n height: 32px;\n outline: none;\n padding-left: 30px !important; }\n ._2gtHUbJhCv6Da5pkn9UzBV input::placeholder {\n color: #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n border: 1px solid #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus {\n border: 1px solid #0596dc; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:active,\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus,\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n box-shadow: none;\n outline: none; }\n',""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD",icon:"_1x3yCnfohAbeftdkwOUSCz",search:"_2gtHUbJhCv6Da5pkn9UzBV"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2NYoCOm257hoVrru5r_nl_ {\n display: none; } }\n\n@media (min-width: 769px) {\n ._2da-dNVd3gmk52j2eeXNiB {\n display: none; } }\n\n.hOuBbW_rRrqTQNE2yX0U0 {\n width: 100%;\n height: 60px;\n left: 0;\n top: 60px;\n z-index: 1; }\n @media (min-width: 769px) {\n .hOuBbW_rRrqTQNE2yX0U0 {\n display: none; } }\n .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n z-index: -1;\n background: #2A2A2B;\n opacity: 0.8;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n display: none; }\n ._2jL9yEll0DYK_TRUWo_ovR .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n display: block; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n background-color: transparent;\n border: none;\n padding: 0;\n background: #264346;\n width: 100%;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX:focus {\n outline: none; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n font-family: 'Roboto';\n font-weight: 400;\n color: #FFFFFF;\n font-size: 28px;\n line-height: 40px; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX svg {\n margin-left: 5px; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX img {\n margin-left: 8px; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n background: #264346;\n border-top: 1px solid #1F7E8A;\n width: 100%;\n z-index: 999;\n position: absolute; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n color: #FFFFFF;\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center;\n cursor: pointer; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd {\n font-family: 'Roboto';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n content: \"\";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #FFFFFF;\n display: inline-block;\n margin-right: 10px; }\n",""]),e.locals={"mobile-only":"_2NYoCOm257hoVrru5r_nl_","hide-not-mobile":"_2da-dNVd3gmk52j2eeXNiB",mobileSubNav:"hOuBbW_rRrqTQNE2yX0U0",mobileSubNavMask:"_3-kA2UFoGsUFDu0UPt8kj7",mobileSubNavOpen:"_2jL9yEll0DYK_TRUWo_ovR",mobileSubNavHeader:"NfQcGJQtbQeFU1YGz1HnX",mobileSubNavContent:"_2nYpKu9QByZ0NWfxANd8ld",mobileSubNavChild:"MGLhxdV4f_pnHZOuoeaXO",mobileSubNavChildOpen:"_368J3UvBv86TM6dh3awQYd"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2YwPStPoDEjIb-PbIGNtsb {\n display: none; } }\n\n@media (min-width: 769px) {\n .RAtQ7LjJWDfIoiWEpF2mA {\n display: none; } }\n\n.JxBIkbv7v_sJK1N_vMeFs {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n z-index: 1; }\n .theme-light .JxBIkbv7v_sJK1N_vMeFs {\n background: #FBFBFB; }\n .theme-dark .JxBIkbv7v_sJK1N_vMeFs {\n background: #636363; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center;\n cursor: pointer; }\n .theme-light .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n color: #2A2A2B; }\n .theme-dark .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n color: #FFFFFF; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa {\n font-family: \'Roboto\';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa::before {\n content: "";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #43D7B0;\n display: inline-block;\n margin-right: 10px; }\n',""]),e.locals={"mobile-only":"_2YwPStPoDEjIb-PbIGNtsb","hide-not-mobile":"RAtQ7LjJWDfIoiWEpF2mA",secondaryNavMobile:"JxBIkbv7v_sJK1N_vMeFs",secondaryNavMobileItem:"_3ntC2KHyW7xczldMyA7yqc",secondaryNavMobileItemOpen:"_1rt8mOYntrOZdAPjpl_QKa"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._1VRR6kMd5HPNbGhUoVw6sa {\n display: none; } }\n\n@media (min-width: 769px) {\n ._1ZIW4j3_J2yPrkaA0N5M5H {\n display: none; } }\n\n@media (min-width: 769px) {\n ._1_OJYKtAV_VRTWF41K-8_A {\n display: none; } }\n\n.w9y3kbj2HBlraVU5kjCay {\n display: flex; }\n @media (max-width: 768px) {\n .w9y3kbj2HBlraVU5kjCay {\n display: none; } }\n .w9y3kbj2HBlraVU5kjCay.Zc4bxo2xl4cRudOT9lbVz {\n display: flex; }\n\n._3OclGxtDScIS3kJx3-Eskw {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n z-index: 1;\n flex-grow: 1; }\n ._3EpSSlLUWcH3CJRZGDXyWu ._3OclGxtDScIS3kJx3-Eskw {\n overflow: hidden; }\n @media (max-width: 768px) {\n ._3OclGxtDScIS3kJx3-Eskw {\n height: 60px;\n justify-content: space-around; } }\n\n._3ALxQJpmTtNjkYXZNPxUye {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n display: flex;\n flex-direction: row;\n align-items: center;\n z-index: 1; }\n @media (max-width: 768px) {\n ._3ALxQJpmTtNjkYXZNPxUye {\n display: none; } }\n ._3ALxQJpmTtNjkYXZNPxUye ._19afvNiE3ExyOixLsg7p9e {\n margin-right: 20px; }\n\n._25qoGMAMp5tpACmrEhPjJc {\n margin: 0 50px 0 30px;\n cursor: pointer; }\n @media (max-width: 768px) {\n ._25qoGMAMp5tpACmrEhPjJc {\n display: none; } }\n ._25qoGMAMp5tpACmrEhPjJc.PsKz54w3mhOmlfDfYi8V4 {\n margin-right: auto; }\n ._25qoGMAMp5tpACmrEhPjJc > * {\n display: block; }\n\n._32rjY2HOvXZBZUSwC_a4jx {\n display: block;\n height: 30px;\n width: 1px;\n background: #555555; }\n @media (min-width: 769px) {\n ._32rjY2HOvXZBZUSwC_a4jx {\n display: none; } }\n ._32rjY2HOvXZBZUSwC_a4jx:first-of-type {\n display: none; }\n\n._19afvNiE3ExyOixLsg7p9e {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 18px;\n line-height: 30px;\n margin: 0 30px;\n padding-right: 5px;\n position: relative;\n cursor: pointer; }\n @media (max-width: 900px) {\n ._19afvNiE3ExyOixLsg7p9e {\n margin: 0 20px; } }\n ._19afvNiE3ExyOixLsg7p9e::before {\n content: \"\";\n position: absolute;\n display: block;\n left: -30px;\n top: 0;\n width: 1px;\n height: 100%;\n background: #555555; }\n @media (max-width: 768px) {\n ._19afvNiE3ExyOixLsg7p9e::before {\n display: none; } }\n ._19afvNiE3ExyOixLsg7p9e._27UQXipCc_Te8TwvfzIi8f {\n color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n white-space: nowrap;\n width: 0;\n opacity: 0;\n overflow: hidden; }\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: flex;\n overflow: unset;\n margin-right: auto;\n width: auto;\n opacity: 1;\n transition: opacity 400ms ease-in 100ms; }\n @media (max-width: 768px) {\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: none; } }\n ._3EpSSlLUWcH3CJRZGDXyWu ._34GhMfx3zSO-nsw2icmQCB {\n overflow: hidden; }\n\n._1YF68FTa0xYVBFerysFlRt {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start;\n cursor: pointer; }\n ._1YF68FTa0xYVBFerysFlRt:first-child {\n margin-left: 0; }\n ._1YF68FTa0xYVBFerysFlRt._1POQKSuLHxuhqKjgCytFNW {\n color: #43D7B0; }\n\n.ISBVAVTXPThf-IcdFVa9z {\n position: relative; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 {\n background-color: transparent;\n border: none;\n padding: 0;\n position: relative;\n color: #FFFFFF;\n margin-left: 20px;\n width: 74px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2:focus {\n outline: none; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 ._3EHcZKrNC-kRxRB0inP_X- {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 img {\n margin-left: 8px; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n flex-direction: column;\n z-index: 2; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a {\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a:first-child {\n margin: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ .vl4waOECcJkR7W07RZ46P {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3eb96Zkyw2BKU4_9QkalKG {\n display: flex; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3EHcZKrNC-kRxRB0inP_X- {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ img {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n\n._1y954HiCL69kCUV5ji4vqm {\n cursor: pointer;\n display: inline-block;\n height: 32px;\n margin: 11px 20px 11px 0px;\n padding-left: 12px;\n position: relative;\n border-left: 1px solid #7F7F7F;\n width: 36px; }\n ._1y954HiCL69kCUV5ji4vqm svg {\n height: 18px;\n margin-top: 7px;\n width: 18px; }\n ._1y954HiCL69kCUV5ji4vqm svg path {\n fill: #FFFFFF; }\n ._1y954HiCL69kCUV5ji4vqm.opened path {\n fill: #43D7B0; }\n ._1y954HiCL69kCUV5ji4vqm.opened::after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px 5px 0;\n border-color: #43D7B0 transparent transparent transparent;\n position: absolute;\n left: 60%;\n bottom: -3px;\n margin-left: -6px;\n background-color: transparent; }\n\n._1A5zHMkLXwCq7ngfPscgI9 {\n background: #151516;\n height: 0;\n margin-top: -10px;\n opacity: 0.98;\n overflow: hidden;\n padding: 0 48px;\n position: absolute;\n text-align: center;\n width: 100%;\n transition: all 0.25s ease-in-out;\n z-index: 10; }\n ._1A5zHMkLXwCq7ngfPscgI9.opened {\n height: 128px;\n padding: 48px;\n transition: all 0.25s ease-in-out; }\n ._1A5zHMkLXwCq7ngfPscgI9.closed {\n display: none; }\n ._1A5zHMkLXwCq7ngfPscgI9 input,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover {\n border: none;\n border-bottom: 1px solid #FFFFFF;\n box-shadow: none;\n font-size: 22px;\n outline: none;\n padding-bottom: 3px; }\n ._1A5zHMkLXwCq7ngfPscgI9 input::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover::placeholder {\n color: #C0C0C0; }\n",""]),e.locals={"mobile-only":"_1VRR6kMd5HPNbGhUoVw6sa","hide-not-mobile":"_1ZIW4j3_J2yPrkaA0N5M5H",mobileOnly:"_1_OJYKtAV_VRTWF41K-8_A",primaryNavContainer:"w9y3kbj2HBlraVU5kjCay",primaryNavContainerOpen:"Zc4bxo2xl4cRudOT9lbVz",primaryNav:"_3OclGxtDScIS3kJx3-Eskw",moreInit:"_3EpSSlLUWcH3CJRZGDXyWu",primaryNavRight:"_3ALxQJpmTtNjkYXZNPxUye",primaryLevel1:"_19afvNiE3ExyOixLsg7p9e",tcLogo:"_25qoGMAMp5tpACmrEhPjJc",tcLogoPush:"PsKz54w3mhOmlfDfYi8V4",primaryLevel1Separator:"_32rjY2HOvXZBZUSwC_a4jx",primaryLevel1Open:"_27UQXipCc_Te8TwvfzIi8f",primaryLevel2Container:"_34GhMfx3zSO-nsw2icmQCB",primaryLevel2ContainerOpen:"_1-_eh1GEkSm1Ie2hcIHrLt",primaryLevel2:"_1YF68FTa0xYVBFerysFlRt",primaryLevel2Open:"_1POQKSuLHxuhqKjgCytFNW",moreBtnContainer:"ISBVAVTXPThf-IcdFVa9z",moreBtn:"_1UEQjA-hNZmulAk-7kHhj2",moreBtnMask:"_3EHcZKrNC-kRxRB0inP_X-",moreContentContainer:"_3eb96Zkyw2BKU4_9QkalKG",moreOpen:"_3bttaLkKXVIrWu75WOLFpZ",backdrop:"vl4waOECcJkR7W07RZ46P",searchIcon:"_1y954HiCL69kCUV5ji4vqm",searchField:"_1A5zHMkLXwCq7ngfPscgI9"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n .j3BbFQV19TZ2N5Mbc293Q {\n display: none; } }\n\n@media (min-width: 769px) {\n ._2hTZPXAUViaj3OKdZ8A4ZG {\n display: none; } }\n\n._78wgiv2HyCMYL0GFSZd4S {\n display: none;\n justify-content: stretch;\n align-items: center;\n font-size: 13px;\n position: relative;\n z-index: 0;\n height: 60px;\n transition: transform 250ms linear;\n transform: translateY(-60px); }\n @media (max-width: 768px) {\n ._78wgiv2HyCMYL0GFSZd4S {\n display: none !important; } }\n .theme-light ._78wgiv2HyCMYL0GFSZd4S {\n background: #FBFBFB;\n color: #2A2A2B; }\n .theme-dark ._78wgiv2HyCMYL0GFSZd4S {\n background: #636363;\n color: #FFFFFF; }\n ._78wgiv2HyCMYL0GFSZd4S._2WB6MWJIFPmL_7oRkVDu-f {\n display: flex;\n transform: translateY(0px); }\n ._78wgiv2HyCMYL0GFSZd4S a {\n margin: 0 15px; }\n .theme-light ._78wgiv2HyCMYL0GFSZd4S a {\n color: #2A2A2B; }\n .theme-dark ._78wgiv2HyCMYL0GFSZd4S a {\n color: #FFFFFF; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n position: relative;\n height: 30px; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ {\n cursor: pointer;\n height: 100%;\n display: flex;\n position: relative;\n flex-direction: column;\n -webkit-justify-content: center;\n justify-content: center; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ ._2I4YpNYoj3kDD8DnmILHSU {\n display: none;\n bottom: -1px;\n width: 15px;\n height: 3px;\n border-radius: 1.5px;\n background: #D4D4D4;\n left: 50%;\n transform: translate(-50%, -50%); }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ:hover ._2I4YpNYoj3kDD8DnmILHSU {\n display: inline-block;\n position: absolute; }\n ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ._1deOinna8cx2l3cOfJNqku {\n font-family: 'Roboto';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n",""]),e.locals={"mobile-only":"j3BbFQV19TZ2N5Mbc293Q","hide-not-mobile":"_2hTZPXAUViaj3OKdZ8A4ZG",secondaryNav:"_78wgiv2HyCMYL0GFSZd4S",secondaryNavOpen:"_2WB6MWJIFPmL_7oRkVDu-f",secondaryNavLinkContainer:"_2S1p2zjbfectEyMXeUEyEd",secondaryNavItem:"_1n5D3MtzUT3DNhLzIT22lJ",indicator:"_2I4YpNYoj3kDD8DnmILHSU",secondaryNavItemOpen:"_1deOinna8cx2l3cOfJNqku"}},function(n,e,t){var o=t(107);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),c=o(t(20)),s=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),_=o(t(23)),f=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(108)),A=o(t(61)),w=o(t(37)),M=o(t(62)),D=o(t(63)),O=o(t(58)),F=o(t(59)),k=o(t(64)),C=o(t(65)),I=o(t(48)),R=o(t(60)),P=o(t(109)),L=o(t(110));e.push([n.i,'.flex {\n display: flex; }\n .flex.column {\n flex-direction: column; }\n .flex.center {\n justify-content: center; }\n .flex.space-between {\n justify-content: space-between; }\n .flex.middle {\n -webkit-align-items: center;\n align-items: center; }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+a+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+c+') format("truetype"), url('+s+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+_+') format("woff"), url('+f+') format("truetype"), url('+m+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Barlow Condensed";\n font-weight: 600;\n font-style: normal;\n src: url('+h+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n.wrap-all {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n.relative {\n position: relative; }\n\n.hide {\n display: none !important; }\n\n.desktop-hide {\n display: none; }\n\n.desktop-show {\n display: block; }\n\n.flex-grid {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .flex-grid.item-start {\n align-items: flex-start; }\n\n.icons {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n.btn {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n .btn.active, .btn:active, .btn:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n.btn-blue,\n.btn-blue:hover,\n.btn-blue:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n.btn-blue:hover {\n opacity: 0.75; }\n\n.btn-blue {\n background-color: #2C95D7; }\n .btn-blue.disabled, .btn-blue:disabled, .btn-blue[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n.btn-gray,\n.btn-gray:hover,\n.btn-gray:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n.btn-gray:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n.header-nav-ui {\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative; }\n .header-nav-ui a {\n text-decoration: none !important; }\n .header-nav-ui .more-btn-container .more-btn {\n margin-left: 20px !important;\n width: 74px;\n height: 30px;\n justify-content: center !important; }\n .header-nav-ui .more-btn-container .more-btn > .dropdown-icon {\n margin-left: 8px; }\n .header-nav-ui .more-btn-container .more-content-container {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n z-index: 1; }\n .header-nav-ui .more-btn-container .more-content-container a {\n color: #FFFFFF;\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .header-nav-ui .more-btn-container .more-content-container a:first-child {\n margin: 0; }\n .header-nav-ui .more-btn-container.isOpen .more-content-container {\n display: flex; }\n .header-nav-ui .more-btn-container.isOpen .more-btn * {\n z-index: 1; }\n .header-nav-ui .more-btn-container.isOpen .more-btn .mask {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .header-nav-ui .more-btn-container.isOpen .more-btn .dropdown-icon {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui .primary-nav {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n z-index: 1; }\n .header-nav-ui .primary-nav a {\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .tc-logo {\n margin: 0 30px;\n justify-self: flex-start;\n margin-right: auto;\n cursor: pointer; }\n .header-nav-ui .primary-nav .primary-level-1-separator {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1 {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 18px;\n line-height: 30px;\n margin: 0 30px;\n padding-right: 5px;\n position: relative; }\n .header-nav-ui .primary-nav .primary-level-1.more-menu {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen {\n color: #43D7B0;\n justify-self: flex-start; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n content: \"\";\n position: absolute;\n display: block;\n left: -30px;\n top: 0;\n width: 1px;\n height: 100%;\n background: #555555; }\n .header-nav-ui .primary-nav .primary-level-1.login-container {\n margin-right: 20px;\n position: relative; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container {\n margin-left: 33px;\n border-radius: 15px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .handle {\n display: block;\n font-size: 14px;\n font-weight: 700;\n line-height: 30px;\n margin-left: 5px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon {\n width: 16px;\n height: 16px;\n margin: 0 5px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon .dropdown-icon {\n transition: all 0.5s; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen {\n background-color: rgba(85, 85, 85, 0.4); }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover .handle-container .handle, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .handle {\n display: block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .dropdown-icon {\n transform: rotate(180deg); }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .avatar {\n width: 30px;\n height: 30px;\n display: inline-block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup {\n position: absolute;\n right: 0;\n top: 40px;\n color: #2A2A2B;\n border-radius: 10px;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 288px;\n background: #FFFFFF;\n border-radius: 6px;\n overflow: hidden;\n z-index: 1; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup a {\n color: #2A2A2B; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header {\n background: #0AB88A;\n height: 90px;\n padding: 0 20px;\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .handle {\n font-size: 16px;\n line-height: 20px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .email {\n font-size: 12px;\n line-height: 14px;\n margin-top: 4px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .avatar {\n margin-right: 10px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container {\n background: #2A2A2B;\n color: #FFFFFF;\n font-size: 14px;\n line-height: 30px;\n height: 50px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container .switch-icon {\n margin: 0 10px 0 22px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu {\n padding: 15px 0 25px 0; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a {\n height: 50px;\n display: flex;\n align-items: center;\n margin: -5px 0;\n padding: 0 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 30px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a:hover {\n background: #F4F4F4; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu .separator {\n background: #E0E0E0;\n height: 1px;\n width: 100%;\n margin: 10px;\n height: 1px;\n width: calc(100% - 40px);\n align-self: center; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon {\n position: relative;\n padding: 10px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon::after {\n content: \"\";\n width: 6px;\n height: 6px;\n position: absolute;\n top: 8px;\n right: 5px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .new-notification {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .notifications-panel {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon {\n opacity: 0.5; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification {\n line-height: 36px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification:hover {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .all-seen-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification {\n border-radius: 15px;\n width: 30px;\n height: 30px;\n background-color: rgba(85, 85, 85, 0.4);\n display: flex;\n justify-content: center; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-2-container {\n display: none;\n margin: 0 auto 0 0; }\n .header-nav-ui .primary-nav .primary-level-2-container.isOpen {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:first-child {\n margin-left: 0; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:nth-child(2) {\n margin-left: 0; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2.isOpen {\n color: #43D7B0; }\n .header-nav-ui .primary-nav .more-btn-container .more-content-container a.isOpen {\n color: #43D7B0; }\n .header-nav-ui .notifications-panel,\n .header-nav-ui .mobile-notifications-panel {\n background-color: #FFFFFF;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 480px;\n height: auto;\n position: absolute;\n right: 10px;\n top: 40px;\n display: none;\n z-index: 100; }\n .header-nav-ui .notifications-panel .noti-header,\n .header-nav-ui .mobile-notifications-panel .noti-header {\n background-color: #0AB88A;\n border-radius: 10px 10px 0 0;\n padding: 10px 20px 10px;\n height: 30px;\n position: sticky;\n top: 0; }\n .header-nav-ui .notifications-panel .noti-header .left-noti,\n .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n background: url("+E+") left center no-repeat;\n background-size: 16px;\n padding-left: 26px;\n color: #FFFFFF;\n font-size: 16px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: left; }\n .header-nav-ui .notifications-panel .noti-header .rights .white-link,\n .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link {\n color: #FFFFFF;\n display: inline-block;\n vertical-align: middle;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 700;\n text-align: right; }\n .header-nav-ui .notifications-panel .noti-header .rights .white-link:hover,\n .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link:hover {\n opacity: 0.75; }\n .header-nav-ui .notifications-panel .noti-header .rights .point,\n .header-nav-ui .mobile-notifications-panel .noti-header .rights .point {\n width: 3px;\n height: 3px;\n background-color: #FFFFFF;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle; }\n .header-nav-ui .notifications-panel .noti-body,\n .header-nav-ui .mobile-notifications-panel .noti-body {\n max-height: 378px;\n overflow: scroll; }\n .header-nav-ui .notifications-panel .noti-body .icon-bell,\n .header-nav-ui .mobile-notifications-panel .noti-body .icon-bell {\n background: url("+A+") center center no-repeat;\n background-size: 73px 80px;\n width: 73px;\n height: 80px;\n margin: 50px 0 10px; }\n .header-nav-ui .notifications-panel .noti-body.center,\n .header-nav-ui .mobile-notifications-panel .noti-body.center {\n text-align: center; }\n .header-nav-ui .notifications-panel .noti-body.center .titles,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .titles {\n color: #2A2A2B;\n font-size: 30px;\n font-family: 'Barlow Condensed';\n font-weight: 600;\n line-height: 40px;\n margin: 23px 0 -8px 0; }\n .header-nav-ui .notifications-panel .noti-body.center .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n text-align: center;\n padding: 19px 60px 12px 60px; }\n .header-nav-ui .notifications-panel .noti-body .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .txt .blue-link,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt .blue-link {\n color: #0596dc;\n font-size: 14px; }\n .header-nav-ui .notifications-panel .noti-body .light-bar,\n .header-nav-ui .mobile-notifications-panel .noti-body .light-bar {\n background-color: #B5E9DB;\n height: 28px;\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 28px;\n padding-left: 20px;\n margin-top: -2px;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n z-index: 2;\n padding-right: 20px;\n padding-top: 2px; }\n .header-nav-ui .notifications-panel .noti-body .greybar-section:last-child .items .item-content,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section:last-child .items .item-content {\n border-bottom: 0; }\n .header-nav-ui .notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .notifications-panel .noti-body .greybar-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section {\n margin-top: -2px;\n background-color: #FFFFFF;\n padding-top: 5px; }\n .header-nav-ui .notifications-panel .noti-body .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n position: absolute;\n right: 1px;\n top: 50%;\n margin-top: -10px;\n z-index: 666;\n display: none; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close {\n display: block;\n background: url("+w+") center center no-repeat;\n background-size: 10px;\n width: 20px;\n height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close:hover,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close:hover {\n background: url("+M+") center center no-repeat; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n position: absolute;\n top: -28px;\n left: -76px;\n background-color: #2A2A2B;\n border-radius: 2px;\n padding: 6px 0;\n color: #FFFFFF;\n font-size: 11px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 13px;\n text-align: center;\n min-width: 110px;\n display: none; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt:after,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -5px;\n left: calc(50% + 30px);\n margin-left: -3px;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid #2A2A2B; }\n .header-nav-ui .notifications-panel .noti-body .right-remove:hover .black-txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n display: block; }\n .header-nav-ui .notifications-panel .noti-body .items,\n .header-nav-ui .mobile-notifications-panel .noti-body .items {\n padding: 0 30px; }\n .header-nav-ui .notifications-panel .noti-body .items:hover,\n .header-nav-ui .mobile-notifications-panel .noti-body .items:hover {\n background-color: #FBFBFB; }\n .header-nav-ui .notifications-panel .noti-body .items:hover .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .items:hover .right-remove {\n display: block; }\n .header-nav-ui .notifications-panel .noti-body .items .item-content,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content {\n display: block;\n padding: 10px 0;\n border-bottom: 1px solid #E0E0E0;\n position: relative; }\n .header-nav-ui .notifications-panel .noti-body .items .item-content .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n padding-right: 30px; }\n .header-nav-ui .notifications-panel .noti-body .items .bottom-info,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info {\n margin-top: 5px;\n line-height: 20px;\n font-size: 12px; }\n .header-nav-ui .notifications-panel .noti-body .items .bottom-info .blue-squre,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .blue-squre {\n padding: 0px 10px;\n display: inline-block;\n margin-right: 6px;\n background-color: #50ADE8;\n border-radius: 5px;\n color: #FFFFFF;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .items .bottom-info .time-txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .time-txt {\n display: inline-block;\n vertical-align: middle;\n color: #AAA;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar {\n background-color: #F4F4F4;\n height: 50px;\n padding-left: 20px;\n margin-top: -4px;\n z-index: 1;\n position: relative; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar .copyicon-title,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n padding-left: 26px;\n background: url("+D+") left center no-repeat;\n background-size: 15px;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n width: calc(100% - 70px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n right: 20px; }\n .header-nav-ui .notifications-panel .noti-body .grey-bar:hover .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar:hover .right-remove {\n display: block; }\n .header-nav-ui .notifications-panel .noti-footer,\n .header-nav-ui .mobile-notifications-panel .noti-footer {\n text-align: center;\n padding: 15px 0 45px 0; }\n .header-nav-ui .notifications-panel .end-message,\n .header-nav-ui .mobile-notifications-panel .end-message {\n background-color: #FBFBFB;\n border-radius: 0 0 10px 10px;\n height: 40px;\n display: flex;\n align-items: center;\n color: #7F7F7F;\n font-size: 12px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 40px;\n justify-content: center;\n position: relative;\n z-index: 10;\n margin-top: -3px; }\n .header-nav-ui .notifications-panel {\n max-height: 70vh;\n flex-direction: column; }\n .header-nav-ui .notifications-panel .noti-body {\n flex: 1;\n max-height: none; }\n .header-nav-ui .icon-chosen-arrow {\n position: absolute;\n display: none;\n bottom: -1px;\n left: 0;\n transform: translate3d(166.5px, 0px, 0px); }\n .header-nav-ui .icon-chosen-arrow svg {\n display: block; }\n :global .theme-light :local .header-nav-ui .icon-chosen-arrow svg {\n fill: #FBFBFB; }\n :global .theme-dark :local .header-nav-ui .icon-chosen-arrow svg {\n fill: #636363; }\n .header-nav-ui .icon-chosen-arrow.isAnimation {\n -webkit-transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n .header-nav-ui .secondary-nav {\n font-size: 13px;\n position: relative;\n z-index: 0; }\n :global .theme-light :local .header-nav-ui .secondary-nav {\n background: #FBFBFB;\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav {\n background: #636363;\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav a {\n margin: 0 15px; }\n :global .theme-light :local .header-nav-ui .secondary-nav a {\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav a {\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container {\n position: relative;\n height: 30px; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container > a {\n position: relative; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container > a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select {\n position: absolute;\n bottom: -1px;\n left: 0;\n transform: translate3d(34.5px, 0px, 0px);\n width: 15px;\n height: 3px;\n border-radius: 1.5px;\n background: #43D7B0; }\n .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select.isAnimation {\n -webkit-transition: -webkit-transform 0.5s;\n transition: transform 0.5s;\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n background: #FBFBFB; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n background: #636363; }\n .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n font-family: 'Roboto';\n font-weight: 400; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav .more-btn-container .more-content-container a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n display: block; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n display: none; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n display: none; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n display: block; }\n .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n background-color: #E9E9E9; }\n :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n display: 1; }\n :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n display: 0.4; }\n .header-nav-ui .mobile-nav {\n height: 60px;\n background: #2A2A2B;\n padding: 0 20px 0 0;\n display: none; }\n .header-nav-ui .mobile-nav .left-menu-container {\n width: 60px;\n height: 60px; }\n .header-nav-ui .mobile-nav .drowdown-icon {\n margin-left: 12px; }\n .header-nav-ui .mobile-nav .avatar-container {\n position: relative; }\n .header-nav-ui .mobile-nav .avatar-container::after {\n content: \"\";\n width: 7px;\n height: 7px;\n position: absolute;\n top: -4px;\n right: -6px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n .header-nav-ui .mobile-nav .avatar-container .avatar {\n width: 30px;\n height: 30px;\n display: inline-block; }\n .header-nav-ui .mobile-nav span {\n font-family: 'Roboto';\n font-weight: 700;\n color: #FFFFFF;\n font-size: 16px;\n line-height: 30px; }\n .header-nav-ui .mobile-nav-sub-menu {\n position: absolute;\n width: 100%;\n top: 60px;\n z-index: 1;\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu .mask {\n z-index: -1;\n background: #2A2A2B;\n opacity: 0.8;\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu .header {\n background: #264346;\n height: 60px; }\n .header-nav-ui .mobile-nav-sub-menu .header .drowdown-icon-container {\n margin-left: 8px; }\n .header-nav-ui .mobile-nav-sub-menu .header span {\n font-family: 'Barlow Condensed';\n font-weight: 600;\n color: #FFFFFF;\n font-size: 28px;\n line-height: 40px; }\n .header-nav-ui .mobile-nav-sub-menu .menu {\n padding: 15px 20px;\n background: #264346;\n border-top: 1px solid #1F7E8A;\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu .menu a {\n color: #FFFFFF;\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center; }\n .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen::before {\n content: \"\";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #FFFFFF;\n display: inline-block;\n margin-right: 10px; }\n .header-nav-ui .mobile-nav-sub-menu .mobile-notifications-panel {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100; }\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) {\n height: calc(100vh - 60px); }\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .menu,\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .mask {\n display: flex; }\n .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .drowdown-icon-container {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui .secondary-nav-mobile {\n position: absolute;\n top: 120px;\n width: 100%;\n height: calc(100vh - 120px);\n z-index: 1;\n display: none; }\n :global .theme-light :local .header-nav-ui .secondary-nav-mobile {\n background: #FBFBFB; }\n :global .theme-dark :local .header-nav-ui .secondary-nav-mobile {\n background: #636363; }\n .header-nav-ui .secondary-nav-mobile .menu {\n padding: 15px 20px; }\n .header-nav-ui .secondary-nav-mobile .menu a {\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center; }\n :global .theme-light :local .header-nav-ui .secondary-nav-mobile .menu a {\n color: #2A2A2B; }\n :global .theme-dark :local .header-nav-ui .secondary-nav-mobile .menu a {\n color: #FFFFFF; }\n .header-nav-ui .secondary-nav-mobile .menu a.isOpen {\n font-family: 'Roboto';\n font-weight: 700; }\n .header-nav-ui .secondary-nav-mobile .menu a.isOpen::before {\n content: \"\";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #43D7B0;\n display: inline-block;\n margin-right: 10px; }\n .header-nav-ui .secondary-nav-mobile .footer {\n background: #F4F4F4;\n min-height: 70px; }\n .header-nav-ui .secondary-nav-mobile .footer span {\n font-size: 12px;\n color: #7F7F7F;\n text-align: center;\n line-height: 20px; }\n .header-nav-ui .user-info-popup,\n .header-nav-ui .login-container {\n display: none; }\n .header-nav-ui .user-info-popup.isOpen,\n .header-nav-ui .login-container.isOpen {\n display: flex; }\n .header-nav-ui.isLoggedIn .login-container {\n display: flex; }\n .header-nav-ui.isLoggedIn .login-container.isOpen .dropdown-icon {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui.isLoggedIn .login-btn {\n display: none; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile {\n position: absolute;\n width: 100%;\n height: 100vh;\n overflow-y: auto;\n background: #FFFFFF;\n display: none;\n z-index: 1;\n top: 0; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header {\n padding: 7px 0 5px 17px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content img {\n border: 3px solid #C0C0C0;\n border-radius: 33px;\n margin-right: 17px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .handle {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 20px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .description {\n font-size: 12; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .header .icon-close {\n width: 50px;\n height: 50px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .separator {\n background: #E0E0E0;\n width: calc(100% - 80px);\n margin: 15px 0;\n height: 1px;\n align-self: center;\n padding: 0 20px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile {\n color: #2A2A2B;\n height: 40px;\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 0 20px; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a:hover,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile:hover {\n background: #F4F4F4; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile {\n display: flex;\n justify-content: space-between; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .title,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .title {\n font-size: 18px;\n font-family: 'Roboto';\n font-weight: 700;\n background: url("+O+") left center no-repeat;\n background-size: 16px;\n padding-left: 28px;\n text-align: left; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .red-number,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .red-number {\n font-size: 14px;\n color: #EF476F; }\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .notification-right-arrow,\n .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .notification-right-arrow {\n background: url("+F+") left center no-repeat;\n background-size: 10px;\n width: 10px;\n height: 16px; }\n .header-nav-ui .settings-nav {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 60px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: space-between; }\n .header-nav-ui .settings-nav .tc-logo {\n margin: 0 30px;\n justify-self: flex-start;\n cursor: pointer; }\n .header-nav-ui .settings-nav a,\n .header-nav-ui .settings-nav .title {\n color: #EDEDF2;\n font-size: 20px; }\n .header-nav-ui .settings-nav .close-btn {\n background-color: #808080;\n border-radius: 29px;\n width: 30px;\n height: 30px;\n margin-right: 25px; }\n .header-nav-ui .settings-nav .close-btn img {\n transform: scale(0.9); }\n\n.settings-panel {\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 1px 1px 0 #D5D5D5;\n width: 720px;\n margin: 26px auto 26px auto;\n font-family: 'Roboto';\n font-weight: 400;\n padding: 30px 20px; }\n .settings-panel .title {\n color: #151516;\n font-size: 28px;\n font-weight: 300;\n line-height: 35px;\n text-align: center;\n margin-bottom: 20px; }\n .settings-panel .panel-content {\n margin-bottom: 60px; }\n .settings-panel .panel-content .section-title {\n background-color: #EBEBEB;\n border-radius: 4px 4px 0 0;\n height: 50px;\n padding: 0 10px;\n display: flex;\n align-items: center; }\n .settings-panel .panel-content .section-title .left {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 15px;\n line-height: 30px;\n flex: 0 0 63%; }\n .settings-panel .panel-content .section-title div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 35px; }\n .settings-panel .panel-content .section-title div.website {\n flex: 0 0 15%;\n display: flex;\n justify-content: center; }\n .settings-panel .panel-content .section-title div.website span {\n background: url("+k+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .settings-panel .panel-content .section-title div.website span em {\n font-style: normal; }\n .settings-panel .panel-content .section-title div.as-email {\n flex: 0 0 22%;\n display: flex;\n justify-content: center; }\n .settings-panel .panel-content .section-title div.as-email span {\n background: url("+C+") left center no-repeat;\n background-size: 17px;\n padding-left: 22px; }\n .settings-panel .panel-content .section-title div.as-email span em {\n font-style: normal; }\n .settings-panel .panel-content .section-list {\n padding-left: 0;\n margin-top: 0; }\n .settings-panel .panel-content .section-list li {\n min-height: 50px;\n padding: 0 10px;\n box-shadow: 0 1px 0 0 #E0E0E0;\n padding-bottom: 10px;\n padding-top: 10px;\n display: block; }\n .settings-panel .panel-content .section-list li:hover {\n background-color: #FAFAFB; }\n .settings-panel .panel-content .section-list li .list-item {\n display: flex;\n align-items: center; }\n .settings-panel .panel-content .section-list li .list-item .left {\n flex: 0 0 63%; }\n .settings-panel .panel-content .section-list li .list-item .left .title {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 15px;\n line-height: 30px;\n text-align: left;\n margin-bottom: auto; }\n .settings-panel .panel-content .section-list li .list-item .left .description {\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-right: 40px; }\n .settings-panel .panel-content .section-list li .list-item div {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px; }\n .settings-panel .panel-content .section-list li .list-item div.website {\n flex: 0 0 15%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .settings-panel .panel-content .section-list li .list-item div.website .check-icon {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 7px;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.website .check-icon.checked {\n background: url("+I+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n margin-left: -5px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email {\n flex: 0 0 22%;\n display: flex;\n justify-content: center;\n margin-top: 12px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n background: url("+w+") left center no-repeat;\n background-size: 7px;\n width: 12px;\n height: 10px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n background: url("+I+") left center no-repeat;\n background-size: 10px;\n width: 9px;\n height: 7px;\n cursor: pointer;\n margin-left: -5px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box {\n background-color: #C0C0C0;\n border-radius: 15px;\n width: 148px;\n height: 30px;\n position: relative;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open {\n background-color: #AAAAAB;\n box-shadow: inset 0 1px 3px 0 #808080; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open .options {\n display: block; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box:hover {\n background-color: none;\n background-image: linear-gradient(180deg, #C0C0C0 0%, #A8A8A9 100%); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked {\n background-color: #0681FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked.open {\n background-color: #006DEA;\n box-shadow: inset 0 1px 3px 0 #404041; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked:hover {\n background-color: none;\n background-image: linear-gradient(180deg, #0681FF 0%, #006CE7 100%);\n box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label {\n color: #FFFFFF;\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 13px;\n line-height: 30px;\n margin-left: 17px;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label .dropdown-arrow {\n background: url("+R+") left center no-repeat;\n background-size: 14px;\n width: 14px;\n height: 14px;\n display: block;\n position: absolute;\n right: 13px;\n top: 9px;\n transform: rotateZ(90deg); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options {\n display: none;\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n padding: 5px 5px;\n position: absolute;\n width: 138px;\n z-index: 100; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px;\n padding-top: 0;\n min-height: initial;\n padding-bottom: initial;\n box-shadow: none;\n align-items: start;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li.active {\n font-weight: 700;\n background-color: #FAFAFB; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li:hover {\n background-color: #F4F9FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n background-color: #C0C0C0;\n border-radius: 14px;\n box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n width: 48px;\n height: 25px;\n display: flex;\n justify-content: space-between;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box:hover {\n opacity: 0.75; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on,\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n color: #FAFAFB;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n line-height: 26px;\n display: flex;\n justify-content: center;\n flex-direction: column; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on {\n margin-left: 7px;\n display: none; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n margin-right: 7px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .dot {\n background-color: #FFFFFF;\n border-radius: 100%;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n width: 17px;\n height: 17px;\n margin-top: 4px;\n margin-left: 4px;\n margin-right: 4px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked {\n background-color: #0681FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-on {\n display: block; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-off {\n display: none; }\n .settings-panel .panel-content .section-list li .description-mobile {\n display: none; }\n .settings-panel .bottom-btn {\n text-align: center; }\n\n@media (max-width: 900px) {\n .header-nav-ui .primary-nav .primary-level-1 {\n margin: 0 20px; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n left: -20px; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n margin-left: 20px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container {\n background: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container .handle {\n display: none; }\n .header-nav-ui .secondary-nav a {\n margin: 0 10px; }\n .header-nav-ui .more-btn-container .more-btn {\n margin-left: 10px !important; }\n .header-nav-ui .settings-nav .close-btn {\n background-color: initial; } }\n\n@media (max-width: 768px) {\n .header-nav-ui .user-info-popup,\n .header-nav-ui .login-container {\n display: none; }\n .header-nav-ui .user-info-popup.isOpen,\n .header-nav-ui .login-container.isOpen {\n display: flex; }\n .header-nav-ui .primary-nav {\n height: 60px;\n justify-content: space-around;\n display: none; }\n .header-nav-ui .primary-nav .primary-level-2-container,\n .header-nav-ui .primary-nav .primary-level-2-container.isOpen,\n .header-nav-ui .primary-nav .tc-logo {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1-separator {\n display: block;\n height: 30px;\n width: 1px;\n background: #555555; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n content: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-btn, .header-nav-ui .primary-nav .primary-level-1.login-container,\n .header-nav-ui .primary-nav .primary-level-1 .user-info-popup {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.more-menu {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n color: #43D7B0; }\n .header-nav-ui .mobile-notifications-panel {\n width: 100%;\n height: 100%;\n position: fixed;\n box-shadow: none;\n border-radius: 0;\n display: block;\n top: 0;\n right: 0;\n overflow-y: auto; }\n .header-nav-ui .mobile-notifications-panel .noti-header {\n height: 40px;\n border-radius: 0;\n padding-left: 10px;\n padding-right: 10px; }\n .header-nav-ui .mobile-notifications-panel .noti-header .notification-back-btn {\n width: 50px;\n height: 50px;\n background: url("+P+") center center no-repeat;\n margin-left: -8px; }\n .header-nav-ui .mobile-notifications-panel .noti-header .btn-setting {\n width: 50px;\n height: 50px;\n background: url("+L+") center center no-repeat; }\n .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n margin-left: 0;\n padding-left: 0;\n background: none; }\n .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n padding: 19px 20px 12px 21px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .items {\n padding: 0 10px 0 20px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n padding-right: 0; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n right: 5px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n left: -90px; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n left: 90%; }\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n display: none; }\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n padding-left: 25px;\n width: calc(100% - 50px); }\n .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n right: 15px; }\n .header-nav-ui .mobile-notifications-panel .light-bar {\n display: flex;\n justify-content: space-between; }\n .header-nav-ui .mobile-notifications-panel .light-bar .green-link {\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 30px;\n text-align: left; }\n .header-nav-ui .secondary-nav {\n display: none; }\n .header-nav-ui .mobile-nav {\n display: flex; }\n .header-nav-ui .mobile-nav .close-btn {\n display: none; }\n .header-nav-ui .mobile-nav-sub-menu {\n display: block; }\n .header-nav-ui .mobile-nav-sub-menu.isNothing {\n display: none; }\n .header-nav-ui.isOpenSecondaryNavMobile .primary-nav,\n .header-nav-ui.isOpenSecondaryNavMobile .secondary-nav-mobile {\n display: flex; }\n .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .menu-btn {\n display: none; }\n .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .close-btn {\n display: flex; }\n .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav-sub-menu {\n display: none; }\n .settings-panel {\n margin-top: 0;\n margin-bottom: 0;\n border-radius: 0;\n width: 100%;\n padding: 12px 0 32px 0; }\n .settings-panel > .title {\n display: none; }\n .settings-panel .panel-content .section-title .left {\n flex: 0 0 45%; }\n .settings-panel .panel-content .section-title div.website {\n flex: 0 0 10%; }\n .settings-panel .panel-content .section-title div.website span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n .settings-panel .panel-content .section-title div.website span em {\n display: none; }\n .settings-panel .panel-content .section-title div.as-email {\n flex: 0 0 45%; }\n .settings-panel .panel-content .section-title div.as-email span {\n padding-left: 0;\n width: 22px;\n height: 22px; }\n .settings-panel .panel-content .section-title div.as-email span em {\n display: none; }\n .settings-panel .panel-content .section-list {\n padding-left: 0; }\n .settings-panel .panel-content .section-list li .list-item .left {\n flex: 0 0 45%;\n align-self: flex-start;\n padding-top: 5px; }\n .settings-panel .panel-content .section-list li .list-item .left .title {\n line-height: 20px; }\n .settings-panel .panel-content .section-list li .list-item .left .description {\n display: none; }\n .settings-panel .panel-content .section-list li .list-item div.website {\n flex: 0 0 10%;\n align-self: flex-start; }\n .settings-panel .panel-content .section-list li .list-item div.as-email {\n flex: 0 0 45%;\n align-self: flex-start;\n margin-top: 0; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n margin-top: 12px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n margin-top: 13px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n margin-top: 2px; }\n .settings-panel .panel-content .section-list li .description-mobile {\n display: block;\n color: #808080;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n margin-top: 10px; }\n .mobile-hide {\n display: none; }\n .mobile-show {\n display: block; } }\n\n.avatar {\n border-radius: 100%; }\n\n.opacity-0 {\n opacity: 0; }\n\n.fade-opacity-in {\n transition: opacity 400ms ease-in 100ms;\n opacity: 1; }\n",""])},function(n,e,t){n.exports=t.p+"images/icon-bell.svg"},function(n,e,t){n.exports=t.p+"images/left-arrow.svg"},function(n,e,t){n.exports=t.p+"images/icon-settings-gear.svg"}])}); \ No newline at end of file diff --git a/src/components/NotificationsPopup/EmptyNotifications.js b/src/components/NotificationsPopup/EmptyNotifications.js index a068a3c..984490a 100644 --- a/src/components/NotificationsPopup/EmptyNotifications.js +++ b/src/components/NotificationsPopup/EmptyNotifications.js @@ -1,6 +1,7 @@ import React from 'react' import PropTypes from 'prop-types' import cn from 'classnames' +import { Link } from 'topcoder-react-utils' import styles from './styles.module.scss' import NotificationIcon from '../../assets/images/icon-bell.svg' import BackArrow from '../../assets/images/left-arrow.svg' @@ -31,7 +32,7 @@ const EmptyNotifications = ({ onClose, emptyTitle, emptyText }) => (
{emptyTitle}
{emptyText}
- Notification Settings + Notification Settings diff --git a/src/components/NotificationsPopup/NotificationList.js b/src/components/NotificationsPopup/NotificationList.js index 94211d5..fe57ba3 100644 --- a/src/components/NotificationsPopup/NotificationList.js +++ b/src/components/NotificationsPopup/NotificationList.js @@ -105,7 +105,7 @@ export default class NotificationList extends React.Component { } render () { - const { onClose, onSettings, notifications, onDismiss, unReadNotifications, + const { onClose, notifications, onDismiss, unReadNotifications, markNotificationAsRead, markAllNotificationAsRead, auth } = this.props return ( @@ -142,9 +142,8 @@ export default class NotificationList extends React.Component { - Settings + Settings
@@ -233,10 +232,6 @@ NotificationList.propTypes = { * @param items {array} Items to be dismissed */ onDismiss: PropTypes.func, - - /** Called on Settings button click */ - onSettings: PropTypes.func, - onClose: PropTypes.func, unReadNotifications: PropTypes.bool, markNotificationAsRead: PropTypes.func.isRequired,