diff --git a/dist/dev/images/bell-big.svg b/dist/dev/images/bell-big.svg index 585e5c5..8d92fa0 100644 --- a/dist/dev/images/bell-big.svg +++ b/dist/dev/images/bell-big.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzNweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgNzMgODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+QTVBNTEzNEYtNkJBMy00MkQxLTlBMjctNUExNTI5RTU5MjVDPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxMi4wMDAwMDAsIC0xMjQ4LjAwMDAwMCkiIGZpbGw9IiNCNUU5REIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02ODEuMDAxNzY3LDEyOTcuNzU3NjcgQzY4My4wNjUzNzEsMTMwMC4wODQwMSA2ODUsMTMwMi40MTAzNCA2ODUsMTMwNS42NDEzNiBDNjg1LDEzMTIuNzQ5NiA2NzAuMjk2ODIsMTMxNy41MzE1IDY0OC41LDEzMTcuNTMxNSBDNjI2LjcwMzE4LDEzMTcuNTMxNSA2MTIsMTMxMi43NDk2IDYxMiwxMzA1LjY0MTM2IEM2MTIsMTMwMi4yODExIDYxMy45MzQ2MjksMTMwMC4wODQwMSA2MTUuOTk4MjMzLDEyOTcuNzU3NjcgQzYxOC41Nzc3MzksMTI5NC45MTQzOCA2MjEuNDE1MTk0LDEyOTEuNjgzMzYgNjIxLjQxNTE5NCwxMjg1LjQ3OTgxIEw2MjEuNDE1MTk0LDEyNzUuMTQwNTUgQzYyMS40MTUxOTQsMTI2MC42NjU1OSA2MzQuMDU0NzcsMTI0OCA2NDguNSwxMjQ4IEM2NjIuOTQ1MjMsMTI0OCA2NzUuNTg0ODA2LDEyNjAuNTM2MzUgNjc1LjU4NDgwNiwxMjc0Ljg4MjA3IEw2NzUuNTg0ODA2LDEyODUuNDc5ODEgQzY3NS41ODQ4MDYsMTI5MS42ODMzNiA2NzguNDIyMjYxLDEyOTQuOTE0MzggNjgxLjAwMTc2NywxMjk3Ljc1NzY3IFogTTY0OC41LDEzMjAuMTE2MzIgQzY1Mi40OTgyMzMsMTMyMC4xMTYzMiA2NTYuMzY3NDkxLDEzMTkuOTg3MDggNjU5Ljg0OTgyMywxMzE5LjU5OTM1IEM2NTguNDMxMDk1LDEzMjQuMzgxMjYgNjUzLjkxNjk2MSwxMzI4IDY0OC41LDEzMjggQzY0My4wODMwMzksMTMyOCA2MzguNTY4OTA1LDEzMjQuNTEwNSA2MzcuMTUwMTc3LDEzMTkuNTk5MzUgQzY0MC42MzI1MDksMTMxOS45ODcwOCA2NDQuNTAxNzY3LDEzMjAuMTE2MzIgNjQ4LjUsMTMyMC4xMTYzMiBaIiBpZD0iYmVsbC1iaWciPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzNweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgNzMgODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTIuMDAwMDAwLCAtMTI0OC4wMDAwMDApIiBmaWxsPSIjQjVFOURCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNjgxLjAwMTc2NywxMjk3Ljc1NzY3IEM2ODMuMDY1MzcxLDEzMDAuMDg0MDEgNjg1LDEzMDIuNDEwMzQgNjg1LDEzMDUuNjQxMzYgQzY4NSwxMzEyLjc0OTYgNjcwLjI5NjgyLDEzMTcuNTMxNSA2NDguNSwxMzE3LjUzMTUgQzYyNi43MDMxOCwxMzE3LjUzMTUgNjEyLDEzMTIuNzQ5NiA2MTIsMTMwNS42NDEzNiBDNjEyLDEzMDIuMjgxMSA2MTMuOTM0NjI5LDEzMDAuMDg0MDEgNjE1Ljk5ODIzMywxMjk3Ljc1NzY3IEM2MTguNTc3NzM5LDEyOTQuOTE0MzggNjIxLjQxNTE5NCwxMjkxLjY4MzM2IDYyMS40MTUxOTQsMTI4NS40Nzk4MSBMNjIxLjQxNTE5NCwxMjc1LjE0MDU1IEM2MjEuNDE1MTk0LDEyNjAuNjY1NTkgNjM0LjA1NDc3LDEyNDggNjQ4LjUsMTI0OCBDNjYyLjk0NTIzLDEyNDggNjc1LjU4NDgwNiwxMjYwLjUzNjM1IDY3NS41ODQ4MDYsMTI3NC44ODIwNyBMNjc1LjU4NDgwNiwxMjg1LjQ3OTgxIEM2NzUuNTg0ODA2LDEyOTEuNjgzMzYgNjc4LjQyMjI2MSwxMjk0LjkxNDM4IDY4MS4wMDE3NjcsMTI5Ny43NTc2NyBaIE02NDguNSwxMzIwLjExNjMyIEM2NTIuNDk4MjMzLDEzMjAuMTE2MzIgNjU2LjM2NzQ5MSwxMzE5Ljk4NzA4IDY1OS44NDk4MjMsMTMxOS41OTkzNSBDNjU4LjQzMTA5NSwxMzI0LjM4MTI2IDY1My45MTY5NjEsMTMyOCA2NDguNSwxMzI4IEM2NDMuMDgzMDM5LDEzMjggNjM4LjU2ODkwNSwxMzI0LjUxMDUgNjM3LjE1MDE3NywxMzE5LjU5OTM1IEM2NDAuNjMyNTA5LDEzMTkuOTg3MDggNjQ0LjUwMTc2NywxMzIwLjExNjMyIDY0OC41LDEzMjAuMTE2MzIgWiIgaWQ9ImJlbGwtYmlnIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file diff --git a/dist/dev/images/delete-small.svg b/dist/dev/images/delete-small.svg index 7037e72..6609d38 100644 --- a/dist/dev/images/delete-small.svg +++ b/dist/dev/images/delete-small.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtRHJvcGRvd24tQ29tbXVuaXR5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODU5LjAwMDAwMCwgLTI0NjguMDAwMDAwKSIgZmlsbD0iIzJBMkEyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImUtcmVtb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTguMDAwMDAwLCAyNDY4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjcwNywwLjI5MyBDMTAuMzE2NTAwMSwtMC4wOTczODE5MzgzIDkuNjgzNDk5ODUsLTAuMDk3MzgxOTM4MyA5LjI5MywwLjI5MyBMNiwzLjU4NiBMMi43MDcsMC4yOTMgQzIuMzE0NjIxMTEsLTAuMDg1OTcyMjA5NSAxLjY5MDkxNTIyLC0wLjA4MDU1MjM3MzkgMS4zMDUxODE0MiwwLjMwNTE4MTQyNSBDMC45MTk0NDc2MjYsMC42OTA5MTUyMjMgMC45MTQwMjc3OSwxLjMxNDYyMTExIDEuMjkzLDEuNzA3IEw0LjU4Niw1IEwxLjI5Myw4LjI5MyBDMS4wMzMwNDM0Miw4LjU0NDA3NDQ3IDAuOTI4Nzg3NDAzLDguOTE1ODc3ODkgMS4wMjAzMDI4NCw5LjI2NTUwNzMyIEMxLjExMTgxODI4LDkuNjE1MTM2NzYgMS4zODQ4NjMyNCw5Ljg4ODE4MTcyIDEuNzM0NDkyNjgsOS45Nzk2OTcxNiBDMi4wODQxMjIxMSwxMC4wNzEyMTI2IDIuNDU1OTI1NTMsOS45NjY5NTY1OCAyLjcwNyw5LjcwNyBMNiw2LjQxNCBMOS4yOTMsOS43MDcgQzkuNjg1Mzc4ODksMTAuMDg1OTcyMiAxMC4zMDkwODQ4LDEwLjA4MDU1MjQgMTAuNjk0ODE4Niw5LjY5NDgxODU4IEMxMS4wODA1NTI0LDkuMzA5MDg0NzggMTEuMDg1OTcyMiw4LjY4NTM3ODg5IDEwLjcwNyw4LjI5MyBMNy40MTQsNSBMMTAuNzA3LDEuNzA3IEMxMS4wOTczODE5LDEuMzE2NTAwMTUgMTEuMDk3MzgxOSwwLjY4MzQ5OTg1MSAxMC43MDcsMC4yOTMgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtRHJvcGRvd24tQ29tbXVuaXR5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODU5LjAwMDAwMCwgLTI0NjguMDAwMDAwKSIgZmlsbD0iIzJBMkEyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImUtcmVtb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTguMDAwMDAwLCAyNDY4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjcwNywwLjI5MyBDMTAuMzE2NTAwMSwtMC4wOTczODE5MzgzIDkuNjgzNDk5ODUsLTAuMDk3MzgxOTM4MyA5LjI5MywwLjI5MyBMNiwzLjU4NiBMMi43MDcsMC4yOTMgQzIuMzE0NjIxMTEsLTAuMDg1OTcyMjA5NSAxLjY5MDkxNTIyLC0wLjA4MDU1MjM3MzkgMS4zMDUxODE0MiwwLjMwNTE4MTQyNSBDMC45MTk0NDc2MjYsMC42OTA5MTUyMjMgMC45MTQwMjc3OSwxLjMxNDYyMTExIDEuMjkzLDEuNzA3IEw0LjU4Niw1IEwxLjI5Myw4LjI5MyBDMS4wMzMwNDM0Miw4LjU0NDA3NDQ3IDAuOTI4Nzg3NDAzLDguOTE1ODc3ODkgMS4wMjAzMDI4NCw5LjI2NTUwNzMyIEMxLjExMTgxODI4LDkuNjE1MTM2NzYgMS4zODQ4NjMyNCw5Ljg4ODE4MTcyIDEuNzM0NDkyNjgsOS45Nzk2OTcxNiBDMi4wODQxMjIxMSwxMC4wNzEyMTI2IDIuNDU1OTI1NTMsOS45NjY5NTY1OCAyLjcwNyw5LjcwNyBMNiw2LjQxNCBMOS4yOTMsOS43MDcgQzkuNjg1Mzc4ODksMTAuMDg1OTcyMiAxMC4zMDkwODQ4LDEwLjA4MDU1MjQgMTAuNjk0ODE4Niw5LjY5NDgxODU4IEMxMS4wODA1NTI0LDkuMzA5MDg0NzggMTEuMDg1OTcyMiw4LjY4NTM3ODg5IDEwLjcwNyw4LjI5MyBMNy40MTQsNSBMMTAuNzA3LDEuNzA3IEMxMS4wOTczODE5LDEuMzE2NTAwMTUgMTEuMDk3MzgxOSwwLjY4MzQ5OTg1MSAxMC43MDcsMC4yOTMgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/dev/images/e-remove.svg b/dist/dev/images/e-remove.svg index 7f6d411..219599f 100644 --- a/dist/dev/images/e-remove.svg +++ b/dist/dev/images/e-remove.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+MDBGMThGRkItNDU2OS00ODgwLUFFRDItRkM5REFDN0E5RjkwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1OS4wMDAwMDAsIC0xODY1LjAwMDAwMCkiIGZpbGw9IiNBQUFBQUEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJlLXJlbW92ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODU4LjAwMDAwMCwgMTg2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC43MDcsMC4yOTMgQzEwLjMxNjUwMDEsLTAuMDk3MzgxOTM4MyA5LjY4MzQ5OTg1LC0wLjA5NzM4MTkzODMgOS4yOTMsMC4yOTMgTDYsMy41ODYgTDIuNzA3LDAuMjkzIEMyLjMxNDYyMTExLC0wLjA4NTk3MjIwOTUgMS42OTA5MTUyMiwtMC4wODA1NTIzNzM5IDEuMzA1MTgxNDIsMC4zMDUxODE0MjUgQzAuOTE5NDQ3NjI2LDAuNjkwOTE1MjIzIDAuOTE0MDI3NzksMS4zMTQ2MjExMSAxLjI5MywxLjcwNyBMNC41ODYsNSBMMS4yOTMsOC4yOTMgQzEuMDMzMDQzNDIsOC41NDQwNzQ0NyAwLjkyODc4NzQwMyw4LjkxNTg3Nzg5IDEuMDIwMzAyODQsOS4yNjU1MDczMiBDMS4xMTE4MTgyOCw5LjYxNTEzNjc2IDEuMzg0ODYzMjQsOS44ODgxODE3MiAxLjczNDQ5MjY4LDkuOTc5Njk3MTYgQzIuMDg0MTIyMTEsMTAuMDcxMjEyNiAyLjQ1NTkyNTUzLDkuOTY2OTU2NTggMi43MDcsOS43MDcgTDYsNi40MTQgTDkuMjkzLDkuNzA3IEM5LjY4NTM3ODg5LDEwLjA4NTk3MjIgMTAuMzA5MDg0OCwxMC4wODA1NTI0IDEwLjY5NDgxODYsOS42OTQ4MTg1OCBDMTEuMDgwNTUyNCw5LjMwOTA4NDc4IDExLjA4NTk3MjIsOC42ODUzNzg4OSAxMC43MDcsOC4yOTMgTDcuNDE0LDUgTDEwLjcwNywxLjcwNyBDMTEuMDk3MzgxOSwxLjMxNjUwMDE1IDExLjA5NzM4MTksMC42ODM0OTk4NTEgMTAuNzA3LDAuMjkzIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMTg2NS4wMDAwMDApIiBmaWxsPSIjQUFBQUFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iZS1yZW1vdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg1OC4wMDAwMDAsIDE4NjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNzA3LDAuMjkzIEMxMC4zMTY1MDAxLC0wLjA5NzM4MTkzODMgOS42ODM0OTk4NSwtMC4wOTczODE5MzgzIDkuMjkzLDAuMjkzIEw2LDMuNTg2IEwyLjcwNywwLjI5MyBDMi4zMTQ2MjExMSwtMC4wODU5NzIyMDk1IDEuNjkwOTE1MjIsLTAuMDgwNTUyMzczOSAxLjMwNTE4MTQyLDAuMzA1MTgxNDI1IEMwLjkxOTQ0NzYyNiwwLjY5MDkxNTIyMyAwLjkxNDAyNzc5LDEuMzE0NjIxMTEgMS4yOTMsMS43MDcgTDQuNTg2LDUgTDEuMjkzLDguMjkzIEMxLjAzMzA0MzQyLDguNTQ0MDc0NDcgMC45Mjg3ODc0MDMsOC45MTU4Nzc4OSAxLjAyMDMwMjg0LDkuMjY1NTA3MzIgQzEuMTExODE4MjgsOS42MTUxMzY3NiAxLjM4NDg2MzI0LDkuODg4MTgxNzIgMS43MzQ0OTI2OCw5Ljk3OTY5NzE2IEMyLjA4NDEyMjExLDEwLjA3MTIxMjYgMi40NTU5MjU1Myw5Ljk2Njk1NjU4IDIuNzA3LDkuNzA3IEw2LDYuNDE0IEw5LjI5Myw5LjcwNyBDOS42ODUzNzg4OSwxMC4wODU5NzIyIDEwLjMwOTA4NDgsMTAuMDgwNTUyNCAxMC42OTQ4MTg2LDkuNjk0ODE4NTggQzExLjA4MDU1MjQsOS4zMDkwODQ3OCAxMS4wODU5NzIyLDguNjg1Mzc4ODkgMTAuNzA3LDguMjkzIEw3LjQxNCw1IEwxMC43MDcsMS43MDcgQzExLjA5NzM4MTksMS4zMTY1MDAxNSAxMS4wOTczODE5LDAuNjgzNDk5ODUxIDEwLjcwNywwLjI5MyBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file diff --git a/dist/dev/images/group.svg b/dist/dev/images/group.svg index dc52743..316387c 100644 --- a/dist/dev/images/group.svg +++ b/dist/dev/images/group.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+N0Y2MDI4RTEtQTE5OS00MDZFLTkwMjQtNzk3OUExQ0U0MjA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyOS4wMDAwMDAsIC0yMjczLjAwMDAwMCkiIGZpbGw9IiM1NTU1NTUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJncm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDI5LjAwMDAwMCwgMjI3My4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwxMiBMMSwxMiBDMC40NDcsMTIgMCwxMS41NTMgMCwxMSBMMCwxIEMwLDAuNDQ4IDAuNDQ3LDAgMSwwIEwxMSwwIEMxMS41NTMsMCAxMiwwLjQ0OCAxMiwxIEwxMiwxMSBDMTIsMTEuNTUzIDExLjU1MywxMiAxMSwxMiBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LDE2IEw0LDE2IEw0LDE0IEwxNCwxNCBMMTQsNCBMMTYsNCBMMTYsMTUgQzE2LDE1LjU1MyAxNS41NTMsMTYgMTUsMTYgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjkuMDAwMDAwLCAtMjI3My4wMDAwMDApIiBmaWxsPSIjNTU1NTU1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iZ3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyOS4wMDAwMDAsIDIyNzMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMTIgTDEsMTIgQzAuNDQ3LDEyIDAsMTEuNTUzIDAsMTEgTDAsMSBDMCwwLjQ0OCAwLjQ0NywwIDEsMCBMMTEsMCBDMTEuNTUzLDAgMTIsMC40NDggMTIsMSBMMTIsMTEgQzEyLDExLjU1MyAxMS41NTMsMTIgMTEsMTIgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwxNiBMNCwxNiBMNCwxNCBMMTQsMTQgTDE0LDQgTDE2LDQgTDE2LDE1IEMxNiwxNS41NTMgMTUuNTUzLDE2IDE1LDE2IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file diff --git a/dist/dev/images/icon-bell-red.svg b/dist/dev/images/icon-bell-red.svg index 97855d0..2213ad3 100644 --- a/dist/dev/images/icon-bell-red.svg +++ b/dist/dev/images/icon-bell-red.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+NTkzMjIxNkQtNzM3Qi00NEM4LThFMEQtNERBQjQzQ0IxMjQxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyOS4wMDAwMDAsIC0xMTY1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWNvbnMvdWkvYmVsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDI5LjAwMDAwMCwgMTE2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI2VmNDc2ZiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAsMTQgQzEwLDE1LjEgOS4xLDE2IDgsMTYgQzYuOSwxNiA2LDE1LjEgNiwxNCBMMTAsMTQgWiBNMTUsMTEgQzE1LjYsMTEgMTYsMTEuNCAxNiwxMiBDMTYsMTIuNiAxNS42LDEzIDE1LDEzIEwxLDEzIEMwLjQsMTMgMCwxMi42IDAsMTIgQzAsMTEuNCAwLjQsMTEgMSwxMSBMMS41LDExIEMyLjIsMTAuMyAzLDkuMyAzLDggTDMsNSBDMywyLjIgNS4yLDAgOCwwIEMxMC44LDAgMTMsMi4yIDEzLDUgTDEzLDggQzEzLDkuMyAxMy44LDEwLjMgMTQuNSwxMSBMMTUsMTEgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjkuMDAwMDAwLCAtMTE2NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Imljb25zL3VpL2JlbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyOS4wMDAwMDAsIDExNjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNlZjQ3NmYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwLDE0IEMxMCwxNS4xIDkuMSwxNiA4LDE2IEM2LjksMTYgNiwxNS4xIDYsMTQgTDEwLDE0IFogTTE1LDExIEMxNS42LDExIDE2LDExLjQgMTYsMTIgQzE2LDEyLjYgMTUuNiwxMyAxNSwxMyBMMSwxMyBDMC40LDEzIDAsMTIuNiAwLDEyIEMwLDExLjQgMC40LDExIDEsMTEgTDEuNSwxMSBDMi4yLDEwLjMgMyw5LjMgMyw4IEwzLDUgQzMsMi4yIDUuMiwwIDgsMCBDMTAuOCwwIDEzLDIuMiAxMyw1IEwxMyw4IEMxMyw5LjMgMTMuOCwxMC4zIDE0LjUsMTEgTDE1LDExIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/dev/images/icon-bell.svg b/dist/dev/images/icon-bell.svg index 4374254..743da74 100644 --- a/dist/dev/images/icon-bell.svg +++ b/dist/dev/images/icon-bell.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLWJlbGw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1uYXZpZ2F0aW9uLXNwZWNpZmljYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTAzLjAwMDAwMCwgLTk2MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTExLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMDMuMDAwMDAwLCA5NTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iYmVsbC9hY3RpdmUtYmFkZ2UiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29ucy91aS9iZWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMCwxNCBDMTAsMTUuMSA5LjEsMTYgOCwxNiBDNi45LDE2IDYsMTUuMSA2LDE0IEwxMCwxNCBaIE0xNSwxMSBDMTUuNiwxMSAxNiwxMS40IDE2LDEyIEMxNiwxMi42IDE1LjYsMTMgMTUsMTMgTDEsMTMgQzAuNCwxMyAwLDEyLjYgMCwxMiBDMCwxMS40IDAuNCwxMSAxLDExIEwxLjUsMTEgQzIuMiwxMC4zIDMsOS4zIDMsOCBMMyw1IEMzLDIuMiA1LjIsMCA4LDAgQzEwLjgsMCAxMywyLjIgMTMsNSBMMTMsOCBDMTMsOS4zIDEzLjgsMTAuMyAxNC41LDExIEwxNSwxMSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AtbmF2aWdhdGlvbi1zcGVjaWZpY2F0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwMy4wMDAwMDAsIC05NjEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTAzLjAwMDAwMCwgOTU1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJlbGwvYWN0aXZlLWJhZGdlIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbnMvdWkvYmVsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAsMTQgQzEwLDE1LjEgOS4xLDE2IDgsMTYgQzYuOSwxNiA2LDE1LjEgNiwxNCBMMTAsMTQgWiBNMTUsMTEgQzE1LjYsMTEgMTYsMTEuNCAxNiwxMiBDMTYsMTIuNiAxNS42LDEzIDE1LDEzIEwxLDEzIEMwLjQsMTMgMCwxMi42IDAsMTIgQzAsMTEuNCAwLjQsMTEgMSwxMSBMMS41LDExIEMyLjIsMTAuMyAzLDkuMyAzLDggTDMsNSBDMywyLjIgNS4yLDAgOCwwIEMxMC44LDAgMTMsMi4yIDEzLDUgTDEzLDggQzEzLDkuMyAxMy44LDEwLjMgMTQuNSwxMSBMMTUsMTEgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/dev/images/icon-settings-gear.svg b/dist/dev/images/icon-settings-gear.svg index 8d8c4fd..268289e 100644 --- a/dist/dev/images/icon-settings-gear.svg +++ b/dist/dev/images/icon-settings-gear.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5zZXR0aW5ncy1nZWFyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtTW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4LjAwMDAwMCwgLTExNi4wMDAwMDApIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ic2V0dGluZ3MtZ2VhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc4LjAwMDAwMCwgMTE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjMsNS4yIEwxNC40LDMuMSBMMTMsMS43IEwxMC45LDIuOCBDMTAuNiwyLjYgMTAuMiwyLjUgOS44LDIuNCBMOSwwIEw3LDAgTDYuMiwyLjMgQzUuOSwyLjQgNS41LDIuNSA1LjIsMi43IEwzLjEsMS42IEwxLjYsMy4xIEwyLjcsNS4yIEMyLjUsNS41IDIuNCw1LjkgMi4zLDYuMiBMMCw3IEwwLDkgTDIuMyw5LjggQzIuNCwxMC4yIDIuNiwxMC41IDIuNywxMC45IEwxLjYsMTMgTDMsMTQuNCBMNS4xLDEzLjMgQzUuNCwxMy41IDUuOCwxMy42IDYuMiwxMy43IEw3LDE2IEw5LDE2IEw5LjgsMTMuNyBDMTAuMiwxMy42IDEwLjUsMTMuNCAxMC45LDEzLjMgTDEzLDE0LjQgTDE0LjQsMTMgTDEzLjMsMTAuOSBDMTMuNSwxMC42IDEzLjYsMTAuMiAxMy43LDkuOCBMMTYsOSBMMTYsNyBMMTMuNyw2LjIgQzEzLjYsNS45IDEzLjUsNS41IDEzLjMsNS4yIFogTTgsMTEgQzYuMywxMSA1LDkuNyA1LDggQzUsNi4zIDYuMyw1IDgsNSBDOS43LDUgMTEsNi4zIDExLDggQzExLDkuNyA5LjcsMTEgOCwxMSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtTW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4LjAwMDAwMCwgLTExNi4wMDAwMDApIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ic2V0dGluZ3MtZ2VhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc4LjAwMDAwMCwgMTE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjMsNS4yIEwxNC40LDMuMSBMMTMsMS43IEwxMC45LDIuOCBDMTAuNiwyLjYgMTAuMiwyLjUgOS44LDIuNCBMOSwwIEw3LDAgTDYuMiwyLjMgQzUuOSwyLjQgNS41LDIuNSA1LjIsMi43IEwzLjEsMS42IEwxLjYsMy4xIEwyLjcsNS4yIEMyLjUsNS41IDIuNCw1LjkgMi4zLDYuMiBMMCw3IEwwLDkgTDIuMyw5LjggQzIuNCwxMC4yIDIuNiwxMC41IDIuNywxMC45IEwxLjYsMTMgTDMsMTQuNCBMNS4xLDEzLjMgQzUuNCwxMy41IDUuOCwxMy42IDYuMiwxMy43IEw3LDE2IEw5LDE2IEw5LjgsMTMuNyBDMTAuMiwxMy42IDEwLjUsMTMuNCAxMC45LDEzLjMgTDEzLDE0LjQgTDE0LjQsMTMgTDEzLjMsMTAuOSBDMTMuNSwxMC42IDEzLjYsMTAuMiAxMy43LDkuOCBMMTYsOSBMMTYsNyBMMTMuNyw2LjIgQzEzLjYsNS45IDEzLjUsNS41IDEzLjMsNS4yIFogTTgsMTEgQzYuMywxMSA1LDkuNyA1LDggQzUsNi4zIDYuMyw1IDgsNSBDOS43LDUgMTEsNi4zIDExLDggQzExLDkuNyA5LjcsMTEgOCwxMSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/dev/images/left-arrow.svg b/dist/dev/images/left-arrow.svg index 52a0d85..7b4a36e 100644 --- a/dist/dev/images/left-arrow.svg +++ b/dist/dev/images/left-arrow.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5yaWdodC1hcnJvdzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLU1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTExNi4wMDAwMDApIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0icmlnaHQtYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMTI0LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjYuMDAwMDAwLCAtMTI0LjAwMDAwMCkgdHJhbnNsYXRlKDIxLjAwMDAwMCwgMTE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMS45IDE1LjcgMC40IDE0LjMgNi43IDggMC40IDEuNyAxLjkgMC4zIDkuNiA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtTW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuMDAwMDAwLCAtMTE2LjAwMDAwMCkiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuMDAwMDAwLCAxMjQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNi4wMDAwMDAsIC0xMjQuMDAwMDAwKSB0cmFuc2xhdGUoMjEuMDAwMDAwLCAxMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIxLjkgMTUuNyAwLjQgMTQuMyA2LjcgOCAwLjQgMS43IDEuOSAwLjMgOS42IDgiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/dev/images/right-arrow.svg b/dist/dev/images/right-arrow.svg index 2087321..3afd63e 100644 --- a/dist/dev/images/right-arrow.svg +++ b/dist/dev/images/right-arrow.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InVzZXItbWVudS0rLW5vdGlmaWNhdGlvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODQuMDAwMDAwLCAtMjcyLjAwMDAwMCkiIGZpbGw9IiMyQTJBMkEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzg0LjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMS45IDE1LjcgMC40IDE0LjMgNi43IDggMC40IDEuNyAxLjkgMC4zIDkuNiA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InVzZXItbWVudS0rLW5vdGlmaWNhdGlvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODQuMDAwMDAwLCAtMjcyLjAwMDAwMCkiIGZpbGw9IiMyQTJBMkEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzg0LjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMS45IDE1LjcgMC40IDE0LjMgNi43IDggMC40IDEuNyAxLjkgMC4zIDkuNiA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file diff --git a/dist/dev/index.js b/dist/dev/index.js index d85206a..b4058cf 100644 --- a/dist/dev/index.js +++ b/dist/dev/index.js @@ -951,7 +951,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/AccountMenu/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"ico-user-default\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n id: \"a\",\n x: \".8\",\n y: \".5\",\n width: \"140\",\n height: \"140\",\n rx: \"306\"\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: \"#F0F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n stroke: \"#A3A3AE\",\n strokeWidth: \"3\",\n opacity: \".2\",\n fill: \"#A3A3AE\",\n mask: \"url(#b)\"\n })));\n};\n\nIconAvatar.defaultProps = {\n width: \"141\",\n height: \"141\",\n viewBox: \"0 0 141 141\",\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', 'connect account manager', 'connect copilot manager'];\n\nvar hasAccess = function hasAccess(roles) {\n if (!roles) {\n return false;\n }\n\n return roles.some(function (v) {\n return MANAGE_ROLES.indexOf(v.toLowerCase()) !== -1;\n });\n};\n\nvar AccountMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu, _React$Component);\n\n function AccountMenu() {\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, AccountMenu);\n\n return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this, arguments));\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu, [{\n key: \"renderLink\",\n value: function renderLink(menu, i) {\n var onClose = this.props.onClose;\n var to = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link) ? menu.href : menu.link;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: to,\n key: \"item-\".concat(i),\n onClick: onClose\n }, menu.title);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this = this;\n\n var _this$props = this.props,\n onClose = _this$props.onClose,\n open = _this$props.open,\n menu = _this$props.menu,\n switchText = _this$props.switchText,\n onSwitch = _this$props.onSwitch,\n profile = _this$props.profile,\n domRef = _this$props.domRef;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n ref: domRef,\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['user-info-popup'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '/' : \"/members/\".concat(profile.handle)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['email']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.email)))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header-mobile'])\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['left-content']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, \"@\", lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['description']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : \"Member since \".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(profile.createdAt).format('MMMM, YYYY'))))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-close'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark, null))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-business-container'],\n onClick: onSwitch\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-icon']\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: hasAccess(profile.roles) ? lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href : 'http://www.topcoder.com',\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness']\n }, switchText.title))), 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 onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n domRef: 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\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(hasAccess, \"hasAccess\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/AccountMenu/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n id: \"a\",\n x: \".8\",\n y: \".5\",\n width: \"140\",\n height: \"140\",\n rx: \"306\"\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: \"#F0F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n stroke: \"#A3A3AE\",\n strokeWidth: \"3\",\n opacity: \".2\",\n fill: \"#A3A3AE\",\n mask: \"url(#b)\"\n })));\n};\n\nIconAvatar.defaultProps = {\n width: \"141\",\n height: \"141\",\n viewBox: \"0 0 141 141\",\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(\"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(\"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', 'connect account manager', 'connect copilot manager'];\n\nvar hasAccess = function hasAccess(roles) {\n if (!roles) {\n return false;\n }\n\n return roles.some(function (v) {\n return MANAGE_ROLES.indexOf(v.toLowerCase()) !== -1;\n });\n};\n\nvar AccountMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu, _React$Component);\n\n function AccountMenu() {\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, AccountMenu);\n\n return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this, arguments));\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu, [{\n key: \"renderLink\",\n value: function renderLink(menu, i) {\n var onClose = this.props.onClose;\n var to = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link) ? menu.href : menu.link;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: to,\n key: \"item-\".concat(i),\n onClick: onClose\n }, menu.title);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this = this;\n\n var _this$props = this.props,\n onClose = _this$props.onClose,\n open = _this$props.open,\n menu = _this$props.menu,\n switchText = _this$props.switchText,\n onSwitch = _this$props.onSwitch,\n profile = _this$props.profile,\n domRef = _this$props.domRef;\n return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n ref: domRef,\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['user-info-popup'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,\n onClick: onClose\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '/' : \"/members/\".concat(profile.handle)\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['email']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.email)))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header-mobile'])\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['left-content']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n src: profile.photoURL,\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n alt: \"avatar\"\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n }, \"@\", lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['description']\n }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : \"Member since \".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(profile.createdAt).format('MMMM, YYYY'))))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-close'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark, null))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-business-container'],\n onClick: onSwitch\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness, {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-icon']\n }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n to: hasAccess(profile.roles) ? lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href : 'http://www.topcoder.com',\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness']\n }, switchText.title))), 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 onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n domRef: 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\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(hasAccess, \"hasAccess\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/index.js?"); /***/ }), @@ -974,7 +974,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/CheckBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar CheckBox = function CheckBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checkbox'],\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['check-icon'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'])\n }));\n};\n\nCheckBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = CheckBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/CheckBox/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/CheckBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar CheckBox = function CheckBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checkbox'],\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['check-icon'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'])\n }));\n};\n\nCheckBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = CheckBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/CheckBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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(\".concat(x, \"px)\")\n },\n hidden: !show\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n width: \"40px\",\n height: \"10px\",\n viewBox: \"0 0 40 10\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Page-1\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Desktop-navigation-specification\",\n transform: \"translate(-229.000000, -1000.000000)\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z\",\n id: \"Path-3\"\n })))));\n};\n\nChosenArrow.propTypes = {\n /** Show or hide the arrow */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = ChosenArrow;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/ChosenArrow/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ChosenArrow/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar ChosenArrow = function ChosenArrow(_ref) {\n var show = _ref.show,\n x = _ref.x;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.chosenArrow,\n style: {\n transform: \"translateX(\".concat(x, \"px)\")\n },\n hidden: !show\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n width: \"40px\",\n height: \"10px\",\n viewBox: \"0 0 40 10\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Page-1\",\n stroke: \"none\",\n strokeWidth: \"1\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n id: \"Desktop-navigation-specification\",\n transform: \"translate(-229.000000, -1000.000000)\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z\",\n id: \"Path-3\"\n })))));\n};\n\nChosenArrow.propTypes = {\n /** Show or hide the arrow */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = ChosenArrow;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/ChosenArrow/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/ChosenArrow/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/ChosenArrow/index.js?"); /***/ }), @@ -1020,7 +1020,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/DropdownBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar optionLabel = function optionLabel(value, options) {\n var opt = options.find(function (x) {\n return x.value === value;\n });\n return opt && opt.label;\n};\n\nvar DropdownBox = function DropdownBox(_ref) {\n var open = _ref.open,\n onClick = _ref.onClick,\n onClose = _ref.onClose,\n checked = _ref.checked,\n value = _ref.value,\n options = _ref.options,\n onChange = _ref.onChange;\n\n var handleClick = function handleClick(e) {\n return !e.defaultPrevented && onClick();\n };\n\n var handleClose = function handleClose(e) {\n e.preventDefault();\n onClose();\n };\n\n var createHandleChange = function createHandleChange(value) {\n return function (e) {\n e.preventDefault();\n onClose();\n onChange(value);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['open']),\n onClick: handleClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['backdrop'],\n onClick: handleClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['selected-label']\n }, optionLabel(value, options), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-arrow']\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['options']\n }, options.map(function (opt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['option-li'], opt.value === value && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['active']),\n key: opt.value,\n onClick: createHandleChange(opt.value)\n }, opt.label);\n })));\n};\n\nDropdownBox.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = DropdownBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(optionLabel, \"optionLabel\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/DropdownBox/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/DropdownBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar optionLabel = function optionLabel(value, options) {\n var opt = options.find(function (x) {\n return x.value === value;\n });\n return opt && opt.label;\n};\n\nvar DropdownBox = function DropdownBox(_ref) {\n var open = _ref.open,\n onClick = _ref.onClick,\n onClose = _ref.onClose,\n checked = _ref.checked,\n value = _ref.value,\n options = _ref.options,\n onChange = _ref.onChange;\n\n var handleClick = function handleClick(e) {\n return !e.defaultPrevented && onClick();\n };\n\n var handleClose = function handleClose(e) {\n e.preventDefault();\n onClose();\n };\n\n var createHandleChange = function createHandleChange(value) {\n return function (e) {\n e.preventDefault();\n onClose();\n onChange(value);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['open']),\n onClick: handleClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['backdrop'],\n onClick: handleClose\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['selected-label']\n }, optionLabel(value, options), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-arrow']\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['options']\n }, options.map(function (opt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['option-li'], opt.value === value && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['active']),\n key: opt.value,\n onClick: createHandleChange(opt.value)\n }, opt.label);\n })));\n};\n\nDropdownBox.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = DropdownBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(optionLabel, \"optionLabel\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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 isResize = _ref.isResize;\n var styleObj = {\n transform: \"translateX(\".concat(x, \"px)\") // is window is on resize, stop animation\n\n };\n\n if (isResize) {\n styleObj['transition'] = 'auto';\n styleObj['-webkit-transition'] = 'auto';\n }\n\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: styleObj,\n hidden: !show\n });\n};\n\nIconSelect.propTypes = {\n // screen is changing size\n isResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** Show or hide the icon */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = IconSelect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/IconSelect/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/IconSelect/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconSelect = function IconSelect(_ref) {\n var show = _ref.show,\n x = _ref.x,\n isResize = _ref.isResize;\n var styleObj = {\n transform: \"translateX(\".concat(x, \"px)\") // is window is on resize, stop animation\n\n };\n\n if (isResize) {\n styleObj['transition'] = 'auto';\n styleObj['-webkit-transition'] = 'auto';\n }\n\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: styleObj,\n hidden: !show\n });\n};\n\nIconSelect.propTypes = {\n // screen is changing size\n isResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** Show or hide the icon */\n show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n /** The x position of the arrow. Generally this will be the center of the target */\n x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = IconSelect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/IconSelect/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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 accountMenuRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n var userInfoRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n // trigger when orientationChange in ipad\n var onOrientationChange = function onOrientationChange() {\n setOpenNotifications(false);\n setOpenAccountMenu(false);\n document.body.style.position = '';\n };\n\n window.addEventListener('orientationchange', onOrientationChange);\n return function () {\n return window.removeEventListener('orientationchange', onOrientationChange);\n };\n }, []);\n Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n // Internet Explorer 6-11\n var isIE =\n /*@cc_on!@*/\n false || !!document.documentMode; // eslint-disable-line spaced-comment\n // Edge 20+\n\n var isEdge = !isIE && !!window.StyleMedia;\n if (!(isIE || isEdge)) return; // trigger when click outside\n\n var onClickOutside = function onClickOutside(event) {\n if (!(userInfoRef.current.contains(event.target) || accountMenuRef.current.contains(event.target))) {\n setOpenAccountMenu(false);\n document.body.style.position = '';\n }\n };\n\n document.addEventListener('mousedown', onClickOutside, true);\n return function () {\n return document.removeEventListener('mousedown', onClickOutside, true);\n };\n }, []);\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 open: openAccountMenu,\n key: \"user-info\",\n domRef: userInfoRef\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 open: openAccountMenu,\n key: \"user-info\",\n domRef: userInfoRef\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: \"javascript:void(0)\",\n onClick: function onClick(event) {\n var retUrl = encodeURIComponent(window.location.href);\n window.location = authURLs.location.replace('%S', retUrl).replace('member?', '#!/member?');\n event.preventDefault();\n return false;\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 domRef: accountMenuRef\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\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/LoginNav/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/LoginNav/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _NotificationButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../NotificationButton */ \"./src/components/NotificationButton/index.js\");\n/* harmony import */ var _NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\");\n/* harmony import */ var _UserInfo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../UserInfo */ \"./src/components/UserInfo/index.js\");\n/* harmony import */ var _AccountMenu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../AccountMenu */ \"./src/components/AccountMenu/index.js\");\n\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 accountMenuRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n var userInfoRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n // trigger when orientationChange in ipad\n var onOrientationChange = function onOrientationChange() {\n setOpenNotifications(false);\n setOpenAccountMenu(false);\n document.body.style.position = '';\n };\n\n window.addEventListener('orientationchange', onOrientationChange);\n return function () {\n return window.removeEventListener('orientationchange', onOrientationChange);\n };\n }, []);\n Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n // Internet Explorer 6-11\n var isIE =\n /*@cc_on!@*/\n false || !!document.documentMode; // eslint-disable-line spaced-comment\n // Edge 20+\n\n var isEdge = !isIE && !!window.StyleMedia;\n if (!(isIE || isEdge)) return; // trigger when click outside\n\n var onClickOutside = function onClickOutside(event) {\n if (!(userInfoRef.current.contains(event.target) || accountMenuRef.current.contains(event.target))) {\n setOpenAccountMenu(false);\n document.body.style.position = '';\n }\n };\n\n document.addEventListener('mousedown', onClickOutside, true);\n return function () {\n return document.removeEventListener('mousedown', onClickOutside, true);\n };\n }, []);\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 open: openAccountMenu,\n key: \"user-info\",\n domRef: userInfoRef\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 open: openAccountMenu,\n key: \"user-info\",\n domRef: userInfoRef\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: \"javascript:void(0)\",\n onClick: function onClick(event) {\n var retUrl = encodeURIComponent(window.location.href);\n window.location = authURLs.location.replace('%S', retUrl).replace('member?', '#!/member?');\n event.preventDefault();\n return false;\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 domRef: accountMenuRef\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\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/LoginNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconBell.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\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\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationButton/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(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(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n id: \"a\"\n })));\n};\n\nIconBell.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\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\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationButton/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationButton/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/index.js?"); /***/ }), @@ -1112,7 +1112,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationSettings/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _CheckBox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../CheckBox */ \"./src/components/CheckBox/index.js\");\n/* harmony import */ var _SwitchBox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SwitchBox */ \"./src/components/SwitchBox/index.js\");\n/* harmony import */ var _DropdownBox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DropdownBox */ \"./src/components/DropdownBox/index.js\");\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar ItemControl = function ItemControl(_ref) {\n var control = _ref.control,\n name = _ref.name,\n value = _ref.value,\n options = _ref.options,\n _onChange = _ref.onChange;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),\n dropdownOpen = _useState2[0],\n setDropdownOpen = _useState2[1];\n\n return control === 'checkbox' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'switch' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SwitchBox__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'dropdown' && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DropdownBox__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n open: dropdownOpen,\n onClick: function onClick() {\n return setDropdownOpen(function (x) {\n return !x;\n });\n },\n onClose: function onClose() {\n return setDropdownOpen(false);\n },\n checked: value !== options[0].value,\n value: value,\n options: options,\n onChange: function onChange(value) {\n return _onChange(name, value);\n }\n });\n};\n\nItemControl.propTypes = {\n control: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n name: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n value: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n /**\n * Render option controls.\n *\n * @param item {item} The option object\n * @param onChange {function} Called with name (eg. website) and the new value\n */\n\n};\n\nvar Item = function Item(_ref2) {\n var item = _ref2.item,\n onChange = _ref2.onChange;\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"li\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['list-item']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, item.title), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description']\n }, item.description)), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.websiteControl,\n name: \"website\",\n value: item.website,\n options: item.websiteOptions,\n onChange: onChange\n })), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.emailControl,\n name: \"email\",\n value: item.email,\n options: item.emailOptions,\n onChange: onChange\n }))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description-mobile']\n }, item.description));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar NotificationSettings = function NotificationSettings(_ref3) {\n var open = _ref3.open,\n settings = _ref3.settings,\n theme = _ref3.theme,\n onChange = _ref3.onChange,\n onClose = _ref3.onClose,\n onSave = _ref3.onSave;\n var settingsWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return settings.map(function (x, i) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x, {\n id: x.id || i\n });\n });\n }, [settings]);\n var categories = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return lodash__WEBPACK_IMPORTED_MODULE_6___default.a.uniq(settingsWithId.map(function (x) {\n return x.category;\n })).map(function (category) {\n return {\n category: category,\n settings: settingsWithId.filter(function (x) {\n return x.category === category;\n })\n };\n });\n }, [settingsWithId]);\n\n var createHandleChangeItem = function createHandleChangeItem(item) {\n return function (name, value) {\n var _settings = settingsWithId.map(function (x) {\n x = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x);\n\n if (x.id === item.id) {\n x[name] = value;\n }\n\n delete x.id;\n return x;\n });\n\n item = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, item, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, name, value));\n delete item.id;\n onChange(_settings, item, name);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-dialog'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['theme-wrapper'], \"theme-\".concat(theme), open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['header-nav-ui']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-nav']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['tc-logo'],\n src: \"../../assets/images/tc-logo.svg\",\n alt: \"logo\"\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Topcoder Settings\"), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['close-btn'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n src: \"../../assets/images/icon-close.svg\",\n alt: \"close\"\n })))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-panel']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Notifications\"), categories.map(function (category) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['panel-content'],\n key: category.category\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-title']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, category.category), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"Website\"))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"As email\")))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-list']\n }, category.settings.map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Item, {\n item: item,\n key: \"item-\".concat(i),\n onChange: createHandleChangeItem(item)\n });\n })));\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['bottom-btn']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn-gray']),\n onClick: onSave\n }, \"Save settings\"))));\n};\n\nNotificationSettings.defaultProps = {\n theme: 'light',\n settings: [{\n category: 'Project notifications',\n title: 'New posts and replies',\n description: \"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.\",\n websiteControl: 'checkbox',\n website: true,\n emailControl: 'dropdown',\n email: 'immediately',\n emailOptions: [{\n value: 'off',\n label: 'Off'\n }, {\n value: 'immediately',\n label: 'Immediately'\n }, {\n value: 'daily',\n label: 'Daily'\n }, {\n value: 'everyOtherDay',\n label: 'Every other day'\n }]\n }]\n};\nNotificationSettings.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n\n /**\n * Array of options object, each with properties:\n *\n * - id (optional)\n * - title {string} Option title\n * - description {string} Option description\n * - category {string} Option category. Eg. Project notifications\n * - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\n * - website {bool|string} Website value\n * - websiteOptions {array({ value, label })} Website options for dropdown\n * - emailControl {string(checkbox|switch|dropdown)} Type of control for email\n * - email {bool|string} Email value\n * - emailOptions {array({ value, label })} Email options for dropdown\n */\n settings: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n\n /**\n * Called when changing settings.\n *\n * @param settings {array} The updated settings\n * @param option {object} The specific settings item that changed\n * @param name {object} The value that changed. Eg. website\n *\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n\n /** Called when save button is clicked */\n onSave: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nvar _default = NotificationSettings;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ItemControl, \"ItemControl\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(Item, \"Item\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationSettings/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationSettings/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _CheckBox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../CheckBox */ \"./src/components/CheckBox/index.js\");\n/* harmony import */ var _SwitchBox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SwitchBox */ \"./src/components/SwitchBox/index.js\");\n/* harmony import */ var _DropdownBox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DropdownBox */ \"./src/components/DropdownBox/index.js\");\n\n\n\n\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar ItemControl = function ItemControl(_ref) {\n var control = _ref.control,\n name = _ref.name,\n value = _ref.value,\n options = _ref.options,\n _onChange = _ref.onChange;\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),\n dropdownOpen = _useState2[0],\n setDropdownOpen = _useState2[1];\n\n return control === 'checkbox' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'switch' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SwitchBox__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n checked: value,\n onClick: function onClick() {\n return _onChange(name, !value);\n }\n }) : control === 'dropdown' && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DropdownBox__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n open: dropdownOpen,\n onClick: function onClick() {\n return setDropdownOpen(function (x) {\n return !x;\n });\n },\n onClose: function onClose() {\n return setDropdownOpen(false);\n },\n checked: value !== options[0].value,\n value: value,\n options: options,\n onChange: function onChange(value) {\n return _onChange(name, value);\n }\n });\n};\n\nItemControl.propTypes = {\n control: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n name: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n value: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n options: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n /**\n * Render option controls.\n *\n * @param item {item} The option object\n * @param onChange {function} Called with name (eg. website) and the new value\n */\n\n};\n\nvar Item = function Item(_ref2) {\n var item = _ref2.item,\n onChange = _ref2.onChange;\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"li\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['list-item']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, item.title), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description']\n }, item.description)), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.websiteControl,\n name: \"website\",\n value: item.website,\n options: item.websiteOptions,\n onChange: onChange\n })), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n control: item.emailControl,\n name: \"email\",\n value: item.email,\n options: item.emailOptions,\n onChange: onChange\n }))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description-mobile']\n }, item.description));\n};\n\nItem.propTypes = {\n item: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar NotificationSettings = function NotificationSettings(_ref3) {\n var open = _ref3.open,\n settings = _ref3.settings,\n theme = _ref3.theme,\n onChange = _ref3.onChange,\n onClose = _ref3.onClose,\n onSave = _ref3.onSave;\n var settingsWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return settings.map(function (x, i) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x, {\n id: x.id || i\n });\n });\n }, [settings]);\n var categories = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return lodash__WEBPACK_IMPORTED_MODULE_6___default.a.uniq(settingsWithId.map(function (x) {\n return x.category;\n })).map(function (category) {\n return {\n category: category,\n settings: settingsWithId.filter(function (x) {\n return x.category === category;\n })\n };\n });\n }, [settingsWithId]);\n\n var createHandleChangeItem = function createHandleChangeItem(item) {\n return function (name, value) {\n var _settings = settingsWithId.map(function (x) {\n x = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x);\n\n if (x.id === item.id) {\n x[name] = value;\n }\n\n delete x.id;\n return x;\n });\n\n item = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, item, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, name, value));\n delete item.id;\n onChange(_settings, item, name);\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-dialog'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['theme-wrapper'], \"theme-\".concat(theme), open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a.open)\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['header-nav-ui']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-nav']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['tc-logo'],\n src: \"../../assets/images/tc-logo.svg\",\n alt: \"logo\"\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Topcoder Settings\"), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['close-btn'],\n onClick: onClose\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n src: \"../../assets/images/icon-close.svg\",\n alt: \"close\"\n })))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-panel']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n }, \"Notifications\"), categories.map(function (category) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['panel-content'],\n key: category.category\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-title']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n }, category.category), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"Website\"))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"As email\")))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"ul\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-list']\n }, category.settings.map(function (item, i) {\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Item, {\n item: item,\n key: \"item-\".concat(i),\n onChange: createHandleChangeItem(item)\n });\n })));\n }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['bottom-btn']\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n role: \"button\",\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn-gray']),\n onClick: onSave\n }, \"Save settings\"))));\n};\n\nNotificationSettings.defaultProps = {\n theme: 'light',\n settings: [{\n category: 'Project notifications',\n title: 'New posts and replies',\n description: \"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.\",\n websiteControl: 'checkbox',\n website: true,\n emailControl: 'dropdown',\n email: 'immediately',\n emailOptions: [{\n value: 'off',\n label: 'Off'\n }, {\n value: 'immediately',\n label: 'Immediately'\n }, {\n value: 'daily',\n label: 'Daily'\n }, {\n value: 'everyOtherDay',\n label: 'Every other day'\n }]\n }]\n};\nNotificationSettings.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n\n /**\n * Array of options object, each with properties:\n *\n * - id (optional)\n * - title {string} Option title\n * - description {string} Option description\n * - category {string} Option category. Eg. Project notifications\n * - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\n * - website {bool|string} Website value\n * - websiteOptions {array({ value, label })} Website options for dropdown\n * - emailControl {string(checkbox|switch|dropdown)} Type of control for email\n * - email {bool|string} Email value\n * - emailOptions {array({ value, label })} Email options for dropdown\n */\n settings: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n\n /**\n * Called when changing settings.\n *\n * @param settings {array} The updated settings\n * @param option {object} The specific settings item that changed\n * @param name {object} The value that changed. Eg. website\n *\n */\n onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n\n /** Called when save button is clicked */\n onSave: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n onClose: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nvar _default = NotificationSettings;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(ItemControl, \"ItemControl\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(Item, \"Item\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/EmptyNotifications.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _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\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Category, \"Category\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Item, \"Item\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(NotificationList, \"NotificationList\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/NotificationList.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony 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\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Category, \"Category\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(Item, \"Item\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(NotificationList, \"NotificationList\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmptyNotifications */ \"./src/components/NotificationsPopup/EmptyNotifications.js\");\n/* harmony import */ var _NotificationList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./NotificationList */ \"./src/components/NotificationsPopup/NotificationList.js\");\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\nvar NotificationsPopup = function NotificationsPopup(_ref) {\n var open = _ref.open,\n onClose = _ref.onClose,\n emptyTitle = _ref.emptyTitle,\n 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\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/index.js?"); /***/ }), @@ -1182,7 +1182,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/SwitchBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar SwitchBox = function SwitchBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['switch-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked']),\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-on']\n }, \"on\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dot']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-off']\n }, \"off\"));\n};\n\nSwitchBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = SwitchBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/SwitchBox/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/SwitchBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar SwitchBox = function SwitchBox(_ref) {\n var checked = _ref.checked,\n onClick = _ref.onClick;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['switch-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked']),\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-on']\n }, \"on\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dot']\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-off']\n }, \"off\"));\n};\n\nSwitchBox.propTypes = {\n checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = SwitchBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/SwitchBox/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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 if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\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: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickItem(level2.id) : null\n }, level2.title);\n }\n }));\n};\n\nMobileMenu.propTypes = {\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileMenu, \"MobileMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileMenu.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileMenu.module.scss */ \"./src/components/TopNav/MobileMenu.module.scss\");\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar MobileMenu = function MobileMenu(_ref) {\n var menu = _ref.menu,\n activeChildId = _ref.activeChildId,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobile\n }, menu.subMenu && menu.subMenu.map(function (level2, i) {\n if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\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: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickItem(level2.id) : null\n }, level2.title);\n }\n }));\n};\n\nMobileMenu.propTypes = {\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileMenu, \"MobileMenu\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileMenu.js?"); /***/ }), @@ -1228,7 +1228,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MobileNav.module.scss */ \"./src/components/TopNav/MobileNav.module.scss\");\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconClose = function IconClose(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"e-remove\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }));\n};\n\nIconClose.defaultProps = {\n width: \"16\",\n height: \"16\",\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMenu = function IconMenu(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"menu-8\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z\"\n })));\n};\n\nIconMenu.defaultProps = {\n width: \"24\",\n height: \"16\",\n viewBox: \"0 0 24 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMagnifyingGlass = function IconMagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"ico-magnifying_glass\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nIconMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileNav = function MobileNav(_ref) {\n var showLeftMenu = _ref.showLeftMenu,\n onClickLeftMenu = _ref.onClickLeftMenu,\n logo = _ref.logo,\n onClickLogo = _ref.onClickLogo,\n rightMenu = _ref.rightMenu;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.mobileNav\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.leftMenuContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.menuBtn,\n onClick: onClickLeftMenu\n }, showLeftMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconClose, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMenu, null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n onClick: function onClick(e) {\n return onClickLogo(e);\n },\n href: \"/\"\n }, logo), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.rightMenu\n }, rightMenu)), showLeftMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.search\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMagnifyingGlass, {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.icon\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_3__[\"config\"].URL.BASE, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n placeholder: \"Find members by username or skill\",\n \"aria-label\": \"Find members by username or skill\"\n })));\n};\n\nMobileNav.propTypes = {\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClickLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = MobileNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileNav, \"MobileNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MobileNav.module.scss */ \"./src/components/TopNav/MobileNav.module.scss\");\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(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(\"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(\"g\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z\"\n })));\n};\n\nIconMenu.defaultProps = {\n width: \"24\",\n height: \"16\",\n viewBox: \"0 0 24 16\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMagnifyingGlass = function IconMagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nIconMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MobileNav = function MobileNav(_ref) {\n var showLeftMenu = _ref.showLeftMenu,\n onClickLeftMenu = _ref.onClickLeftMenu,\n logo = _ref.logo,\n onClickLogo = _ref.onClickLogo,\n rightMenu = _ref.rightMenu;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.mobileNav\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.leftMenuContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.menuBtn,\n onClick: onClickLeftMenu\n }, showLeftMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconClose, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMenu, null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n onClick: function onClick(e) {\n return onClickLogo(e);\n },\n href: \"/\"\n }, logo), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.rightMenu\n }, rightMenu)), showLeftMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.search\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMagnifyingGlass, {\n className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.icon\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(window.origin, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n placeholder: \"Find members by username or skill\",\n \"aria-label\": \"Find members by username or skill\"\n })));\n};\n\nMobileNav.propTypes = {\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onClickLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = MobileNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileNav, \"MobileNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileNav.js?"); /***/ }), @@ -1251,7 +1251,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileSubNav.module.scss */ \"./src/components/TopNav/MobileSubNav.module.scss\");\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileSubNav = function MobileSubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n activeChildId = _ref.activeChildId,\n onClick = _ref.onClick,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNav, open && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavMask\n }), (!isSecondaryMenu && menu.subMenu && menu.subMenu.length > 0 || menu.secondaryMenu && menu.secondaryMenu.length > 0) && 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(\"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) : 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).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 }))) || 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(\"dev\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title))));\n};\n\nMobileSubNav.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileSubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileSubNav, \"MobileSubNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileSubNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileSubNav.module.scss */ \"./src/components/TopNav/MobileSubNav.module.scss\");\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileSubNav = function MobileSubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n activeChildId = _ref.activeChildId,\n onClick = _ref.onClick,\n createHandleClickItem = _ref.createHandleClickItem;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNav, open && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavMask\n }), (!isSecondaryMenu && menu.subMenu && menu.subMenu.length > 0 || menu.secondaryMenu && menu.secondaryMenu.length > 0) && 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(\"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) : 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).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 }))) || 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(\"dev\", {\n className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title))));\n};\n\nMobileSubNav.propTypes = {\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileSubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(MobileSubNav, \"MobileSubNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileSubNav.js?"); /***/ }), @@ -1274,7 +1274,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_resize_detector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-resize-detector */ \"./node_modules/react-resize-detector/lib/esm/index.js\");\n/* harmony import */ var _ChosenArrow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ChosenArrow */ \"./src/components/ChosenArrow/index.js\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PrimaryNav.module.scss */ \"./src/components/TopNav/PrimaryNav.module.scss\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-down\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MagnifyingGlass = function MagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"ico-magnifying_glass\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar BASE_URL = topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__[\"config\"].URL.BASE;\n\nvar PrimaryNav = function PrimaryNav(_ref) {\n var collapsed = _ref.collapsed,\n showLeftMenu = _ref.showLeftMenu,\n logo = _ref.logo,\n menu = _ref.menu,\n rightMenu = _ref.rightMenu,\n moreMenu = _ref.moreMenu,\n openMore = _ref.openMore,\n onCloseMore = _ref.onCloseMore,\n moreId = _ref.moreId,\n activeLevel1Id = _ref.activeLevel1Id,\n activeLevel2Id = _ref.activeLevel2Id,\n onClickLogo = _ref.onClickLogo,\n onRightMenuResize = _ref.onRightMenuResize,\n createHandleClickLevel1 = _ref.createHandleClickLevel1,\n createHandleClickLevel2 = _ref.createHandleClickLevel2,\n handleClickMore = _ref.handleClickMore,\n createHandleClickMoreItem = _ref.createHandleClickMoreItem,\n createSetRef = _ref.createSetRef,\n showChosenArrow = _ref.showChosenArrow,\n showLevel3 = _ref.showLevel3,\n forceHideLevel3 = _ref.forceHideLevel3,\n chosenArrowX = _ref.chosenArrowX,\n searchOpened = _ref.searchOpened,\n toggleSearchOpen = _ref.toggleSearchOpen;\n\n var filterNotInMore = function filterNotInMore(menu) {\n return !(moreMenu || []).find(function (x) {\n return x.id === menu.id;\n });\n };\n\n var activeTrigger = {\n bottom: 50 // The main nav head bottom Y\n\n };\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainer, showLeftMenu && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainerOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNav,\n ref: createSetRef('primaryNav')\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogo, collapsed && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogoPush),\n onClick: function onClick(e) {\n return onClickLogo(e);\n },\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 || showLeftMenu) && level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Open, level1.mobileOnly && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mobileOnly),\n href: level1.href,\n key: \"level1-\".concat(i),\n onClick: createHandleClickLevel1(level1.id, true),\n ref: createSetRef(level1.id)\n }, level1.title),\n /* Level 2 menu */\n level1.subMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Container, level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2ContainerOpen),\n key: \"level2-\".concat(i, \"-container\"),\n ref: createSetRef(\"level2Container\".concat(i))\n }, level1.subMenu.filter(filterNotInMore).map(function (level2, i) {\n if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\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: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickLevel2(level2.id, true) : null,\n ref: createSetRef(level2.id)\n }, level2.title);\n }\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\"), openMore && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null), !openMore && 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 && showLevel3 && !forceHideLevel3,\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: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rightMenuPrimaryLevel1)\n }, rightMenu), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n \"aria-label\": \"Find members by username or skill\",\n role: \"button\",\n tabIndex: 0,\n \"data-menu\": \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchIcon, {\n opened: searchOpened\n }),\n onFocus: function onFocus() {\n return toggleSearchOpen(true);\n },\n onBlur: function onBlur(event) {\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onMouseEnter: function onMouseEnter(event) {\n return toggleSearchOpen(true);\n },\n onMouseLeave: function onMouseLeave(event) {\n console.log(\"\".concat(event.clientX, \" - \").concat(event.clientY));\n\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onTouchStart: function onTouchStart(event) {\n if (searchOpened) {\n toggleSearchOpen(false);\n } else {\n toggleSearchOpen(true);\n }\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MagnifyingGlass, null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n role: \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchField, {\n opened: searchOpened,\n closed: !searchOpened\n }),\n onMouseLeave: function onMouseLeave(event) {\n toggleSearchOpen(false);\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n ref: createSetRef('searchInputBox'),\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(BASE_URL, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n onBlur: function onBlur() {\n return toggleSearchOpen(false);\n },\n \"aria-label\": \"Find members by username or skill\",\n placeholder: \"Find members by username or skill\"\n })));\n};\n\nPrimaryNav.propTypes = {\n collapsed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n moreMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onCloseMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n moreId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel2Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onRightMenuResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel1: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel2: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n handleClickMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickMoreItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n showChosenArrow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n showLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n forceHideLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n chosenArrowX: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n searchOpened: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n toggleSearchOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = PrimaryNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(BASE_URL, \"BASE_URL\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(PrimaryNav, \"PrimaryNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_resize_detector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-resize-detector */ \"./node_modules/react-resize-detector/lib/esm/index.js\");\n/* harmony import */ var _ChosenArrow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ChosenArrow */ \"./src/components/ChosenArrow/index.js\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PrimaryNav.module.scss */ \"./src/components/TopNav/PrimaryNav.module.scss\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n(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(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MagnifyingGlass = function MagnifyingGlass(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n fill: \"#979797\",\n fillRule: \"evenodd\"\n }));\n};\n\nMagnifyingGlass.defaultProps = {\n width: \"18\",\n height: \"18\",\n viewBox: \"0 0 18 18\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar 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 showLevel3 = _ref.showLevel3,\n forceHideLevel3 = _ref.forceHideLevel3,\n chosenArrowX = _ref.chosenArrowX,\n searchOpened = _ref.searchOpened,\n toggleSearchOpen = _ref.toggleSearchOpen;\n\n var filterNotInMore = function filterNotInMore(menu) {\n return !(moreMenu || []).find(function (x) {\n return x.id === menu.id;\n });\n };\n\n var activeTrigger = {\n bottom: 50 // The main nav head bottom Y\n\n };\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainer, showLeftMenu && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainerOpen)\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNav,\n ref: createSetRef('primaryNav')\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogo, collapsed && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogoPush),\n onClick: function onClick(e) {\n return onClickLogo(e);\n },\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 || showLeftMenu) && level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Open, level1.mobileOnly && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mobileOnly),\n href: level1.href,\n key: \"level1-\".concat(i),\n onClick: createHandleClickLevel1(level1.id, true),\n ref: createSetRef(level1.id)\n }, level1.title),\n /* Level 2 menu */\n level1.subMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Container, level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2ContainerOpen),\n key: \"level2-\".concat(i, \"-container\"),\n ref: createSetRef(\"level2Container\".concat(i))\n }, level1.subMenu.filter(filterNotInMore).map(function (level2, i) {\n if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\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: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickLevel2(level2.id, true) : null,\n ref: createSetRef(level2.id)\n }, level2.title);\n }\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\"), openMore && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null), !openMore && 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 && showLevel3 && !forceHideLevel3,\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: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rightMenuPrimaryLevel1)\n }, rightMenu), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n \"aria-label\": \"Find members by username or skill\",\n role: \"button\",\n tabIndex: 0,\n \"data-menu\": \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchIcon, {\n opened: searchOpened\n }),\n onFocus: function onFocus() {\n return toggleSearchOpen(true);\n },\n onBlur: function onBlur(event) {\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onMouseEnter: function onMouseEnter(event) {\n return toggleSearchOpen(true);\n },\n onMouseLeave: function onMouseLeave(event) {\n console.log(\"\".concat(event.clientX, \" - \").concat(event.clientY));\n\n if (event.pageY < activeTrigger.bottom) {\n toggleSearchOpen(false);\n }\n },\n onTouchStart: function onTouchStart(event) {\n if (searchOpened) {\n toggleSearchOpen(false);\n } else {\n toggleSearchOpen(true);\n }\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MagnifyingGlass, null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n role: \"search\",\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchField, {\n opened: searchOpened,\n closed: !searchOpened\n }),\n onMouseLeave: function onMouseLeave(event) {\n toggleSearchOpen(false);\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n ref: createSetRef('searchInputBox'),\n onKeyPress: function onKeyPress(event) {\n if (event.key === 'Enter') {\n window.location = \"\".concat(window.origin, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n }\n },\n onBlur: function onBlur() {\n return toggleSearchOpen(false);\n },\n \"aria-label\": \"Find members by username or skill\",\n placeholder: \"Find members by username or skill\"\n })));\n};\n\nPrimaryNav.propTypes = {\n collapsed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n moreMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n onCloseMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n moreId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n activeLevel2Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n onRightMenuResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel1: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickLevel2: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n handleClickMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createHandleClickMoreItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n showChosenArrow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n showLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n forceHideLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n chosenArrowX: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n searchOpened: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n toggleSearchOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = PrimaryNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(PrimaryNav, \"PrimaryNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/PrimaryNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/PrimaryNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.js?"); /***/ }), @@ -1297,7 +1297,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _IconSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../IconSelect */ \"./src/components/IconSelect/index.js\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SubNav.module.scss */ \"./src/components/TopNav/SubNav.module.scss\");\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar SubNav = function SubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n isResize = _ref.isResize,\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).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: !level3.openNewTab && createHandleClickItem(level3.id),\n openNewTab: level3.openNewTab\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 isResize: isResize,\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 isResize: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n showIndicator: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n indicatorX: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func\n};\nvar _default = SubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SubNav, \"SubNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/SubNav.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _IconSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../IconSelect */ \"./src/components/IconSelect/index.js\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SubNav.module.scss */ \"./src/components/TopNav/SubNav.module.scss\");\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar SubNav = function SubNav(_ref) {\n var open = _ref.open,\n menu = _ref.menu,\n isSecondaryMenu = _ref.isSecondaryMenu,\n isResize = _ref.isResize,\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).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: !level3.openNewTab && createHandleClickItem(level3.id),\n openNewTab: level3.openNewTab\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 isResize: isResize,\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 isResize: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n showIndicator: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n indicatorX: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func\n};\nvar _default = SubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(SubNav, \"SubNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/SubNav.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"@babel/runtime/helpers/toConsumableArray\");\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__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 topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index.module.scss */ \"./src/components/TopNav/index.module.scss\");\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _MobileNav__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MobileNav */ \"./src/components/TopNav/MobileNav.js\");\n/* harmony import */ var _MobileSubNav__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MobileSubNav */ \"./src/components/TopNav/MobileSubNav.js\");\n/* harmony import */ var _MobileMenu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MobileMenu */ \"./src/components/TopNav/MobileMenu.js\");\n/* harmony import */ var _PrimaryNav__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./PrimaryNav */ \"./src/components/TopNav/PrimaryNav.js\");\n/* harmony import */ var _SubNav__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SubNav */ \"./src/components/TopNav/SubNav.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\n\n\nvar moreId = 'more';\nvar id = 1;\nvar idForSecondary = 1000;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\n id = 1;\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___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_2___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_2___default()({}, level3, {\n id: level3.id || id++\n });\n })\n });\n }),\n secondaryMenu: loggedIn && profileHandle ? lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n return item && item.logged;\n }) : lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n return item && !item.logged;\n })\n });\n });\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level1, {\n secondaryMenu: level1.secondaryMenu && level1.secondaryMenu.map(function (levelsec) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, levelsec, {\n id: levelsec.id || idForSecondary++,\n // set user profile link\n href: levelsec.id !== 'myprofile' ? levelsec.href || '#' : profileHandle ? \"/members/\".concat(profileHandle) : '/'\n });\n })\n });\n });\n var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n if (cacheMenu && cacheMenu.date + 32000 > new Date().getTime()) {\n var menuItem = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.find(menu, function (m) {\n return m.id === cacheMenu.id;\n });\n\n if (menuItem) {\n menuItem.subMenu = cacheMenu.subMenu;\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 Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n var orientationchange = function orientationchange() {\n setOpenMore(false);\n setShowLeftMenu(false);\n };\n\n window.addEventListener('orientationchange', orientationchange);\n return function () {\n return window.removeEventListener('orientationchange', orientationchange);\n };\n }, []);\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])({\n refs: {},\n slide: {}\n }),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 1),\n cache = _useState2[0];\n\n var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),\n collapsed = _useState4[0],\n setCollapsed = _useState4[1];\n\n var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),\n activeLevel1Id = _useState6[0],\n setActiveLevel1Id = _useState6[1];\n\n var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),\n activeLevel2Id = _useState8[0],\n setActiveLevel2Id = _useState8[1];\n\n var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),\n activeLevel3Id = _useState10[0],\n setActiveLevel3Id = _useState10[1];\n\n var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState11, 2),\n isResize = _useState12[0],\n setResize = _useState12[1];\n\n var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState13, 2),\n showLevel3 = _useState14[0],\n setShowLevel3 = _useState14[1];\n\n var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState15, 2),\n forceHideLevel3 = _useState16[0],\n setforceHideLevel3 = _useState16[1];\n\n var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState17, 2),\n searchOpened = _useState18[0],\n setSearchOpened = _useState18[1];\n\n var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState19, 2),\n showChosenArrow = _useState20[0],\n setShowChosenArrow = _useState20[1];\n\n var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState21, 2),\n chosenArrowX = _useState22[0],\n setChosenArrowX = _useState22[1];\n\n var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(0),\n _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState23, 2),\n chosenArrowTick = _useState24[0],\n setChosenArrowTick = _useState24[1];\n\n var _useState25 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState26 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState25, 2),\n showIconSelect = _useState26[0],\n setShowIconSelect = _useState26[1];\n\n var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState27, 2),\n iconSelectX = _useState28[0],\n setIconSelectX = _useState28[1];\n\n var menuWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return initMenuId(_menu, profileHandle, loggedIn);\n }, [_menu, profileHandle, loggedIn]);\n\n var _useState29 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(menuWithId),\n _useState30 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState29, 2),\n leftNav = _useState30[0],\n setLeftNav = _useState30[1];\n\n var _useState31 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState32 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState31, 2),\n showLeftMenu = _useState32[0],\n setShowLeftMenu = _useState32[1];\n\n var _useState33 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState34 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState33, 2),\n showMobileSubMenu = _useState34[0],\n setShowMobileSubMenu = _useState34[1];\n\n var _useState35 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState36 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState35, 2),\n moreMenu = _useState36[0],\n setMoreMenu = _useState36[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 }; // if click level2 menu from 'more', exchange to the first place\n\n\n var reArrangeLevel2Menu = function reArrangeLevel2Menu(level1Id, menuId) {\n var menu1 = findLevel1Menu(level1Id);\n\n if (menu1 && menu1.subMenu) {\n var subMenu = menu1.subMenu;\n\n var pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(subMenu, function (level2) {\n return level2.id === menuId;\n });\n\n var t = subMenu[0];\n subMenu[0] = subMenu[pos];\n subMenu[pos] = t;\n pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(moreMenu, function (level2) {\n return level2.id === menuId;\n });\n moreMenu[pos] = t;\n window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, menu1)));\n setMoreMenu(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(moreMenu));\n setChosenArrowPos(menuId);\n }\n };\n\n var activeMenu1 = findLevel1Menu(activeLevel1Id);\n var activeMenu2 = findLevel2Menu(activeLevel1Id, activeLevel2Id);\n var startSlide = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"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 if (!el) return menu;\n var rect = el.getBoundingClientRect();\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, menu, {\n initialX: rect.x || rect.left\n });\n });\n });\n }, [cache.refs, cache.slide]);\n var getMenuCenter = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n var el = cache.refs[menuId];\n if (!el) return;\n var rect = el.getBoundingClientRect();\n return (rect.x || rect.left) + rect.width / 2;\n }, [cache.refs]);\n var setChosenArrowPos = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n setChosenArrowX(getMenuCenter(menuId));\n }, [setChosenArrowX, getMenuCenter]);\n\n var setIconSelectPos = function setIconSelectPos(menuId) {\n // wait for menuId element to get positioned in its place\n setTimeout(function () {\n setIconSelectX(getMenuCenter(menuId));\n }, 0);\n };\n\n var handleClickLogo = function handleClickLogo(e) {\n e.preventDefault();\n window.location = loggedIn ? topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.HOME : topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.BASE;\n };\n\n var expandMenu = function expandMenu(menuId, menu2Id) {\n if (!menuId) return;\n createHandleClickLevel1(menuId, false)();\n setTimeout(function () {\n if (menu2Id) createHandleClickLevel2(menu2Id, false)();\n }, 0);\n };\n\n var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId, isClick) {\n return function () {\n if (!menuId) return;\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id(); // isClick means that its clicked by user. !isClick is when we click programmatically\n\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n startSlide();\n setTimeout(function () {\n // wait for sliding to end before showing arrow for the first time\n setShowChosenArrow(true);\n }, collapsed ? 250 : 0); // trigger the execution of useLayoutEffect below, this is necessary because\n // the other dependencies don't change\n\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n };\n }, [collapsed, onChangeLevel1Id, startSlide]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n if (currentLevel1Id !== activeLevel1Id) {\n !collapsed && currentLevel1Id && createHandleClickLevel1(currentLevel1Id, false)();\n }\n }, [currentLevel1Id, activeLevel1Id, createHandleClickLevel1]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useLayoutEffect\"])(function () {\n // get final menu pos before it slide. Do this before sliding start, or\n // we'll get incorrect pos\n activeLevel1Id && setChosenArrowPos(activeLevel1Id);\n }, [activeLevel1Id, setChosenArrowPos, chosenArrowTick, showLeftMenu]);\n\n var createHandleClickLevel2 = function createHandleClickLevel2(menuId, isClick) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n setChosenArrowPos(menuId);\n };\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n // update level3 select icon, show it only if current menu is as same as menu address in url\n var _getMenuIdsFromPath = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath.m1,\n m2 = _getMenuIdsFromPath.m2,\n m3 = _getMenuIdsFromPath.m3;\n\n if (m3) {\n // show level 3 icon if active menu menuLevel2 is as same as url\n // or if level2 menu (in both menu and url) is null, and active menu level1 is as same as url\n if (m2 === activeLevel2Id || !m2 && !activeLevel2Id && m1 === activeLevel1Id) {\n setActiveLevel3Id(m3);\n setIconSelectPos(m3);\n setShowIconSelect(true);\n } else {\n setShowIconSelect(false);\n }\n }\n }, [activeLevel1Id, activeLevel2Id, path]);\n\n var isLevel3ExactPath = function isLevel3ExactPath(menuWithId_, path_) {\n var found = {\n exact: false // If haven't a path just return\n\n };\n if (!path_) return found;\n menuWithId_.forEach(function (level1) {\n level1.subMenu && level1.subMenu.forEach(function (level2) {\n level2.subMenu && level2.subMenu.forEach(function (level3) {\n if (level3.href && path_.indexOf(level3.href) > -1) {\n if (found.exact) {\n if (level3.href === path_) found = {\n exact: true\n };\n } else {\n found = {\n exact: path_.endsWith(level3.href)\n };\n }\n }\n });\n });\n level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n if (level3.href) {\n // Check if path have parameters\n var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n if (path_.indexOf(href) > -1) found = {\n exact: path_.endsWith(href)\n };\n }\n });\n });\n return found;\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n if (!path || !menuWithId) return; // check if current path is an exact matches with level3 href\n\n var _isLevel3ExactPath = isLevel3ExactPath(menuWithId, path),\n exact = _isLevel3ExactPath.exact;\n\n if (!exact) {\n setActiveLevel3Id(undefined);\n setIconSelectPos(undefined);\n setShowIconSelect(false);\n }\n }, [activeLevel3Id]);\n\n var createHandleClickLevel3 = function createHandleClickLevel3(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setIconSelectPos(menuId);\n var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n if (cacheMenu) {\n window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, cacheMenu, {\n date: new Date().getTime()\n })));\n }\n };\n };\n\n var handleClickMore = function handleClickMore() {\n return setOpenMore(function (x) {\n return !x;\n });\n };\n\n var handleCloseMore = function handleCloseMore() {\n return setOpenMore(false);\n };\n\n var handleSearchPanel = function handleSearchPanel(x) {\n setSearchOpened(x);\n cache.refs.searchInputBox.value = '';\n };\n\n var createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n setforceHideLevel3(false); // let the level 3 menu mounted first for sliding indicator to work\n\n setTimeout(function () {\n reArrangeLevel2Menu(activeLevel1Id, menuId);\n });\n };\n };\n\n var handleClickLeftMenu = function handleClickLeftMenu() {\n return setShowLeftMenu(function (x) {\n return !x;\n });\n };\n\n var createHandleClickLevel2Mobile = function createHandleClickLevel2Mobile(menuId) {\n return function () {\n setShowLeftMenu(false);\n setActiveLevel2Id(menuId);\n };\n };\n\n var createHandleClickLevel3Mobile = function createHandleClickLevel3Mobile(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setShowMobileSubMenu(false);\n };\n };\n\n var handleClickSubMenu = function handleClickSubMenu() {\n return setShowMobileSubMenu(function (x) {\n return !x;\n });\n };\n\n var setOverflow = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"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_3__[\"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 if (!el) return;\n var rect = el.getBoundingClientRect();\n var relativeX = menu.initialX - (rect.x || rect.left);\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_3__[\"useEffect\"])(function () {\n setMoreMenu([]);\n }, [activeMenu1]); // show/hide level 2 more menu\n\n var generateMoreMenu = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"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 if (!menuEl.parentElement) return;\n prect = menuEl.parentElement.getBoundingClientRect();\n } // add the item if it's overflowing\n\n\n if (rect.right > prect.right && rect.right - prect.right > 1) {\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 if (newMoreMenu.length) {\n setMoreMenu(newMoreMenu);\n } else {\n window.localStorage.removeItem('__top_nav_bar_state');\n }\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_3__[\"useLayoutEffect\"])(function () {\n generateMoreMenu();\n }, [generateMoreMenu]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n // trigger more menu generation on resize\n var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n regenerateMoreMenu([]); // tick to update menu (reposition arrow)\n // setChosenArrowTick(x => x + 1)\n }, 100);\n\n window.addEventListener('resize', onResize);\n return function () {\n return window.removeEventListener('resize', onResize);\n };\n }, []);\n\n var getMenuIdsFromPath = function getMenuIdsFromPath(menuWithId_, path_) {\n var found = {\n m1: null,\n m2: null,\n m3: null // If haven't a path just return\n\n };\n if (!path_) return found;\n menuWithId_.forEach(function (level1) {\n if (level1.href && path_.indexOf(level1.href) > -1) found = {\n m1: level1.id,\n m2: null\n };\n level1.subMenu && level1.subMenu.forEach(function (level2) {\n if (level2.href && path_.indexOf(level2.href) > -1) found = {\n m1: level1.id,\n m2: level2.id\n };\n level2.subMenu && level2.subMenu.forEach(function (level3) {\n if (level3.href && path_.indexOf(level3.href) > -1) {\n if (found.m3) {\n if (level3.href === path_) found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n } else {\n found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n }\n\n if (!activeLevel3Id && level3.collapsed) setforceHideLevel3(true);\n }\n });\n });\n level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n if (level3.href) {\n // Check if path have parameters\n var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n if (path_.indexOf(href) > -1) found = {\n m1: level1.id,\n m3: level3.id\n };\n }\n });\n });\n return found;\n };\n\n var timeId = 0;\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n // when scren change size, keep green indicator keep static\n var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n if (timeId) {\n clearTimeout(timeId);\n }\n\n var _getMenuIdsFromPath2 = getMenuIdsFromPath(menuWithId, path),\n m3 = _getMenuIdsFromPath2.m3;\n\n activeLevel2Id && setChosenArrowPos(activeLevel2Id);\n setIconSelectPos(m3);\n setResize(true);\n timeId = setTimeout(function () {\n setResize(false);\n timeId = 0;\n }, 1000);\n }, 50);\n\n window.addEventListener('resize', onResize);\n return function () {\n return window.removeEventListener('resize', onResize);\n };\n }, [getMenuIdsFromPath]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n if (!path || !menuWithId[0]) return;\n setLeftNav(menuWithId); // always expand menu on challenge list page and challenge details page\n // also in challenge details page, level 3 menu shouldnt be visible if (!path || !menuWithId[0]) return\n\n var _getMenuIdsFromPath3 = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath3.m1,\n m2 = _getMenuIdsFromPath3.m2;\n\n var forceM2 = null;\n\n if (path.indexOf('/challenges') > -1) {\n // If All Challenge page\n if (path.match(/challenges\\/[0-9]+/)) {\n // If Challenge Details page\n setforceHideLevel3(true);\n forceM2 = getMenuIdsFromPath(menuWithId, '/challenges').m2;\n }\n } else if (path.indexOf('/my-dashboard') > -1 || path.indexOf('/members/' + profileHandle) > -1) {\n // If My Dashboard and My Profile page\n setShowLevel3(true);\n } else if (path.indexOf('/community/learn') > -1 || path.indexOf('/thrive/tracks') > -1) {\n // Show 3rd level menu to Community [ Overview - How It Works ]\n forceM2 = getMenuIdsFromPath(menuWithId, '/community').m2;\n } else if (!m2) {\n setShowLevel3(false);\n setforceHideLevel3(true);\n } // expand first Level1Menu(like work/business) on login / logout.\n\n\n setTimeout(function () {\n expandMenu(m1 || 'community', m2 || forceM2);\n });\n }, [path, loggedIn, profileHandle]);\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.themeWrapper, \"theme-\".concat(theme))\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.headerNavUi\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileNav__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n showLeftMenu: showLeftMenu,\n logo: logo,\n onClickLogo: handleClickLogo,\n rightMenu: rightMenu,\n onClickLeftMenu: handleClickLeftMenu\n }), !showLeftMenu && (activeMenu2 || activeMenu1) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileSubNav__WEBPACK_IMPORTED_MODULE_10__[\"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_3___default.a.createElement(_PrimaryNav__WEBPACK_IMPORTED_MODULE_12__[\"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 showLevel3: showLevel3,\n forceHideLevel3: forceHideLevel3,\n chosenArrowX: chosenArrowX,\n searchOpened: searchOpened,\n toggleSearchOpen: handleSearchPanel\n }), (activeMenu2 && activeMenu2.subMenu && activeMenu2.subMenu.length > 0 || !activeMenu2 && activeMenu1 && activeMenu1.secondaryMenu && activeMenu1.secondaryMenu.length > 0) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n open: forceHideLevel3 ? false : showLevel3,\n menu: activeMenu2 || activeMenu1,\n isResize: isResize,\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_3___default.a.createElement(_MobileMenu__WEBPACK_IMPORTED_MODULE_11__[\"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_4___default.a.array.isRequired,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n\n /** light|dark etc */\n theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n currentLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n onChangeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n path: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n setOpenMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n profileHandle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string\n};\nvar _default = TopNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(moreId, \"moreId\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(id, \"id\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(idForSecondary, \"idForSecondary\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(initMenuId, \"initMenuId\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"@babel/runtime/helpers/toConsumableArray\");\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__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 topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index.module.scss */ \"./src/components/TopNav/index.module.scss\");\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _MobileNav__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MobileNav */ \"./src/components/TopNav/MobileNav.js\");\n/* harmony import */ var _MobileSubNav__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MobileSubNav */ \"./src/components/TopNav/MobileSubNav.js\");\n/* harmony import */ var _MobileMenu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MobileMenu */ \"./src/components/TopNav/MobileMenu.js\");\n/* harmony import */ var _PrimaryNav__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./PrimaryNav */ \"./src/components/TopNav/PrimaryNav.js\");\n/* harmony import */ var _SubNav__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SubNav */ \"./src/components/TopNav/SubNav.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\n\n\nvar moreId = 'more';\nvar id = 1;\nvar idForSecondary = 1000;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\n id = 1;\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___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_2___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_2___default()({}, level3, {\n id: level3.id || id++\n });\n })\n });\n }),\n secondaryMenu: loggedIn && profileHandle ? lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n return item && item.logged;\n }) : lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n return item && !item.logged;\n })\n });\n });\n menu = menu.map(function (level1) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level1, {\n secondaryMenu: level1.secondaryMenu && level1.secondaryMenu.map(function (levelsec) {\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, levelsec, {\n id: levelsec.id || idForSecondary++,\n // set user profile link\n href: levelsec.id !== 'myprofile' ? levelsec.href || '#' : profileHandle ? \"/members/\".concat(profileHandle) : '/'\n });\n })\n });\n });\n var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n if (cacheMenu && cacheMenu.date + 32000 > new Date().getTime()) {\n var menuItem = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.find(menu, function (m) {\n return m.id === cacheMenu.id;\n });\n\n if (menuItem) {\n menuItem.subMenu = cacheMenu.subMenu;\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 Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n var orientationchange = function orientationchange() {\n setOpenMore(false);\n setShowLeftMenu(false);\n };\n\n window.addEventListener('orientationchange', orientationchange);\n return function () {\n return window.removeEventListener('orientationchange', orientationchange);\n };\n }, []);\n\n var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])({\n refs: {},\n slide: {}\n }),\n _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 1),\n cache = _useState2[0];\n\n var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),\n collapsed = _useState4[0],\n setCollapsed = _useState4[1];\n\n var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),\n activeLevel1Id = _useState6[0],\n setActiveLevel1Id = _useState6[1];\n\n var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),\n activeLevel2Id = _useState8[0],\n setActiveLevel2Id = _useState8[1];\n\n var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),\n activeLevel3Id = _useState10[0],\n setActiveLevel3Id = _useState10[1];\n\n var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState11, 2),\n isResize = _useState12[0],\n setResize = _useState12[1];\n\n var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState13, 2),\n showLevel3 = _useState14[0],\n setShowLevel3 = _useState14[1];\n\n var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState15, 2),\n forceHideLevel3 = _useState16[0],\n setforceHideLevel3 = _useState16[1];\n\n var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState17, 2),\n searchOpened = _useState18[0],\n setSearchOpened = _useState18[1];\n\n var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState19, 2),\n showChosenArrow = _useState20[0],\n setShowChosenArrow = _useState20[1];\n\n var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState21, 2),\n chosenArrowX = _useState22[0],\n setChosenArrowX = _useState22[1];\n\n var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(0),\n _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState23, 2),\n chosenArrowTick = _useState24[0],\n setChosenArrowTick = _useState24[1];\n\n var _useState25 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState26 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState25, 2),\n showIconSelect = _useState26[0],\n setShowIconSelect = _useState26[1];\n\n var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState27, 2),\n iconSelectX = _useState28[0],\n setIconSelectX = _useState28[1];\n\n var menuWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n return initMenuId(_menu, profileHandle, loggedIn);\n }, [_menu, profileHandle, loggedIn]);\n\n var _useState29 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(menuWithId),\n _useState30 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState29, 2),\n leftNav = _useState30[0],\n setLeftNav = _useState30[1];\n\n var _useState31 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState32 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState31, 2),\n showLeftMenu = _useState32[0],\n setShowLeftMenu = _useState32[1];\n\n var _useState33 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState34 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState33, 2),\n showMobileSubMenu = _useState34[0],\n setShowMobileSubMenu = _useState34[1];\n\n var _useState35 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n _useState36 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState35, 2),\n moreMenu = _useState36[0],\n setMoreMenu = _useState36[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 }; // if click level2 menu from 'more', exchange to the first place\n\n\n var reArrangeLevel2Menu = function reArrangeLevel2Menu(level1Id, menuId) {\n var menu1 = findLevel1Menu(level1Id);\n\n if (menu1 && menu1.subMenu) {\n var subMenu = menu1.subMenu;\n\n var pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(subMenu, function (level2) {\n return level2.id === menuId;\n });\n\n var t = subMenu[0];\n subMenu[0] = subMenu[pos];\n subMenu[pos] = t;\n pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(moreMenu, function (level2) {\n return level2.id === menuId;\n });\n moreMenu[pos] = t;\n window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, menu1)));\n setMoreMenu(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(moreMenu));\n setChosenArrowPos(menuId);\n }\n };\n\n var activeMenu1 = findLevel1Menu(activeLevel1Id);\n var activeMenu2 = findLevel2Menu(activeLevel1Id, activeLevel2Id);\n var startSlide = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"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 if (!el) return menu;\n var rect = el.getBoundingClientRect();\n return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, menu, {\n initialX: rect.x || rect.left\n });\n });\n });\n }, [cache.refs, cache.slide]);\n var getMenuCenter = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n var el = cache.refs[menuId];\n if (!el) return;\n var rect = el.getBoundingClientRect();\n return (rect.x || rect.left) + rect.width / 2;\n }, [cache.refs]);\n var setChosenArrowPos = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n setChosenArrowX(getMenuCenter(menuId));\n }, [setChosenArrowX, getMenuCenter]);\n\n var setIconSelectPos = function setIconSelectPos(menuId) {\n // wait for menuId element to get positioned in its place\n setTimeout(function () {\n setIconSelectX(getMenuCenter(menuId));\n }, 0);\n };\n\n var handleClickLogo = function handleClickLogo(e) {\n e.preventDefault();\n window.location = loggedIn ? topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.HOME : topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.BASE;\n };\n\n var expandMenu = function expandMenu(menuId, menu2Id) {\n if (!menuId) return;\n createHandleClickLevel1(menuId, false)();\n setTimeout(function () {\n if (menu2Id) createHandleClickLevel2(menu2Id, false)();\n }, 0);\n };\n\n var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId, isClick) {\n return function () {\n if (!menuId) return;\n setOpenMore(false);\n setCollapsed(false);\n setActiveLevel1Id(menuId);\n onChangeLevel1Id(menuId);\n setActiveLevel2Id(); // isClick means that its clicked by user. !isClick is when we click programmatically\n\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n startSlide();\n setTimeout(function () {\n // wait for sliding to end before showing arrow for the first time\n setShowChosenArrow(true);\n }, collapsed ? 250 : 0); // trigger the execution of useLayoutEffect below, this is necessary because\n // the other dependencies don't change\n\n setChosenArrowTick(function (x) {\n return x + 1;\n });\n };\n }, [collapsed, onChangeLevel1Id, startSlide]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n if (currentLevel1Id !== activeLevel1Id) {\n !collapsed && currentLevel1Id && createHandleClickLevel1(currentLevel1Id, false)();\n }\n }, [currentLevel1Id, activeLevel1Id, createHandleClickLevel1]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useLayoutEffect\"])(function () {\n // get final menu pos before it slide. Do this before sliding start, or\n // we'll get incorrect pos\n activeLevel1Id && setChosenArrowPos(activeLevel1Id);\n }, [activeLevel1Id, setChosenArrowPos, chosenArrowTick, showLeftMenu]);\n\n var createHandleClickLevel2 = function createHandleClickLevel2(menuId, isClick) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n if (isClick) setforceHideLevel3(false);\n setChosenArrowPos(menuId);\n };\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n // update level3 select icon, show it only if current menu is as same as menu address in url\n var _getMenuIdsFromPath = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath.m1,\n m2 = _getMenuIdsFromPath.m2,\n m3 = _getMenuIdsFromPath.m3;\n\n if (m3) {\n // show level 3 icon if active menu menuLevel2 is as same as url\n // or if level2 menu (in both menu and url) is null, and active menu level1 is as same as url\n if (m2 === activeLevel2Id || !m2 && !activeLevel2Id && m1 === activeLevel1Id) {\n setActiveLevel3Id(m3);\n setIconSelectPos(m3);\n setShowIconSelect(true);\n } else {\n setShowIconSelect(false);\n }\n }\n }, [activeLevel1Id, activeLevel2Id, path]);\n\n var isLevel3ExactPath = function isLevel3ExactPath(menuWithId_, path_) {\n var found = {\n exact: false // If haven't a path just return\n\n };\n if (!path_) return found;\n menuWithId_.forEach(function (level1) {\n level1.subMenu && level1.subMenu.forEach(function (level2) {\n level2.subMenu && level2.subMenu.forEach(function (level3) {\n if (level3.href && path_.indexOf(level3.href) > -1) {\n if (found.exact) {\n if (level3.href === path_) found = {\n exact: true\n };\n } else {\n found = {\n exact: path_.endsWith(level3.href)\n };\n }\n }\n });\n });\n level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n if (level3.href) {\n // Check if path have parameters\n var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n if (path_.indexOf(href) > -1) found = {\n exact: path_.endsWith(href)\n };\n }\n });\n });\n return found;\n };\n\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n if (!path || !menuWithId) return; // check if current path is an exact matches with level3 href\n\n var _isLevel3ExactPath = isLevel3ExactPath(menuWithId, path),\n exact = _isLevel3ExactPath.exact;\n\n if (!exact) {\n setActiveLevel3Id(undefined);\n setIconSelectPos(undefined);\n setShowIconSelect(false);\n }\n }, [activeLevel3Id]);\n\n var createHandleClickLevel3 = function createHandleClickLevel3(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setIconSelectPos(menuId);\n var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n if (cacheMenu) {\n window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, cacheMenu, {\n date: new Date().getTime()\n })));\n }\n };\n };\n\n var handleClickMore = function handleClickMore() {\n return setOpenMore(function (x) {\n return !x;\n });\n };\n\n var handleCloseMore = function handleCloseMore() {\n return setOpenMore(false);\n };\n\n var handleSearchPanel = function handleSearchPanel(x) {\n setSearchOpened(x);\n cache.refs.searchInputBox.value = '';\n };\n\n var createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n return function () {\n setOpenMore(false);\n setActiveLevel2Id(menuId);\n setShowLevel3(true);\n setforceHideLevel3(false); // let the level 3 menu mounted first for sliding indicator to work\n\n setTimeout(function () {\n reArrangeLevel2Menu(activeLevel1Id, menuId);\n });\n };\n };\n\n var handleClickLeftMenu = function handleClickLeftMenu() {\n return setShowLeftMenu(function (x) {\n return !x;\n });\n };\n\n var createHandleClickLevel2Mobile = function createHandleClickLevel2Mobile(menuId) {\n return function () {\n setShowLeftMenu(false);\n setActiveLevel2Id(menuId);\n };\n };\n\n var createHandleClickLevel3Mobile = function createHandleClickLevel3Mobile(menuId) {\n return function () {\n setActiveLevel3Id(menuId);\n setShowMobileSubMenu(false);\n };\n };\n\n var handleClickSubMenu = function handleClickSubMenu() {\n return setShowMobileSubMenu(function (x) {\n return !x;\n });\n };\n\n var setOverflow = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"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_3__[\"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 if (!el) return;\n var rect = el.getBoundingClientRect();\n var relativeX = menu.initialX - (rect.x || rect.left);\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_3__[\"useEffect\"])(function () {\n setMoreMenu([]);\n }, [activeMenu1]); // show/hide level 2 more menu\n\n var generateMoreMenu = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"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 if (!menuEl.parentElement) return;\n prect = menuEl.parentElement.getBoundingClientRect();\n } // add the item if it's overflowing\n\n\n if (rect.right > prect.right && rect.right - prect.right > 1) {\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 if (newMoreMenu.length) {\n setMoreMenu(newMoreMenu);\n } else {\n window.localStorage.removeItem('__top_nav_bar_state');\n }\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_3__[\"useLayoutEffect\"])(function () {\n generateMoreMenu();\n }, [generateMoreMenu]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n // trigger more menu generation on resize\n var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n regenerateMoreMenu([]); // tick to update menu (reposition arrow)\n // setChosenArrowTick(x => x + 1)\n }, 100);\n\n window.addEventListener('resize', onResize);\n return function () {\n return window.removeEventListener('resize', onResize);\n };\n }, []);\n\n var getMenuIdsFromPath = function getMenuIdsFromPath(menuWithId_, path_) {\n var found = {\n m1: null,\n m2: null,\n m3: null // If haven't a path just return\n\n };\n if (!path_) return found;\n menuWithId_.forEach(function (level1) {\n if (level1.href && path_.indexOf(level1.href) > -1) found = {\n m1: level1.id,\n m2: null\n };\n level1.subMenu && level1.subMenu.forEach(function (level2) {\n if (level2.href && path_.indexOf(level2.href) > -1) found = {\n m1: level1.id,\n m2: level2.id\n };\n level2.subMenu && level2.subMenu.forEach(function (level3) {\n if (level3.href && path_.indexOf(level3.href) > -1) {\n if (found.m3) {\n if (level3.href === path_) found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n } else {\n found = {\n m1: level1.id,\n m2: level2.id,\n m3: level3.id\n };\n }\n\n if (!activeLevel3Id && level3.collapsed) setforceHideLevel3(true);\n }\n });\n });\n level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n if (level3.href) {\n // Check if path have parameters\n var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n if (path_.indexOf(href) > -1) found = {\n m1: level1.id,\n m3: level3.id\n };\n }\n });\n });\n return found;\n };\n\n var timeId = 0;\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n // when scren change size, keep green indicator keep static\n var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n if (timeId) {\n clearTimeout(timeId);\n }\n\n var _getMenuIdsFromPath2 = getMenuIdsFromPath(menuWithId, path),\n m3 = _getMenuIdsFromPath2.m3;\n\n activeLevel2Id && setChosenArrowPos(activeLevel2Id);\n setIconSelectPos(m3);\n setResize(true);\n timeId = setTimeout(function () {\n setResize(false);\n timeId = 0;\n }, 1000);\n }, 50);\n\n window.addEventListener('resize', onResize);\n return function () {\n return window.removeEventListener('resize', onResize);\n };\n }, [getMenuIdsFromPath]);\n Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n if (!path || !menuWithId[0]) return;\n setLeftNav(menuWithId); // always expand menu on challenge list page and challenge details page\n // also in challenge details page, level 3 menu shouldnt be visible if (!path || !menuWithId[0]) return\n\n var _getMenuIdsFromPath3 = getMenuIdsFromPath(menuWithId, path),\n m1 = _getMenuIdsFromPath3.m1,\n m2 = _getMenuIdsFromPath3.m2;\n\n var forceM2 = null;\n\n if (path.indexOf('/challenges') > -1) {\n // If All Challenge page\n if (path.match(/challenges\\/[0-9]+/)) {\n // If Challenge Details page\n setforceHideLevel3(true);\n forceM2 = getMenuIdsFromPath(menuWithId, '/challenges').m2;\n }\n } else if (path.indexOf('/my-dashboard') > -1 || path.indexOf('/members/' + profileHandle) > -1) {\n // If My Dashboard and My Profile page\n setShowLevel3(true);\n } else if (path.indexOf('/community/learn') > -1 || path.indexOf('/thrive/tracks') > -1) {\n // Show 3rd level menu to Community [ Overview - How It Works ]\n forceM2 = getMenuIdsFromPath(menuWithId, '/community').m2;\n } else if (!m2) {\n setShowLevel3(false);\n setforceHideLevel3(true);\n } // expand first Level1Menu(like work/business) on login / logout.\n\n\n setTimeout(function () {\n expandMenu(m1 || 'community', m2 || forceM2);\n });\n }, [path, loggedIn, profileHandle]);\n return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.themeWrapper, \"theme-\".concat(theme))\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n className: _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.headerNavUi\n }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileNav__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n showLeftMenu: showLeftMenu,\n logo: logo,\n onClickLogo: handleClickLogo,\n rightMenu: rightMenu,\n onClickLeftMenu: handleClickLeftMenu\n }), !showLeftMenu && (activeMenu2 || activeMenu1) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileSubNav__WEBPACK_IMPORTED_MODULE_10__[\"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_3___default.a.createElement(_PrimaryNav__WEBPACK_IMPORTED_MODULE_12__[\"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 showLevel3: showLevel3,\n forceHideLevel3: forceHideLevel3,\n chosenArrowX: chosenArrowX,\n searchOpened: searchOpened,\n toggleSearchOpen: handleSearchPanel\n }), (activeMenu2 && activeMenu2.subMenu && activeMenu2.subMenu.length > 0 || !activeMenu2 && activeMenu1 && activeMenu1.secondaryMenu && activeMenu1.secondaryMenu.length > 0) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n open: forceHideLevel3 ? false : showLevel3,\n menu: activeMenu2 || activeMenu1,\n isResize: isResize,\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_3___default.a.createElement(_MobileMenu__WEBPACK_IMPORTED_MODULE_11__[\"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_4___default.a.array.isRequired,\n rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n logo: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n\n /** light|dark etc */\n theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n currentLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n onChangeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n path: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n setOpenMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n openMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n profileHandle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string\n};\nvar _default = TopNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(moreId, \"moreId\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(id, \"id\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(idForSecondary, \"idForSecondary\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(initMenuId, \"initMenuId\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/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, \"ico-user-default\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"a\",\n x: \".8\",\n y: \".5\",\n width: \"140\",\n height: \"140\",\n rx: \"306\"\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: \"#F0F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n stroke: \"#A3A3AE\",\n strokeWidth: \"3\",\n opacity: \".2\",\n fill: \"#A3A3AE\",\n mask: \"url(#b)\"\n })));\n};\n\nIconAvatar.defaultProps = {\n width: \"141\",\n height: \"141\",\n viewBox: \"0 0 141 141\",\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(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"arrow-small-up\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n var profile = _ref.profile,\n onClick = _ref.onClick,\n open = _ref.open,\n newNotifications = _ref.newNotifications,\n domRef = _ref.domRef;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n ref: domRef,\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.userInfoContainer,\n role: \"button\",\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer, newNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.newNotifications)\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatar,\n src: profile.photoURL,\n alt: \"avatar\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handleContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handle\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.dropdownIcon\n }, open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null))));\n};\n\nUserInfo.propTypes = {\n profile: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n newNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n domRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape()\n};\nvar _default = UserInfo;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n id: \"a\",\n x: \".8\",\n y: \".5\",\n width: \"140\",\n height: \"140\",\n rx: \"306\"\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: \"#F0F0F0\",\n xlinkHref: \"#a\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n stroke: \"#A3A3AE\",\n strokeWidth: \"3\",\n opacity: \".2\",\n fill: \"#A3A3AE\",\n mask: \"url(#b)\"\n })));\n};\n\nIconAvatar.defaultProps = {\n width: \"141\",\n height: \"141\",\n viewBox: \"0 0 141 141\",\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(\"path\", {\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n transform: \"translate(-2 -4)\",\n id: \"a\"\n }));\n};\n\nIconArrowSmalldown.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n transform: \"rotate(180 7 6)\",\n fill: \"#FFF\",\n fillRule: \"nonzero\",\n d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n id: \"a\"\n }));\n};\n\nIconArrowSmallup.defaultProps = {\n width: \"12\",\n height: \"8\",\n viewBox: \"0 0 12 8\",\n xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n var profile = _ref.profile,\n onClick = _ref.onClick,\n open = _ref.open,\n newNotifications = _ref.newNotifications,\n domRef = _ref.domRef;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n ref: domRef,\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.userInfoContainer,\n role: \"button\",\n onClick: onClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer, newNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.newNotifications)\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconAvatar, {\n width: \"60\",\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['avatar']\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatar,\n src: profile.photoURL,\n alt: \"avatar\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handleContainer\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handle\n }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.dropdownIcon\n }, open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null))));\n};\n\nUserInfo.propTypes = {\n profile: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n newNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n domRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape()\n};\nvar _default = UserInfo;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/UserInfo/index.js\");\n reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/UserInfo/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/index.js?"); /***/ }), @@ -1365,7 +1365,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("/* WEBPACK VAR INJECTION */(function(module) {(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\nvar AccountMenu = __webpack_require__(/*! ./components/AccountMenu */ \"./src/components/AccountMenu/index.js\")[\"default\"];\n\nvar CheckBox = __webpack_require__(/*! ./components/CheckBox */ \"./src/components/CheckBox/index.js\")[\"default\"];\n\nvar ChosenArrow = __webpack_require__(/*! ./components/ChosenArrow */ \"./src/components/ChosenArrow/index.js\")[\"default\"];\n\nvar DropdownBox = __webpack_require__(/*! ./components/DropdownBox */ \"./src/components/DropdownBox/index.js\")[\"default\"];\n\nvar IconSelect = __webpack_require__(/*! ./components/IconSelect */ \"./src/components/IconSelect/index.js\")[\"default\"];\n\nvar LoginNav = __webpack_require__(/*! ./components/LoginNav */ \"./src/components/LoginNav/index.js\")[\"default\"];\n\nvar NotificationButton = __webpack_require__(/*! ./components/NotificationButton */ \"./src/components/NotificationButton/index.js\")[\"default\"];\n\nvar NotificationSettings = __webpack_require__(/*! ./components/NotificationSettings */ \"./src/components/NotificationSettings/index.js\")[\"default\"];\n\nvar NotificationsPopup = __webpack_require__(/*! ./components/NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\")[\"default\"];\n\nvar SwitchBox = __webpack_require__(/*! ./components/SwitchBox */ \"./src/components/SwitchBox/index.js\")[\"default\"];\n\nvar TopNav = __webpack_require__(/*! ./components/TopNav */ \"./src/components/TopNav/index.js\")[\"default\"];\n\nvar UserInfo = __webpack_require__(/*! ./components/UserInfo */ \"./src/components/UserInfo/index.js\")[\"default\"];\n\n__webpack_require__(/*! ./assets/sass/style.scss */ \"./src/assets/sass/style.scss\");\n\nmodule.exports = {\n AccountMenu: AccountMenu,\n CheckBox: CheckBox,\n ChosenArrow: ChosenArrow,\n DropdownBox: DropdownBox,\n IconSelect: IconSelect,\n LoginNav: LoginNav,\n NotificationButton: NotificationButton,\n NotificationSettings: NotificationSettings,\n NotificationsPopup: NotificationsPopup,\n SwitchBox: SwitchBox,\n TopNav: TopNav,\n UserInfo: UserInfo\n};\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/index.js?"); +eval("/* WEBPACK VAR INJECTION */(function(module) {(function () {\n var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n enterModule && enterModule(module);\n})();\n\nvar AccountMenu = __webpack_require__(/*! ./components/AccountMenu */ \"./src/components/AccountMenu/index.js\")[\"default\"];\n\nvar CheckBox = __webpack_require__(/*! ./components/CheckBox */ \"./src/components/CheckBox/index.js\")[\"default\"];\n\nvar ChosenArrow = __webpack_require__(/*! ./components/ChosenArrow */ \"./src/components/ChosenArrow/index.js\")[\"default\"];\n\nvar DropdownBox = __webpack_require__(/*! ./components/DropdownBox */ \"./src/components/DropdownBox/index.js\")[\"default\"];\n\nvar IconSelect = __webpack_require__(/*! ./components/IconSelect */ \"./src/components/IconSelect/index.js\")[\"default\"];\n\nvar LoginNav = __webpack_require__(/*! ./components/LoginNav */ \"./src/components/LoginNav/index.js\")[\"default\"];\n\nvar NotificationButton = __webpack_require__(/*! ./components/NotificationButton */ \"./src/components/NotificationButton/index.js\")[\"default\"];\n\nvar NotificationSettings = __webpack_require__(/*! ./components/NotificationSettings */ \"./src/components/NotificationSettings/index.js\")[\"default\"];\n\nvar NotificationsPopup = __webpack_require__(/*! ./components/NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\")[\"default\"];\n\nvar SwitchBox = __webpack_require__(/*! ./components/SwitchBox */ \"./src/components/SwitchBox/index.js\")[\"default\"];\n\nvar TopNav = __webpack_require__(/*! ./components/TopNav */ \"./src/components/TopNav/index.js\")[\"default\"];\n\nvar UserInfo = __webpack_require__(/*! ./components/UserInfo */ \"./src/components/UserInfo/index.js\")[\"default\"];\n\n__webpack_require__(/*! ./assets/sass/style.scss */ \"./src/assets/sass/style.scss\");\n\nmodule.exports = {\n AccountMenu: AccountMenu,\n CheckBox: CheckBox,\n ChosenArrow: ChosenArrow,\n DropdownBox: DropdownBox,\n IconSelect: IconSelect,\n LoginNav: LoginNav,\n NotificationButton: NotificationButton,\n NotificationSettings: NotificationSettings,\n NotificationsPopup: NotificationsPopup,\n SwitchBox: SwitchBox,\n TopNav: TopNav,\n UserInfo: UserInfo\n};\n;\n\n(function () {\n var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n if (!reactHotLoader) {\n return;\n }\n\n reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(TopNav, \"TopNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n})();\n\n;\n\n(function () {\n var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/index.js?"); /***/ }), diff --git a/dist/prod/images/bell-big.svg b/dist/prod/images/bell-big.svg index 585e5c5..8d92fa0 100644 --- a/dist/prod/images/bell-big.svg +++ b/dist/prod/images/bell-big.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzNweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgNzMgODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+QTVBNTEzNEYtNkJBMy00MkQxLTlBMjctNUExNTI5RTU5MjVDPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxMi4wMDAwMDAsIC0xMjQ4LjAwMDAwMCkiIGZpbGw9IiNCNUU5REIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik02ODEuMDAxNzY3LDEyOTcuNzU3NjcgQzY4My4wNjUzNzEsMTMwMC4wODQwMSA2ODUsMTMwMi40MTAzNCA2ODUsMTMwNS42NDEzNiBDNjg1LDEzMTIuNzQ5NiA2NzAuMjk2ODIsMTMxNy41MzE1IDY0OC41LDEzMTcuNTMxNSBDNjI2LjcwMzE4LDEzMTcuNTMxNSA2MTIsMTMxMi43NDk2IDYxMiwxMzA1LjY0MTM2IEM2MTIsMTMwMi4yODExIDYxMy45MzQ2MjksMTMwMC4wODQwMSA2MTUuOTk4MjMzLDEyOTcuNzU3NjcgQzYxOC41Nzc3MzksMTI5NC45MTQzOCA2MjEuNDE1MTk0LDEyOTEuNjgzMzYgNjIxLjQxNTE5NCwxMjg1LjQ3OTgxIEw2MjEuNDE1MTk0LDEyNzUuMTQwNTUgQzYyMS40MTUxOTQsMTI2MC42NjU1OSA2MzQuMDU0NzcsMTI0OCA2NDguNSwxMjQ4IEM2NjIuOTQ1MjMsMTI0OCA2NzUuNTg0ODA2LDEyNjAuNTM2MzUgNjc1LjU4NDgwNiwxMjc0Ljg4MjA3IEw2NzUuNTg0ODA2LDEyODUuNDc5ODEgQzY3NS41ODQ4MDYsMTI5MS42ODMzNiA2NzguNDIyMjYxLDEyOTQuOTE0MzggNjgxLjAwMTc2NywxMjk3Ljc1NzY3IFogTTY0OC41LDEzMjAuMTE2MzIgQzY1Mi40OTgyMzMsMTMyMC4xMTYzMiA2NTYuMzY3NDkxLDEzMTkuOTg3MDggNjU5Ljg0OTgyMywxMzE5LjU5OTM1IEM2NTguNDMxMDk1LDEzMjQuMzgxMjYgNjUzLjkxNjk2MSwxMzI4IDY0OC41LDEzMjggQzY0My4wODMwMzksMTMyOCA2MzguNTY4OTA1LDEzMjQuNTEwNSA2MzcuMTUwMTc3LDEzMTkuNTk5MzUgQzY0MC42MzI1MDksMTMxOS45ODcwOCA2NDQuNTAxNzY3LDEzMjAuMTE2MzIgNjQ4LjUsMTMyMC4xMTYzMiBaIiBpZD0iYmVsbC1iaWciPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzNweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgNzMgODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTIuMDAwMDAwLCAtMTI0OC4wMDAwMDApIiBmaWxsPSIjQjVFOURCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNjgxLjAwMTc2NywxMjk3Ljc1NzY3IEM2ODMuMDY1MzcxLDEzMDAuMDg0MDEgNjg1LDEzMDIuNDEwMzQgNjg1LDEzMDUuNjQxMzYgQzY4NSwxMzEyLjc0OTYgNjcwLjI5NjgyLDEzMTcuNTMxNSA2NDguNSwxMzE3LjUzMTUgQzYyNi43MDMxOCwxMzE3LjUzMTUgNjEyLDEzMTIuNzQ5NiA2MTIsMTMwNS42NDEzNiBDNjEyLDEzMDIuMjgxMSA2MTMuOTM0NjI5LDEzMDAuMDg0MDEgNjE1Ljk5ODIzMywxMjk3Ljc1NzY3IEM2MTguNTc3NzM5LDEyOTQuOTE0MzggNjIxLjQxNTE5NCwxMjkxLjY4MzM2IDYyMS40MTUxOTQsMTI4NS40Nzk4MSBMNjIxLjQxNTE5NCwxMjc1LjE0MDU1IEM2MjEuNDE1MTk0LDEyNjAuNjY1NTkgNjM0LjA1NDc3LDEyNDggNjQ4LjUsMTI0OCBDNjYyLjk0NTIzLDEyNDggNjc1LjU4NDgwNiwxMjYwLjUzNjM1IDY3NS41ODQ4MDYsMTI3NC44ODIwNyBMNjc1LjU4NDgwNiwxMjg1LjQ3OTgxIEM2NzUuNTg0ODA2LDEyOTEuNjgzMzYgNjc4LjQyMjI2MSwxMjk0LjkxNDM4IDY4MS4wMDE3NjcsMTI5Ny43NTc2NyBaIE02NDguNSwxMzIwLjExNjMyIEM2NTIuNDk4MjMzLDEzMjAuMTE2MzIgNjU2LjM2NzQ5MSwxMzE5Ljk4NzA4IDY1OS44NDk4MjMsMTMxOS41OTkzNSBDNjU4LjQzMTA5NSwxMzI0LjM4MTI2IDY1My45MTY5NjEsMTMyOCA2NDguNSwxMzI4IEM2NDMuMDgzMDM5LDEzMjggNjM4LjU2ODkwNSwxMzI0LjUxMDUgNjM3LjE1MDE3NywxMzE5LjU5OTM1IEM2NDAuNjMyNTA5LDEzMTkuOTg3MDggNjQ0LjUwMTc2NywxMzIwLjExNjMyIDY0OC41LDEzMjAuMTE2MzIgWiIgaWQ9ImJlbGwtYmlnIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file diff --git a/dist/prod/images/delete-small.svg b/dist/prod/images/delete-small.svg index 7037e72..6609d38 100644 --- a/dist/prod/images/delete-small.svg +++ b/dist/prod/images/delete-small.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtRHJvcGRvd24tQ29tbXVuaXR5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODU5LjAwMDAwMCwgLTI0NjguMDAwMDAwKSIgZmlsbD0iIzJBMkEyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImUtcmVtb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTguMDAwMDAwLCAyNDY4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjcwNywwLjI5MyBDMTAuMzE2NTAwMSwtMC4wOTczODE5MzgzIDkuNjgzNDk5ODUsLTAuMDk3MzgxOTM4MyA5LjI5MywwLjI5MyBMNiwzLjU4NiBMMi43MDcsMC4yOTMgQzIuMzE0NjIxMTEsLTAuMDg1OTcyMjA5NSAxLjY5MDkxNTIyLC0wLjA4MDU1MjM3MzkgMS4zMDUxODE0MiwwLjMwNTE4MTQyNSBDMC45MTk0NDc2MjYsMC42OTA5MTUyMjMgMC45MTQwMjc3OSwxLjMxNDYyMTExIDEuMjkzLDEuNzA3IEw0LjU4Niw1IEwxLjI5Myw4LjI5MyBDMS4wMzMwNDM0Miw4LjU0NDA3NDQ3IDAuOTI4Nzg3NDAzLDguOTE1ODc3ODkgMS4wMjAzMDI4NCw5LjI2NTUwNzMyIEMxLjExMTgxODI4LDkuNjE1MTM2NzYgMS4zODQ4NjMyNCw5Ljg4ODE4MTcyIDEuNzM0NDkyNjgsOS45Nzk2OTcxNiBDMi4wODQxMjIxMSwxMC4wNzEyMTI2IDIuNDU1OTI1NTMsOS45NjY5NTY1OCAyLjcwNyw5LjcwNyBMNiw2LjQxNCBMOS4yOTMsOS43MDcgQzkuNjg1Mzc4ODksMTAuMDg1OTcyMiAxMC4zMDkwODQ4LDEwLjA4MDU1MjQgMTAuNjk0ODE4Niw5LjY5NDgxODU4IEMxMS4wODA1NTI0LDkuMzA5MDg0NzggMTEuMDg1OTcyMiw4LjY4NTM3ODg5IDEwLjcwNyw4LjI5MyBMNy40MTQsNSBMMTAuNzA3LDEuNzA3IEMxMS4wOTczODE5LDEuMzE2NTAwMTUgMTEuMDk3MzgxOSwwLjY4MzQ5OTg1MSAxMC43MDcsMC4yOTMgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtRHJvcGRvd24tQ29tbXVuaXR5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODU5LjAwMDAwMCwgLTI0NjguMDAwMDAwKSIgZmlsbD0iIzJBMkEyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9ImUtcmVtb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTguMDAwMDAwLCAyNDY4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjcwNywwLjI5MyBDMTAuMzE2NTAwMSwtMC4wOTczODE5MzgzIDkuNjgzNDk5ODUsLTAuMDk3MzgxOTM4MyA5LjI5MywwLjI5MyBMNiwzLjU4NiBMMi43MDcsMC4yOTMgQzIuMzE0NjIxMTEsLTAuMDg1OTcyMjA5NSAxLjY5MDkxNTIyLC0wLjA4MDU1MjM3MzkgMS4zMDUxODE0MiwwLjMwNTE4MTQyNSBDMC45MTk0NDc2MjYsMC42OTA5MTUyMjMgMC45MTQwMjc3OSwxLjMxNDYyMTExIDEuMjkzLDEuNzA3IEw0LjU4Niw1IEwxLjI5Myw4LjI5MyBDMS4wMzMwNDM0Miw4LjU0NDA3NDQ3IDAuOTI4Nzg3NDAzLDguOTE1ODc3ODkgMS4wMjAzMDI4NCw5LjI2NTUwNzMyIEMxLjExMTgxODI4LDkuNjE1MTM2NzYgMS4zODQ4NjMyNCw5Ljg4ODE4MTcyIDEuNzM0NDkyNjgsOS45Nzk2OTcxNiBDMi4wODQxMjIxMSwxMC4wNzEyMTI2IDIuNDU1OTI1NTMsOS45NjY5NTY1OCAyLjcwNyw5LjcwNyBMNiw2LjQxNCBMOS4yOTMsOS43MDcgQzkuNjg1Mzc4ODksMTAuMDg1OTcyMiAxMC4zMDkwODQ4LDEwLjA4MDU1MjQgMTAuNjk0ODE4Niw5LjY5NDgxODU4IEMxMS4wODA1NTI0LDkuMzA5MDg0NzggMTEuMDg1OTcyMiw4LjY4NTM3ODg5IDEwLjcwNyw4LjI5MyBMNy40MTQsNSBMMTAuNzA3LDEuNzA3IEMxMS4wOTczODE5LDEuMzE2NTAwMTUgMTEuMDk3MzgxOSwwLjY4MzQ5OTg1MSAxMC43MDcsMC4yOTMgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/prod/images/e-remove.svg b/dist/prod/images/e-remove.svg index 7f6d411..219599f 100644 --- a/dist/prod/images/e-remove.svg +++ b/dist/prod/images/e-remove.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+MDBGMThGRkItNDU2OS00ODgwLUFFRDItRkM5REFDN0E5RjkwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1OS4wMDAwMDAsIC0xODY1LjAwMDAwMCkiIGZpbGw9IiNBQUFBQUEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJlLXJlbW92ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODU4LjAwMDAwMCwgMTg2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC43MDcsMC4yOTMgQzEwLjMxNjUwMDEsLTAuMDk3MzgxOTM4MyA5LjY4MzQ5OTg1LC0wLjA5NzM4MTkzODMgOS4yOTMsMC4yOTMgTDYsMy41ODYgTDIuNzA3LDAuMjkzIEMyLjMxNDYyMTExLC0wLjA4NTk3MjIwOTUgMS42OTA5MTUyMiwtMC4wODA1NTIzNzM5IDEuMzA1MTgxNDIsMC4zMDUxODE0MjUgQzAuOTE5NDQ3NjI2LDAuNjkwOTE1MjIzIDAuOTE0MDI3NzksMS4zMTQ2MjExMSAxLjI5MywxLjcwNyBMNC41ODYsNSBMMS4yOTMsOC4yOTMgQzEuMDMzMDQzNDIsOC41NDQwNzQ0NyAwLjkyODc4NzQwMyw4LjkxNTg3Nzg5IDEuMDIwMzAyODQsOS4yNjU1MDczMiBDMS4xMTE4MTgyOCw5LjYxNTEzNjc2IDEuMzg0ODYzMjQsOS44ODgxODE3MiAxLjczNDQ5MjY4LDkuOTc5Njk3MTYgQzIuMDg0MTIyMTEsMTAuMDcxMjEyNiAyLjQ1NTkyNTUzLDkuOTY2OTU2NTggMi43MDcsOS43MDcgTDYsNi40MTQgTDkuMjkzLDkuNzA3IEM5LjY4NTM3ODg5LDEwLjA4NTk3MjIgMTAuMzA5MDg0OCwxMC4wODA1NTI0IDEwLjY5NDgxODYsOS42OTQ4MTg1OCBDMTEuMDgwNTUyNCw5LjMwOTA4NDc4IDExLjA4NTk3MjIsOC42ODUzNzg4OSAxMC43MDcsOC4yOTMgTDcuNDE0LDUgTDEwLjcwNywxLjcwNyBDMTEuMDk3MzgxOSwxLjMxNjUwMDE1IDExLjA5NzM4MTksMC42ODM0OTk4NTEgMTAuNzA3LDAuMjkzIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMTg2NS4wMDAwMDApIiBmaWxsPSIjQUFBQUFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iZS1yZW1vdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg1OC4wMDAwMDAsIDE4NjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNzA3LDAuMjkzIEMxMC4zMTY1MDAxLC0wLjA5NzM4MTkzODMgOS42ODM0OTk4NSwtMC4wOTczODE5MzgzIDkuMjkzLDAuMjkzIEw2LDMuNTg2IEwyLjcwNywwLjI5MyBDMi4zMTQ2MjExMSwtMC4wODU5NzIyMDk1IDEuNjkwOTE1MjIsLTAuMDgwNTUyMzczOSAxLjMwNTE4MTQyLDAuMzA1MTgxNDI1IEMwLjkxOTQ0NzYyNiwwLjY5MDkxNTIyMyAwLjkxNDAyNzc5LDEuMzE0NjIxMTEgMS4yOTMsMS43MDcgTDQuNTg2LDUgTDEuMjkzLDguMjkzIEMxLjAzMzA0MzQyLDguNTQ0MDc0NDcgMC45Mjg3ODc0MDMsOC45MTU4Nzc4OSAxLjAyMDMwMjg0LDkuMjY1NTA3MzIgQzEuMTExODE4MjgsOS42MTUxMzY3NiAxLjM4NDg2MzI0LDkuODg4MTgxNzIgMS43MzQ0OTI2OCw5Ljk3OTY5NzE2IEMyLjA4NDEyMjExLDEwLjA3MTIxMjYgMi40NTU5MjU1Myw5Ljk2Njk1NjU4IDIuNzA3LDkuNzA3IEw2LDYuNDE0IEw5LjI5Myw5LjcwNyBDOS42ODUzNzg4OSwxMC4wODU5NzIyIDEwLjMwOTA4NDgsMTAuMDgwNTUyNCAxMC42OTQ4MTg2LDkuNjk0ODE4NTggQzExLjA4MDU1MjQsOS4zMDkwODQ3OCAxMS4wODU5NzIyLDguNjg1Mzc4ODkgMTAuNzA3LDguMjkzIEw3LjQxNCw1IEwxMC43MDcsMS43MDcgQzExLjA5NzM4MTksMS4zMTY1MDAxNSAxMS4wOTczODE5LDAuNjgzNDk5ODUxIDEwLjcwNywwLjI5MyBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file diff --git a/dist/prod/images/group.svg b/dist/prod/images/group.svg index dc52743..316387c 100644 --- a/dist/prod/images/group.svg +++ b/dist/prod/images/group.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+N0Y2MDI4RTEtQTE5OS00MDZFLTkwMjQtNzk3OUExQ0U0MjA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyOS4wMDAwMDAsIC0yMjczLjAwMDAwMCkiIGZpbGw9IiM1NTU1NTUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJncm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDI5LjAwMDAwMCwgMjI3My4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwxMiBMMSwxMiBDMC40NDcsMTIgMCwxMS41NTMgMCwxMSBMMCwxIEMwLDAuNDQ4IDAuNDQ3LDAgMSwwIEwxMSwwIEMxMS41NTMsMCAxMiwwLjQ0OCAxMiwxIEwxMiwxMSBDMTIsMTEuNTUzIDExLjU1MywxMiAxMSwxMiBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LDE2IEw0LDE2IEw0LDE0IEwxNCwxNCBMMTQsNCBMMTYsNCBMMTYsMTUgQzE2LDE1LjU1MyAxNS41NTMsMTYgMTUsMTYgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjkuMDAwMDAwLCAtMjI3My4wMDAwMDApIiBmaWxsPSIjNTU1NTU1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iZ3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyOS4wMDAwMDAsIDIyNzMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsMTIgTDEsMTIgQzAuNDQ3LDEyIDAsMTEuNTUzIDAsMTEgTDAsMSBDMCwwLjQ0OCAwLjQ0NywwIDEsMCBMMTEsMCBDMTEuNTUzLDAgMTIsMC40NDggMTIsMSBMMTIsMTEgQzEyLDExLjU1MyAxMS41NTMsMTIgMTEsMTIgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwxNiBMNCwxNiBMNCwxNCBMMTQsMTQgTDE0LDQgTDE2LDQgTDE2LDE1IEMxNiwxNS41NTMgMTUuNTUzLDE2IDE1LDE2IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file diff --git a/dist/prod/images/icon-bell-red.svg b/dist/prod/images/icon-bell-red.svg index 97855d0..2213ad3 100644 --- a/dist/prod/images/icon-bell-red.svg +++ b/dist/prod/images/icon-bell-red.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+NTkzMjIxNkQtNzM3Qi00NEM4LThFMEQtNERBQjQzQ0IxMjQxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLURyb3Bkb3duLUNvbW11bml0eSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyOS4wMDAwMDAsIC0xMTY1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWNvbnMvdWkvYmVsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDI5LjAwMDAwMCwgMTE2NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI2VmNDc2ZiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAsMTQgQzEwLDE1LjEgOS4xLDE2IDgsMTYgQzYuOSwxNiA2LDE1LjEgNiwxNCBMMTAsMTQgWiBNMTUsMTEgQzE1LjYsMTEgMTYsMTEuNCAxNiwxMiBDMTYsMTIuNiAxNS42LDEzIDE1LDEzIEwxLDEzIEMwLjQsMTMgMCwxMi42IDAsMTIgQzAsMTEuNCAwLjQsMTEgMSwxMSBMMS41LDExIEMyLjIsMTAuMyAzLDkuMyAzLDggTDMsNSBDMywyLjIgNS4yLDAgOCwwIEMxMC44LDAgMTMsMi4yIDEzLDUgTDEzLDggQzEzLDkuMyAxMy44LDEwLjMgMTQuNSwxMSBMMTUsMTEgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1NC4xICg3NjQ5MCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iQ29tbXVuaXR5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTm90aWZpY2F0aW9ucy1Ecm9wZG93bi1Db21tdW5pdHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjkuMDAwMDAwLCAtMTE2NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Imljb25zL3VpL2JlbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyOS4wMDAwMDAsIDExNjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNlZjQ3NmYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwLDE0IEMxMCwxNS4xIDkuMSwxNiA4LDE2IEM2LjksMTYgNiwxNS4xIDYsMTQgTDEwLDE0IFogTTE1LDExIEMxNS42LDExIDE2LDExLjQgMTYsMTIgQzE2LDEyLjYgMTUuNiwxMyAxNSwxMyBMMSwxMyBDMC40LDEzIDAsMTIuNiAwLDEyIEMwLDExLjQgMC40LDExIDEsMTEgTDEuNSwxMSBDMi4yLDEwLjMgMyw5LjMgMyw4IEwzLDUgQzMsMi4yIDUuMiwwIDgsMCBDMTAuOCwwIDEzLDIuMiAxMyw1IEwxMyw4IEMxMyw5LjMgMTMuOCwxMC4zIDE0LjUsMTEgTDE1LDExIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/prod/images/icon-bell.svg b/dist/prod/images/icon-bell.svg index 4374254..743da74 100644 --- a/dist/prod/images/icon-bell.svg +++ b/dist/prod/images/icon-bell.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLWJlbGw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1uYXZpZ2F0aW9uLXNwZWNpZmljYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTAzLjAwMDAwMCwgLTk2MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTExLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMDMuMDAwMDAwLCA5NTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iYmVsbC9hY3RpdmUtYmFkZ2UiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29ucy91aS9iZWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMCwxNCBDMTAsMTUuMSA5LjEsMTYgOCwxNiBDNi45LDE2IDYsMTUuMSA2LDE0IEwxMCwxNCBaIE0xNSwxMSBDMTUuNiwxMSAxNiwxMS40IDE2LDEyIEMxNiwxMi42IDE1LjYsMTMgMTUsMTMgTDEsMTMgQzAuNCwxMyAwLDEyLjYgMCwxMiBDMCwxMS40IDAuNCwxMSAxLDExIEwxLjUsMTEgQzIuMiwxMC4zIDMsOS4zIDMsOCBMMyw1IEMzLDIuMiA1LjIsMCA4LDAgQzEwLjgsMCAxMywyLjIgMTMsNSBMMTMsOCBDMTMsOS4zIDEzLjgsMTAuMyAxNC41LDExIEwxNSwxMSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AtbmF2aWdhdGlvbi1zcGVjaWZpY2F0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwMy4wMDAwMDAsIC05NjEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTAzLjAwMDAwMCwgOTU1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJlbGwvYWN0aXZlLWJhZGdlIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbnMvdWkvYmVsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAsMTQgQzEwLDE1LjEgOS4xLDE2IDgsMTYgQzYuOSwxNiA2LDE1LjEgNiwxNCBMMTAsMTQgWiBNMTUsMTEgQzE1LjYsMTEgMTYsMTEuNCAxNiwxMiBDMTYsMTIuNiAxNS42LDEzIDE1LDEzIEwxLDEzIEMwLjQsMTMgMCwxMi42IDAsMTIgQzAsMTEuNCAwLjQsMTEgMSwxMSBMMS41LDExIEMyLjIsMTAuMyAzLDkuMyAzLDggTDMsNSBDMywyLjIgNS4yLDAgOCwwIEMxMC44LDAgMTMsMi4yIDEzLDUgTDEzLDggQzEzLDkuMyAxMy44LDEwLjMgMTQuNSwxMSBMMTUsMTEgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/prod/images/icon-settings-gear.svg b/dist/prod/images/icon-settings-gear.svg index 8d8c4fd..268289e 100644 --- a/dist/prod/images/icon-settings-gear.svg +++ b/dist/prod/images/icon-settings-gear.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5zZXR0aW5ncy1nZWFyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtTW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4LjAwMDAwMCwgLTExNi4wMDAwMDApIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ic2V0dGluZ3MtZ2VhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc4LjAwMDAwMCwgMTE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjMsNS4yIEwxNC40LDMuMSBMMTMsMS43IEwxMC45LDIuOCBDMTAuNiwyLjYgMTAuMiwyLjUgOS44LDIuNCBMOSwwIEw3LDAgTDYuMiwyLjMgQzUuOSwyLjQgNS41LDIuNSA1LjIsMi43IEwzLjEsMS42IEwxLjYsMy4xIEwyLjcsNS4yIEMyLjUsNS41IDIuNCw1LjkgMi4zLDYuMiBMMCw3IEwwLDkgTDIuMyw5LjggQzIuNCwxMC4yIDIuNiwxMC41IDIuNywxMC45IEwxLjYsMTMgTDMsMTQuNCBMNS4xLDEzLjMgQzUuNCwxMy41IDUuOCwxMy42IDYuMiwxMy43IEw3LDE2IEw5LDE2IEw5LjgsMTMuNyBDMTAuMiwxMy42IDEwLjUsMTMuNCAxMC45LDEzLjMgTDEzLDE0LjQgTDE0LjQsMTMgTDEzLjMsMTAuOSBDMTMuNSwxMC42IDEzLjYsMTAuMiAxMy43LDkuOCBMMTYsOSBMMTYsNyBMMTMuNyw2LjIgQzEzLjYsNS45IDEzLjUsNS41IDEzLjMsNS4yIFogTTgsMTEgQzYuMywxMSA1LDkuNyA1LDggQzUsNi4zIDYuMyw1IDgsNSBDOS43LDUgMTEsNi4zIDExLDggQzExLDkuNyA5LjcsMTEgOCwxMSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtTW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4LjAwMDAwMCwgLTExNi4wMDAwMDApIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ic2V0dGluZ3MtZ2VhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc4LjAwMDAwMCwgMTE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjMsNS4yIEwxNC40LDMuMSBMMTMsMS43IEwxMC45LDIuOCBDMTAuNiwyLjYgMTAuMiwyLjUgOS44LDIuNCBMOSwwIEw3LDAgTDYuMiwyLjMgQzUuOSwyLjQgNS41LDIuNSA1LjIsMi43IEwzLjEsMS42IEwxLjYsMy4xIEwyLjcsNS4yIEMyLjUsNS41IDIuNCw1LjkgMi4zLDYuMiBMMCw3IEwwLDkgTDIuMyw5LjggQzIuNCwxMC4yIDIuNiwxMC41IDIuNywxMC45IEwxLjYsMTMgTDMsMTQuNCBMNS4xLDEzLjMgQzUuNCwxMy41IDUuOCwxMy42IDYuMiwxMy43IEw3LDE2IEw5LDE2IEw5LjgsMTMuNyBDMTAuMiwxMy42IDEwLjUsMTMuNCAxMC45LDEzLjMgTDEzLDE0LjQgTDE0LjQsMTMgTDEzLjMsMTAuOSBDMTMuNSwxMC42IDEzLjYsMTAuMiAxMy43LDkuOCBMMTYsOSBMMTYsNyBMMTMuNyw2LjIgQzEzLjYsNS45IDEzLjUsNS41IDEzLjMsNS4yIFogTTgsMTEgQzYuMywxMSA1LDkuNyA1LDggQzUsNi4zIDYuMyw1IDgsNSBDOS43LDUgMTEsNi4zIDExLDggQzExLDkuNyA5LjcsMTEgOCwxMSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/prod/images/left-arrow.svg b/dist/prod/images/left-arrow.svg index 52a0d85..7b4a36e 100644 --- a/dist/prod/images/left-arrow.svg +++ b/dist/prod/images/left-arrow.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5yaWdodC1hcnJvdzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJDb21tdW5pdHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJOb3RpZmljYXRpb25zLU1vYmlsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTExNi4wMDAwMDApIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0icmlnaHQtYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMTI0LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjYuMDAwMDAwLCAtMTI0LjAwMDAwMCkgdHJhbnNsYXRlKDIxLjAwMDAwMCwgMTE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMS45IDE1LjcgMC40IDE0LjMgNi43IDggMC40IDEuNyAxLjkgMC4zIDkuNiA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5vdGlmaWNhdGlvbnMtTW9iaWxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuMDAwMDAwLCAtMTE2LjAwMDAwMCkiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuMDAwMDAwLCAxMjQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNi4wMDAwMDAsIC0xMjQuMDAwMDAwKSB0cmFuc2xhdGUoMjEuMDAwMDAwLCAxMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIxLjkgMTUuNyAwLjQgMTQuMyA2LjcgOCAwLjQgMS43IDEuOSAwLjMgOS42IDgiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" \ No newline at end of file diff --git a/dist/prod/images/right-arrow.svg b/dist/prod/images/right-arrow.svg index 2087321..3afd63e 100644 --- a/dist/prod/images/right-arrow.svg +++ b/dist/prod/images/right-arrow.svg @@ -1 +1 @@ -module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5QYXRoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InVzZXItbWVudS0rLW5vdGlmaWNhdGlvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODQuMDAwMDAwLCAtMjcyLjAwMDAwMCkiIGZpbGw9IiMyQTJBMkEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzg0LjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMS45IDE1LjcgMC40IDE0LjMgNi43IDggMC40IDEuNyAxLjkgMC4zIDkuNiA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file +module.exports = "data:image/svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkNvbW11bml0eSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InVzZXItbWVudS0rLW5vdGlmaWNhdGlvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODQuMDAwMDAwLCAtMjcyLjAwMDAwMCkiIGZpbGw9IiMyQTJBMkEiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzg0LjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMS45IDE1LjcgMC40IDE0LjMgNi43IDggMC40IDEuNyAxLjkgMC4zIDkuNiA4Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" \ No newline at end of file diff --git a/dist/prod/index.js b/dist/prod/index.js index c97cc2d..9531dda 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("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),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("@babel/runtime/helpers/toConsumableArray"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","topcoder-react-utils","@babel/runtime/helpers/objectSpread","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","@babel/runtime/helpers/toConsumableArray","react-dom"],e):"object"==typeof exports?exports["navigation-component"]=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("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("@babel/runtime/helpers/toConsumableArray"),require("react-dom")):n["navigation-component"]=e(n.react,n["prop-types"],n["react-hot-loader"],n.lodash,n["@babel/runtime/helpers/slicedToArray"],n["topcoder-react-utils"],n["@babel/runtime/helpers/objectSpread"],n.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["@babel/runtime/helpers/toConsumableArray"],n["react-dom"])}("undefined"!=typeof self?self:this,function(__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__8__,__WEBPACK_EXTERNAL_MODULE__16__,__WEBPACK_EXTERNAL_MODULE__30__,__WEBPACK_EXTERNAL_MODULE__36__,__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__76__,__WEBPACK_EXTERNAL_MODULE__81__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return n[o].call(i.exports,i,i.exports,t),i.l=!0,i.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 i in n)t.d(o,i,function(e){return n[e]}.bind(null,i));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=86)}([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(98);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);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("@babel/runtime/helpers/toConsumableArray"),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","@babel/runtime/helpers/toConsumableArray","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("@babel/runtime/helpers/toConsumableArray"),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["@babel/runtime/helpers/toConsumableArray"],n["react-dom"])}("undefined"!=typeof self?self:this,function(__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__8__,__WEBPACK_EXTERNAL_MODULE__29__,__WEBPACK_EXTERNAL_MODULE__31__,__WEBPACK_EXTERNAL_MODULE__36__,__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__76__,__WEBPACK_EXTERNAL_MODULE__81__){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=86)}([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(98);"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 i(){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 g(e,n.attrs),m(n,e),e}function g(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function _(n,e){var t,o,i,a;if(e.transform&&n.css){if(!(a="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=a}if(e.singleton){var r=c++;t=s||(s=b(e)),o=x.bind(null,t,r,!1),i=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",g(e,n.attrs),m(n,e),e}(e),o=function(n,e,t){var o=t.css,i=t.sourceMap,a=void 0===e.convertToAbsoluteUrls&&i;(e.convertToAbsoluteUrls||a)&&(o=d(o));i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([o],{type:"text/css"}),l=n.href;n.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,e),i=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),i=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 i()}}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=[],i=0;i0?a.a.createElement(f.a,{notifications:r,onClose:t}):a.a.createElement(u.a,{emptyTitle:o,emptyText:i,onClose:t}))};m.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:a.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 ",a.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,g=m;e.default=g,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"NotificationsPopup","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js"),h.register(g,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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,i=t(0),a=t.n(i),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(37),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 a.a.createElement("div",{className:c()(d.a["switch-box"],e&&d.a.checked),onClick:t},a.a.createElement("span",{className:d.a["label-on"]},"on"),a.a.createElement("span",{className:d.a.dot}),a.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","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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(96);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(104);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);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(92);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(94);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){"use strict";(function(n){var o,i=t(0),a=t.n(i),r=t(1),l=t.n(r),s=t(4),c=t.n(s),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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:d.a["noti-header"]},a.a.createElement("span",{className:d.a["notification-back-btn"],role:"button",onClick:e}),a.a.createElement("span",{className:d.a["left-noti"]},"Notifications"),a.a.createElement("div",{className:d.a.rights},a.a.createElement("span",{className:d.a["white-link"],role:"button"},"Settings")),a.a.createElement("span",{className:d.a["btn-setting"],role:"button"})),a.a.createElement("div",{className:c()(d.a["noti-body"],d.a.center)},a.a.createElement("i",{className:c()(d.a.icons,d.a["icon-bell"])}),a.a.createElement("h4",{className:d.a.titles},t),a.a.createElement("div",{className:c()(d.a.txt,d.a["center-txt"])},o)),a.a.createElement("div",{className:d.a["noti-footer"]},a.a.createElement("span",{className:c()(d.a.btn,d.a["btn-blue"]),role:"button"},"Notification Settings")))};u.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:a.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 ",a.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","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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,i=t(0),a=t.n(i),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(5),d=t.n(p),u=t(36),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 a.a.createElement("div",{className:h.a["light-bar"]},e,a.a.createElement("span",{role:"button",className:c()(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 g=function(n){var e=n.title,t=n.onDismiss;return a.a.createElement("div",{className:h.a["grey-bar"]},a.a.createElement("div",{className:h.a["copyicon-title"]},e),a.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissCategory),onClick:t},a.a.createElement("div",{className:h.a["btn-close"]}),a.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification")))};g.propTypes={title:l.a.node,onDismiss:l.a.func};var _=function(n){var e=n.item,t=n.onDismiss;return a.a.createElement("div",{className:h.a.items},a.a.createElement("a",{href:e.href,className:h.a["item-content"]},a.a.createElement("p",{className:h.a.txt},e.content),a.a.createElement("div",{className:h.a["bottom-info"]},e.tags&&e.tags.map(function(n){return a.a.createElement("span",{className:h.a["blue-squre"],key:n},n)}),a.a.createElement("span",{className:h.a["time-txt"]},f()(e.timestamp).fromNow())),a.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissItem),onClick:t},a.a.createElement("div",{className:h.a["btn-close"]}),a.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification"))))};_.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)}),s=[{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||t.secondaryMenu&&t.secondaryMenu.length>0)&&a.a.createElement(a.a.Fragment,null,a.a.createElement("button",{className:d.a.mobileSubNavHeader,onClick:r},a.a.createElement("span",null,t.title),e?a.a.createElement(f,null):a.a.createElement(u,null)),e&&a.a.createElement("div",{className:d.a.mobileSubNavContent},(o?t.secondaryMenu:t.subMenu).map(function(n,e){return a.a.createElement("a",{className:c()(d.a.mobileSubNavChild,n.id===i&&d.a.mobileSubNavChildOpen),href:n.href,key:"level3-".concat(e),onClick:l(n.id)},n.title)})))||a.a.createElement(a.a.Fragment,null,a.a.createElement("dev",{className:d.a.mobileSubNavHeader},a.a.createElement("span",null,t.title))))};m.propTypes={open:l.a.bool,menu:l.a.object,isSecondaryMenu:l.a.bool,activeChildId:l.a.any,onClick:l.a.func,createHandleClickItem:l.a.func};var h,b,g=m;e.a=g,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"MobileSubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js"),h.register(g,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,i=t(0),a=t.n(i),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(42),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.menu,t=n.activeChildId,o=n.createHandleClickItem;return a.a.createElement("div",{className:d.a.secondaryNavMobile},e.subMenu&&e.subMenu.map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return a.a.createElement("a",{className:c()(d.a.secondaryNavMobileItem,n.id===t&&d.a.secondaryNavMobileItemOpen),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?o(n.id):null},n.title)}))};u.propTypes={menu:l.a.object,activeChildId:l.a.any,createHandleClickItem:l.a.func};var f,m,h=u;e.a=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"MobileMenu","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.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,i=t(0),a=t.n(i),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(85),d=t(46),u=t(6),f=t.n(u),m=t(16);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var h=function(n){return a.a.createElement("svg",n,a.a.createElement("title",null,"arrow-small-down"),a.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};h.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var b=function(n){return a.a.createElement("svg",n,a.a.createElement("title",null,"arrow-small-up"),a.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};b.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var g=function(n){return a.a.createElement("svg",n,a.a.createElement("title",null,"ico-magnifying_glass"),a.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};g.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var _=m.config.URL.BASE,v=function(n){var e=n.collapsed,t=n.showLeftMenu,o=n.logo,i=n.menu,r=n.rightMenu,l=n.moreMenu,s=n.openMore,u=n.onCloseMore,m=n.moreId,v=n.activeLevel1Id,y=n.activeLevel2Id,x=n.onClickLogo,w=n.onRightMenuResize,A=n.createHandleClickLevel1,E=n.createHandleClickLevel2,C=n.handleClickMore,F=n.createHandleClickMoreItem,k=n.createSetRef,M=n.showChosenArrow,D=n.showLevel3,O=n.forceHideLevel3,N=n.chosenArrowX,L=n.searchOpened,I=n.toggleSearchOpen,B=function(n){return!(l||[]).find(function(e){return e.id===n.id})},R=50;return a.a.createElement("div",null,a.a.createElement("div",{className:c()(f.a.primaryNavContainer,t&&f.a.primaryNavContainerOpen)},a.a.createElement("div",{className:f.a.primaryNav,ref:k("primaryNav")},a.a.createElement("a",{className:c()(f.a.tcLogo,e&&f.a.tcLogoPush),onClick:function(n){return x(n)},href:"/"},o),i.map(function(n,e){return[a.a.createElement("span",{className:f.a.primaryLevel1Separator,key:"separator-".concat(e)}),a.a.createElement("a",{className:c()(f.a.primaryLevel1,(!y||t)&&n.id===v&&f.a.primaryLevel1Open,n.mobileOnly&&f.a.mobileOnly),href:n.href,key:"level1-".concat(e),onClick:A(n.id,!0),ref:k(n.id)},n.title),n.subMenu&&a.a.createElement("div",{className:c()(f.a.primaryLevel2Container,n.id===v&&f.a.primaryLevel2ContainerOpen),key:"level2-".concat(e,"-container"),ref:k("level2Container".concat(e))},n.subMenu.filter(B).map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return a.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===y&&f.a.primaryLevel2Open),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?E(n.id,!0):null,ref:k(n.id)},n.title)}),n.id===v&&l&&l.length>0&&a.a.createElement("div",{className:c()(f.a.moreBtnContainer,s&&f.a.moreOpen)},a.a.createElement("div",{className:f.a.backdrop,onClick:u}),a.a.createElement("button",{className:c()(f.a.primaryLevel2,f.a.moreBtn),onClick:C,ref:k(m)},a.a.createElement("div",{className:f.a.moreBtnMask}),a.a.createElement("span",null,"More"),s&&a.a.createElement(b,null),!s&&a.a.createElement(h,null)),a.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return a.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===y&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:F(n.id)},n.title)}))))]}),a.a.createElement(d.default,{show:M&&D&&!O,x:N})),a.a.createElement("div",{className:f.a.primaryNavRight},a.a.createElement(p.a,{handleWidth:!0,onResize:w}),r&&a.a.createElement("div",{className:c()(f.a.primaryLevel1,f.a.rightMenuPrimaryLevel1)},r),a.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:c()(f.a.searchIcon,{opened:L}),onFocus:function(){return I(!0)},onBlur:function(n){n.pageY0},n.prototype.connect_=function(){o&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),c?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},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;s.some(function(n){return!!~t.indexOf(n)})&&this.refresh()},n.getInstance=function(){return this.instance_||(this.instance_=new n),this.instance_},n.instance_=null,n}(),d=function(n,e){for(var t=0,o=Object.keys(e);t0},n}(),A="undefined"!=typeof WeakMap?new WeakMap:new t,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 w(e,t,this);A.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){E.prototype[n]=function(){var e;return(e=A.get(this))[n].apply(e,arguments)}});var C=void 0!==i.ResizeObserver?i.ResizeObserver:E;e.a=C}).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,i=t(5),a=t.n(i),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(4),d=t.n(p),u=t(48),f=t(16),m=t(35),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,i=n.isResize,r=n.activeChildId,s=n.showIndicator,c=n.indicatorX,p=n.createHandleClickItem,m=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).map(function(n,e){var t=a.a.isEmpty(n.link)?n.href:n.link;return l.a.createElement(f.Link,{className:d()(h.a.secondaryNavItem,n.id===r&&h.a.secondaryNavItemOpen),key:"level3-".concat(e),to:t,onClick:!n.openNewTab&&p(n.id),openNewTab:n.openNewTab},l.a.createElement("span",{ref:m(n.id)},n.title),l.a.createElement("span",{className:d()(h.a.indicator)}))}),l.a.createElement(u.default,{isResize:i,show:s,x:c})," "))};b.propTypes={open:c.a.bool,menu:c.a.object,isResize:c.a.bool,isSecondaryMenu:c.a.bool,activeChildId:c.a.any,showIndicator:c.a.bool,indicatorX:c.a.number,createHandleClickItem:c.a.func,createSetRef:c.a.func};var g,_,v=b;e.a=v,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(b,"SubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js"),g.register(v,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";var o=t(0),i=t.n(o),a=t(81),r=t(82),l=function(n){var e=[],t=null,o=function(){for(var o=arguments.length,i=Array(o),a=0;a=e||t<0||u&&n-p>=a}function g(){var n=f();if(b(n))return _(n);l=setTimeout(g,function(n){var t=e-(n-s);return u?S(t,a-(n-p)):t}(n))}function _(n){return l=void 0,m&&o?h(n):(o=i=void 0,r)}function v(){var n=f(),t=b(n);if(o=arguments,i=this,s=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(g,e),d?h(n):r}(s);if(u)return l=setTimeout(g,e),h(s)}return void 0===l&&(l=setTimeout(g,e)),r}return e=R(e)||0,c(t)&&(d=!!t.leading,a=(u="maxWait"in t)?W(R(t.maxWait)||0,e):a,m="trailing"in t?!!t.trailing:m),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=s=i=l=void 0},v.flush=function(){return void 0===l?r:_(f())},v},U="Expected a function";var j=function(n,e,t){var o=!0,i=!0;if("function"!=typeof n)throw new TypeError(U);return c(t)&&(o="leading"in t?!!t.leading:o,i="trailing"in t?!!t.trailing:i),P(n,e,{leading:o,maxWait:e,trailing:i})},K={debounce:P,throttle:j},z=function(n){return K[n]},H=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(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') 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,i=t(76),a=t.n(i),r=t(8),l=t.n(r),s=t(30),c=t.n(s),p=t(0),d=t.n(p),u=t(1),f=t.n(u),m=t(4),h=t.n(m),b=t(5),g=t.n(b),_=t(16),v=t(53),y=t.n(v),x=t(77),w=t(78),A=t(79),E=t(80),C=t(84);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var F=1,k=1e3,M=function(n,e,t){F=1,n=(n=n.map(function(n){return c()({},n,{id:n.id||F++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||F++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||F++})})})}),secondaryMenu:t&&e?g.a.filter(n.secondaryMenu,function(n){return n&&n.logged}):g.a.filter(n.secondaryMenu,function(n){return n&&!n.logged})})})).map(function(n){return c()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return c()({},n,{id:n.id||k++,href:"myprofile"!==n.id?n.href||"#":e?"/members/".concat(e):"/"})})})});var o=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));if(o&&o.date+32e3>(new Date).getTime()){var i=g.a.find(n,function(n){return n.id===o.id});i&&(i.subMenu=o.subMenu)}return n},D=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,i=n.theme,r=n.currentLevel1Id,s=n.onChangeLevel1Id,u=n.path,f=n.setOpenMore,m=n.openMore,b=n.loggedIn,v=n.profileHandle;Object(p.useEffect)(function(){var n=function(){f(!1),Sn(!1)};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]);var F,k,D=Object(p.useState)({refs:{},slide:{}}),O=l()(D,1)[0],N=Object(p.useState)(!1),L=l()(N,2),I=L[0],B=L[1],R=Object(p.useState)(),T=l()(R,2),W=T[0],S=T[1],P=Object(p.useState)(),U=l()(P,2),j=U[0],K=U[1],z=Object(p.useState)(),H=l()(z,2),X=H[0],G=H[1],q=Object(p.useState)(!1),V=l()(q,2),Y=V[0],J=V[1],Z=Object(p.useState)(!1),Q=l()(Z,2),$=Q[0],nn=Q[1],en=Object(p.useState)(!1),tn=l()(en,2),on=tn[0],an=tn[1],rn=Object(p.useState)(!1),ln=l()(rn,2),sn=ln[0],cn=ln[1],pn=Object(p.useState)(),dn=l()(pn,2),un=dn[0],fn=dn[1],mn=Object(p.useState)(),hn=l()(mn,2),bn=hn[0],gn=hn[1],_n=Object(p.useState)(0),vn=l()(_n,2),yn=vn[0],xn=vn[1],wn=Object(p.useState)(),An=l()(wn,2),En=An[0],Cn=An[1],Fn=Object(p.useState)(),kn=l()(Fn,2),Mn=kn[0],Dn=kn[1],On=Object(p.useMemo)(function(){return M(e,v,b)},[e,v,b]),Nn=Object(p.useState)(On),Ln=l()(Nn,2),In=Ln[0],Bn=Ln[1],Rn=Object(p.useState)(),Tn=l()(Rn,2),Wn=Tn[0],Sn=Tn[1],Pn=Object(p.useState)(),Un=l()(Pn,2),jn=Un[0],Kn=Un[1],zn=Object(p.useState)(),Hn=l()(zn,2),Xn=Hn[0],Gn=Hn[1],qn=function(){return Gn([])},Vn=function(n){return function(e){O.refs[n]=e}},Yn=function(n){return In.find(function(e){return e.id===n})},Jn=Yn(W),Zn=(F=j,(k=Yn(W))&&k.subMenu&&k.subMenu.find(function(n){return n.id===F})),Qn=Object(p.useCallback)(function(){Bn(function(n){return n.map(function(n){if(!O.refs[n.id])return n;O.slide[n.id]=!0;var e=O.refs[n.id];if(!e)return n;var t=e.getBoundingClientRect();return c()({},n,{initialX:t.x||t.left})})})},[O.refs,O.slide]),$n=Object(p.useCallback)(function(n){var e=O.refs[n];if(e){var t=e.getBoundingClientRect();return(t.x||t.left)+t.width/2}},[O.refs]),ne=Object(p.useCallback)(function(n){gn($n(n))},[gn,$n]),ee=function(n){setTimeout(function(){Dn($n(n))},0)},te=function(n){n.preventDefault(),window.location=b?_.config.URL.HOME:_.config.URL.BASE},oe=Object(p.useCallback)(function(n,e){return function(){n&&(f(!1),B(!1),S(n),s(n),K(),nn(!0),e&&an(!1),Qn(),setTimeout(function(){fn(!0)},I?250:0),xn(function(n){return n+1}))}},[I,s,Qn]);Object(p.useEffect)(function(){r!==W&&!I&&r&&oe(r,!1)()},[r,W,oe]),Object(p.useLayoutEffect)(function(){W&&ne(W)},[W,ne,yn,Wn]);var ie=function(n,e){return function(){f(!1),K(n),nn(!0),e&&an(!1),ne(n)}};Object(p.useEffect)(function(){var n=le(On,u),e=n.m1,t=n.m2,o=n.m3;o&&(t===j||!t&&!j&&e===W?(G(o),ee(o),Cn(!0)):Cn(!1))},[W,j,u]);Object(p.useEffect)(function(){var n,e,t;u&&On&&((n=On,t={exact:!1},(e=u)?(n.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t.exact?n.href===e&&(t={exact:!0}):t={exact:e.endsWith(n.href)})})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(n){if(n.href){var o=n.href.indexOf("?")>-1?n.href.split("?")[0]:n.href;e.indexOf(o)>-1&&(t={exact:e.endsWith(o)})}})}),t):t).exact||(G(void 0),ee(void 0),Cn(!1)))},[X]);var ae=Object(p.useCallback)(function(n){O.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(O.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return O.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[O.refs]);Object(p.useEffect)(function(){ae(!0),In.forEach(function(n){if(O.slide[n.id]&&O.refs[n.id]){O.slide[n.id]=!1;var e=O.refs[n.id];if(e){var t=e.getBoundingClientRect(),o=n.initialX-(t.x||t.left);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)})}}}),ae(!1)},[O.slide,O.refs,In,ae]);Object(p.useEffect)(function(){Gn([])},[Jn]);var re=Object(p.useCallback)(function(){if((!Xn||!Xn.length)&&Jn&&Jn.subMenu){ae(!0),function(){for(var n,e=[],t=Jn.subMenu.length-1;t>=0;t--){var o=Jn.subMenu[t],i=O.refs[o.id];if(!i)return;var a=i.getBoundingClientRect();if(!n){if(!i.parentElement)return;n=i.parentElement.getBoundingClientRect()}if(a.right>n.right&&a.right-n.right>1)e.unshift(o);else{if(!(e.length&&n.right-a.right<100))break;e.unshift(o)}}e.length?Gn(e):window.localStorage.removeItem("__top_nav_bar_state")}(),ae(!1)}},[Jn,O.refs,Xn,ae]);Object(p.useLayoutEffect)(function(){re()},[re]),Object(p.useEffect)(function(){var n=g.a.debounce(function(){qn()},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var le=function(n,e){var t={m1:null,m2:null,m3:null};return e?(n.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t={m1:n.id,m2:null}),n.subMenu&&n.subMenu.forEach(function(o){o.href&&e.indexOf(o.href)>-1&&(t={m1:n.id,m2:o.id}),o.subMenu&&o.subMenu.forEach(function(i){i.href&&e.indexOf(i.href)>-1&&(t.m3?i.href===e&&(t={m1:n.id,m2:o.id,m3:i.id}):t={m1:n.id,m2:o.id,m3:i.id},!X&&i.collapsed&&an(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var i=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(i)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t},se=0;return Object(p.useEffect)(function(){var n=g.a.debounce(function(){se&&clearTimeout(se);var n=le(On,u).m3;j&&ne(j),ee(n),J(!0),se=setTimeout(function(){J(!1),se=0},1e3)},50);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[le]),Object(p.useEffect)(function(){if(u&&On[0]){Bn(On);var n=le(On,u),e=n.m1,t=n.m2,o=null;u.indexOf("/challenges")>-1?u.match(/challenges\/[0-9]+/)&&(an(!0),o=le(On,"/challenges").m2):u.indexOf("/my-dashboard")>-1||u.indexOf("/members/"+v)>-1?nn(!0):u.indexOf("/community/learn")>-1||u.indexOf("/thrive/tracks")>-1?o=le(On,"/community").m2:t||(nn(!1),an(!0)),setTimeout(function(){var n,i;i=t||o,(n=e||"community")&&(oe(n,!1)(),setTimeout(function(){i&&ie(i,!1)()},0))})}},[u,b,v]),d.a.createElement("div",{className:h()(y.a.themeWrapper,"theme-".concat(i))},d.a.createElement("div",{className:y.a.headerNavUi},d.a.createElement(x.a,{showLeftMenu:Wn,logo:o,onClickLogo:te,rightMenu:t,onClickLeftMenu:function(){return Sn(function(n){return!n})}}),!Wn&&(Zn||Jn)&&d.a.createElement(w.a,{open:jn,menu:Zn||Jn,isSecondaryMenu:!Zn,activeChildId:X,onClick:function(){return Kn(function(n){return!n})},createHandleClickItem:function(n){return function(){G(n),Kn(!1)}}}),d.a.createElement(E.a,{collapsed:I,showLeftMenu:Wn,logo:o,menu:In,rightMenu:t,moreMenu:Xn,openMore:m,onCloseMore:function(){return f(!1)},moreId:"more",activeLevel1Id:W,activeLevel2Id:j,onClickLogo:te,onRightMenuResize:function(){qn()},createHandleClickLevel1:oe,createHandleClickLevel2:ie,handleClickMore:function(){return f(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){f(!1),K(n),nn(!0),an(!1),setTimeout(function(){!function(n,e){var t=Yn(n);if(t&&t.subMenu){var o=t.subMenu,i=g.a.findIndex(o,function(n){return n.id===e}),r=o[0];o[0]=o[i],o[i]=r,i=g.a.findIndex(Xn,function(n){return n.id===e}),Xn[i]=r,window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(g.a.assign({},t))),Gn(a()(Xn)),ne(e)}}(W,n)})}},createSetRef:Vn,showChosenArrow:un,showLevel3:$,forceHideLevel3:on,chosenArrowX:bn,searchOpened:sn,toggleSearchOpen:function(n){cn(n),O.refs.searchInputBox.value=""}}),(Zn&&Zn.subMenu&&Zn.subMenu.length>0||!Zn&&Jn&&Jn.secondaryMenu&&Jn.secondaryMenu.length>0)&&d.a.createElement(C.a,{open:!on&&$,menu:Zn||Jn,isResize:Y,isSecondaryMenu:!Zn,activeChildId:X,showIndicator:En,indicatorX:Mn,createHandleClickItem:function(n){return function(){G(n),ee(n);var e=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));e&&window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(g.a.assign({},e,{date:(new Date).getTime()})))}},createSetRef:Vn}),Wn&&Jn&&d.a.createElement(A.a,{menu:Jn,activeChildId:j,createHandleClickItem:function(n){return function(){Sn(!1),K(n)}}})))};D.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},D.propTypes={menu:f.a.array.isRequired,rightMenu:f.a.node,logo:f.a.node,theme:f.a.string,currentLevel1Id:f.a.any,onChangeLevel1Id:f.a.func,path:f.a.string,setOpenMore:f.a.func,openMore:f.a.bool,loggedIn:f.a.bool,profileHandle:f.a.string};var O,N,L=D;e.default=L,(O=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(O.register("more","moreId","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),O.register(F,"id","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),O.register(k,"idForSecondary","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),O.register(M,"initMenuId","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),O.register(D,"TopNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),O.register(L,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js")),(N=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&N(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n.SLwlRzv2b8FicEx4vbP0x {\n font-family: "Roboto", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative; }\n .SLwlRzv2b8FicEx4vbP0x a {\n text-decoration: none; }\n',""]),e.locals={headerNavUi:"SLwlRzv2b8FicEx4vbP0x"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2CrPaxU700CNjSaHqSs4El {\n display: none; } }\n\n@media (min-width: 769px) {\n .DhsJqfKHix2ZvO5KpShtm {\n display: none; } }\n\n.C0Avcqx93-GrYR5SPlLlb {\n height: 60px;\n background: #2A2A2B;\n display: flex;\n justify-content: center;\n position: relative;\n align-items: center; }\n @media (min-width: 769px) {\n .C0Avcqx93-GrYR5SPlLlb {\n display: none; } }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu {\n width: 60px;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n left: 0;\n top: 0; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 {\n background-color: transparent;\n border: none;\n padding: 0;\n cursor: pointer; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1:focus {\n outline: none; }\n .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 img {\n display: block; }\n .C0Avcqx93-GrYR5SPlLlb ._1b1mrG1Ri9bAohJFwwPgTD {\n font-family: \'Roboto\';\n font-weight: 700;\n cursor: pointer;\n color: #FFFFFF;\n font-size: 16px;\n line-height: 30px;\n padding-right: 20px;\n position: absolute;\n right: 0; }\n\n._1x3yCnfohAbeftdkwOUSCz {\n left: 18px;\n position: absolute;\n top: 16px; }\n @media (min-width: 769px) {\n ._1x3yCnfohAbeftdkwOUSCz {\n display: none; } }\n\n._2gtHUbJhCv6Da5pkn9UzBV {\n padding: 6px 12px 0;\n position: relative; }\n @media (min-width: 769px) {\n ._2gtHUbJhCv6Da5pkn9UzBV {\n display: none; } }\n ._2gtHUbJhCv6Da5pkn9UzBV input {\n background: none;\n border: 1px solid #7F7F7F;\n box-shadow: none;\n color: #FFFFFF;\n font: 16px "Roboto", Helvetica, Arial, sans-serif !important;\n height: 32px;\n outline: none;\n padding-left: 30px !important; }\n ._2gtHUbJhCv6Da5pkn9UzBV input::placeholder {\n color: #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n border: 1px solid #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus {\n border: 1px solid #0596dc; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:active,\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus,\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n box-shadow: none;\n outline: none; }\n',""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD",icon:"_1x3yCnfohAbeftdkwOUSCz",search:"_2gtHUbJhCv6Da5pkn9UzBV"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') 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 ._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 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 .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n background: #FBFBFB; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n background: #636363; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 28px;\n line-height: 40px; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n color: #2A2A2B; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n color: #FFFFFF; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX svg {\n margin-left: 5px; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX img {\n margin-left: 8px; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n fill: #2A2A2B; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n fill: #FFFFFF; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n border-top: 1px solid #1F7E8A;\n width: 100%;\n z-index: 999;\n position: absolute; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n background: #FBFBFB; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n background: #636363; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\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 .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n color: #2A2A2B; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n color: #FFFFFF; }\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 display: inline-block;\n margin-right: 10px; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n background: #43D7B0; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n background: #FFFFFF; }\n",""]),e.locals={"mobile-only":"_2NYoCOm257hoVrru5r_nl_","hide-not-mobile":"_2da-dNVd3gmk52j2eeXNiB",mobileSubNav:"hOuBbW_rRrqTQNE2yX0U0",mobileSubNavMask:"_3-kA2UFoGsUFDu0UPt8kj7",mobileSubNavOpen:"_2jL9yEll0DYK_TRUWo_ovR",mobileSubNavHeader:"NfQcGJQtbQeFU1YGz1HnX",mobileSubNavContent:"_2nYpKu9QByZ0NWfxANd8ld",mobileSubNavChild:"MGLhxdV4f_pnHZOuoeaXO",mobileSubNavChildOpen:"_368J3UvBv86TM6dh3awQYd"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n ._2YwPStPoDEjIb-PbIGNtsb {\n display: none; } }\n\n@media (min-width: 769px) {\n .RAtQ7LjJWDfIoiWEpF2mA {\n display: none; } }\n\n.JxBIkbv7v_sJK1N_vMeFs {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n z-index: 1; }\n .theme-light .JxBIkbv7v_sJK1N_vMeFs {\n background: #FBFBFB; }\n .theme-dark .JxBIkbv7v_sJK1N_vMeFs {\n background: #636363; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n font-size: 18px;\n line-height: 40px;\n height: 40px;\n margin: 5px 0;\n display: flex;\n align-items: center;\n cursor: pointer; }\n .theme-light .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n color: #2A2A2B; }\n .theme-dark .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n color: #FFFFFF; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa {\n font-family: \'Roboto\';\n font-weight: 700;\n pointer-events: none;\n cursor: default; }\n .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa::before {\n content: "";\n height: 30px;\n width: 3px;\n border-radius: 1.5px;\n background: #43D7B0;\n display: inline-block;\n margin-right: 10px; }\n',""]),e.locals={"mobile-only":"_2YwPStPoDEjIb-PbIGNtsb","hide-not-mobile":"RAtQ7LjJWDfIoiWEpF2mA",secondaryNavMobile:"JxBIkbv7v_sJK1N_vMeFs",secondaryNavMobileItem:"_3ntC2KHyW7xczldMyA7yqc",secondaryNavMobileItemOpen:"_1rt8mOYntrOZdAPjpl_QKa"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') 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 (max-width: 768px) {\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._1e-mMrLOI_9IgbpUDGbIrm::before {\n cursor: default;\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._1e-mMrLOI_9IgbpUDGbIrm::before {\n display: none; } }\n ._19afvNiE3ExyOixLsg7p9e._27UQXipCc_Te8TwvfzIi8f {\n color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n white-space: nowrap;\n width: 0;\n opacity: 0;\n overflow: hidden; }\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: flex;\n overflow: unset;\n margin-right: auto;\n width: auto;\n opacity: 1;\n transition: opacity 400ms ease-in 100ms; }\n @media (max-width: 768px) {\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: none; } }\n ._3EpSSlLUWcH3CJRZGDXyWu ._34GhMfx3zSO-nsw2icmQCB {\n overflow: hidden; }\n\n._1YF68FTa0xYVBFerysFlRt {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start;\n cursor: pointer; }\n ._1YF68FTa0xYVBFerysFlRt:first-child {\n margin-left: 0; }\n ._1YF68FTa0xYVBFerysFlRt._1POQKSuLHxuhqKjgCytFNW {\n color: #43D7B0; }\n\n.ISBVAVTXPThf-IcdFVa9z {\n position: relative; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 {\n background-color: transparent;\n border: none;\n padding: 0;\n position: relative;\n color: #FFFFFF;\n margin-left: 20px;\n width: 74px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2:focus {\n outline: none; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 ._3EHcZKrNC-kRxRB0inP_X- {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 img {\n margin-left: 8px; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n flex-direction: column;\n z-index: 2; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a {\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a:first-child {\n margin: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ .vl4waOECcJkR7W07RZ46P {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n cursor: default; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3eb96Zkyw2BKU4_9QkalKG {\n display: flex; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3EHcZKrNC-kRxRB0inP_X- {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ img {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n\n._1y954HiCL69kCUV5ji4vqm {\n cursor: pointer;\n display: inline-block;\n height: 32px;\n margin: 11px 20px 11px 0px;\n padding-left: 12px;\n position: relative;\n border-left: 1px solid #7F7F7F;\n width: 36px; }\n ._1y954HiCL69kCUV5ji4vqm svg {\n height: 18px;\n margin-top: 7px;\n width: 18px; }\n ._1y954HiCL69kCUV5ji4vqm svg path {\n fill: #FFFFFF; }\n ._1y954HiCL69kCUV5ji4vqm.opened path {\n fill: #43D7B0; }\n ._1y954HiCL69kCUV5ji4vqm.opened::after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px 5px 0;\n border-color: #43D7B0 transparent transparent transparent;\n position: absolute;\n left: 60%;\n bottom: -3px;\n margin-left: -6px;\n background-color: transparent; }\n\n._1A5zHMkLXwCq7ngfPscgI9 {\n background: #151516;\n height: 0;\n margin-top: -10px;\n opacity: 0.98;\n overflow: hidden;\n padding: 0 48px;\n position: absolute;\n text-align: center;\n width: 100%;\n transition: all 0.25s ease-in-out;\n z-index: 10; }\n ._1A5zHMkLXwCq7ngfPscgI9.opened {\n height: 128px;\n padding: 48px;\n transition: all 0.25s ease-in-out; }\n ._1A5zHMkLXwCq7ngfPscgI9.closed {\n display: none; }\n ._1A5zHMkLXwCq7ngfPscgI9 input,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover {\n border: none;\n border-bottom: 1px solid #FFFFFF;\n box-shadow: none;\n font-size: 22px;\n outline: none;\n padding-bottom: 3px; }\n ._1A5zHMkLXwCq7ngfPscgI9 input::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover::placeholder {\n color: #C0C0C0; }\n",""]),e.locals={"mobile-only":"_1VRR6kMd5HPNbGhUoVw6sa","hide-not-mobile":"_1ZIW4j3_J2yPrkaA0N5M5H",mobileOnly:"_1_OJYKtAV_VRTWF41K-8_A",primaryNavContainer:"w9y3kbj2HBlraVU5kjCay",primaryNavContainerOpen:"Zc4bxo2xl4cRudOT9lbVz",primaryNav:"_3OclGxtDScIS3kJx3-Eskw",moreInit:"_3EpSSlLUWcH3CJRZGDXyWu",primaryNavRight:"_3ALxQJpmTtNjkYXZNPxUye",primaryLevel1:"_19afvNiE3ExyOixLsg7p9e",tcLogo:"_25qoGMAMp5tpACmrEhPjJc",tcLogoPush:"PsKz54w3mhOmlfDfYi8V4",primaryLevel1Separator:"_32rjY2HOvXZBZUSwC_a4jx",rightMenuPrimaryLevel1:"_1e-mMrLOI_9IgbpUDGbIrm",primaryLevel1Open:"_27UQXipCc_Te8TwvfzIi8f",primaryLevel2Container:"_34GhMfx3zSO-nsw2icmQCB",primaryLevel2ContainerOpen:"_1-_eh1GEkSm1Ie2hcIHrLt",primaryLevel2:"_1YF68FTa0xYVBFerysFlRt",primaryLevel2Open:"_1POQKSuLHxuhqKjgCytFNW",moreBtnContainer:"ISBVAVTXPThf-IcdFVa9z",moreBtn:"_1UEQjA-hNZmulAk-7kHhj2",moreBtnMask:"_3EHcZKrNC-kRxRB0inP_X-",moreContentContainer:"_3eb96Zkyw2BKU4_9QkalKG",moreOpen:"_3bttaLkKXVIrWu75WOLFpZ",backdrop:"vl4waOECcJkR7W07RZ46P",searchIcon:"_1y954HiCL69kCUV5ji4vqm",searchField:"_1A5zHMkLXwCq7ngfPscgI9"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n font-family: "Roboto";\n font-weight: 700;\n font-style: normal;\n src: url('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') 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(111);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(14)(!1);var o=t(17),i=o(t(10)),a=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),m=o(t(24)),h=o(t(25)+"#Roboto"),b=o(t(12)),g=o(t(12)+"?#iefix"),_=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),w=o(t(57)),A=o(t(58)),E=o(t(38)),C=o(t(59)),F=o(t(60)),k=o(t(54)),M=o(t(55)),D=o(t(63)),O=o(t(64)),N=o(t(43)),L=o(t(56)),I=o(t(61)),B=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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('+g+') format("embedded-opentype"), url('+_+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n /* Legacy iOS */ }\n\n.wrap-all {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0; }\n\n.relative {\n position: relative; }\n\n.hide {\n display: none !important; }\n\n.desktop-hide {\n display: none; }\n\n.desktop-show {\n display: block; }\n\n.flex-grid {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .flex-grid.item-start {\n align-items: flex-start; }\n\n.icons {\n display: inline-block;\n vertical-align: middle; }\n\n/* btn */\n.btn {\n font-size: 18px;\n font-weight: normal;\n text-decoration: none;\n border: none;\n box-shadow: none;\n position: relative;\n text-transform: none;\n font-weight: bold;\n display: inline-block; }\n .btn.active, .btn:active, .btn:focus {\n box-shadow: none;\n outline: 0; }\n\n/* .btn-blue */\n.btn-blue,\n.btn-blue:hover,\n.btn-blue:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 15px;\n padding: 1px 18px;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700; }\n\n.btn-blue:hover {\n opacity: 0.75; }\n\n.btn-blue {\n background-color: #2C95D7; }\n .btn-blue.disabled, .btn-blue:disabled, .btn-blue[disabled] {\n pointer-events: none; }\n\n/* .btn-gray */\n.btn-gray,\n.btn-gray:hover,\n.btn-gray:focus {\n cursor: pointer;\n height: 30px;\n color: #FFFFFF;\n line-height: 30px;\n border-radius: 4px;\n padding: 1px 18px;\n font-size: 13px;\n background-color: #AAAAAB;\n font-family: 'Roboto';\n font-weight: 400; }\n\n.btn-gray:hover {\n opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n.header-nav-ui {\n font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n color: #2A2A2B;\n position: relative; }\n .header-nav-ui a {\n text-decoration: none !important; }\n .header-nav-ui .more-btn-container .more-btn {\n margin-left: 20px !important;\n width: 74px;\n height: 30px;\n justify-content: center !important; }\n .header-nav-ui .more-btn-container .more-btn > .dropdown-icon {\n margin-left: 8px; }\n .header-nav-ui .more-btn-container .more-content-container {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n z-index: 1; }\n .header-nav-ui .more-btn-container .more-content-container a {\n color: #FFFFFF;\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .header-nav-ui .more-btn-container .more-content-container a:first-child {\n margin: 0; }\n .header-nav-ui .more-btn-container.isOpen .more-content-container {\n display: flex; }\n .header-nav-ui .more-btn-container.isOpen .more-btn * {\n z-index: 1; }\n .header-nav-ui .more-btn-container.isOpen .more-btn .mask {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .header-nav-ui .more-btn-container.isOpen .more-btn .dropdown-icon {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n .header-nav-ui .primary-nav {\n background: #2A2A2B;\n color: #FFFFFF;\n height: 80px;\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n z-index: 1; }\n .header-nav-ui .primary-nav a {\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .tc-logo {\n margin: 0 30px;\n justify-self: flex-start;\n margin-right: auto;\n cursor: pointer; }\n .header-nav-ui .primary-nav .primary-level-1-separator {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1 {\n font-family: 'Roboto';\n font-weight: 700;\n font-size: 18px;\n line-height: 30px;\n margin: 0 30px;\n padding-right: 5px;\n position: relative; }\n .header-nav-ui .primary-nav .primary-level-1.more-menu {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen {\n color: #43D7B0;\n justify-self: flex-start; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n content: \"\";\n position: absolute;\n display: block;\n left: -30px;\n top: 0;\n width: 1px;\n height: 100%;\n background: #555555; }\n .header-nav-ui .primary-nav .primary-level-1.login-container {\n margin-right: 20px;\n position: relative; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container {\n margin-left: 33px;\n border-radius: 15px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .handle {\n display: block;\n font-size: 14px;\n font-weight: 700;\n line-height: 30px;\n margin-left: 5px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon {\n width: 16px;\n height: 16px;\n margin: 0 5px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon .dropdown-icon {\n transition: all 0.5s; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen {\n background-color: rgba(85, 85, 85, 0.4); }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover .handle-container .handle, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .handle {\n display: block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .dropdown-icon {\n transform: rotate(180deg); }\n .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .avatar {\n width: 30px;\n height: 30px;\n display: inline-block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup {\n position: absolute;\n right: 0;\n top: 40px;\n color: #2A2A2B;\n border-radius: 10px;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 288px;\n background: #FFFFFF;\n border-radius: 6px;\n overflow: hidden;\n z-index: 1; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup a {\n color: #2A2A2B; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header {\n background: #0AB88A;\n height: 90px;\n padding: 0 20px;\n color: #FFFFFF; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .handle {\n font-size: 16px;\n line-height: 20px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .email {\n font-size: 12px;\n line-height: 14px;\n margin-top: 4px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .avatar {\n margin-right: 10px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container {\n background: #2A2A2B;\n color: #FFFFFF;\n font-size: 14px;\n line-height: 30px;\n height: 50px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container .switch-icon {\n margin: 0 10px 0 22px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu {\n padding: 15px 0 25px 0; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a {\n height: 50px;\n display: flex;\n align-items: center;\n margin: -5px 0;\n padding: 0 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 30px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a:hover {\n background: #F4F4F4; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu .separator {\n background: #E0E0E0;\n height: 1px;\n width: 100%;\n margin: 10px;\n height: 1px;\n width: calc(100% - 40px);\n align-self: center; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon {\n position: relative;\n padding: 10px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon::after {\n content: \"\";\n width: 6px;\n height: 6px;\n position: absolute;\n top: 8px;\n right: 5px;\n background: #EF476F;\n border-radius: 6px;\n display: block; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .new-notification {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .notifications-panel {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon {\n opacity: 0.5; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification {\n line-height: 36px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification:hover {\n background-color: rgba(85, 85, 85, 0.4);\n border-radius: 50%; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .all-seen-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification {\n border-radius: 15px;\n width: 30px;\n height: 30px;\n background-color: rgba(85, 85, 85, 0.4);\n display: flex;\n justify-content: center; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification .notification-icon::after {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-2-container {\n display: none;\n margin: 0 auto 0 0; }\n .header-nav-ui .primary-nav .primary-level-2-container.isOpen {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:first-child {\n margin-left: 0; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:nth-child(2) {\n margin-left: 0; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2.isOpen {\n color: #43D7B0; }\n .header-nav-ui .primary-nav .more-btn-container .more-content-container a.isOpen {\n color: #43D7B0; }\n .header-nav-ui .notifications-panel,\n .header-nav-ui .mobile-notifications-panel {\n background-color: #FFFFFF;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n width: 480px;\n height: auto;\n position: absolute;\n right: 10px;\n top: 40px;\n display: none;\n z-index: 100; }\n .header-nav-ui .notifications-panel .noti-header,\n .header-nav-ui .mobile-notifications-panel .noti-header {\n background-color: #0AB88A;\n border-radius: 10px 10px 0 0;\n padding: 10px 20px 10px;\n height: 30px;\n position: sticky;\n top: 0; }\n .header-nav-ui .notifications-panel .noti-header .left-noti,\n .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n background: url("+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("+A+") center center no-repeat;\n background-size: 73px 80px;\n width: 73px;\n height: 80px;\n margin: 50px 0 10px; }\n .header-nav-ui .notifications-panel .noti-body.center,\n .header-nav-ui .mobile-notifications-panel .noti-body.center {\n text-align: center; }\n .header-nav-ui .notifications-panel .noti-body.center .titles,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .titles {\n color: #2A2A2B;\n font-size: 30px;\n font-family: 'Barlow Condensed';\n font-weight: 600;\n line-height: 40px;\n margin: 23px 0 -8px 0; }\n .header-nav-ui .notifications-panel .noti-body.center .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n text-align: center;\n padding: 19px 60px 12px 60px; }\n .header-nav-ui .notifications-panel .noti-body .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .txt .blue-link,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt .blue-link {\n color: #0596dc;\n font-size: 14px; }\n .header-nav-ui .notifications-panel .noti-body .light-bar,\n .header-nav-ui .mobile-notifications-panel .noti-body .light-bar {\n background-color: #B5E9DB;\n height: 28px;\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 28px;\n padding-left: 20px;\n margin-top: -2px;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n z-index: 2;\n padding-right: 20px;\n padding-top: 2px; }\n .header-nav-ui .notifications-panel .noti-body .greybar-section:last-child .items .item-content,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section:last-child .items .item-content {\n border-bottom: 0; }\n .header-nav-ui .notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .notifications-panel .noti-body .greybar-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section {\n margin-top: -2px;\n background-color: #FFFFFF;\n padding-top: 5px; }\n .header-nav-ui .notifications-panel .noti-body .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n position: absolute;\n right: 1px;\n top: 50%;\n margin-top: -10px;\n z-index: 666;\n display: none; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close {\n display: block;\n background: url("+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("+C+") 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("+F+") 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("+k+") 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("+M+") 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("+D+") 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("+O+") 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("+L+") 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("+I+") 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("+B+") 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=c++;t=s||(s=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","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js"),h.register(_,"default","/Users/Roger/w/cop/cop_base/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),s=t(4),c=t.n(s),p=t(37),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:c()(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","/Users/Roger/w/cop/cop_base/navigation-component/src/components/SwitchBox/index.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/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(96);"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(104);"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(92);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(94);"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),s=t(4),c=t.n(s),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:c()(d.a["noti-body"],d.a.center)},i.a.createElement("i",{className:c()(d.a.icons,d.a["icon-bell"])}),i.a.createElement("h4",{className:d.a.titles},t),i.a.createElement("div",{className:c()(d.a.txt,d.a["center-txt"])},o)),i.a.createElement("div",{className:d.a["noti-footer"]},i.a.createElement("span",{className:c()(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","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/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),s=t(4),c=t.n(s),p=t(5),d=t.n(p),u=t(36),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:c()(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:c()(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:c()(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)}),s=[{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||t.secondaryMenu&&t.secondaryMenu.length>0)&&i.a.createElement(i.a.Fragment,null,i.a.createElement("button",{className:d.a.mobileSubNavHeader,onClick:r},i.a.createElement("span",null,t.title),e?i.a.createElement(f,null):i.a.createElement(u,null)),e&&i.a.createElement("div",{className:d.a.mobileSubNavContent},(o?t.secondaryMenu:t.subMenu).map(function(n,e){return i.a.createElement("a",{className:c()(d.a.mobileSubNavChild,n.id===a&&d.a.mobileSubNavChildOpen),href:n.href,key:"level3-".concat(e),onClick:l(n.id)},n.title)})))||i.a.createElement(i.a.Fragment,null,i.a.createElement("dev",{className:d.a.mobileSubNavHeader},i.a.createElement("span",null,t.title))))};m.propTypes={open:l.a.bool,menu:l.a.object,isSecondaryMenu:l.a.bool,activeChildId:l.a.any,onClick:l.a.func,createHandleClickItem:l.a.func};var h,b,_=m;e.a=_,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"MobileSubNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js"),h.register(_,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(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),s=t(4),c=t.n(s),p=t(42),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.menu,t=n.activeChildId,o=n.createHandleClickItem;return i.a.createElement("div",{className:d.a.secondaryNavMobile},e.subMenu&&e.subMenu.map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return i.a.createElement("a",{className:c()(d.a.secondaryNavMobileItem,n.id===t&&d.a.secondaryNavMobileItemOpen),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?o(n.id):null},n.title)}))};u.propTypes={menu:l.a.object,activeChildId:l.a.any,createHandleClickItem:l.a.func};var f,m,h=u;e.a=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"MobileMenu","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.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),s=t(4),c=t.n(s),p=t(85),d=t(46),u=t(6),f=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var m=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};m.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};h.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var b=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};b.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){var e=n.collapsed,t=n.showLeftMenu,o=n.logo,a=n.menu,r=n.rightMenu,l=n.moreMenu,s=n.openMore,u=n.onCloseMore,_=n.moreId,g=n.activeLevel1Id,v=n.activeLevel2Id,y=n.onClickLogo,x=n.onRightMenuResize,w=n.createHandleClickLevel1,A=n.createHandleClickLevel2,E=n.handleClickMore,F=n.createHandleClickMoreItem,k=n.createSetRef,M=n.showChosenArrow,D=n.showLevel3,O=n.forceHideLevel3,C=n.chosenArrowX,N=n.searchOpened,R=n.toggleSearchOpen,L=function(n){return!(l||[]).find(function(e){return e.id===n.id})},I=50;return i.a.createElement("div",null,i.a.createElement("div",{className:c()(f.a.primaryNavContainer,t&&f.a.primaryNavContainerOpen)},i.a.createElement("div",{className:f.a.primaryNav,ref:k("primaryNav")},i.a.createElement("a",{className:c()(f.a.tcLogo,e&&f.a.tcLogoPush),onClick:function(n){return y(n)},href:"/"},o),a.map(function(n,e){return[i.a.createElement("span",{className:f.a.primaryLevel1Separator,key:"separator-".concat(e)}),i.a.createElement("a",{className:c()(f.a.primaryLevel1,(!v||t)&&n.id===g&&f.a.primaryLevel1Open,n.mobileOnly&&f.a.mobileOnly),href:n.href,key:"level1-".concat(e),onClick:w(n.id,!0),ref:k(n.id)},n.title),n.subMenu&&i.a.createElement("div",{className:c()(f.a.primaryLevel2Container,n.id===g&&f.a.primaryLevel2ContainerOpen),key:"level2-".concat(e,"-container"),ref:k("level2Container".concat(e))},n.subMenu.filter(L).map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return i.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===v&&f.a.primaryLevel2Open),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?A(n.id,!0):null,ref:k(n.id)},n.title)}),n.id===g&&l&&l.length>0&&i.a.createElement("div",{className:c()(f.a.moreBtnContainer,s&&f.a.moreOpen)},i.a.createElement("div",{className:f.a.backdrop,onClick:u}),i.a.createElement("button",{className:c()(f.a.primaryLevel2,f.a.moreBtn),onClick:E,ref:k(_)},i.a.createElement("div",{className:f.a.moreBtnMask}),i.a.createElement("span",null,"More"),s&&i.a.createElement(h,null),!s&&i.a.createElement(m,null)),i.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return i.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===v&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:F(n.id)},n.title)}))))]}),i.a.createElement(d.default,{show:M&&D&&!O,x:C})),i.a.createElement("div",{className:f.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:x}),r&&i.a.createElement("div",{className:c()(f.a.primaryLevel1,f.a.rightMenuPrimaryLevel1)},r),i.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:c()(f.a.searchIcon,{opened:N}),onFocus:function(){return R(!0)},onBlur:function(n){n.pageY0},n.prototype.connect_=function(){o&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),c?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},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;s.some(function(n){return!!~t.indexOf(n)})&&this.refresh()},n.getInstance=function(){return this.instance_||(this.instance_=new n),this.instance_},n.instance_=null,n}(),d=function(n,e){for(var t=0,o=Object.keys(e);t0},n}(),A="undefined"!=typeof WeakMap?new WeakMap:new t,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 w(e,t,this);A.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){E.prototype[n]=function(){var e;return(e=A.get(this))[n].apply(e,arguments)}});var F=void 0!==a.ResizeObserver?a.ResizeObserver:E;e.a=F}).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(5),i=t.n(a),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(4),d=t.n(p),u=t(48),f=t(31),m=t(35),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.isResize,r=n.activeChildId,s=n.showIndicator,c=n.indicatorX,p=n.createHandleClickItem,m=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).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===r&&h.a.secondaryNavItemOpen),key:"level3-".concat(e),to:t,onClick:!n.openNewTab&&p(n.id),openNewTab:n.openNewTab},l.a.createElement("span",{ref:m(n.id)},n.title),l.a.createElement("span",{className:d()(h.a.indicator)}))}),l.a.createElement(u.default,{isResize:a,show:s,x:c})," "))};b.propTypes={open:c.a.bool,menu:c.a.object,isResize:c.a.bool,isSecondaryMenu:c.a.bool,activeChildId:c.a.any,showIndicator:c.a.bool,indicatorX:c.a.number,createHandleClickItem:c.a.func,createSetRef:c.a.func};var _,g,v=b;e.a=v,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(b,"SubNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/SubNav.js"),_.register(v,"default","/Users/Roger/w/cop/cop_base/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(81),r=t(82),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-s);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,s=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(_,e),d?h(n):r}(s);if(u)return l=setTimeout(_,e),h(s)}return void 0===l&&(l=setTimeout(_,e)),r}return e=B(e)||0,c(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=s=a=l=void 0},v.flush=function(){return void 0===l?r:g(f())},v},U="Expected a function";var T=function(n,e,t){var o=!0,a=!0;if("function"!=typeof n)throw new TypeError(U);return c(t)&&(o="leading"in t?!!t.leading:o,a="trailing"in t?!!t.trailing:a),j(n,e,{leading:o,maxWait:e,trailing:a})},K={debounce:j,throttle:T},H=function(n){return K[n]},X=function(n){return"function"==typeof n},G=function(){return"undefined"==typeof window},z=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(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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(76),i=t.n(a),r=t(8),l=t.n(r),s=t(29),c=t.n(s),p=t(0),d=t.n(p),u=t(1),f=t.n(u),m=t(4),h=t.n(m),b=t(5),_=t.n(b),g=t(31),v=t(53),y=t.n(v),x=t(77),w=t(78),A=t(79),E=t(80),F=t(84);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var k=1,M=1e3,D=function(n,e,t){k=1,n=(n=n.map(function(n){return c()({},n,{id:n.id||k++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||k++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||k++})})})}),secondaryMenu:t&&e?_.a.filter(n.secondaryMenu,function(n){return n&&n.logged}):_.a.filter(n.secondaryMenu,function(n){return n&&!n.logged})})})).map(function(n){return c()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return c()({},n,{id:n.id||M++,href:"myprofile"!==n.id?n.href||"#":e?"/members/".concat(e):"/"})})})});var o=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));if(o&&o.date+32e3>(new Date).getTime()){var a=_.a.find(n,function(n){return n.id===o.id});a&&(a.subMenu=o.subMenu)}return n},O=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,a=n.theme,r=n.currentLevel1Id,s=n.onChangeLevel1Id,u=n.path,f=n.setOpenMore,m=n.openMore,b=n.loggedIn,v=n.profileHandle;Object(p.useEffect)(function(){var n=function(){f(!1),Pn(!1)};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]);var k,M,O=Object(p.useState)({refs:{},slide:{}}),C=l()(O,1)[0],N=Object(p.useState)(!1),R=l()(N,2),L=R[0],I=R[1],B=Object(p.useState)(),W=l()(B,2),S=W[0],P=W[1],j=Object(p.useState)(),U=l()(j,2),T=U[0],K=U[1],H=Object(p.useState)(),X=l()(H,2),G=X[0],z=X[1],q=Object(p.useState)(!1),V=l()(q,2),Y=V[0],J=V[1],Z=Object(p.useState)(!1),Q=l()(Z,2),$=Q[0],nn=Q[1],en=Object(p.useState)(!1),tn=l()(en,2),on=tn[0],an=tn[1],rn=Object(p.useState)(!1),ln=l()(rn,2),sn=ln[0],cn=ln[1],pn=Object(p.useState)(),dn=l()(pn,2),un=dn[0],fn=dn[1],mn=Object(p.useState)(),hn=l()(mn,2),bn=hn[0],_n=hn[1],gn=Object(p.useState)(0),vn=l()(gn,2),yn=vn[0],xn=vn[1],wn=Object(p.useState)(),An=l()(wn,2),En=An[0],Fn=An[1],kn=Object(p.useState)(),Mn=l()(kn,2),Dn=Mn[0],On=Mn[1],Cn=Object(p.useMemo)(function(){return D(e,v,b)},[e,v,b]),Nn=Object(p.useState)(Cn),Rn=l()(Nn,2),Ln=Rn[0],In=Rn[1],Bn=Object(p.useState)(),Wn=l()(Bn,2),Sn=Wn[0],Pn=Wn[1],jn=Object(p.useState)(),Un=l()(jn,2),Tn=Un[0],Kn=Un[1],Hn=Object(p.useState)(),Xn=l()(Hn,2),Gn=Xn[0],zn=Xn[1],qn=function(){return zn([])},Vn=function(n){return function(e){C.refs[n]=e}},Yn=function(n){return Ln.find(function(e){return e.id===n})},Jn=Yn(S),Zn=(k=T,(M=Yn(S))&&M.subMenu&&M.subMenu.find(function(n){return n.id===k})),Qn=Object(p.useCallback)(function(){In(function(n){return n.map(function(n){if(!C.refs[n.id])return n;C.slide[n.id]=!0;var e=C.refs[n.id];if(!e)return n;var t=e.getBoundingClientRect();return c()({},n,{initialX:t.x||t.left})})})},[C.refs,C.slide]),$n=Object(p.useCallback)(function(n){var e=C.refs[n];if(e){var t=e.getBoundingClientRect();return(t.x||t.left)+t.width/2}},[C.refs]),ne=Object(p.useCallback)(function(n){_n($n(n))},[_n,$n]),ee=function(n){setTimeout(function(){On($n(n))},0)},te=function(n){n.preventDefault(),window.location=b?g.config.URL.HOME:g.config.URL.BASE},oe=Object(p.useCallback)(function(n,e){return function(){n&&(f(!1),I(!1),P(n),s(n),K(),nn(!0),e&&an(!1),Qn(),setTimeout(function(){fn(!0)},L?250:0),xn(function(n){return n+1}))}},[L,s,Qn]);Object(p.useEffect)(function(){r!==S&&!L&&r&&oe(r,!1)()},[r,S,oe]),Object(p.useLayoutEffect)(function(){S&&ne(S)},[S,ne,yn,Sn]);var ae=function(n,e){return function(){f(!1),K(n),nn(!0),e&&an(!1),ne(n)}};Object(p.useEffect)(function(){var n=le(Cn,u),e=n.m1,t=n.m2,o=n.m3;o&&(t===T||!t&&!T&&e===S?(z(o),ee(o),Fn(!0)):Fn(!1))},[S,T,u]);Object(p.useEffect)(function(){var n,e,t;u&&Cn&&((n=Cn,t={exact:!1},(e=u)?(n.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t.exact?n.href===e&&(t={exact:!0}):t={exact:e.endsWith(n.href)})})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(n){if(n.href){var o=n.href.indexOf("?")>-1?n.href.split("?")[0]:n.href;e.indexOf(o)>-1&&(t={exact:e.endsWith(o)})}})}),t):t).exact||(z(void 0),ee(void 0),Fn(!1)))},[G]);var ie=Object(p.useCallback)(function(n){C.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(C.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return C.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[C.refs]);Object(p.useEffect)(function(){ie(!0),Ln.forEach(function(n){if(C.slide[n.id]&&C.refs[n.id]){C.slide[n.id]=!1;var e=C.refs[n.id];if(e){var t=e.getBoundingClientRect(),o=n.initialX-(t.x||t.left);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)})}}}),ie(!1)},[C.slide,C.refs,Ln,ie]);Object(p.useEffect)(function(){zn([])},[Jn]);var re=Object(p.useCallback)(function(){if((!Gn||!Gn.length)&&Jn&&Jn.subMenu){ie(!0),function(){for(var n,e=[],t=Jn.subMenu.length-1;t>=0;t--){var o=Jn.subMenu[t],a=C.refs[o.id];if(!a)return;var i=a.getBoundingClientRect();if(!n){if(!a.parentElement)return;n=a.parentElement.getBoundingClientRect()}if(i.right>n.right&&i.right-n.right>1)e.unshift(o);else{if(!(e.length&&n.right-i.right<100))break;e.unshift(o)}}e.length?zn(e):window.localStorage.removeItem("__top_nav_bar_state")}(),ie(!1)}},[Jn,C.refs,Gn,ie]);Object(p.useLayoutEffect)(function(){re()},[re]),Object(p.useEffect)(function(){var n=_.a.debounce(function(){qn()},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var le=function(n,e){var t={m1:null,m2:null,m3:null};return e?(n.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t={m1:n.id,m2:null}),n.subMenu&&n.subMenu.forEach(function(o){o.href&&e.indexOf(o.href)>-1&&(t={m1:n.id,m2:o.id}),o.subMenu&&o.subMenu.forEach(function(a){a.href&&e.indexOf(a.href)>-1&&(t.m3?a.href===e&&(t={m1:n.id,m2:o.id,m3:a.id}):t={m1:n.id,m2:o.id,m3:a.id},!G&&a.collapsed&&an(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var a=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(a)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t},se=0;return Object(p.useEffect)(function(){var n=_.a.debounce(function(){se&&clearTimeout(se);var n=le(Cn,u).m3;T&&ne(T),ee(n),J(!0),se=setTimeout(function(){J(!1),se=0},1e3)},50);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[le]),Object(p.useEffect)(function(){if(u&&Cn[0]){In(Cn);var n=le(Cn,u),e=n.m1,t=n.m2,o=null;u.indexOf("/challenges")>-1?u.match(/challenges\/[0-9]+/)&&(an(!0),o=le(Cn,"/challenges").m2):u.indexOf("/my-dashboard")>-1||u.indexOf("/members/"+v)>-1?nn(!0):u.indexOf("/community/learn")>-1||u.indexOf("/thrive/tracks")>-1?o=le(Cn,"/community").m2:t||(nn(!1),an(!0)),setTimeout(function(){var n,a;a=t||o,(n=e||"community")&&(oe(n,!1)(),setTimeout(function(){a&&ae(a,!1)()},0))})}},[u,b,v]),d.a.createElement("div",{className:h()(y.a.themeWrapper,"theme-".concat(a))},d.a.createElement("div",{className:y.a.headerNavUi},d.a.createElement(x.a,{showLeftMenu:Sn,logo:o,onClickLogo:te,rightMenu:t,onClickLeftMenu:function(){return Pn(function(n){return!n})}}),!Sn&&(Zn||Jn)&&d.a.createElement(w.a,{open:Tn,menu:Zn||Jn,isSecondaryMenu:!Zn,activeChildId:G,onClick:function(){return Kn(function(n){return!n})},createHandleClickItem:function(n){return function(){z(n),Kn(!1)}}}),d.a.createElement(E.a,{collapsed:L,showLeftMenu:Sn,logo:o,menu:Ln,rightMenu:t,moreMenu:Gn,openMore:m,onCloseMore:function(){return f(!1)},moreId:"more",activeLevel1Id:S,activeLevel2Id:T,onClickLogo:te,onRightMenuResize:function(){qn()},createHandleClickLevel1:oe,createHandleClickLevel2:ae,handleClickMore:function(){return f(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){f(!1),K(n),nn(!0),an(!1),setTimeout(function(){!function(n,e){var t=Yn(n);if(t&&t.subMenu){var o=t.subMenu,a=_.a.findIndex(o,function(n){return n.id===e}),r=o[0];o[0]=o[a],o[a]=r,a=_.a.findIndex(Gn,function(n){return n.id===e}),Gn[a]=r,window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(_.a.assign({},t))),zn(i()(Gn)),ne(e)}}(S,n)})}},createSetRef:Vn,showChosenArrow:un,showLevel3:$,forceHideLevel3:on,chosenArrowX:bn,searchOpened:sn,toggleSearchOpen:function(n){cn(n),C.refs.searchInputBox.value=""}}),(Zn&&Zn.subMenu&&Zn.subMenu.length>0||!Zn&&Jn&&Jn.secondaryMenu&&Jn.secondaryMenu.length>0)&&d.a.createElement(F.a,{open:!on&&$,menu:Zn||Jn,isResize:Y,isSecondaryMenu:!Zn,activeChildId:G,showIndicator:En,indicatorX:Dn,createHandleClickItem:function(n){return function(){z(n),ee(n);var e=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));e&&window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(_.a.assign({},e,{date:(new Date).getTime()})))}},createSetRef:Vn}),Sn&&Jn&&d.a.createElement(A.a,{menu:Jn,activeChildId:T,createHandleClickItem:function(n){return function(){Pn(!1),K(n)}}})))};O.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},O.propTypes={menu:f.a.array.isRequired,rightMenu:f.a.node,logo:f.a.node,theme:f.a.string,currentLevel1Id:f.a.any,onChangeLevel1Id:f.a.func,path:f.a.string,setOpenMore:f.a.func,openMore:f.a.bool,loggedIn:f.a.bool,profileHandle:f.a.string};var C,N,R=O;e.default=R,(C=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(C.register("more","moreId","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(k,"id","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(M,"idForSecondary","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(D,"initMenuId","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(O,"TopNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(R,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js")),(N=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&N(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(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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\n._1x3yCnfohAbeftdkwOUSCz {\n left: 18px;\n position: absolute;\n top: 16px; }\n @media (min-width: 769px) {\n ._1x3yCnfohAbeftdkwOUSCz {\n display: none; } }\n\n._2gtHUbJhCv6Da5pkn9UzBV {\n padding: 6px 12px 0;\n position: relative; }\n @media (min-width: 769px) {\n ._2gtHUbJhCv6Da5pkn9UzBV {\n display: none; } }\n ._2gtHUbJhCv6Da5pkn9UzBV input {\n background: none;\n border: 1px solid #7F7F7F;\n box-shadow: none;\n color: #FFFFFF;\n font: 16px "Roboto", Helvetica, Arial, sans-serif !important;\n height: 32px;\n outline: none;\n padding-left: 30px !important; }\n ._2gtHUbJhCv6Da5pkn9UzBV input::placeholder {\n color: #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n border: 1px solid #7F7F7F; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus {\n border: 1px solid #0596dc; }\n ._2gtHUbJhCv6Da5pkn9UzBV input:active,\n ._2gtHUbJhCv6Da5pkn9UzBV input:focus,\n ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n box-shadow: none;\n outline: none; }\n',""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD",icon:"_1x3yCnfohAbeftdkwOUSCz",search:"_2gtHUbJhCv6Da5pkn9UzBV"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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 ._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 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 .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n background: #FBFBFB; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n background: #636363; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 28px;\n line-height: 40px; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n color: #2A2A2B; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n color: #FFFFFF; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX svg {\n margin-left: 5px; }\n .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX img {\n margin-left: 8px; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n fill: #2A2A2B; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n fill: #FFFFFF; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n border-top: 1px solid #1F7E8A;\n width: 100%;\n z-index: 999;\n position: absolute; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n background: #FBFBFB; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n background: #636363; }\n .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\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 .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n color: #2A2A2B; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n color: #FFFFFF; }\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 display: inline-block;\n margin-right: 10px; }\n .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n background: #43D7B0; }\n .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n background: #FFFFFF; }\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(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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 (max-width: 768px) {\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._1e-mMrLOI_9IgbpUDGbIrm::before {\n cursor: default;\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._1e-mMrLOI_9IgbpUDGbIrm::before {\n display: none; } }\n ._19afvNiE3ExyOixLsg7p9e._27UQXipCc_Te8TwvfzIi8f {\n color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n white-space: nowrap;\n width: 0;\n opacity: 0;\n overflow: hidden; }\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: flex;\n overflow: unset;\n margin-right: auto;\n width: auto;\n opacity: 1;\n transition: opacity 400ms ease-in 100ms; }\n @media (max-width: 768px) {\n ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n display: none; } }\n ._3EpSSlLUWcH3CJRZGDXyWu ._34GhMfx3zSO-nsw2icmQCB {\n overflow: hidden; }\n\n._1YF68FTa0xYVBFerysFlRt {\n font-family: 'Roboto';\n font-weight: 700;\n margin-left: 30px;\n font-size: 14px;\n line-height: 30px;\n text-align: center;\n display: flex;\n position: relative;\n flex-direction: row;\n justify-content: flex-start;\n align-content: flex-start;\n cursor: pointer; }\n ._1YF68FTa0xYVBFerysFlRt:first-child {\n margin-left: 0; }\n ._1YF68FTa0xYVBFerysFlRt._1POQKSuLHxuhqKjgCytFNW {\n color: #43D7B0; }\n\n.ISBVAVTXPThf-IcdFVa9z {\n position: relative; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 {\n background-color: transparent;\n border: none;\n padding: 0;\n position: relative;\n color: #FFFFFF;\n margin-left: 20px;\n width: 74px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2:focus {\n outline: none; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 ._3EHcZKrNC-kRxRB0inP_X- {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0; }\n .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 img {\n margin-left: 8px; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG {\n position: absolute;\n top: 30px;\n left: 10px;\n background: #2A2A2B;\n min-width: 110px;\n padding: 20px;\n border-radius: 5px;\n display: none;\n flex-direction: column;\n z-index: 2; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a {\n margin: 10px 0 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n line-height: 30px;\n white-space: nowrap; }\n .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a:first-child {\n margin: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ .vl4waOECcJkR7W07RZ46P {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n cursor: default; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3eb96Zkyw2BKU4_9QkalKG {\n display: flex; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3EHcZKrNC-kRxRB0inP_X- {\n background-color: #555555;\n border-radius: 15px;\n opacity: 0.4;\n z-index: 0; }\n .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ img {\n -moz-transform: scale(-1, -1);\n -o-transform: scale(-1, -1);\n -webkit-transform: scale(-1, -1);\n transform: scale(-1, -1); }\n\n._1y954HiCL69kCUV5ji4vqm {\n cursor: pointer;\n display: inline-block;\n height: 32px;\n margin: 11px 20px 11px 0px;\n padding-left: 12px;\n position: relative;\n border-left: 1px solid #7F7F7F;\n width: 36px; }\n ._1y954HiCL69kCUV5ji4vqm svg {\n height: 18px;\n margin-top: 7px;\n width: 18px; }\n ._1y954HiCL69kCUV5ji4vqm svg path {\n fill: #FFFFFF; }\n ._1y954HiCL69kCUV5ji4vqm.opened path {\n fill: #43D7B0; }\n ._1y954HiCL69kCUV5ji4vqm.opened::after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px 5px 0;\n border-color: #43D7B0 transparent transparent transparent;\n position: absolute;\n left: 60%;\n bottom: -3px;\n margin-left: -6px;\n background-color: transparent; }\n\n._1A5zHMkLXwCq7ngfPscgI9 {\n background: #151516;\n height: 0;\n margin-top: -10px;\n opacity: 0.98;\n overflow: hidden;\n padding: 0 48px;\n position: absolute;\n text-align: center;\n width: 100%;\n transition: all 0.25s ease-in-out;\n z-index: 10; }\n ._1A5zHMkLXwCq7ngfPscgI9.opened {\n height: 128px;\n padding: 48px;\n transition: all 0.25s ease-in-out; }\n ._1A5zHMkLXwCq7ngfPscgI9.closed {\n display: none; }\n ._1A5zHMkLXwCq7ngfPscgI9 input,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover {\n border: none;\n border-bottom: 1px solid #FFFFFF;\n box-shadow: none;\n font-size: 22px;\n outline: none;\n padding-bottom: 3px; }\n ._1A5zHMkLXwCq7ngfPscgI9 input::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:active::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:focus::placeholder,\n ._1A5zHMkLXwCq7ngfPscgI9 input:hover::placeholder {\n color: #C0C0C0; }\n",""]),e.locals={"mobile-only":"_1VRR6kMd5HPNbGhUoVw6sa","hide-not-mobile":"_1ZIW4j3_J2yPrkaA0N5M5H",mobileOnly:"_1_OJYKtAV_VRTWF41K-8_A",primaryNavContainer:"w9y3kbj2HBlraVU5kjCay",primaryNavContainerOpen:"Zc4bxo2xl4cRudOT9lbVz",primaryNav:"_3OclGxtDScIS3kJx3-Eskw",moreInit:"_3EpSSlLUWcH3CJRZGDXyWu",primaryNavRight:"_3ALxQJpmTtNjkYXZNPxUye",primaryLevel1:"_19afvNiE3ExyOixLsg7p9e",tcLogo:"_25qoGMAMp5tpACmrEhPjJc",tcLogoPush:"PsKz54w3mhOmlfDfYi8V4",primaryLevel1Separator:"_32rjY2HOvXZBZUSwC_a4jx",rightMenuPrimaryLevel1:"_1e-mMrLOI_9IgbpUDGbIrm",primaryLevel1Open:"_27UQXipCc_Te8TwvfzIi8f",primaryLevel2Container:"_34GhMfx3zSO-nsw2icmQCB",primaryLevel2ContainerOpen:"_1-_eh1GEkSm1Ie2hcIHrLt",primaryLevel2:"_1YF68FTa0xYVBFerysFlRt",primaryLevel2Open:"_1POQKSuLHxuhqKjgCytFNW",moreBtnContainer:"ISBVAVTXPThf-IcdFVa9z",moreBtn:"_1UEQjA-hNZmulAk-7kHhj2",moreBtnMask:"_3EHcZKrNC-kRxRB0inP_X-",moreContentContainer:"_3eb96Zkyw2BKU4_9QkalKG",moreOpen:"_3bttaLkKXVIrWu75WOLFpZ",backdrop:"vl4waOECcJkR7W07RZ46P",searchIcon:"_1y954HiCL69kCUV5ji4vqm",searchField:"_1A5zHMkLXwCq7ngfPscgI9"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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(111);"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(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(57)),A=o(t(58)),E=o(t(38)),F=o(t(59)),k=o(t(60)),M=o(t(54)),D=o(t(55)),O=o(t(63)),C=o(t(64)),N=o(t(43)),R=o(t(56)),L=o(t(61)),I=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('+s+') format("truetype"), url('+c+') format("svg");\n /* Legacy iOS */ }\n\n@font-face {\n font-family: "Roboto";\n font-weight: 400;\n font-style: normal;\n src: url('+p+');\n /* IE9 Compat Modes */\n src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+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. */\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("+A+") center center no-repeat;\n background-size: 73px 80px;\n width: 73px;\n height: 80px;\n margin: 50px 0 10px; }\n .header-nav-ui .notifications-panel .noti-body.center,\n .header-nav-ui .mobile-notifications-panel .noti-body.center {\n text-align: center; }\n .header-nav-ui .notifications-panel .noti-body.center .titles,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .titles {\n color: #2A2A2B;\n font-size: 30px;\n font-family: 'Barlow Condensed';\n font-weight: 600;\n line-height: 40px;\n margin: 23px 0 -8px 0; }\n .header-nav-ui .notifications-panel .noti-body.center .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n text-align: center;\n padding: 19px 60px 12px 60px; }\n .header-nav-ui .notifications-panel .noti-body .txt,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt {\n margin: 0;\n color: #2A2A2B;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 400;\n line-height: 20px; }\n .header-nav-ui .notifications-panel .noti-body .txt .blue-link,\n .header-nav-ui .mobile-notifications-panel .noti-body .txt .blue-link {\n color: #0596dc;\n font-size: 14px; }\n .header-nav-ui .notifications-panel .noti-body .light-bar,\n .header-nav-ui .mobile-notifications-panel .noti-body .light-bar {\n background-color: #B5E9DB;\n height: 28px;\n color: #229174;\n font-size: 14px;\n font-family: 'Roboto';\n font-weight: 700;\n line-height: 28px;\n padding-left: 20px;\n margin-top: -2px;\n position: sticky;\n position: -webkit-sticky;\n top: 0;\n z-index: 2;\n padding-right: 20px;\n padding-top: 2px; }\n .header-nav-ui .notifications-panel .noti-body .greybar-section:last-child .items .item-content,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section:last-child .items .item-content {\n border-bottom: 0; }\n .header-nav-ui .notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .notifications-panel .noti-body .greybar-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .lightblue-section,\n .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section {\n margin-top: -2px;\n background-color: #FFFFFF;\n padding-top: 5px; }\n .header-nav-ui .notifications-panel .noti-body .right-remove,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n position: absolute;\n right: 1px;\n top: 50%;\n margin-top: -10px;\n z-index: 666;\n display: none; }\n .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close,\n .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close {\n display: block;\n background: url("+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("+F+") 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("+k+") 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("+M+") 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("+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("+R+") left center no-repeat;\n background-size: 14px;\n width: 14px;\n height: 14px;\n display: block;\n position: absolute;\n right: 13px;\n top: 9px;\n transform: rotateZ(90deg); }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options {\n display: none;\n background-color: #FFFFFF;\n border-radius: 6px;\n box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n padding: 5px 5px;\n position: absolute;\n width: 138px;\n z-index: 100; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li {\n color: #151516;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 13px;\n line-height: 30px;\n padding-top: 0;\n min-height: initial;\n padding-bottom: initial;\n box-shadow: none;\n align-items: start;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li.active {\n font-weight: 700;\n background-color: #FAFAFB; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li:hover {\n background-color: #F4F9FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n background-color: #C0C0C0;\n border-radius: 14px;\n box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n width: 48px;\n height: 25px;\n display: flex;\n justify-content: space-between;\n cursor: pointer; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box:hover {\n opacity: 0.75; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on,\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n color: #FAFAFB;\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n line-height: 26px;\n display: flex;\n justify-content: center;\n flex-direction: column; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on {\n margin-left: 7px;\n display: none; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n margin-right: 7px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .dot {\n background-color: #FFFFFF;\n border-radius: 100%;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n width: 17px;\n height: 17px;\n margin-top: 4px;\n margin-left: 4px;\n margin-right: 4px; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked {\n background-color: #0681FF; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-on {\n display: block; }\n .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-off {\n display: none; }\n .settings-panel .panel-content .section-list li .description-mobile {\n display: none; }\n .settings-panel .bottom-btn {\n text-align: center; }\n\n@media (max-width: 900px) {\n .header-nav-ui .primary-nav .primary-level-1 {\n margin: 0 20px; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n left: -20px; }\n .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n margin-left: 20px; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container {\n background: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container .handle {\n display: none; }\n .header-nav-ui .secondary-nav a {\n margin: 0 10px; }\n .header-nav-ui .more-btn-container .more-btn {\n margin-left: 10px !important; }\n .header-nav-ui .settings-nav .close-btn {\n background-color: initial; } }\n\n@media (max-width: 768px) {\n .header-nav-ui .user-info-popup,\n .header-nav-ui .login-container {\n display: none; }\n .header-nav-ui .user-info-popup.isOpen,\n .header-nav-ui .login-container.isOpen {\n display: flex; }\n .header-nav-ui .primary-nav {\n height: 60px;\n justify-content: space-around;\n display: none; }\n .header-nav-ui .primary-nav .primary-level-2-container,\n .header-nav-ui .primary-nav .primary-level-2-container.isOpen,\n .header-nav-ui .primary-nav .tc-logo {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1-separator {\n display: block;\n height: 30px;\n width: 1px;\n background: #555555; }\n .header-nav-ui .primary-nav .primary-level-1::before {\n content: none; }\n .header-nav-ui .primary-nav .primary-level-1.login-btn, .header-nav-ui .primary-nav .primary-level-1.login-container,\n .header-nav-ui .primary-nav .primary-level-1 .user-info-popup {\n display: none; }\n .header-nav-ui .primary-nav .primary-level-1.more-menu {\n display: flex; }\n .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n color: #43D7B0; }\n .header-nav-ui .mobile-notifications-panel {\n width: 100%;\n height: 100%;\n position: fixed;\n box-shadow: none;\n border-radius: 0;\n display: block;\n top: 0;\n right: 0;\n overflow-y: auto; }\n .header-nav-ui .mobile-notifications-panel .noti-header {\n height: 40px;\n border-radius: 0;\n padding-left: 10px;\n padding-right: 10px; }\n .header-nav-ui .mobile-notifications-panel .noti-header .notification-back-btn {\n width: 50px;\n height: 50px;\n background: url("+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("+I+") 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/src/components/TopNav/MobileNav.js b/src/components/TopNav/MobileNav.js index c500ba6..3a1eb3f 100644 --- a/src/components/TopNav/MobileNav.js +++ b/src/components/TopNav/MobileNav.js @@ -4,7 +4,6 @@ import styles from './MobileNav.module.scss' import IconClose from '../../assets/images/icon-close.svg' import IconMenu from '../../assets/images/icon-menu.svg' import IconMagnifyingGlass from '../../assets/images/magnifying_glass.svg' -import { config } from 'topcoder-react-utils' const MobileNav = ({ showLeftMenu, onClickLeftMenu, logo, onClickLogo, rightMenu }) => (
@@ -34,7 +33,7 @@ const MobileNav = ({ showLeftMenu, onClickLeftMenu, logo, onClickLogo, rightMenu { if (event.key === 'Enter') { - window.location = `${config.URL.BASE}/search/members?q=${ + window.location = `${window.origin}/search/members?q=${ encodeURIComponent(event.target.value) }` } diff --git a/src/components/TopNav/PrimaryNav.js b/src/components/TopNav/PrimaryNav.js index 390d905..d7a9d65 100644 --- a/src/components/TopNav/PrimaryNav.js +++ b/src/components/TopNav/PrimaryNav.js @@ -7,9 +7,6 @@ import IconArrowSmalldown from '../../assets/images/arrow-small-down.svg' import IconArrowSmallup from '../../assets/images/arrow-small-up.svg' import MagnifyingGlass from '../../assets/images/magnifying_glass.svg' import styles from './PrimaryNav.module.scss' -import { config } from 'topcoder-react-utils' - -const BASE_URL = config.URL.BASE const PrimaryNav = ({ collapsed, @@ -169,7 +166,7 @@ const PrimaryNav = ({ ref={createSetRef('searchInputBox')} onKeyPress={(event) => { if (event.key === 'Enter') { - window.location = `${BASE_URL}/search/members?q=${ + window.location = `${window.origin}/search/members?q=${ encodeURIComponent(event.target.value) }` }