{"version":3,"sources":["webpack:///./src/components/topBar/User.vue?96c6","webpack:///./src/components/topBar/User.vue","webpack:///src/components/topBar/User.vue","webpack:///./src/components/topBar/User.vue?692b","webpack:///./src/components/topBar/User.vue?3f82","webpack:///./src/assets/img/defaultUser.png"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","visibleUserMenu","attrs","userLogo","_v","_s","name","userEmail","directives","rawName","value","device","expression","class","style","overlayHeight","onHideUserMenu","isCatalogEditor","_e","stopPropagation","clearActiveObjects","apply","arguments","staticStyle","$store","dispatch","type","currentUser","role","nativeOn","onMoveToCatalogEditor","logout","staticRenderFns","data","visiblePopover","computed","mapGetters","isLoggedIn","windowHeight","canvas","survey","interactionMode","_canvas","placement","_this$currentUser","email","_this$currentUser2","height","_this$$route$meta","$route","meta","layout","_this$currentUser3","avatar","require","methods","discardActiveObject","renderAll","then","$router","replace","component","module","exports"],"mappings":"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","file":"js/user.df09c80c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./User.vue?vue&type=style&index=0&id=d2dd3564&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"user-wraper\"},[_c('div',{staticClass:\"center-column\"},[_c('div',{staticClass:\"center-column\",on:{\"click\":function($event){_vm.visibleUserMenu = !_vm.visibleUserMenu}}},[_c('img',{staticClass:\"user-logo\",attrs:{\"alt\":\"img\",\"src\":_vm.userLogo}}),_c('span',{staticClass:\"user-name\"},[_vm._v(_vm._s(_vm.name || _vm.userEmail))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visibleUserMenu || _vm.device === 'desktop'),expression:\"visibleUserMenu || device === 'desktop'\"}],class:_vm.device === 'mobile' ? 'overlay' : 'relative',style:(_vm.overlayHeight),on:{\"click\":_vm.onHideUserMenu}},[_c('div',{class:_vm.device === 'mobile' ? 'overlay-card' : 'absolute'},[(!_vm.isCatalogEditor)?_c('div',{staticClass:\"scroll\",on:{\"click\":function($event){$event.stopPropagation();return _vm.clearActiveObjects.apply(null, arguments)}}},[_c('div',{staticClass:\"user-logo-wraper\"},[_c('img',{staticClass:\"user-logo-card\",attrs:{\"alt\":\"img\",\"src\":_vm.userLogo}})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.name),expression:\"name\"}],staticClass:\"user-name popup\"},[_vm._v(_vm._s(_vm.name))]),_c('span',{staticClass:\"user-email\"},[_vm._v(_vm._s(_vm.userEmail))]),_c('div',{staticClass:\"settings\",staticStyle:{\"margin-bottom\":\"0\"},on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n                type: 'dashboardPopup'\n              })}}},[_vm._v(\" responds \")]),_c('div',{staticClass:\"settings\",staticStyle:{\"margin-bottom\":\"0\"},on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n                type: 'contributionsPopup'\n              })}}},[_vm._v(\" my contributions \")]),_c('div',{staticClass:\"settings\",on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n                type: 'userSettings'\n              })}}},[_vm._v(\" settings \")]),(_vm.currentUser && _vm.currentUser.role === 'editor')?_c('router-link',{staticClass:\"settings editor\",attrs:{\"tag\":\"div\",\"to\":\"/catalog_editor/templates\"},nativeOn:{\"click\":function($event){return _vm.onMoveToCatalogEditor.apply(null, arguments)}}},[_vm._v(\" catalog editor \")]):_vm._e(),(_vm.device === 'mobile')?_c('div',{staticClass:\"block\"},[_c('div',{staticClass:\"feedback footer-item\",on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n                  type: 'feedback'\n                })}}},[_vm._v(\" feedback \")])]):_vm._e(),_c('div',{staticClass:\"sign-out-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.logout.apply(null, arguments)}}},[_vm._v(\" sign out \")]),_c('div',{staticClass:\"terms-and-contions\",on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n                type: 'termsAndConditions'\n              })}}},[_vm._v(\" terms & conditions \")])],1):_vm._e(),(_vm.isCatalogEditor)?_c('div',{staticClass:\"scroll\"},[_c('div',{staticClass:\"user-logo-wraper\"},[_c('img',{staticClass:\"user-logo-card\",attrs:{\"alt\":\"img\",\"src\":_vm.userLogo}})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.name),expression:\"name\"}],staticClass:\"user-name popup\"},[_vm._v(_vm._s(_vm.name))]),_c('span',{staticClass:\"user-email\"},[_vm._v(_vm._s(_vm.userEmail))]),(_vm.currentUser && _vm.currentUser.role === 'editor')?_c('router-link',{staticClass:\"settings editor\",attrs:{\"tag\":\"div\",\"to\":\"/\"}},[_vm._v(\" main \")]):_vm._e(),_c('div',{staticClass:\"sign-out-btn\",on:{\"click\":function($event){$event.stopPropagation();return _vm.logout.apply(null, arguments)}}},[_vm._v(\" sign out \")])],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.device === 'mobile'),expression:\"device === 'mobile'\"}],staticClass:\"close\"},[_vm._v(\"×\")])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-wraper\">\n    <div class=\"center-column\">\n      <div @click=\"visibleUserMenu = !visibleUserMenu\" class=\"center-column\">\n        <img alt=\"img\" class=\"user-logo\" :src=\"userLogo\" />\n        <span class=\"user-name\">{{ name || userEmail }}</span>\n      </div>\n      <div\n        v-show=\"visibleUserMenu || device === 'desktop'\"\n        :class=\"device === 'mobile' ? 'overlay' : 'relative'\"\n        :style=\"overlayHeight\"\n        @click=\"onHideUserMenu\"\n      >\n        <div :class=\"device === 'mobile' ? 'overlay-card' : 'absolute'\">\n          <div\n            @click.stop=\"clearActiveObjects\"\n            v-if=\"!isCatalogEditor\"\n            class=\"scroll\"\n          >\n            <div class=\"user-logo-wraper\">\n              <img alt=\"img\" class=\"user-logo-card\" :src=\"userLogo\" />\n            </div>\n            <span v-show=\"name\" class=\"user-name popup\">{{ name }}</span>\n            <span class=\"user-email\">{{ userEmail }}</span>\n            <div\n              class=\"settings\"\n              style=\"margin-bottom: 0;\"\n              @click=\"\n                $store.dispatch('workSpace/showPopup', {\n                  type: 'dashboardPopup'\n                })\n              \"\n            >\n              responds\n            </div>\n            <div\n              class=\"settings\"\n              style=\"margin-bottom: 0;\"\n              @click=\"\n                $store.dispatch('workSpace/showPopup', {\n                  type: 'contributionsPopup'\n                })\n              \"\n            >\n              my contributions\n            </div>\n            <div\n              class=\"settings\"\n              @click=\"\n                $store.dispatch('workSpace/showPopup', {\n                  type: 'userSettings'\n                })\n              \"\n            >\n              settings\n            </div>\n            <router-link\n              tag=\"div\"\n              @click.native=\"onMoveToCatalogEditor\"\n              to=\"/catalog_editor/templates\"\n              v-if=\"currentUser && currentUser.role === 'editor'\"\n              class=\"settings editor\"\n            >\n              catalog editor\n            </router-link>\n            <div class=\"block\" v-if=\"device === 'mobile'\">\n              <div\n                class=\"feedback footer-item\"\n                @click=\"\n                  $store.dispatch('workSpace/showPopup', {\n                    type: 'feedback'\n                  })\n                \"\n              >\n                feedback\n              </div>\n            </div>\n            <div class=\"sign-out-btn\" @click.stop=\"logout\">\n              sign out\n            </div>\n            <div\n              class=\"terms-and-contions\"\n              @click=\"\n                $store.dispatch('workSpace/showPopup', {\n                  type: 'termsAndConditions'\n                })\n              \"\n            >\n              terms & conditions\n            </div>\n          </div>\n          <div class=\"scroll\" v-if=\"isCatalogEditor\">\n            <div class=\"user-logo-wraper\">\n              <img alt=\"img\" class=\"user-logo-card\" :src=\"userLogo\" />\n            </div>\n            <span v-show=\"name\" class=\"user-name popup\">{{ name }}</span>\n            <span class=\"user-email\">{{ userEmail }}</span>\n            <router-link\n              tag=\"div\"\n              to=\"/\"\n              v-if=\"currentUser && currentUser.role === 'editor'\"\n              class=\"settings editor\"\n            >\n              main\n            </router-link>\n            <div class=\"sign-out-btn\" @click.stop=\"logout\">\n              sign out\n            </div>\n          </div>\n          <!-- close -->\n          <div class=\"close\" v-show=\"device === 'mobile'\">&times;</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"user\",\n  data() {\n    return {\n      visibleUserMenu: false,\n      visiblePopover: false\n    };\n  },\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      isLoggedIn: \"auth/isLoggedIn\",\n      windowHeight: \"workSpace/windowHeight\",\n      device: \"workSpace/device\",\n      canvas: \"workSpace/canvas\",\n      survey: \"workSpace/survey\",\n      interactionMode: \"workSpace/interactionMode\"\n    }),\n    _canvas() {\n      return this.interactionMode ? this.survey : this.canvas;\n    },\n    placement() {\n      return \"top\";\n    },\n    userEmail() {\n      return this.currentUser?.email;\n    },\n    name() {\n      return this.currentUser?.name;\n    },\n    overlayHeight() {\n      return this.device === \"mobile\"\n        ? { height: this.windowHeight - 1 + \"px\" }\n        : null;\n    },\n    isCatalogEditor() {\n      return this.$route.meta?.layout === \"catalogeditor\";\n    },\n    userLogo() {\n      return (\n        this.currentUser?.avatar || require(\"@/assets/img/defaultUser.png\")\n      );\n    }\n  },\n  methods: {\n    clearActiveObjects() {\n      this._canvas.discardActiveObject().renderAll();\n    },\n    onMoveToCatalogEditor() {\n      this.$store.dispatch(\"workSpace/setDefaultCanvasWorkSpace\");\n      this.$store.dispatch(\"workSpace/setDefaultSurveyWorkSpace\");\n      this._canvas.discardActiveObject().renderAll();\n    },\n    logout() {\n      this.$store.dispatch(\"auth/logout\").then(() => {\n        if (this.isCatalogEditor) this.$router.replace(\"/\");\n      });\n    },\n    onHideUserMenu() {\n      this.visibleUserMenu = !this.visibleUserMenu;\n    }\n  }\n};\n</script>\n\n<style scoped>\n.user-wraper {\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: 11px;\n}\n.user-logo {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n.user-name {\n  font-size: 12px;\n  font-weight: 600;\n}\n.center-column:hover .relative {\n  display: flex;\n  opacity: 1;\n  z-index: 10;\n}\n.relative {\n  position: relative;\n  opacity: 0;\n  z-index: -1;\n  transition: opacity 0.1s;\n}\n.absolute {\n  position: absolute;\n  z-index: 5;\n  top: -60px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 180px;\n  min-height: 140px;\n  background: #fff;\n  box-shadow: 0px 2px 6px #ddd;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 15px;\n}\n.user-logo-wraper {\n  display: flex;\n}\n.user-logo-card {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  margin-top: 10px;\n}\n.user-name {\n  font-size: 12px;\n  font-weight: 600;\n}\n.user-email {\n  font-size: 8px;\n  line-height: 8px;\n}\n.settings {\n  margin: 10px 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n.terms-and-contions {\n  margin: 8px 0;\n  font-size: 8px;\n  text-align: center;\n  cursor: pointer;\n}\n.sign-out-btn {\n  min-width: 116px;\n  height: 28px;\n  border: 1px solid #1d1d1d;\n  border-radius: 7px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  line-height: 28px;\n  text-align: center;\n}\n.editor {\n  color: red;\n  margin-top: 0;\n}\n.overlay {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(188, 188, 203, 0.8);\n  z-index: 5;\n  cursor: auto;\n}\n.block {\n  font-size: 12px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  cursor: pointer;\n}\n.scroll {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n}\n@media screen and (max-width: 990px) {\n  .close {\n    position: absolute;\n    right: 18px;\n    top: 18px;\n    color: #1d2d36;\n    font-size: 30px;\n    line-height: 10px;\n    cursor: pointer;\n  }\n  .overlay-card {\n    position: relative;\n    z-index: 6;\n    width: fit-content;\n    padding: 0 20px;\n    min-height: fit-content;\n    background: #fff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border-radius: 15px;\n    box-sizing: border-box;\n    width: 350px;\n    max-width: calc(100vw - 20px);\n    height: 600px;\n    max-height: calc(100vh - 120px);\n  }\n  .user-logo-card {\n    width: 70px;\n    height: 70px;\n    margin-bottom: 10px;\n  }\n  .user-name.popup {\n    max-width: 300px;\n    font-size: 16px;\n    min-height: 16px;\n    line-height: 1.2;\n  }\n  .user-email {\n    font-size: 18px;\n    line-height: 1.2;\n  }\n  .feedback,\n  .settings {\n    text-align: center;\n    font-size: 26px;\n  }\n  .terms-and-contions {\n    font-size: 16px;\n  }\n  .sign-out-btn {\n    min-width: 140px;\n    height: 30px;\n    font-size: 16px;\n  }\n  .feedback {\n    margin-bottom: 10px;\n  }\n  .user-name {\n    font-size: 8px;\n    white-space: nowrap;\n    max-width: 85px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .user-logo {\n    max-width: 24px;\n    max-height: 24px;\n    width: 100%;\n  }\n}\n@media screen and (max-height: 500px) {\n  .overlay-card {\n    height: fit-content;\n    justify-content: flex-start;\n  }\n  .scroll {\n    overflow: auto;\n    padding: 20px 0;\n  }\n  .user-name.popup {\n    font-size: 4vmin;\n    min-height: 5vmin;\n  }\n  .user-email {\n    font-size: 2.5vmin;\n    line-height: 2.5vmin;\n  }\n  .feedback,\n  .settings {\n    font-size: 4vmin;\n    margin: 2.5vmin 0 0;\n  }\n  .feedback {\n    margin-top: 2.5vmin;\n  }\n  .block {\n    font-size: 4vmin;\n    margin-bottom: 2.5vmin;\n  }\n  .terms-and-contions {\n    margin: 2vmin 0;\n    font-size: 3vmin;\n  }\n  .sign-out-btn {\n    min-width: 20vmin;\n    height: 5vmin;\n    border-radius: 1.5vmin;\n    font-size: 3vmin;\n    line-height: 5vmin;\n  }\n  .user-logo-card {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 10px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./User.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./User.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./User.vue?vue&type=template&id=d2dd3564&scoped=true&\"\nimport script from \"./User.vue?vue&type=script&lang=js&\"\nexport * from \"./User.vue?vue&type=script&lang=js&\"\nimport style0 from \"./User.vue?vue&type=style&index=0&id=d2dd3564&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d2dd3564\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAAgMAAACJFjxpAAAADFBMVEXFxcX////p6enW1tbAmiBwAAAFiElEQVR4AezAgQAAAACAoP2pF6kAAAAAAAAAAAAAAIDbu2MkvY0jiuMWWQoUmI50BB+BgRTpCAz4G6C8CJDrC3AEXGKPoMTlYA/gAJfwETawI8cuBs5Nk2KtvfiLW+gLfK9m+r3X82G653+JP/zjF8afP1S//y+An4/i51//AsB4aH+/QPD6EQAY/zwZwN8BAP50bh786KP4+VT+3fs4/noigEc+jnHeJrzxX+NWMDDh4g8+EXcnLcC9T8U5S/CdT8bcUeBEIrwBOiI8ki7Ba5+NrePgWUy89/nYyxQ8Iw3f+pWY4h1gb3eAW7sDTPEOsLc7wK1TIeDuDB+I/OA1QOUHv/dFsZQkhKkh4QlEfOULYz2nGj2/Nn1LmwR/86VxlCoAW6kCsHRGANx1RgCMo5Qh2EsZgrXNQZZShp5Liv7Il8eIc5C91EHY2hxk6bwYmNscZIReDBwtCdhbErC1JGBpScBcOgFMLQsZMQs5Whayd+UQsLYsZGlZyNyykKllISNmIUfAwifw8NXvTojAjGFrdYi11SGWVoeYWx1i6lmQCiEjFkKOVgjZ+xxIhZCtFULWHkCqxCw9gNQKmP9vNHzipdEPrRcxtVbAeDkAvve0iM2QozVD9hfjhp4YP/UrkJYDbD2AtBxgfSkAvvHEeNcDSAsilgtAWxIy91J8AXgZAJ5e33+4tuACcAG4AFwALgBXRXQB6AFcB5MXAuA6nl9/0Vx/011/1V5/1/dfTPJvRtdnu/zL6beeFO/7r+fXBYbrEkt/j+i6ytXfpuvvE/ZXOnsA/a3a/l5xf7O6v1t+Xe/vOyz6HpO8yyboM8o7rfJes77bru83THk48p7TvOs27zvOO6/73vO++z7l4cgnMPQzKPopHC0N9noSSz6LJp/Gk88jyicy5TOp6qlc+VyyfDJbPpuuns6XzyfMJzTmMyrrKZ35nNJ8Ums+q7af1tvPK+4nNodEnPKp3fnc8npyez67/qVP7+/fL8hfcMjfsOhf8cjfMclfcnn9+BkOnLECP8Q58OYeyJ40eoyF6Ee/En/JHlP6mIlRVXprF4BxtAvArV0AxtEuALd2ARhHuwDc2gVgHPX/hFv9fMBddjIGeKg/WCxlCsI46u+Ga5mCcJd+sIG9UkGAW32ZbApFAHhod4Bb3eo04h3god0BbiUHYApVCNjbHeBW+QDAXT4a7qg7r7e214057vg0QhkEHkoSwq0kIdydXw4/Q3H8hjYJ3vL0WConBJhCHQaOToeBrU0BljYFmEoVgHGUKgAPnREAt84IgLuqFgAYSUEOAHszDwuAtSkHAZhLGYIpdCLgKGUIHtocZG1zkLmUIRhxDnJU1RDA1uYga5uDzKUOwhTnIEfnxcDe5iBrcyQAYGlzkKkUYhhxDrKXQgxbSwLWUohhbknA1JKAEZOAvSUBW0sC1pYEzC0JmFoSMMJyCDhaFrK3JGDtyiFgaVnI3LKQqWUhI2YhR8tC9paFrC0LWVoWMrcsZGpZyIhZyNGykL2rSIGtlQHWVgZYWhlgbmWAqZUBRiwDHK0MsLcywNbKAGsOoNUhllaHmFsdYmp1iBHrEEerQ+w5gFYI2VodYm11iKXVIeYcQCuETK0QMmIh5MgBtELI3gohWyuErDmAVolZWiFkzgG0SszUKjGjfj6gVmKOVonZcwCtFbB9HQC+ozWDbz1bvGu9iKW1AuYcQOtFTLEX1GbIaFegN0OOHEBrhuw5gNYM2XIArRuz5gDacoB3bTnAEktxXQ4wfw0AvveM8b4tiJjSJOwLIsbXsAKeNeKCiOO3D+AVbUl0AfjGs8ZPbUnIdgFoa1LWC0BblfMuB9AeC1j6gqQE0J9LmC8AOYD2ZMb7i4bt2ZTpWoHfPoB7Tj2fXzT8N1X41vkq/QHOAAAAAElFTkSuQmCC\""],"sourceRoot":""}