{"version":3,"sources":["webpack:///./src/views/accountDetail.vue?606a","webpack:///src/views/accountDetail.vue","webpack:///./src/views/accountDetail.vue?94cd","webpack:///./src/views/accountDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","directives","name","rawName","value","expression","staticClass","model","callback","$$v","_v","_s","errors","first","required","regex","email","countryIso","on","countryChanged","phone","_e","updateUser","staticRenderFns","mounted","getUserData","data","countryCode","country","computed","validateForm","any","password","confirm_password","isTermsConditionAccepted","methods","$store","dispatch","id","payload","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,mBAAmB,CAACF,EAAG,WAAW,CAACG,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaC,MAAM,4BAA8BC,WAAW,gCAAgCC,YAAY,cAAcN,MAAM,CAAC,sBAAsB,OAAO,MAAQ,OAAO,KAAO,OAAO,YAAc,mBAAmBO,MAAM,CAACH,MAAOV,EAAQ,KAAEc,SAAS,SAAUC,GAAMf,EAAIQ,KAAKO,GAAKJ,WAAW,UAAUP,EAAG,OAAO,CAACQ,YAAY,uBAAuB,CAACZ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,OAAOC,MAAM,mBAAmBf,EAAG,WAAW,CAACG,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaC,MAAM,CAAEU,UAAU,EAAKC,MAAM,uEAAwEV,WAAW,yGAAyGC,YAAY,cAAcN,MAAM,CAAC,sBAAsB,OAAO,KAAO,QAAQ,KAAO,QAAQ,MAAQ,QAAQ,SAAW,GAAG,YAAc,SAASO,MAAM,CAACH,MAAOV,EAAS,MAAEc,SAAS,SAAUC,GAAMf,EAAIsB,MAAMP,GAAKJ,WAAW,WAAWP,EAAG,OAAO,CAACQ,YAAY,uBAAuB,CAACZ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,OAAOC,MAAM,aAAcnB,EAAW,QAAEI,EAAG,MAAM,CAACQ,YAAY,eAAe,CAACR,EAAG,gBAAgB,CAACQ,YAAY,gBAAgBN,MAAM,CAAC,KAAO,WAAW,yBAAwB,EAAK,eAAiBN,EAAIuB,WAAW,oBAAqB,EAAM,KAAO,QAAQ,KAAO,SAAS,yBAA0B,EAAK,oBAAqB,GAAOC,GAAG,CAAC,kBAAkBxB,EAAIyB,gBAAgBZ,MAAM,CAACH,MAAOV,EAAS,MAAEc,SAAS,SAAUC,GAAMf,EAAI0B,MAAMX,GAAKJ,WAAW,YAAY,GAAGX,EAAI2B,KAAKvB,EAAG,MAAM,CAACQ,YAAY,UAAU,CAACR,EAAG,MAAM,CAACQ,YAAY,iBAAiB,CAACR,EAAG,YAAY,CAACQ,YAAY,YAAYY,GAAG,CAAC,MAAQxB,EAAI4B,aAAa,CAAC5B,EAAIgB,GAAG,aAAa,MAAM,IAAI,IAC/xDa,EAAkB,GCgDtB,G,UAAA,CACEC,QADF,WAEI7B,KAAK8B,eAEPC,KAJF,WAKI,MAAJ,CACMxB,KAAN,GACMc,MAAN,GACMI,MAAN,GACMO,YAAa,GACbC,QAAS,GACTX,WAAN,KAGEY,SAAF,CACIC,aADJ,WAEM,OAAQnC,KAAKiB,OAAOmB,OAAuB,KAAdpC,KAAKO,MAA8B,KAAfP,KAAKyB,OAAiC,KAAjBzB,KAAKiC,SAAiC,KAAfjC,KAAKqB,OAAkC,KAAlBrB,KAAKqC,UAA6C,KAA1BrC,KAAKsC,mBAA6D,IAAlCtC,KAAKuC,2BAGnLC,QAAF,CACIV,YADJ,WACA,WAEM9B,KAAKyC,OAAOC,SAAS,oBAC3B,kBACQ,EAAR,kBACQ,EAAR,sBACQ,EAAR,wBACQ,EAAR,4BACQ,EAAR,kCACQ,EAAR,oCACQ,EAAR,2BAGA,mBACQ,EAAR,YACU,KAAV,IACU,MAAV,QACU,KAAV,UACU,SAAV,UACU,KAAV,oBACU,MAAV,eAMIf,WA3BJ,WA2BA,WACA,GACQgB,GAAR,QACQpC,KAAR,UACQkB,MAAR,WACQQ,QAAR,aACQX,WAAR,gBACQU,YAAahC,KAAKgC,aAEpBhC,KAAKyC,OAAOC,SAAS,kBAAmBE,GAC9C,kBACQ,EAAR,oCACQ,EAAR,YACU,MAAV,WACU,KAAV,eACU,SAAV,UACU,KAAV,oBACU,MAAV,UACU,SAAV,iBAGA,mBACQ,EAAR,YACU,MAAV,QACU,KAAV,UACU,SAAV,UACU,KAAV,oBACU,MAAV,SACU,SAAV,kBAKI,eA5DJ,SA4DA,GACM,KAAN,uBACM,KAAN,eACM,KAAN,sBCnIuV,I,YCOnVC,EAAY,eACd,EACA/C,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAAiB,E","file":"js/chunk-2d0ba84d.9753aef3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vx-card',{attrs:{\"title\":\"Account Detail\"}},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_dash|min:3'),expression:\"'required|alpha_dash|min:3'\"}],staticClass:\"w-full mb-6\",attrs:{\"data-vv-validate-on\":\"blur\",\"label\":\"Name\",\"name\":\"Name\",\"placeholder\":\"Enter Your Name\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('displayName')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true,regex:/\\b[\\w\\.-]+@((?!gmail|googlemail|yahoo|hotmail).)[\\w\\.-]+\\.\\w{2,4}\\b/}),expression:\"{required: true,regex:/\\\\b[\\\\w\\\\.-]+@((?!gmail|googlemail|yahoo|hotmail).)[\\\\w\\\\.-]+\\\\.\\\\w{2,4}\\\\b/}\"}],staticClass:\"w-full mb-6\",attrs:{\"data-vv-validate-on\":\"blur\",\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"disabled\":\"\",\"placeholder\":\"Email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('email')))]),(_vm.country)?_c('div',{staticClass:\"w-full mb-6\"},[_c('vue-tel-input',{staticClass:\"vx-col w-full\",attrs:{\"mode\":\"national\",\"valid-characters-only\":true,\"defaultCountry\":_vm.countryIso,\"dynamicPlaceholder\":false,\"name\":\"phone\",\"type\":\"number\",\"disabledFetchingCountry\":true,\"enabledCountryCode\":false},on:{\"country-changed\":_vm.countryChanged},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1):_vm._e(),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\",on:{\"click\":_vm.updateUser}},[_vm._v(\"Submit\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div>\r\n      <vx-card title=\"Account Detail\">\r\n      \r\n    <vs-input\r\n      v-validate=\"'required|alpha_dash|min:3'\"\r\n      data-vv-validate-on=\"blur\"\r\n      label=\"Name\"\r\n      name=\"Name\"\r\n      placeholder=\"Enter Your Name\"\r\n      v-model=\"name\"\r\n      class=\"w-full mb-6\" />\r\n    <span class=\"text-danger text-sm\">{{ errors.first('displayName') }}</span>\r\n\r\n    <vs-input\r\n      v-validate=\"{required: true,regex:/\\b[\\w\\.-]+@((?!gmail|googlemail|yahoo|hotmail).)[\\w\\.-]+\\.\\w{2,4}\\b/}\"\r\n      data-vv-validate-on=\"blur\"\r\n      name=\"email\"\r\n      type=\"email\"\r\n      label=\"Email\"\r\n      disabled\r\n      placeholder=\"Email\"\r\n      v-model=\"email\"\r\n      class=\"w-full mb-6\" />\r\n    <span class=\"text-danger text-sm\">{{ errors.first('email') }}</span>\r\n\r\n\r\n    <div v-if=\"country\" class=\"w-full mb-6\">\r\n      <vue-tel-input mode='national' :valid-characters-only=\"true\" :defaultCountry=\"countryIso\" v-model=\"phone\" :dynamicPlaceholder=\"false\" name=\"phone\" type=\"number\" v-on:country-changed=\"countryChanged\" :disabledFetchingCountry=\"true\" :enabledCountryCode=\"false\"   class=\"vx-col w-full\"\t ></vue-tel-input>\r\n      \r\n    </div>\r\n\r\n\r\n\r\n     \r\n      \r\n      <div class=\"vx-row\">\r\n        <div class=\"vx-col w-full\">\r\n          <vs-button @click=\"updateUser\" class=\"mr-3 mb-2\">Submit</vs-button>\r\n          \r\n        </div>\r\n      </div>\r\n      </vx-card>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n  mounted(){\r\n    this.getUserData();\r\n  },\r\n  data(){\r\n    return{\r\n      name:'',\r\n      email:'',\r\n      phone:'',\r\n      countryCode: '',\r\n      country: '',\r\n      countryIso:''\r\n    }\r\n  },\r\n  computed:{\r\n    validateForm () {\r\n      return !this.errors.any() && this.name !== '' && this.phone !== '' && this.country !== '' && this.email !== '' && this.password !== '' && this.confirm_password !== '' && this.isTermsConditionAccepted === true\r\n    },\r\n  },\r\n  methods:{\r\n    getUserData(){\r\n      \r\n      this.$store.dispatch('user/getUserData')\r\n      .then((response) => {  \r\n        this.id = response.data.data.id\r\n        this.name = response.data.data.name\r\n        this.email = response.data.data.email\r\n        this.country = response.data.data.country\r\n        this.countryIso = response.data.data.countryIso\r\n        this.countryCode = response.data.data.countryCode\r\n        this.phone = response.data.data.phone\r\n\r\n        })\r\n      .catch(error => {\r\n        this.$vs.notify({\r\n            time:3000,\r\n            title: 'Error',\r\n            text: error.message,\r\n            iconPack: 'feather',\r\n            icon: 'icon-alert-circle',\r\n            color: 'danger'\r\n          })\r\n      })\r\n      \r\n    },\r\n\r\n    updateUser(){\r\n      const payload = {\r\n        id         : this.id,\r\n        name       : this.name,\r\n        phone      : this.phone,\r\n        country    : this.country,\r\n        countryIso : this.countryIso,\r\n        countryCode: this.countryCode\r\n      }\r\n      this.$store.dispatch('user/updateUser', payload)\r\n      .then(response => {\r\n        this.$store.dispatch('updateUserInfo', payload)\r\n        this.$vs.notify({\r\n            title: 'Updated!',\r\n            text: response.data.message,\r\n            iconPack: 'feather',\r\n            icon: 'icon-alert-circle',\r\n            color: 'success',\r\n            position: 'top-right'\r\n          })\r\n      })\r\n      .catch(error=> {\r\n        this.$vs.notify({\r\n            title: 'Error',\r\n            text: error.message,\r\n            iconPack: 'feather',\r\n            icon: 'icon-alert-circle',\r\n            color: 'danger',\r\n            position: 'top-right'\r\n          })\r\n      })\r\n    },\r\n\r\n      countryChanged(country) {\r\n        this.countryCode = country.dialCode\r\n        this.country = country.name\r\n        this.countryIso = country.iso2\r\n      },\r\n\r\n   \r\n\r\n\r\n  }\r\n}\r\n</script>","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!./accountDetail.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!./accountDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./accountDetail.vue?vue&type=template&id=c0b47f7c&\"\nimport script from \"./accountDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./accountDetail.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}