{"version":3,"sources":["webpack:///./src/components/popups/DeleteAccountPopup.vue","webpack:///src/components/popups/DeleteAccountPopup.vue","webpack:///./src/components/popups/DeleteAccountPopup.vue?6ae2","webpack:///./src/components/popups/DeleteAccountPopup.vue?5a71","webpack:///./src/components/popups/DeleteAccountPopup.vue?83cb"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","stopPropagation","$emit","_m","_v","copyToBufer","ref","_s","currentUser","id","slice","attrs","require","directives","name","rawName","value","checkIdForRemove","expression","domProps","target","composing","deleteAccount","errorMsg","preloaderVisible","staticRenderFns","components","preloaderMenu","computed","mapGetters","data","methods","_this$currentUser","navigator","clipboard","writeText","_this$currentUser2","$refs","removeBtn","disabled","AuthService","then","$store","dispatch","component"],"mappings":"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","file":"js/deleteAccountPopup.4703abf9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('hide-modal')}}},[_c('div',{staticClass:\"popup-overlay\",on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"delete-account-wraper\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._m(0),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"label\"},[_c('span',[_vm._v(\"please type\")]),_c('div',{staticClass:\"acc-id\",on:{\"click\":_vm.copyToBufer}},[_c('div',{ref:\"userId\"},[_vm._v(\" \"+_vm._s(_vm.currentUser && _vm.currentUser.id.slice(0, 7))+\" \")]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/duplicate.svg\")}})])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkIdForRemove),expression:\"checkIdForRemove\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.checkIdForRemove)},on:{\"input\":function($event){if($event.target.composing)return;_vm.checkIdForRemove=$event.target.value}}}),_c('button',{ref:\"removeBtn\",staticClass:\"popup-btn\",attrs:{\"data-is-avalable\":true,\"id\":\"apply-btn\"},on:{\"click\":function($event){return _vm.deleteAccount()}}},[_vm._v(\" delete \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errorMsg),expression:\"errorMsg\"}],staticClass:\"error\"},[_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")])]),_c('preloader-menu',{staticClass:\"popup-preloader\",attrs:{\"visible\":_vm.preloaderVisible}})],1),_c('div',{staticClass:\"popup-close\",on:{\"click\":function($event){return _vm.$emit('hide-modal')}}},[_vm._v(\"×\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/delete.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"delete account\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click.stop=\"$emit('hide-modal')\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"delete-account-wraper\" @click.stop>\n        <div class=\"popup-overlay-title\">\n          <img alt=\"img\" src=\"@/assets/img/delete.svg\" />\n          <span class=\"popup-overlay-title-span\">delete account</span>\n        </div>\n        <div class=\"container\">\n          <div class=\"label\">\n            <span>please type</span>\n            <div class=\"acc-id\" @click=\"copyToBufer\">\n              <div ref=\"userId\">\n                {{ currentUser && currentUser.id.slice(0, 7) }}\n              </div>\n              <img alt=\"img\" src=\"@/assets/img/duplicate.svg\" />\n            </div>\n          </div>\n          <input type=\"text\" class=\"input\" v-model=\"checkIdForRemove\" />\n          <button\n            ref=\"removeBtn\"\n            class=\"popup-btn\"\n            @click=\"deleteAccount()\"\n            :data-is-avalable=\"true\"\n            id=\"apply-btn\"\n          >\n            delete\n          </button>\n          <div class=\"error\" v-show=\"errorMsg\">\n            {{ errorMsg }}\n          </div>\n        </div>\n        <preloader-menu class=\"popup-preloader\" :visible=\"preloaderVisible\" />\n      </div>\n      <div class=\"popup-close\" @click=\"$emit('hide-modal')\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AuthService from \"@/services/AuthService\";\nimport preloaderMenu from \"@/components/preloaderMenu\";\nimport \"@/assets/css/popups.css\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"settings-popup\",\n  components: {\n    preloaderMenu\n  },\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\"\n    })\n  },\n  data() {\n    return {\n      errorMsg: \"\",\n      checkIdForRemove: \"\",\n      preloaderVisible: false\n    };\n  },\n  methods: {\n    copyToBufer() {\n      navigator.clipboard.writeText(this.currentUser?.id?.slice(0, 7));\n    },\n    deleteAccount() {\n      this.preloaderVisible = this.$refs.removeBtn.disabled = true;\n      if (this.currentUser?.id.slice(0, 7) === this.checkIdForRemove) {\n        AuthService.deleteAccount(this.currentUser).then(() => {\n          this.$store.dispatch(\"auth/logout\");\n        });\n      } else {\n        this.errorMsg = \"wrong input\";\n        this.preloaderVisible = this.$refs.removeBtn.disabled = false;\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-wraper {\n  z-index: 1000;\n}\n.popup-overlay {\n  position: relative;\n  max-height: 240px;\n}\n.delete-account-wraper {\n  width: 100%;\n}\n.popup-overlay-title img {\n  width: 20px;\n  margin-right: 8px;\n}\n.container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.label {\n  font-size: 12px;\n  margin-top: 12px;\n  text-align: center;\n}\n.input {\n  border: none;\n  background: #f8f8f5;\n  height: 25px;\n  line-height: 25;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: center;\n  margin-bottom: 10px;\n}\n.acc-id {\n  position: relative;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  margin-bottom: 20px;\n  cursor: pointer;\n}\n.acc-id:hover img {\n  opacity: 1;\n}\n.acc-id img {\n  position: absolute;\n  right: -35px;\n  transition: all 0.1s;\n  opacity: 0;\n}\n.error {\n  position: absolute;\n  color: red;\n  bottom: 60px;\n  font-size: 12px;\n  font-weight: 600;\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!./DeleteAccountPopup.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!./DeleteAccountPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeleteAccountPopup.vue?vue&type=template&id=54039d76&scoped=true&\"\nimport script from \"./DeleteAccountPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./DeleteAccountPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeleteAccountPopup.vue?vue&type=style&index=0&id=54039d76&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  \"54039d76\",\n  null\n  \n)\n\nexport default component.exports","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!./DeleteAccountPopup.vue?vue&type=style&index=0&id=54039d76&prod&scoped=true&lang=css&\""],"sourceRoot":""}