diff --git a/dist/dev/index.js b/dist/dev/index.js index 96480b8..19e532d 100644 --- a/dist/dev/index.js +++ b/dist/dev/index.js @@ -1,13 +1,13 @@ (function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') - module.exports = factory(require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/defineProperty"), require("@babel/runtime/helpers/getPrototypeOf"), require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/objectSpread"), require("@babel/runtime/helpers/possibleConstructorReturn"), require("@babel/runtime/helpers/slicedToArray"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-dom"), require("react-hot-loader"), require("react-router-dom")); + module.exports = factory(require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/defineProperty"), require("@babel/runtime/helpers/getPrototypeOf"), require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/objectSpread"), require("@babel/runtime/helpers/possibleConstructorReturn"), require("@babel/runtime/helpers/slicedToArray"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-dom"), require("react-hot-loader"), require("topcoder-react-utils")); else if(typeof define === 'function' && define.amd) - define(["@babel/runtime/helpers/classCallCheck", "@babel/runtime/helpers/createClass", "@babel/runtime/helpers/defineProperty", "@babel/runtime/helpers/getPrototypeOf", "@babel/runtime/helpers/inherits", "@babel/runtime/helpers/objectSpread", "@babel/runtime/helpers/possibleConstructorReturn", "@babel/runtime/helpers/slicedToArray", "lodash", "moment", "prop-types", "react", "react-dom", "react-hot-loader", "react-router-dom"], factory); + define(["@babel/runtime/helpers/classCallCheck", "@babel/runtime/helpers/createClass", "@babel/runtime/helpers/defineProperty", "@babel/runtime/helpers/getPrototypeOf", "@babel/runtime/helpers/inherits", "@babel/runtime/helpers/objectSpread", "@babel/runtime/helpers/possibleConstructorReturn", "@babel/runtime/helpers/slicedToArray", "lodash", "moment", "prop-types", "react", "react-dom", "react-hot-loader", "topcoder-react-utils"], factory); else if(typeof exports === 'object') - exports["navigation-component"] = factory(require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/defineProperty"), require("@babel/runtime/helpers/getPrototypeOf"), require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/objectSpread"), require("@babel/runtime/helpers/possibleConstructorReturn"), require("@babel/runtime/helpers/slicedToArray"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-dom"), require("react-hot-loader"), require("react-router-dom")); + exports["navigation-component"] = factory(require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/defineProperty"), require("@babel/runtime/helpers/getPrototypeOf"), require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/objectSpread"), require("@babel/runtime/helpers/possibleConstructorReturn"), require("@babel/runtime/helpers/slicedToArray"), require("lodash"), require("moment"), require("prop-types"), require("react"), require("react-dom"), require("react-hot-loader"), require("topcoder-react-utils")); else - root["navigation-component"] = factory(root["@babel/runtime/helpers/classCallCheck"], root["@babel/runtime/helpers/createClass"], root["@babel/runtime/helpers/defineProperty"], root["@babel/runtime/helpers/getPrototypeOf"], root["@babel/runtime/helpers/inherits"], root["@babel/runtime/helpers/objectSpread"], root["@babel/runtime/helpers/possibleConstructorReturn"], root["@babel/runtime/helpers/slicedToArray"], root["lodash"], root["moment"], root["prop-types"], root["react"], root["react-dom"], root["react-hot-loader"], root["react-router-dom"]); -})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_classCallCheck__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_createClass__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_defineProperty__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_getPrototypeOf__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_inherits__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_objectSpread__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_possibleConstructorReturn__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_slicedToArray__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_moment__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_hot_loader__, __WEBPACK_EXTERNAL_MODULE_react_router_dom__) { + root["navigation-component"] = factory(root["@babel/runtime/helpers/classCallCheck"], root["@babel/runtime/helpers/createClass"], root["@babel/runtime/helpers/defineProperty"], root["@babel/runtime/helpers/getPrototypeOf"], root["@babel/runtime/helpers/inherits"], root["@babel/runtime/helpers/objectSpread"], root["@babel/runtime/helpers/possibleConstructorReturn"], root["@babel/runtime/helpers/slicedToArray"], root["lodash"], root["moment"], root["prop-types"], root["react"], root["react-dom"], root["react-hot-loader"], root["topcoder-react-utils"]); +})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_classCallCheck__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_createClass__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_defineProperty__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_getPrototypeOf__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_inherits__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_objectSpread__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_possibleConstructorReturn__, __WEBPACK_EXTERNAL_MODULE__babel_runtime_helpers_slicedToArray__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_moment__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_hot_loader__, __WEBPACK_EXTERNAL_MODULE_topcoder_react_utils__) { return /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; @@ -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 react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n id: \"a\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"mask\", {\n id: \"b\",\n fill: \"#fff\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n xlinkHref: \"#a\"\n })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n fill: \"#F1F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n mask: \"url(#b)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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\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\n if (!lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link)) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: menu.link,\n key: \"item-\".concat(i)\n }, menu.title);\n }\n\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"a\", {\n href: menu.href,\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 onClickNotifications = _this$props.onClickNotifications,\n numNotifications = _this$props.numNotifications,\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 return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_9__[\"BrowserRouter\"], null, 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(react_router_dom__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) ? 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) ? 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) && hasAccess(profile.roles) && 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 }), lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: switchText.link,\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)) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"a\", {\n href: switchText.href,\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness'],\n onClick: onClose\n }, switchText.title)), 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: 35\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 numNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,\n onClickNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape()\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(hasAccess, \"hasAccess\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n id: \"a\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"mask\", {\n id: \"b\",\n fill: \"#fff\"\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n xlinkHref: \"#a\"\n })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n fill: \"#F1F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n mask: \"url(#b)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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\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 onClickNotifications = _this$props.onClickNotifications,\n numNotifications = _this$props.numNotifications,\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 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) ? 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) ? 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) && hasAccess(profile.roles) && 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: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href,\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))), 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: 35\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 numNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,\n onClickNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape()\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\AccountMenu\\\\index.js\");\n reactHotLoader.register(hasAccess, \"hasAccess\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\AccountMenu\\\\index.js\");\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\AccountMenu\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/CheckBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\CheckBox\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/ChosenArrow/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\ChosenArrow\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\DropdownBox\\\\index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\DropdownBox\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/IconSelect/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\IconSelect\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\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 LoginNav = function LoginNav(_ref) {\n var loggedIn = _ref.loggedIn,\n notificationButtonState = _ref.notificationButtonState,\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\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 };\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 className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton,\n state: notificationButtonState,\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: notificationButtonState === 'new',\n onClick: handleClickUserInfo,\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: notificationButtonState === 'new',\n onClick: handleClickUserInfo,\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 return setOpenNotifications(false);\n }\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: (notifications || []).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 notificationButtonState: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\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 switchText: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n authURLs: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape()\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/LoginNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\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 LoginNav = function LoginNav(_ref) {\n var loggedIn = _ref.loggedIn,\n notificationButtonState = _ref.notificationButtonState,\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\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 };\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 className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton,\n state: notificationButtonState,\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: notificationButtonState === 'new',\n onClick: handleClickUserInfo,\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: notificationButtonState === 'new',\n onClick: handleClickUserInfo,\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 return setOpenNotifications(false);\n }\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: (notifications || []).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 notificationButtonState: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\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 switchText: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n authURLs: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape()\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\LoginNav\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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(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 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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\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 })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\n\nvar NotificationButton = function NotificationButton(_ref) {\n var className = _ref.className,\n state = _ref.state,\n onClick = _ref.onClick,\n notificationsPopupOpen = _ref.notificationsPopupOpen;\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, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a[state], notificationsPopupOpen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.isNotificationsPopupOpen, className),\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBell, null));\n};\n\nNotificationButton.propTypes = {\n className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n state: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['none', 'new', 'seen']),\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n notificationsPopupOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\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(NotificationButton, \"NotificationButton\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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(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 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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\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 })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\n\nvar NotificationButton = function NotificationButton(_ref) {\n var className = _ref.className,\n state = _ref.state,\n onClick = _ref.onClick,\n notificationsPopupOpen = _ref.notificationsPopupOpen;\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, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a[state], notificationsPopupOpen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.isNotificationsPopupOpen, className),\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBell, null));\n};\n\nNotificationButton.propTypes = {\n className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n state: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['none', 'new', 'seen']),\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n notificationsPopupOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\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(NotificationButton, \"NotificationButton\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationButton\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(Item, \"Item\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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 /**\r\n * Render option controls.\r\n *\r\n * @param item {item} The option object\r\n * @param onChange {function} Called with name (eg. website) and the new value\r\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 /**\r\n * Array of options object, each with properties:\r\n *\r\n * - id (optional)\r\n * - title {string} Option title\r\n * - description {string} Option description\r\n * - category {string} Option category. Eg. Project notifications\r\n * - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\r\n * - website {bool|string} Website value\r\n * - websiteOptions {array({ value, label })} Website options for dropdown\r\n * - emailControl {string(checkbox|switch|dropdown)} Type of control for email\r\n * - email {bool|string} Email value\r\n * - emailOptions {array({ value, label })} Email options for dropdown\r\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 /**\r\n * Called when changing settings.\r\n *\r\n * @param settings {array} The updated settings\r\n * @param option {object} The specific settings item that changed\r\n * @param name {object} The value that changed. Eg. website\r\n *\r\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationSettings\\\\index.js\");\n reactHotLoader.register(Item, \"Item\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationSettings\\\\index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationSettings\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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 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(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-back-btn'],\n role: \"button\",\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['left-noti']\n }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.rights\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['white-link'],\n role: \"button\"\n }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-setting'],\n role: \"button\"\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['noti-body'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.center)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.icons, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['icon-bell'])\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h4\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.titles\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(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-footer']\n }, 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, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-blue']),\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. Read our \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"/\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.blueLink\n }, \"blog post\"), \" for more info\")\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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 _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 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(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-back-btn'],\n role: \"button\",\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['left-noti']\n }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.rights\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['white-link'],\n role: \"button\"\n }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-setting'],\n role: \"button\"\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['noti-body'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.center)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.icons, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['icon-bell'])\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h4\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.titles\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(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-footer']\n }, 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, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-blue']),\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. Read our \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"/\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.blueLink\n }, \"blog post\"), \" for more info\")\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationsPopup\\\\EmptyNotifications.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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 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 lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5__);\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 LightBar = function LightBar(_ref) {\n var title = _ref.title,\n onDismiss = _ref.onDismiss;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['light-bar']\n }, title, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['green-link'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['mobile-only'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissSection),\n onClick: onDismiss\n }, \"Dismiss All\"));\n};\n\nLightBar.propTypes = {\n title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar Category = function Category(_ref2) {\n var title = _ref2.title,\n onDismiss = _ref2.onDismiss;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['grey-bar']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['copyicon-title']\n }, title), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['right-remove'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissCategory),\n onClick: onDismiss\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-close']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['black-txt']\n }, \"Dismiss notification\")));\n};\n\nCategory.propTypes = {\n title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar Item = function Item(_ref3) {\n var item = _ref3.item,\n onDismiss = _ref3.onDismiss;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['items']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: item.href,\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['item-content']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['txt']\n }, item.content), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['bottom-info']\n }, item.tags && item.tags.map(function (tag) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['blue-squre'],\n key: tag\n }, tag);\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['time-txt']\n }, moment__WEBPACK_IMPORTED_MODULE_4___default()(item.timestamp).fromNow())), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['right-remove'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissItem),\n onClick: onDismiss\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-close']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['black-txt']\n }, \"Dismiss notification\"))));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar NotificationList = function NotificationList(_ref4) {\n var notifications = _ref4.notifications,\n _onDismiss = _ref4.onDismiss,\n onSettings = _ref4.onSettings,\n onClose = _ref4.onClose;\n\n var categories = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.uniq((notifications || []).map(function (noti) {\n return noti.category;\n }).filter(function (x) {\n return x;\n })).sort(function (a, b) {\n return a.localeCompare(b);\n });\n\n var newest = notifications.filter(function (x) {\n return x.timestamp > moment__WEBPACK_IMPORTED_MODULE_4___default()().subtract(1, 'day').valueOf();\n });\n var earlier = notifications.filter(function (x) {\n return x.timestamp < moment__WEBPACK_IMPORTED_MODULE_4___default()().subtract(1, 'day').valueOf();\n });\n var sections = [{\n title: 'New',\n list: newest\n }, {\n title: 'Earlier',\n list: earlier\n }];\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_5___default.a['noti-header']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['notification-back-btn'],\n role: \"button\",\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['left-noti']\n }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rights\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['white-link'],\n onClick: function onClick() {\n return _onDismiss(notifications);\n }\n }, \"Dismiss All\"), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.point\n }), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['white-link'],\n onClick: onSettings\n }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-setting']\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['noti-body']\n }, sections.map(function (section) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], {\n key: section.title\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LightBar, {\n title: section.title,\n onDismiss: function onDismiss() {\n return _onDismiss(section.list);\n }\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['lightblue-section']\n }, section.list.filter(function (x) {\n return !x.category;\n }).map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Item, {\n item: item,\n key: \"noti-\".concat(i),\n onDismiss: function onDismiss() {\n return _onDismiss([item]);\n }\n });\n })), categories.map(function (category) {\n var items = section.list.filter(function (x) {\n return x.category === category;\n });\n if (!items.length) return null;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['greybar-section'],\n key: category\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Category, {\n title: \"\".concat(category, \" (\").concat(items.length, \")\"),\n onDismiss: function onDismiss() {\n return _onDismiss(items);\n }\n }), items.map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Item, {\n item: item,\n key: \"noti-\".concat(i),\n onDismiss: function onDismiss() {\n return _onDismiss([item]);\n }\n });\n }));\n }));\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['end-message'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.center)\n }, \"You have no more notifications\")));\n};\n\nNotificationList.defaultProps = {\n notifications: [],\n onDismiss: function onDismiss() {\n return null;\n }\n};\nNotificationList.propTypes = {\n /**\n * Array of Notifications, each with properties:\n *\n * - content {string|node}\n * - href {string} href for the item's wrapper anchor\n * - category {array}\n * - tags {array}\n * - timestamp {number}\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___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_1___default.a.func,\n\n /** Called on Settings button click */\n onSettings: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = NotificationList;\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(LightBar, \"LightBar\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Category, \"Category\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Item, \"Item\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(NotificationList, \"NotificationList\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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 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 lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5__);\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 LightBar = function LightBar(_ref) {\n var title = _ref.title,\n onDismiss = _ref.onDismiss;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['light-bar']\n }, title, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['green-link'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['mobile-only'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissSection),\n onClick: onDismiss\n }, \"Dismiss All\"));\n};\n\nLightBar.propTypes = {\n title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar Category = function Category(_ref2) {\n var title = _ref2.title,\n onDismiss = _ref2.onDismiss;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['grey-bar']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['copyicon-title']\n }, title), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['right-remove'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissCategory),\n onClick: onDismiss\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-close']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['black-txt']\n }, \"Dismiss notification\")));\n};\n\nCategory.propTypes = {\n title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar Item = function Item(_ref3) {\n var item = _ref3.item,\n onDismiss = _ref3.onDismiss;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['items']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: item.href,\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['item-content']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['txt']\n }, item.content), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['bottom-info']\n }, item.tags && item.tags.map(function (tag) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['blue-squre'],\n key: tag\n }, tag);\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['time-txt']\n }, moment__WEBPACK_IMPORTED_MODULE_4___default()(item.timestamp).fromNow())), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['right-remove'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissItem),\n onClick: onDismiss\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-close']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['black-txt']\n }, \"Dismiss notification\"))));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar NotificationList = function NotificationList(_ref4) {\n var notifications = _ref4.notifications,\n _onDismiss = _ref4.onDismiss,\n onSettings = _ref4.onSettings,\n onClose = _ref4.onClose;\n\n var categories = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.uniq((notifications || []).map(function (noti) {\n return noti.category;\n }).filter(function (x) {\n return x;\n })).sort(function (a, b) {\n return a.localeCompare(b);\n });\n\n var newest = notifications.filter(function (x) {\n return x.timestamp > moment__WEBPACK_IMPORTED_MODULE_4___default()().subtract(1, 'day').valueOf();\n });\n var earlier = notifications.filter(function (x) {\n return x.timestamp < moment__WEBPACK_IMPORTED_MODULE_4___default()().subtract(1, 'day').valueOf();\n });\n var sections = [{\n title: 'New',\n list: newest\n }, {\n title: 'Earlier',\n list: earlier\n }];\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_5___default.a['noti-header']\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['notification-back-btn'],\n role: \"button\",\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['left-noti']\n }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rights\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['white-link'],\n onClick: function onClick() {\n return _onDismiss(notifications);\n }\n }, \"Dismiss All\"), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.point\n }), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['white-link'],\n onClick: onSettings\n }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-setting']\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['noti-body']\n }, sections.map(function (section) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], {\n key: section.title\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LightBar, {\n title: section.title,\n onDismiss: function onDismiss() {\n return _onDismiss(section.list);\n }\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['lightblue-section']\n }, section.list.filter(function (x) {\n return !x.category;\n }).map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Item, {\n item: item,\n key: \"noti-\".concat(i),\n onDismiss: function onDismiss() {\n return _onDismiss([item]);\n }\n });\n })), categories.map(function (category) {\n var items = section.list.filter(function (x) {\n return x.category === category;\n });\n if (!items.length) return null;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['greybar-section'],\n key: category\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Category, {\n title: \"\".concat(category, \" (\").concat(items.length, \")\"),\n onDismiss: function onDismiss() {\n return _onDismiss(items);\n }\n }), items.map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Item, {\n item: item,\n key: \"noti-\".concat(i),\n onDismiss: function onDismiss() {\n return _onDismiss([item]);\n }\n });\n }));\n }));\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['end-message'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.center)\n }, \"You have no more notifications\")));\n};\n\nNotificationList.defaultProps = {\n notifications: [],\n onDismiss: function onDismiss() {\n return null;\n }\n};\nNotificationList.propTypes = {\n /**\r\n * Array of Notifications, each with properties:\r\n *\r\n * - content {string|node}\r\n * - href {string} href for the item's wrapper anchor\r\n * - category {array}\r\n * - tags {array}\r\n * - timestamp {number}\r\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n\n /**\r\n * Called with array of items to be dismissed.\r\n *\r\n * @param items {array} Items to be dismissed\r\n */\n onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n\n /** Called on Settings button click */\n onSettings: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = NotificationList;\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(LightBar, \"LightBar\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationsPopup\\\\NotificationList.js\");\n reactHotLoader.register(Category, \"Category\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationsPopup\\\\NotificationList.js\");\n reactHotLoader.register(Item, \"Item\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationsPopup\\\\NotificationList.js\");\n reactHotLoader.register(NotificationList, \"NotificationList\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationsPopup\\\\NotificationList.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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 emptyText = _ref.emptyText,\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['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 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. Read our \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"/\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.blueLink\n }, \"blog post\"), \" for more info\")\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\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};\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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 emptyText = _ref.emptyText,\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['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 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. Read our \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"/\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.blueLink\n }, \"blog post\"), \" for more info\")\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\n /**\r\n * Array of Notifications, each with properties:\r\n *\r\n * - content {string|node}\r\n * - category {array}\r\n * - tags {array}\r\n * - timestamp {number}\r\n */\n notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\NotificationsPopup\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/SwitchBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\SwitchBox\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/MobileMenu.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\MobileMenu.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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(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 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\", {\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));\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/MobileNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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(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 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\", {\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));\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\MobileNav.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#a\",\n transform: \"translate(-2 -4)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/MobileSubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#a\",\n transform: \"translate(-2 -4)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\MobileSubNav.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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(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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#a\",\n transform: \"translate(-2 -4)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\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\n var filterNotInMore = function filterNotInMore(menu) {\n return !(moreMenu || []).find(function (x) {\n return x.id === menu.id;\n });\n };\n\n return 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),\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),\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)));\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};\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(PrimaryNav, \"PrimaryNav\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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(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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#a\",\n transform: \"translate(-2 -4)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\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\n var filterNotInMore = function filterNotInMore(menu) {\n return !(moreMenu || []).find(function (x) {\n return x.id === menu.id;\n });\n };\n\n return 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),\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),\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)));\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};\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(PrimaryNav, \"PrimaryNav\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\PrimaryNav.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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 react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__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(react_router_dom__WEBPACK_IMPORTED_MODULE_5__[\"BrowserRouter\"], null, 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 if (!lodash__WEBPACK_IMPORTED_MODULE_0___default.a.isEmpty(level3.link)) {\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react_router_dom__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: level3.link,\n onClick: createHandleClickItem(level3.id)\n }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n ref: createSetRef(level3.id)\n }, level3.title));\n }\n\n return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\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 href: level3.href,\n key: \"level3-\".concat(i),\n onClick: createHandleClickItem(level3.id),\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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/SubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\SubNav.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\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 || id++,\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\"])(true),\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\"])(),\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\"])(),\n _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState13, 2),\n showChosenArrow = _useState14[0],\n setShowChosenArrow = _useState14[1];\n\n var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState15, 2),\n chosenArrowX = _useState16[0],\n setChosenArrowX = _useState16[1];\n\n var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(0),\n _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState17, 2),\n chosenArrowTick = _useState18[0],\n setChosenArrowTick = _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 showIconSelect = _useState20[0],\n setShowIconSelect = _useState20[1];\n\n var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState21, 2),\n iconSelectX = _useState22[0],\n setIconSelectX = _useState22[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 _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(menuWithId),\n _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState23, 2),\n leftNav = _useState24[0],\n setLeftNav = _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 showLeftMenu = _useState26[0],\n setShowLeftMenu = _useState26[1];\n\n var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState27, 2),\n showMobileSubMenu = _useState28[0],\n setShowMobileSubMenu = _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 moreMenu = _useState30[0],\n setMoreMenu = _useState30[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 setIconSelectX(getMenuCenter(menuId));\n };\n\n var handleClickLogo = function handleClickLogo() {};\n\n var expandLevel1Menu = function expandLevel1Menu(menuId) {\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id();\n setShowLevel3(true);\n startSlide();\n setTimeout(function () {\n setShowChosenArrow(true);\n }, collapsed ? 250 : 0);\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n };\n\n var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId) {\n return function () {\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id();\n setShowLevel3(true);\n startSlide();\n setTimeout(function () {\n // wait for sliding to end before showing arrow for the first time\n setShowChosenArrow(true);\n updateLevel3Indicator(menuId, null);\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 createHandleClickLevel1(currentLevel1Id)();\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) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n setChosenArrowPos(menuId); // let the level 3 menu mounted first for sliding indicator to work\n\n setTimeout(function () {\n updateLevel3Indicator(activeLevel1Id, menuId);\n });\n };\n };\n\n var updateLevel3Indicator = function updateLevel3Indicator(menu1Id, menu2Id) {\n var activeMenuL1 = findLevel1Menu(menu1Id);\n var activeMenuL2 = findLevel2Menu(menu1Id, menu2Id);\n var menu = activeMenuL2 || activeMenuL1;\n if (!menu) return;\n var submenu = activeMenuL2 ? menu.subMenu : menu.secondaryMenu;\n\n if (menu && submenu) {\n var index = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.findIndex(submenu, function (item) {\n return item.href.indexOf(path) > -1;\n }); // check if url matches else do not show submenu selected\n\n\n if (index > -1) {\n setActiveLevel3Id(submenu[index].id);\n setIconSelectPos(submenu[index].id);\n setShowIconSelect(true);\n } else {\n setShowIconSelect(false);\n }\n }\n };\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 createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\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 updateLevel3Indicator(activeLevel1Id, 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 }, []); // expand first Level1Menu(like work/business) on login / logout. also regenerate menu to add/delete profile menu.\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n if (loggedIn && profileHandle && menuWithId[0]) {\n setLeftNav(menuWithId);\n setTimeout(function () {\n if (collapsed) expandLevel1Menu(menuWithId[0].id);\n });\n }\n }, [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 }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n open: 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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(id, \"id\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(initMenuId, \"initMenuId\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\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 || id++,\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/**\r\n * TopNav is the main navigation component.\r\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\"])(true),\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\"])(),\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\"])(),\n _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState13, 2),\n showChosenArrow = _useState14[0],\n setShowChosenArrow = _useState14[1];\n\n var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState15, 2),\n chosenArrowX = _useState16[0],\n setChosenArrowX = _useState16[1];\n\n var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(0),\n _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState17, 2),\n chosenArrowTick = _useState18[0],\n setChosenArrowTick = _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 showIconSelect = _useState20[0],\n setShowIconSelect = _useState20[1];\n\n var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState21, 2),\n iconSelectX = _useState22[0],\n setIconSelectX = _useState22[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 _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(menuWithId),\n _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState23, 2),\n leftNav = _useState24[0],\n setLeftNav = _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 showLeftMenu = _useState26[0],\n setShowLeftMenu = _useState26[1];\n\n var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useState\"])(),\n _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState27, 2),\n showMobileSubMenu = _useState28[0],\n setShowMobileSubMenu = _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 moreMenu = _useState30[0],\n setMoreMenu = _useState30[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 setIconSelectX(getMenuCenter(menuId));\n };\n\n var handleClickLogo = function handleClickLogo() {};\n\n var expandLevel1Menu = function expandLevel1Menu(menuId) {\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id();\n setShowLevel3(true);\n startSlide();\n setTimeout(function () {\n setShowChosenArrow(true);\n }, collapsed ? 250 : 0);\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n };\n\n var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useCallback\"])(function (menuId) {\n return function () {\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id();\n setShowLevel3(true);\n startSlide();\n setTimeout(function () {\n // wait for sliding to end before showing arrow for the first time\n setShowChosenArrow(true);\n updateLevel3Indicator(menuId, null);\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 createHandleClickLevel1(currentLevel1Id)();\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) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n setChosenArrowPos(menuId); // let the level 3 menu mounted first for sliding indicator to work\n\n setTimeout(function () {\n updateLevel3Indicator(activeLevel1Id, menuId);\n });\n };\n };\n\n var updateLevel3Indicator = function updateLevel3Indicator(menu1Id, menu2Id) {\n var activeMenuL1 = findLevel1Menu(menu1Id);\n var activeMenuL2 = findLevel2Menu(menu1Id, menu2Id);\n var menu = activeMenuL2 || activeMenuL1;\n if (!menu) return;\n var submenu = activeMenuL2 ? menu.subMenu : menu.secondaryMenu;\n\n if (menu && submenu) {\n var index = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.findIndex(submenu, function (item) {\n return item.href.indexOf(path) > -1;\n }); // check if url matches else do not show submenu selected\n\n\n if (index > -1) {\n setActiveLevel3Id(submenu[index].id);\n setIconSelectPos(submenu[index].id);\n setShowIconSelect(true);\n } else {\n setShowIconSelect(false);\n }\n }\n };\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 createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\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 updateLevel3Indicator(activeLevel1Id, 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 }, []); // expand first Level1Menu(like work/business) on login / logout. also regenerate menu to add/delete profile menu.\n\n Object(react__WEBPACK_IMPORTED_MODULE_2__[\"useEffect\"])(function () {\n if (loggedIn && profileHandle && menuWithId[0]) {\n setLeftNav(menuWithId);\n setTimeout(function () {\n if (collapsed) expandLevel1Menu(menuWithId[0].id);\n });\n }\n }, [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 }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n open: 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 /**\r\n * Array of menu objects, each with properties:\r\n *\r\n * - title {string|element} The title\r\n * - href {string} The href for wrapper anchor\r\n * - subMenu {array} Children menu\r\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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\index.js\");\n reactHotLoader.register(id, \"id\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\index.js\");\n reactHotLoader.register(initMenuId, \"initMenuId\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\TopNav\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"a\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"mask\", {\n id: \"b\",\n fill: \"#fff\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n xlinkHref: \"#a\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#F1F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n mask: \"url(#b)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#a\",\n transform: \"translate(-2 -4)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n var profile = _ref.profile,\n onClick = _ref.onClick,\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) ? 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 }, 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 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/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/UserInfo/index.js\");\n reactHotLoader.register(_default, \"default\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"a\",\n width: \"30\",\n height: \"30\",\n rx: \"15\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"mask\", {\n id: \"b\",\n fill: \"#fff\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n xlinkHref: \"#a\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#F1F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n mask: \"url(#b)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\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(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n id: \"a\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n xlinkHref: \"#a\",\n transform: \"translate(-2 -4)\"\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 xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n var profile = _ref.profile,\n onClick = _ref.onClick,\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) ? 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 }, 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 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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\components\\\\UserInfo\\\\index.js\");\n reactHotLoader.register(_default, \"default\", \"E:\\\\workspace\\\\private\\\\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\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/index.js\");\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/home/gaurav/gauravseta/git-projects/prakashgithub/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\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(CheckBox, \"CheckBox\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(IconSelect, \"IconSelect\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(LoginNav, \"LoginNav\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"E:\\\\workspace\\\\private\\\\navigation-component\\\\src\\\\index.js\");\n reactHotLoader.register(UserInfo, \"UserInfo\", \"E:\\\\workspace\\\\private\\\\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?"); /***/ }), @@ -1523,14 +1523,14 @@ eval("module.exports = __WEBPACK_EXTERNAL_MODULE_react_hot_loader__;\n\n//# sour /***/ }), -/***/ "react-router-dom": -/*!***********************************!*\ - !*** external "react-router-dom" ***! - \***********************************/ +/***/ "topcoder-react-utils": +/*!***************************************!*\ + !*** external "topcoder-react-utils" ***! + \***************************************/ /*! no static exports found */ /***/ (function(module, exports) { -eval("module.exports = __WEBPACK_EXTERNAL_MODULE_react_router_dom__;\n\n//# sourceURL=webpack://navigation-component/external_%22react-router-dom%22?"); +eval("module.exports = __WEBPACK_EXTERNAL_MODULE_topcoder_react_utils__;\n\n//# sourceURL=webpack://navigation-component/external_%22topcoder-react-utils%22?"); /***/ }) diff --git a/dist/prod/index.js b/dist/prod/index.js index 80ca3d0..7bc45c0 100644 --- a/dist/prod/index.js +++ b/dist/prod/index.js @@ -1,4 +1,4 @@ -!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("@babel/runtime/helpers/objectSpread"),require("react-router-dom"),require("moment"),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("@babel/runtime/helpers/defineProperty"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","@babel/runtime/helpers/objectSpread","react-router-dom","moment","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","@babel/runtime/helpers/inherits","@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("@babel/runtime/helpers/objectSpread"),require("react-router-dom"),require("moment"),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("@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["@babel/runtime/helpers/objectSpread"],n["react-router-dom"],n.moment,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["@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__8__,__WEBPACK_EXTERNAL_MODULE__12__,__WEBPACK_EXTERNAL_MODULE__29__,__WEBPACK_EXTERNAL_MODULE__33__,__WEBPACK_EXTERNAL_MODULE__35__,__WEBPACK_EXTERNAL_MODULE__66__,__WEBPACK_EXTERNAL_MODULE__67__,__WEBPACK_EXTERNAL_MODULE__68__,__WEBPACK_EXTERNAL_MODULE__69__,__WEBPACK_EXTERNAL_MODULE__70__,__WEBPACK_EXTERNAL_MODULE__75__,__WEBPACK_EXTERNAL_MODULE__80__){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=85)}([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=t(97);"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; +!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("@babel/runtime/helpers/objectSpread"),require("topcoder-react-utils"),require("moment"),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("@babel/runtime/helpers/defineProperty"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","@babel/runtime/helpers/objectSpread","topcoder-react-utils","moment","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","@babel/runtime/helpers/inherits","@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("@babel/runtime/helpers/objectSpread"),require("topcoder-react-utils"),require("moment"),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("@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["@babel/runtime/helpers/objectSpread"],n["topcoder-react-utils"],n.moment,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["@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__8__,__WEBPACK_EXTERNAL_MODULE__12__,__WEBPACK_EXTERNAL_MODULE__29__,__WEBPACK_EXTERNAL_MODULE__34__,__WEBPACK_EXTERNAL_MODULE__35__,__WEBPACK_EXTERNAL_MODULE__66__,__WEBPACK_EXTERNAL_MODULE__67__,__WEBPACK_EXTERNAL_MODULE__68__,__WEBPACK_EXTERNAL_MODULE__69__,__WEBPACK_EXTERNAL_MODULE__70__,__WEBPACK_EXTERNAL_MODULE__75__,__WEBPACK_EXTERNAL_MODULE__80__){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=85)}([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=t(97);"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; /*! 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 n=[],e=0;e=0&&p.splice(e,1)}function b(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 _(e,n.attrs),m(n,e),e}function _(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=b(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",_(e,n.attrs),m(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(){h(t),t.href&&URL.revokeObjectURL(t.href)}):(t=b(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(){h(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=f(n,e);return u(t,e),function(n){for(var o=[],a=0;a0?i.a.createElement(f.a,{notifications:r,onClose:t}):i.a.createElement(u.a,{emptyTitle:o,emptyText:a,onClose:t}))};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. Read our ",i.a.createElement("a",{href:"/",className:d.a.blueLink},"blog post")," for more info")},m.propTypes={open:l.a.bool,onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node,notifications:l.a.array};var h,b,_=m;e.default=_,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"NotificationsPopup","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/index.js"),h.register(_,"default","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/index.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(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(4),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,h=u;e.default=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"SwitchBox","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/SwitchBox/index.js"),f.register(h,"default","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/SwitchBox/index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(95);"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(103);"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/icon-bell.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/left-arrow.svg"},function(n,e,t){n.exports=t.p+"images/icon-settings-gear.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){n.exports=__WEBPACK_EXTERNAL_MODULE__66__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__67__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__68__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__69__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__70__},function(n,e,t){var o=t(91);"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(93);"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(4),s=t.n(c),p=t(3),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=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:d.a["noti-header"]},i.a.createElement("span",{className:d.a["notification-back-btn"],role:"button",onClick:e}),i.a.createElement("span",{className:d.a["left-noti"]},"Notifications"),i.a.createElement("div",{className:d.a.rights},i.a.createElement("span",{className:d.a["white-link"],role:"button"},"Settings")),i.a.createElement("span",{className:d.a["btn-setting"],role:"button"})),i.a.createElement("div",{className:s()(d.a["noti-body"],d.a.center)},i.a.createElement("i",{className:s()(d.a.icons,d.a["icon-bell"])}),i.a.createElement("h4",{className:d.a.titles},t),i.a.createElement("div",{className:s()(d.a.txt,d.a["center-txt"])},o)),i.a.createElement("div",{className:d.a["noti-footer"]},i.a.createElement("span",{className:s()(d.a.btn,d.a["btn-blue"]),role:"button"},"Notification Settings")))};u.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. Read our ",i.a.createElement("a",{href:"/",className:d.a.blueLink},"blog post")," for more info")},u.propTypes={onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node};var f,m,h=u;e.a=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"EmptyNotifications","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),f.register(h,"default","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(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(4),s=t.n(c),p=t(8),d=t.n(p),u=t(35),f=t.n(u),m=t(3),h=t.n(m);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=function(n){var e=n.title,t=n.onDismiss;return i.a.createElement("div",{className:h.a["light-bar"]},e,i.a.createElement("span",{role:"button",className:s()(h.a["green-link"],h.a["mobile-only"],h.a.dismissSection),onClick:t},"Dismiss All"))};b.propTypes={title:l.a.node,onDismiss:l.a.func};var _=function(n){var e=n.title,t=n.onDismiss;return i.a.createElement("div",{className:h.a["grey-bar"]},i.a.createElement("div",{className:h.a["copyicon-title"]},e),i.a.createElement("div",{className:s()(h.a["right-remove"],h.a.dismissCategory),onClick:t},i.a.createElement("div",{className:h.a["btn-close"]}),i.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification")))};_.propTypes={title:l.a.node,onDismiss:l.a.func};var g=function(n){var e=n.item,t=n.onDismiss;return i.a.createElement("div",{className:h.a.items},i.a.createElement("a",{href:e.href,className:h.a["item-content"]},i.a.createElement("p",{className:h.a.txt},e.content),i.a.createElement("div",{className:h.a["bottom-info"]},e.tags&&e.tags.map(function(n){return i.a.createElement("span",{className:h.a["blue-squre"],key:n},n)}),i.a.createElement("span",{className:h.a["time-txt"]},f()(e.timestamp).fromNow())),i.a.createElement("div",{className:s()(h.a["right-remove"],h.a.dismissItem),onClick:t},i.a.createElement("div",{className:h.a["btn-close"]}),i.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification"))))};g.propTypes={item:l.a.object,onDismiss:l.a.func};var v=function(n){var e=n.notifications,t=n.onDismiss,o=n.onSettings,r=n.onClose,l=d.a.uniq((e||[]).map(function(n){return n.category}).filter(function(n){return n})).sort(function(n,e){return n.localeCompare(e)}),c=[{title:"New",list:e.filter(function(n){return n.timestamp>f()().subtract(1,"day").valueOf()})},{title:"Earlier",list:e.filter(function(n){return n.timestamp0&&i.a.createElement("div",{className:s()(f.a.moreBtnContainer,c&&f.a.moreOpen)},i.a.createElement("div",{className:f.a.backdrop,onClick:u}),i.a.createElement("button",{className:s()(f.a.primaryLevel2,f.a.moreBtn),onClick:A,ref:E(h)},i.a.createElement("div",{className:f.a.moreBtnMask}),i.a.createElement("span",null,"More"),i.a.createElement(m,null)),i.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return i.a.createElement("a",{className:s()(f.a.primaryLevel2,n.id===_&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:w(n.id)},n.title)}))))]}),i.a.createElement(d.default,{show:k,x:M})),i.a.createElement("div",{className:f.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:v}),r&&i.a.createElement("div",{className:f.a.primaryLevel1},r)))};h.propTypes={collapsed:l.a.bool,showLeftMenu:l.a.bool,logo:l.a.node,menu:l.a.array,rightMenu:l.a.node,moreMenu:l.a.array,openMore:l.a.bool,onCloseMore:l.a.func,moreId:l.a.any,activeLevel1Id:l.a.any,activeLevel2Id:l.a.any,onClickLogo:l.a.func,onRightMenuResize:l.a.func,createHandleClickLevel1:l.a.func,createHandleClickLevel2:l.a.func,handleClickMore:l.a.func,createHandleClickMoreItem:l.a.func,createSetRef:l.a.func,showChosenArrow:l.a.bool,chosenArrowX:l.a.number};var b,_,g=h;e.a=g,(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(b.register(h,"PrimaryNav","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/PrimaryNav.js"),b.register(g,"default","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/PrimaryNav.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}).call(this,t(13)(n))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__80__},function(n,e,t){"use strict";(function(n){var t=function(){if("undefined"!=typeof Map)return Map;function n(n,e){var t=-1;return n.some(function(n,o){return n[0]===e&&(t=o,!0)}),t}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var t=n(this.__entries__,e),o=this.__entries__[t];return o&&o[1]},e.prototype.set=function(e,t){var o=n(this.__entries__,e);~o?this.__entries__[o][1]=t:this.__entries__.push([e,t])},e.prototype.delete=function(e){var t=this.__entries__,o=n(t,e);~o&&t.splice(o,1)},e.prototype.has=function(e){return!!~n(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(n,e){void 0===e&&(e=null);for(var t=0,o=this.__entries__;t0},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}(),w="undefined"!=typeof WeakMap?new WeakMap:new t,E=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 A(e,t,this);w.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){E.prototype[n]=function(){var e;return(e=w.get(this))[n].apply(e,arguments)}});var k=void 0!==a.ResizeObserver?a.ResizeObserver:E;e.a=k}).call(this,t(65))},function(n,e,t){"use strict";(function(n){var t="object"==typeof n&&n&&n.Object===Object&&n;e.a=t}).call(this,t(65))},function(n,e,t){"use strict";(function(n){var o,a=t(8),i=t.n(a),r=t(0),l=t.n(r),c=t(1),s=t.n(c),p=t(4),d=t.n(p),u=t(48),f=t(33),m=t(32),h=t.n(m);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=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(f.BrowserRouter,null,l.a.createElement("div",{className:d()(h.a.secondaryNav,e&&h.a.secondaryNavOpen)},l.a.createElement("div",{className:h.a.secondaryNavLinkContainer},t&&(o?t.secondaryMenu:t.subMenu)&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){return i.a.isEmpty(n.link)?l.a.createElement("a",{className:d()(h.a.secondaryNavItem,n.id===a&&h.a.secondaryNavItemOpen),href:n.href,key:"level3-".concat(e),onClick:s(n.id),ref:p(n.id)},n.title,l.a.createElement("span",{className:d()(h.a.indicator)})):l.a.createElement(f.Link,{className:d()(h.a.secondaryNavItem,n.id===a&&h.a.secondaryNavItemOpen),key:"level3-".concat(e),to:n.link,onClick:s(n.id)},l.a.createElement("span",{ref:p(n.id)},n.title))}),l.a.createElement(u.default,{show:r,x:c}))))};b.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 _,g,v=b;e.a=v,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(b,"SubNav","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/SubNav.js"),_.register(v,"default","/home/gaurav/gauravseta/git-projects/prakashgithub/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(80),r=t(81),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 _(){var n=f();if(b(n))return g(n);l=setTimeout(_,function(n){var t=e-(n-c);return u?S(t,i-(n-p)):t}(n))}function g(n){return l=void 0,m&&o?h(n):(o=a=void 0,r)}function v(){var n=f(),t=b(n);if(o=arguments,a=this,c=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(_,e),d?h(n):r}(c);if(u)return l=setTimeout(_,e),h(c)}return void 0===l&&(l=setTimeout(_,e)),r}return e=B(e)||0,s(t)&&(d=!!t.leading,i=(u="maxWait"in t)?j(B(t.maxWait)||0,e):i,m="trailing"in t?!!t.trailing:m),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(f())},v},K="Expected a function";var T=function(n,e,t){var o=!0,a=!0;if("function"!=typeof n)throw new TypeError(K);return s(t)&&(o="leading"in t?!!t.leading:o,a="trailing"in t?!!t.trailing:a),P(n,e,{leading:o,maxWait:e,trailing:a})},z={debounce:P,throttle:T},H=function(n){return z[n]},U=function(n){return"function"==typeof n},X=function(){return"undefined"==typeof window},G=function(n){return n instanceof Element||n instanceof HTMLDocument};function q(n){return(q="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;t ._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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(12),i=t.n(a),r=t(29),l=t.n(r),c=t(0),s=t.n(c),p=t(1),d=t.n(p),u=t(4),f=t.n(u),m=t(8),h=t.n(m),b=t(53),_=t.n(b),g=t(76),v=t(77),y=t(78),x=t(79),A=t(83);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var w=1,E=function(n,e,t){return n=(n=n.map(function(n){return l()({},n,{id:n.id||w++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||w++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||w++})})})}),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):"/"})})})})},k=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,m=n.openMore,b=n.loggedIn,w=n.profileHandle,k=Object(c.useState)({refs:{},slide:{}}),M=i()(k,1)[0],D=Object(c.useState)(!0),F=i()(D,2),O=F[0],C=F[1],N=Object(c.useState)(),I=i()(N,2),L=I[0],R=I[1],B=Object(c.useState)(),W=i()(B,2),j=W[0],S=W[1],P=Object(c.useState)(),K=i()(P,2),T=K[0],z=K[1],H=Object(c.useState)(),U=i()(H,2),X=U[0],G=U[1],q=Object(c.useState)(),V=i()(q,2),Y=V[0],J=V[1],Z=Object(c.useState)(),Q=i()(Z,2),$=Q[0],nn=Q[1],en=Object(c.useState)(0),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)(),dn=i()(pn,2),un=dn[0],fn=dn[1],mn=Object(c.useMemo)(function(){return E(e,w,b)},[e,w,b]),hn=Object(c.useState)(mn),bn=i()(hn,2),_n=bn[0],gn=bn[1],vn=Object(c.useState)(),yn=i()(vn,2),xn=yn[0],An=yn[1],wn=Object(c.useState)(),En=i()(wn,2),kn=En[0],Mn=En[1],Dn=Object(c.useState)(),Fn=i()(Dn,2),On=Fn[0],Cn=Fn[1],Nn=function(){return Cn([])},In=function(n){return function(e){M.refs[n]=e}},Ln=function(n){return _n.find(function(e){return e.id===n})},Rn=function(n,e){var t=Ln(n);return t&&t.subMenu&&t.subMenu.find(function(n){return n.id===e})},Bn=Ln(L),Wn=Rn(L,j),jn=Object(c.useCallback)(function(){gn(function(n){return n.map(function(n){if(!M.refs[n.id])return n;M.slide[n.id]=!0;var e=M.refs[n.id].getBoundingClientRect();return l()({},n,{initialX:e.x})})})},[M.refs,M.slide]),Sn=Object(c.useCallback)(function(n){var e=M.refs[n].getBoundingClientRect();return e.x+e.width/2},[M.refs]),Pn=Object(c.useCallback)(function(n){nn(Sn(n))},[nn,Sn]),Kn=function(n){fn(Sn(n))},Tn=Object(c.useCallback)(function(n){return function(){u(!1),C(!1),R(n),p(n),S(),G(!0),jn(),setTimeout(function(){J(!0),zn(n,null)},O?250:0),an(function(n){return n+1})}},[O,p,jn]);Object(c.useEffect)(function(){r!==L&&Tn(r)()},[r,L,Tn]),Object(c.useLayoutEffect)(function(){L&&Pn(L)},[L,Pn,on,xn]);var zn=function(n,e){var t=Ln(n),o=Rn(n,e),a=o||t;if(a){var i=o?a.subMenu:a.secondaryMenu;if(a&&i){var r=h.a.findIndex(i,function(n){return n.href.indexOf(d)>-1});r>-1?(z(i[r].id),Kn(i[r].id),sn(!0)):sn(!1)}}},Hn=Object(c.useCallback)(function(n){M.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(M.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return M.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[M.refs]);Object(c.useEffect)(function(){Hn(!0),_n.forEach(function(n){if(M.slide[n.id]&&M.refs[n.id]){M.slide[n.id]=!1;var e=M.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)})}}),Hn(!1)},[M.slide,M.refs,_n,Hn]);Object(c.useEffect)(function(){Cn([])},[Bn]);var Un=Object(c.useCallback)(function(){if((!On||!On.length)&&Bn&&Bn.subMenu){Hn(!0),function(){for(var n,e=[],t=Bn.subMenu.length-1;t>=0;t--){var o=Bn.subMenu[t],a=M.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&&Cn(e)}(),Hn(!1)}},[Bn,M.refs,On,Hn]);return Object(c.useLayoutEffect)(function(){Un()},[Un]),Object(c.useEffect)(function(){var n=h.a.debounce(function(){Nn(),an(function(n){return n+1})},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]),Object(c.useEffect)(function(){b&&w&&mn[0]&&(gn(mn),setTimeout(function(){var n;O&&(n=mn[0].id,u(!1),C(!1),R(n),p(n),S(),G(!0),jn(),setTimeout(function(){J(!0)},O?250:0),an(function(n){return n+1}))}))},[b,w]),s.a.createElement("div",{className:f()(_.a.themeWrapper,"theme-".concat(a))},s.a.createElement("div",{className:_.a.headerNavUi},s.a.createElement(g.a,{showLeftMenu:xn,logo:o,rightMenu:t,onClickLeftMenu:function(){return An(function(n){return!n})}}),!xn&&(Wn||Bn)&&s.a.createElement(v.a,{open:kn,menu:Wn||Bn,isSecondaryMenu:!Wn,activeChildId:T,onClick:function(){return Mn(function(n){return!n})},createHandleClickItem:function(n){return function(){z(n),Mn(!1)}}}),s.a.createElement(x.a,{collapsed:O,showLeftMenu:xn,logo:o,menu:_n,rightMenu:t,moreMenu:On,openMore:m,onCloseMore:function(){return u(!1)},moreId:"more",activeLevel1Id:L,activeLevel2Id:j,onClickLogo:function(){},onRightMenuResize:function(){Nn()},createHandleClickLevel1:Tn,createHandleClickLevel2:function(n){return function(){u(!1),S(n),G(!0),Pn(n),setTimeout(function(){zn(L,n)})}},handleClickMore:function(){return u(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){u(!1),S(n),G(!0),Pn("more"),setTimeout(function(){var e=Rn(L,n);e&&e.subMenu&&(z(e.subMenu[0].id),Kn(e.subMenu[0].id))}),!cn&&setTimeout(function(){return sn(!0)},300)}},createSetRef:In,showChosenArrow:Y,chosenArrowX:$}),s.a.createElement(A.a,{open:X,menu:Wn||Bn,isSecondaryMenu:!Wn,activeChildId:T,showIndicator:cn,indicatorX:un,createHandleClickItem:function(n){return function(){z(n),Kn(n)}},createSetRef:In}),xn&&Bn&&s.a.createElement(y.a,{menu:Bn,activeChildId:j,createHandleClickItem:function(n){return function(){An(!1),S(n),zn(L,n)}}})))};k.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},k.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 M,D,F=k;e.default=F,(M=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(M.register("more","moreId","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js"),M.register(w,"id","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js"),M.register(E,"initMenuId","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js"),M.register(k,"TopNav","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js"),M.register(F,"default","/home/gaurav/gauravseta/git-projects/prakashgithub/navigation-component/src/components/TopNav/index.js")),(D=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&D(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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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",""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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 pointer-events: none;\n cursor: default;\n color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n display: flex;\n white-space: nowrap;\n width: 0;\n opacity: 0;\n overflow: hidden; }\n @media (max-width: 768px) {\n ._34GhMfx3zSO-nsw2icmQCB {\n display: none; } }\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n overflow: unset;\n margin-right: auto;\n width: auto;\n opacity: 1;\n transition: opacity 400ms ease-in 100ms; }\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 pointer-events: none;\n cursor: default;\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",""]),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"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(110);"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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),A=o(t(57)),w=o(t(58)),E=o(t(38)),k=o(t(59)),M=o(t(60)),D=o(t(54)),F=o(t(55)),O=o(t(63)),C=o(t(64)),N=o(t(43)),I=o(t(56)),L=o(t(61)),R=o(t(62));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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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. */\nbody {\n margin: 0;\n background-color: lightgrey; }\n\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("+A+") 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("+w+") 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("+E+") 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("+k+") 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("+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 .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("+D+") 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("+O+") 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("+E+") 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("+N+") 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("+E+") 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("+N+") 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("+I+") 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("+L+") 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("+R+") 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",""])}])}); \ 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 b(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 _(e,n.attrs),m(n,e),e}function _(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=b(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",_(e,n.attrs),m(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(){h(t),t.href&&URL.revokeObjectURL(t.href)}):(t=b(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(){h(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=f(n,e);return u(t,e),function(n){for(var o=[],a=0;a0?i.a.createElement(f.a,{notifications:r,onClose:t}):i.a.createElement(u.a,{emptyTitle:o,emptyText:a,onClose:t}))};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. Read our ",i.a.createElement("a",{href:"/",className:d.a.blueLink},"blog post")," for more info")},m.propTypes={open:l.a.bool,onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node,notifications:l.a.array};var h,b,_=m;e.default=_,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"NotificationsPopup","E:\\workspace\\private\\navigation-component\\src\\components\\NotificationsPopup\\index.js"),h.register(_,"default","E:\\workspace\\private\\navigation-component\\src\\components\\NotificationsPopup\\index.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(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(4),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,h=u;e.default=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"SwitchBox","E:\\workspace\\private\\navigation-component\\src\\components\\SwitchBox\\index.js"),f.register(h,"default","E:\\workspace\\private\\navigation-component\\src\\components\\SwitchBox\\index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(95);"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(103);"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/icon-bell.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/left-arrow.svg"},function(n,e,t){n.exports=t.p+"images/icon-settings-gear.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){n.exports=__WEBPACK_EXTERNAL_MODULE__66__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__67__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__68__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__69__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__70__},function(n,e,t){var o=t(91);"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(93);"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(4),s=t.n(c),p=t(3),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=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:d.a["noti-header"]},i.a.createElement("span",{className:d.a["notification-back-btn"],role:"button",onClick:e}),i.a.createElement("span",{className:d.a["left-noti"]},"Notifications"),i.a.createElement("div",{className:d.a.rights},i.a.createElement("span",{className:d.a["white-link"],role:"button"},"Settings")),i.a.createElement("span",{className:d.a["btn-setting"],role:"button"})),i.a.createElement("div",{className:s()(d.a["noti-body"],d.a.center)},i.a.createElement("i",{className:s()(d.a.icons,d.a["icon-bell"])}),i.a.createElement("h4",{className:d.a.titles},t),i.a.createElement("div",{className:s()(d.a.txt,d.a["center-txt"])},o)),i.a.createElement("div",{className:d.a["noti-footer"]},i.a.createElement("span",{className:s()(d.a.btn,d.a["btn-blue"]),role:"button"},"Notification Settings")))};u.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. Read our ",i.a.createElement("a",{href:"/",className:d.a.blueLink},"blog post")," for more info")},u.propTypes={onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node};var f,m,h=u;e.a=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"EmptyNotifications","E:\\workspace\\private\\navigation-component\\src\\components\\NotificationsPopup\\EmptyNotifications.js"),f.register(h,"default","E:\\workspace\\private\\navigation-component\\src\\components\\NotificationsPopup\\EmptyNotifications.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(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(4),s=t.n(c),p=t(8),d=t.n(p),u=t(35),f=t.n(u),m=t(3),h=t.n(m);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=function(n){var e=n.title,t=n.onDismiss;return i.a.createElement("div",{className:h.a["light-bar"]},e,i.a.createElement("span",{role:"button",className:s()(h.a["green-link"],h.a["mobile-only"],h.a.dismissSection),onClick:t},"Dismiss All"))};b.propTypes={title:l.a.node,onDismiss:l.a.func};var _=function(n){var e=n.title,t=n.onDismiss;return i.a.createElement("div",{className:h.a["grey-bar"]},i.a.createElement("div",{className:h.a["copyicon-title"]},e),i.a.createElement("div",{className:s()(h.a["right-remove"],h.a.dismissCategory),onClick:t},i.a.createElement("div",{className:h.a["btn-close"]}),i.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification")))};_.propTypes={title:l.a.node,onDismiss:l.a.func};var g=function(n){var e=n.item,t=n.onDismiss;return i.a.createElement("div",{className:h.a.items},i.a.createElement("a",{href:e.href,className:h.a["item-content"]},i.a.createElement("p",{className:h.a.txt},e.content),i.a.createElement("div",{className:h.a["bottom-info"]},e.tags&&e.tags.map(function(n){return i.a.createElement("span",{className:h.a["blue-squre"],key:n},n)}),i.a.createElement("span",{className:h.a["time-txt"]},f()(e.timestamp).fromNow())),i.a.createElement("div",{className:s()(h.a["right-remove"],h.a.dismissItem),onClick:t},i.a.createElement("div",{className:h.a["btn-close"]}),i.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification"))))};g.propTypes={item:l.a.object,onDismiss:l.a.func};var v=function(n){var e=n.notifications,t=n.onDismiss,o=n.onSettings,r=n.onClose,l=d.a.uniq((e||[]).map(function(n){return n.category}).filter(function(n){return n})).sort(function(n,e){return n.localeCompare(e)}),c=[{title:"New",list:e.filter(function(n){return n.timestamp>f()().subtract(1,"day").valueOf()})},{title:"Earlier",list:e.filter(function(n){return n.timestamp0&&i.a.createElement("div",{className:s()(f.a.moreBtnContainer,c&&f.a.moreOpen)},i.a.createElement("div",{className:f.a.backdrop,onClick:u}),i.a.createElement("button",{className:s()(f.a.primaryLevel2,f.a.moreBtn),onClick:w,ref:A(h)},i.a.createElement("div",{className:f.a.moreBtnMask}),i.a.createElement("span",null,"More"),i.a.createElement(m,null)),i.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return i.a.createElement("a",{className:s()(f.a.primaryLevel2,n.id===_&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:E(n.id)},n.title)}))))]}),i.a.createElement(d.default,{show:k,x:M})),i.a.createElement("div",{className:f.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:v}),r&&i.a.createElement("div",{className:f.a.primaryLevel1},r)))};h.propTypes={collapsed:l.a.bool,showLeftMenu:l.a.bool,logo:l.a.node,menu:l.a.array,rightMenu:l.a.node,moreMenu:l.a.array,openMore:l.a.bool,onCloseMore:l.a.func,moreId:l.a.any,activeLevel1Id:l.a.any,activeLevel2Id:l.a.any,onClickLogo:l.a.func,onRightMenuResize:l.a.func,createHandleClickLevel1:l.a.func,createHandleClickLevel2:l.a.func,handleClickMore:l.a.func,createHandleClickMoreItem:l.a.func,createSetRef:l.a.func,showChosenArrow:l.a.bool,chosenArrowX:l.a.number};var b,_,g=h;e.a=g,(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(b.register(h,"PrimaryNav","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\PrimaryNav.js"),b.register(g,"default","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\PrimaryNav.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}).call(this,t(13)(n))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__80__},function(n,e,t){"use strict";(function(n){var t=function(){if("undefined"!=typeof Map)return Map;function n(n,e){var t=-1;return n.some(function(n,o){return n[0]===e&&(t=o,!0)}),t}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var t=n(this.__entries__,e),o=this.__entries__[t];return o&&o[1]},e.prototype.set=function(e,t){var o=n(this.__entries__,e);~o?this.__entries__[o][1]=t:this.__entries__.push([e,t])},e.prototype.delete=function(e){var t=this.__entries__,o=n(t,e);~o&&t.splice(o,1)},e.prototype.has=function(e){return!!~n(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(n,e){void 0===e&&(e=null);for(var t=0,o=this.__entries__;t0},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}(),E="undefined"!=typeof WeakMap?new WeakMap:new t,A=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 w(e,t,this);E.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){A.prototype[n]=function(){var e;return(e=E.get(this))[n].apply(e,arguments)}});var k=void 0!==a.ResizeObserver?a.ResizeObserver:A;e.a=k}).call(this,t(65))},function(n,e,t){"use strict";(function(n){var t="object"==typeof n&&n&&n.Object===Object&&n;e.a=t}).call(this,t(65))},function(n,e,t){"use strict";(function(n){var o,a=t(8),i=t.n(a),r=t(0),l=t.n(r),c=t(1),s=t.n(c),p=t(4),d=t.n(p),u=t(48),f=t(34),m=t(33),h=t.n(m);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=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()(h.a.secondaryNav,e&&h.a.secondaryNavOpen)},l.a.createElement("div",{className:h.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(f.Link,{className:d()(h.a.secondaryNavItem,n.id===a&&h.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()(h.a.indicator)}))}),l.a.createElement(u.default,{show:r,x:c})))};b.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 _,g,v=b;e.a=v,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(b,"SubNav","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\SubNav.js"),_.register(v,"default","E:\\workspace\\private\\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(80),r=t(81),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 _(){var n=f();if(b(n))return g(n);l=setTimeout(_,function(n){var t=e-(n-c);return u?P(t,i-(n-p)):t}(n))}function g(n){return l=void 0,m&&o?h(n):(o=a=void 0,r)}function v(){var n=f(),t=b(n);if(o=arguments,a=this,c=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(_,e),d?h(n):r}(c);if(u)return l=setTimeout(_,e),h(c)}return void 0===l&&(l=setTimeout(_,e)),r}return e=B(e)||0,s(t)&&(d=!!t.leading,i=(u="maxWait"in t)?S(B(t.maxWait)||0,e):i,m="trailing"in t?!!t.trailing:m),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(f())},v},T="Expected a function";var j=function(n,e,t){var o=!0,a=!0;if("function"!=typeof n)throw new TypeError(T);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})},z={debounce:K,throttle:j},H=function(n){return z[n]},U=function(n){return"function"==typeof n},X=function(){return"undefined"==typeof window},G=function(n){return n instanceof Element||n instanceof HTMLDocument};function q(n){return(q="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;t ._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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(12),i=t.n(a),r=t(29),l=t.n(r),c=t(0),s=t.n(c),p=t(1),d=t.n(p),u=t(4),f=t.n(u),m=t(8),h=t.n(m),b=t(53),_=t.n(b),g=t(76),v=t(77),y=t(78),x=t(79),w=t(83);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var E=1,A=function(n,e,t){return n=(n=n.map(function(n){return l()({},n,{id:n.id||E++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||E++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||E++})})})}),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||E++,href:"myprofile"!==n.id?n.href||"#":e?"/members/".concat(e):"/"})})})})},k=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,m=n.openMore,b=n.loggedIn,E=n.profileHandle,k=Object(c.useState)({refs:{},slide:{}}),M=i()(k,1)[0],F=Object(c.useState)(!0),D=i()(F,2),O=D[0],C=D[1],N=Object(c.useState)(),I=i()(N,2),L=I[0],R=I[1],B=Object(c.useState)(),W=i()(B,2),S=W[0],P=W[1],K=Object(c.useState)(),T=i()(K,2),j=T[0],z=T[1],H=Object(c.useState)(),U=i()(H,2),X=U[0],G=U[1],q=Object(c.useState)(),V=i()(q,2),Y=V[0],J=V[1],Z=Object(c.useState)(),Q=i()(Z,2),$=Q[0],nn=Q[1],en=Object(c.useState)(0),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)(),dn=i()(pn,2),un=dn[0],fn=dn[1],mn=Object(c.useMemo)(function(){return A(e,E,b)},[e,E,b]),hn=Object(c.useState)(mn),bn=i()(hn,2),_n=bn[0],gn=bn[1],vn=Object(c.useState)(),yn=i()(vn,2),xn=yn[0],wn=yn[1],En=Object(c.useState)(),An=i()(En,2),kn=An[0],Mn=An[1],Fn=Object(c.useState)(),Dn=i()(Fn,2),On=Dn[0],Cn=Dn[1],Nn=function(){return Cn([])},In=function(n){return function(e){M.refs[n]=e}},Ln=function(n){return _n.find(function(e){return e.id===n})},Rn=function(n,e){var t=Ln(n);return t&&t.subMenu&&t.subMenu.find(function(n){return n.id===e})},Bn=Ln(L),Wn=Rn(L,S),Sn=Object(c.useCallback)(function(){gn(function(n){return n.map(function(n){if(!M.refs[n.id])return n;M.slide[n.id]=!0;var e=M.refs[n.id].getBoundingClientRect();return l()({},n,{initialX:e.x})})})},[M.refs,M.slide]),Pn=Object(c.useCallback)(function(n){var e=M.refs[n].getBoundingClientRect();return e.x+e.width/2},[M.refs]),Kn=Object(c.useCallback)(function(n){nn(Pn(n))},[nn,Pn]),Tn=function(n){fn(Pn(n))},jn=Object(c.useCallback)(function(n){return function(){u(!1),C(!1),R(n),p(n),P(),G(!0),Sn(),setTimeout(function(){J(!0),zn(n,null)},O?250:0),an(function(n){return n+1})}},[O,p,Sn]);Object(c.useEffect)(function(){r!==L&&jn(r)()},[r,L,jn]),Object(c.useLayoutEffect)(function(){L&&Kn(L)},[L,Kn,on,xn]);var zn=function(n,e){var t=Ln(n),o=Rn(n,e),a=o||t;if(a){var i=o?a.subMenu:a.secondaryMenu;if(a&&i){var r=h.a.findIndex(i,function(n){return n.href.indexOf(d)>-1});r>-1?(z(i[r].id),Tn(i[r].id),sn(!0)):sn(!1)}}},Hn=Object(c.useCallback)(function(n){M.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(M.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return M.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[M.refs]);Object(c.useEffect)(function(){Hn(!0),_n.forEach(function(n){if(M.slide[n.id]&&M.refs[n.id]){M.slide[n.id]=!1;var e=M.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)})}}),Hn(!1)},[M.slide,M.refs,_n,Hn]);Object(c.useEffect)(function(){Cn([])},[Bn]);var Un=Object(c.useCallback)(function(){if((!On||!On.length)&&Bn&&Bn.subMenu){Hn(!0),function(){for(var n,e=[],t=Bn.subMenu.length-1;t>=0;t--){var o=Bn.subMenu[t],a=M.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&&Cn(e)}(),Hn(!1)}},[Bn,M.refs,On,Hn]);return Object(c.useLayoutEffect)(function(){Un()},[Un]),Object(c.useEffect)(function(){var n=h.a.debounce(function(){Nn(),an(function(n){return n+1})},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]),Object(c.useEffect)(function(){b&&E&&mn[0]&&(gn(mn),setTimeout(function(){var n;O&&(n=mn[0].id,u(!1),C(!1),R(n),p(n),P(),G(!0),Sn(),setTimeout(function(){J(!0)},O?250:0),an(function(n){return n+1}))}))},[b,E]),s.a.createElement("div",{className:f()(_.a.themeWrapper,"theme-".concat(a))},s.a.createElement("div",{className:_.a.headerNavUi},s.a.createElement(g.a,{showLeftMenu:xn,logo:o,rightMenu:t,onClickLeftMenu:function(){return wn(function(n){return!n})}}),!xn&&(Wn||Bn)&&s.a.createElement(v.a,{open:kn,menu:Wn||Bn,isSecondaryMenu:!Wn,activeChildId:j,onClick:function(){return Mn(function(n){return!n})},createHandleClickItem:function(n){return function(){z(n),Mn(!1)}}}),s.a.createElement(x.a,{collapsed:O,showLeftMenu:xn,logo:o,menu:_n,rightMenu:t,moreMenu:On,openMore:m,onCloseMore:function(){return u(!1)},moreId:"more",activeLevel1Id:L,activeLevel2Id:S,onClickLogo:function(){},onRightMenuResize:function(){Nn()},createHandleClickLevel1:jn,createHandleClickLevel2:function(n){return function(){u(!1),P(n),G(!0),Kn(n),setTimeout(function(){zn(L,n)})}},handleClickMore:function(){return u(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){u(!1),P(n),G(!0),Kn("more"),setTimeout(function(){var e=Rn(L,n);e&&e.subMenu&&(z(e.subMenu[0].id),Tn(e.subMenu[0].id))}),!cn&&setTimeout(function(){return sn(!0)},300)}},createSetRef:In,showChosenArrow:Y,chosenArrowX:$}),s.a.createElement(w.a,{open:X,menu:Wn||Bn,isSecondaryMenu:!Wn,activeChildId:j,showIndicator:cn,indicatorX:un,createHandleClickItem:function(n){return function(){z(n),Tn(n)}},createSetRef:In}),xn&&Bn&&s.a.createElement(y.a,{menu:Bn,activeChildId:S,createHandleClickItem:function(n){return function(){wn(!1),P(n),zn(L,n)}}})))};k.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},k.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 M,F,D=k;e.default=D,(M=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(M.register("more","moreId","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\index.js"),M.register(E,"id","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\index.js"),M.register(A,"initMenuId","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\index.js"),M.register(k,"TopNav","E:\\workspace\\private\\navigation-component\\src\\components\\TopNav\\index.js"),M.register(D,"default","E:\\workspace\\private\\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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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",""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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 pointer-events: none;\n cursor: default;\n color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n display: flex;\n white-space: nowrap;\n width: 0;\n opacity: 0;\n overflow: hidden; }\n @media (max-width: 768px) {\n ._34GhMfx3zSO-nsw2icmQCB {\n display: none; } }\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n overflow: unset;\n margin-right: auto;\n width: auto;\n opacity: 1;\n transition: opacity 400ms ease-in 100ms; }\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 pointer-events: none;\n cursor: default;\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",""]),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"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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(110);"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(16),a=o(t(9)),i=o(t(9)+"?#iefix"),r=o(t(17)),l=o(t(18)),c=o(t(19)),s=o(t(20)+"#Roboto"),p=o(t(10)),d=o(t(10)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(11)),_=o(t(11)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(57)),E=o(t(58)),A=o(t(38)),k=o(t(59)),M=o(t(60)),F=o(t(54)),D=o(t(55)),O=o(t(63)),C=o(t(64)),N=o(t(43)),I=o(t(56)),L=o(t(61)),R=o(t(62));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('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') 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('+b+');\n /* IE9 Compat Modes */\n src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') 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. */\nbody {\n margin: 0;\n background-color: lightgrey; }\n\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("+w+") 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("+E+") 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("+A+") 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("+k+") 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("+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 .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("+F+") 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("+D+") 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("+O+") 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("+A+") 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("+N+") 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("+A+") 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("+N+") 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("+I+") 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("+L+") 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("+R+") 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",""])}])}); \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 119998c..dbc62d5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1446,11 +1446,6 @@ "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==", "dev": true }, - "asap": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", - "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=" - }, "asn1": { "version": "0.2.4", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", @@ -3741,15 +3736,6 @@ "sha.js": "^2.4.8" } }, - "create-react-context": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.2.3.tgz", - "integrity": "sha512-CQBmD0+QGgTaxDL3OX1IDXYqjkp2It4RIbcb99jS6AEg27Ga+a9G3JtK6SIu0HBwPLZlmwt9F7UwWA4Bn92Rag==", - "requires": { - "fbjs": "^0.8.0", - "gud": "^1.0.0" - } - }, "cross-env": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-5.2.0.tgz", @@ -4654,14 +4640,6 @@ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" }, - "encoding": { - "version": "0.1.12", - "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz", - "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=", - "requires": { - "iconv-lite": "~0.4.13" - } - }, "end-of-stream": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", @@ -5614,32 +5592,6 @@ "websocket-driver": ">=0.5.1" } }, - "fbjs": { - "version": "0.8.17", - "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz", - "integrity": "sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=", - "requires": { - "core-js": "^1.0.0", - "isomorphic-fetch": "^2.1.1", - "loose-envify": "^1.0.0", - "object-assign": "^4.1.0", - "promise": "^7.1.1", - "setimmediate": "^1.0.5", - "ua-parser-js": "^0.7.18" - }, - "dependencies": { - "core-js": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", - "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=" - }, - "ua-parser-js": { - "version": "0.7.19", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.19.tgz", - "integrity": "sha512-T3PVJ6uz8i0HzPxOF9SWzWAlfN/DavlpQqepn22xgve/5QecC+XMCAtmUNnY7C9StehaV6exjUCI801lOI7QlQ==" - } - } - }, "feature-policy": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/feature-policy/-/feature-policy-0.3.0.tgz", @@ -5998,8 +5950,7 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "aproba": { "version": "1.2.0", @@ -6020,14 +5971,12 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -6042,20 +5991,17 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -6172,8 +6118,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -6185,7 +6130,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -6200,7 +6144,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -6208,14 +6151,12 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -6234,7 +6175,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -6315,8 +6255,7 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -6328,7 +6267,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -6414,8 +6352,7 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "safer-buffer": { "version": "2.1.2", @@ -6451,7 +6388,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -6471,7 +6407,6 @@ "version": "3.0.1", "bundled": true, "dev": true, - "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -6515,14 +6450,12 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true } } }, @@ -6831,11 +6764,6 @@ "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==", "dev": true }, - "gud": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", - "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==" - }, "gzip-size": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.0.0.tgz", @@ -7226,6 +7154,7 @@ "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dev": true, "requires": { "safer-buffer": ">= 2.1.2 < 3" } @@ -7768,7 +7697,8 @@ "is-stream": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", - "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=" + "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=", + "dev": true }, "is-svg": { "version": "3.0.0", @@ -7845,15 +7775,6 @@ "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=", "dev": true }, - "isomorphic-fetch": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", - "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=", - "requires": { - "node-fetch": "^1.0.1", - "whatwg-fetch": ">=0.10.0" - } - }, "isstream": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", @@ -9164,15 +9085,6 @@ "minimatch": "^3.0.2" } }, - "node-fetch": { - "version": "1.7.3", - "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", - "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", - "requires": { - "encoding": "^0.1.11", - "is-stream": "^1.0.1" - } - }, "node-forge": { "version": "0.7.5", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.7.5.tgz", @@ -10824,14 +10736,6 @@ "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", "dev": true }, - "promise": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", - "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", - "requires": { - "asap": "~2.0.3" - } - }, "promise-inflight": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", @@ -11442,52 +11346,6 @@ "resize-observer-polyfill": "^1.5.1" } }, - "react-router": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.0.0.tgz", - "integrity": "sha512-6EQDakGdLG/it2x9EaCt9ZpEEPxnd0OCLBHQ1AcITAAx7nCnyvnzf76jKWG1s2/oJ7SSviUgfWHofdYljFexsA==", - "requires": { - "@babel/runtime": "^7.1.2", - "create-react-context": "^0.2.2", - "history": "^4.9.0", - "hoist-non-react-statics": "^3.1.0", - "loose-envify": "^1.3.1", - "path-to-regexp": "^1.7.0", - "prop-types": "^15.6.2", - "react-is": "^16.6.0", - "tiny-invariant": "^1.0.2", - "tiny-warning": "^1.0.0" - }, - "dependencies": { - "isarray": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", - "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" - }, - "path-to-regexp": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.7.0.tgz", - "integrity": "sha1-Wf3g9DW62suhA6hOnTvGTpa5k30=", - "requires": { - "isarray": "0.0.1" - } - } - } - }, - "react-router-dom": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.0.0.tgz", - "integrity": "sha512-wSpja5g9kh5dIteZT3tUoggjnsa+TPFHSMrpHXMpFsaHhQkm/JNVGh2jiF9Dkh4+duj4MKCkwO6H08u6inZYgQ==", - "requires": { - "@babel/runtime": "^7.1.2", - "history": "^4.9.0", - "loose-envify": "^1.3.1", - "prop-types": "^15.6.2", - "react-router": "5.0.0", - "tiny-invariant": "^1.0.2", - "tiny-warning": "^1.0.0" - } - }, "react-side-effect": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-1.1.5.tgz", @@ -12771,7 +12629,8 @@ "setimmediate": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", - "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=" + "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=", + "dev": true }, "setprototypeof": { "version": "1.1.0", @@ -15060,11 +14919,6 @@ "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==", "dev": true }, - "whatwg-fetch": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz", - "integrity": "sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q==" - }, "whet.extend": { "version": "0.9.9", "resolved": "https://registry.npmjs.org/whet.extend/-/whet.extend-0.9.9.tgz", diff --git a/package.json b/package.json index 99431eb..6ed93b0 100644 --- a/package.json +++ b/package.json @@ -65,7 +65,6 @@ "moment": "^2.24.0", "prop-types": "^15.7.2", "react-resize-detector": "^4.1.3", - "react-router-dom": "^5.0.0", "topcoder-react-utils": "^0.7.9" } } diff --git a/src/components/AccountMenu/index.js b/src/components/AccountMenu/index.js index 6a1f0ea..f8df38e 100644 --- a/src/components/AccountMenu/index.js +++ b/src/components/AccountMenu/index.js @@ -2,7 +2,7 @@ import _ from 'lodash' import React from 'react' import PropTypes from 'prop-types' import cn from 'classnames' -import { BrowserRouter as Router, Link } from 'react-router-dom' +import { Link } from 'topcoder-react-utils' import IconAvatar from '../../assets/images/img-vic-tor-avatar.svg' import IconCloseDark from '../../assets/images/icon-close-dark.svg' import IconSwitchBusiness from '../../assets/images/icon-switch-business.svg' @@ -31,21 +31,11 @@ const hasAccess = roles => { class AccountMenu extends React.Component { renderLink (menu, i) { const { onClose } = this.props - if (!_.isEmpty(menu.link)) { - return ( - - {menu.title} - - ) - } + const to = _.isEmpty(menu.link) ? menu.href : menu.link return ( - + {menu.title} - + ) } @@ -55,68 +45,62 @@ class AccountMenu extends React.Component { } = this.props return ( - -
-
+
+
- -
- { - _.isEmpty(profile) ? () : (avatar) - } -
- {_.isEmpty(profile) ? '' : profile.handle} - {_.isEmpty(profile) ? '' : profile.email} -
+ +
+ { + _.isEmpty(profile) ? () : (avatar) + } +
+ {_.isEmpty(profile) ? '' : profile.handle} + {_.isEmpty(profile) ? '' : profile.email}
- -
-
- { - _.isEmpty(profile) ? () : (avatar) - } -
- @{_.isEmpty(profile) ? '' : profile.handle} - {_.isEmpty(profile) ? '' : `Member since ${moment(profile.createdAt).format('MMMM, YYYY')}`} -
+
+ +
+
+ { + _.isEmpty(profile) ? () : (avatar) + } +
+ @{_.isEmpty(profile) ? '' : profile.handle} + {_.isEmpty(profile) ? '' : `Member since ${moment(profile.createdAt).format('MMMM, YYYY')}`}
- - -
+ + + +
- { - !_.isEmpty(profile) && hasAccess(profile.roles) && ( -
- - { - _.isEmpty(switchText.href) ? ( - - {switchText.title} - - ) : ( - {switchText.title} - ) - } -
- ) - } + { + !_.isEmpty(profile) && hasAccess(profile.roles) && ( +
+ + { + + {switchText.title} + + } +
+ ) + } -
+
- {menu.map((item, i) => ( - item.separator ? ( - - ) : (this.renderLink(item, i)) - ))} + {menu.map((item, i) => ( + item.separator ? ( + + ) : (this.renderLink(item, i)) + ))} -
- +
) } } diff --git a/src/components/TopNav/SubNav.js b/src/components/TopNav/SubNav.js index 176f7b7..585437b 100644 --- a/src/components/TopNav/SubNav.js +++ b/src/components/TopNav/SubNav.js @@ -3,7 +3,7 @@ import React from 'react' import PropTypes from 'prop-types' import cn from 'classnames' import IconSelect from '../IconSelect' -import { BrowserRouter as Router, Link } from 'react-router-dom' +import { Link } from 'topcoder-react-utils' import styles from './SubNav.module.scss' const SubNav = ({ @@ -16,39 +16,25 @@ const SubNav = ({ createHandleClickItem, createSetRef }) => ( - -
-
- {menu && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu) && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map((level3, i) => { - if (!_.isEmpty(level3.link)) { - return ( - - {level3.title} - - ) - } - return ( - - {level3.title} - - - ) - })} - -
+
+
+ {menu && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu) && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map((level3, i) => { + const to = _.isEmpty(level3.link) ? level3.href : level3.link + return ( + + {level3.title} + + + ) + })} +
- +
) SubNav.propTypes = {