{"version":3,"sources":["webpack:///./src/views/dashboard/master/Profile.vue?c8d9","webpack:///src/views/dashboard/master/Profile.vue","webpack:///./src/views/dashboard/master/Profile.vue?b70e","webpack:///./src/views/dashboard/master/Profile.vue","webpack:///../../../src/components/VGrid/grid.ts","webpack:///../../../src/components/VGrid/VContainer.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","scopedSlots","_u","key","fn","_v","proxy","model","value","user","plan","callback","$$v","$set","expression","ref","rules","fullName","notEmpty","characters","length","group","phone","loginTypes","loginType","on","updateProfile","staticRenderFns","component","VBtn","VCol","VContainer","VForm","VRow","VTextField","name","functional","props","id","tag","type","default","children","data","classes","Object","h","fluid","mergeData","class","Array"],"mappings":"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","file":"js/chunk-020fa1d6.d9397d49.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"user-profile\",\"fluid\":\"\",\"tag\":\"section\"}},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('base-material-card',{staticClass:\"px-5 py-3\",attrs:{\"icon\":\"mdi-account-details-outline\",\"inline\":\"\",\"hover-reveal\":\"\"},scopedSlots:_vm._u([{key:\"after-heading\",fn:function(){return [_c('div',{staticClass:\"font-weight-light card-title mt-2\"},[_vm._v(\" My profile \")])]},proxy:true}])},[_c('v-form',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Plan using\",\"prepend-icon\":\"mdi-cloud-check-outline\",\"readonly\":\"\",\"filled\":\"\"},model:{value:(_vm.user.plan.planName),callback:function ($$v) {_vm.$set(_vm.user.plan, \"planName\", $$v)},expression:\"user.plan.planName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Username\",\"prepend-icon\":\"mdi-account-outline\",\"readonly\":\"\",\"filled\":\"\"},model:{value:(_vm.user.username),callback:function ($$v) {_vm.$set(_vm.user, \"username\", $$v)},expression:\"user.username\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Email Address\",\"prepend-icon\":\"mdi-email-outline\",\"readonly\":\"\",\"filled\":\"\"},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-text-field',{ref:\"fullName\",attrs:{\"label\":\"Full Name *\",\"prepend-icon\":\"mdi-account-tie-outline\",\"rules\":[_vm.rules.fullName.notEmpty, _vm.rules.fullName.characters, _vm.rules.fullName.length],\"counter\":30},model:{value:(_vm.user.fullName),callback:function ($$v) {_vm.$set(_vm.user, \"fullName\", $$v)},expression:\"user.fullName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-text-field',{ref:\"groupName\",attrs:{\"label\":\"Group (Optional)\",\"prepend-icon\":\"mdi-account-group-outline\",\"rules\":[_vm.rules.group.characters],\"counter\":20},model:{value:(_vm.user.groupName),callback:function ($$v) {_vm.$set(_vm.user, \"groupName\", $$v)},expression:\"user.groupName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-text-field',{ref:\"phoneNumber\",attrs:{\"label\":\"Phone (Optional)\",\"prepend-icon\":\"mdi-phone-outline\",\"rules\":[_vm.rules.phone.characters],\"counter\":13},model:{value:(_vm.user.phoneNumber),callback:function ($$v) {_vm.$set(_vm.user, \"phoneNumber\", $$v)},expression:\"user.phoneNumber\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Login Type\",\"prepend-icon\":\"mdi-login-variant\",\"readonly\":\"\",\"filled\":\"\"},model:{value:(_vm.loginTypes[_vm.user.loginType]),callback:function ($$v) {_vm.$set(_vm.loginTypes, _vm.user.loginType, $$v)},expression:\"loginTypes[user.loginType]\"}})],1),_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mr-0\",attrs:{\"color\":\"success\"},on:{\"click\":_vm.updateProfile}},[_vm._v(\" Update Profile \")])],1)],1)],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    id=\"user-profile\"\n    fluid\n    tag=\"section\"\n  >\n    <v-row justify=\"center\">\n      <v-col\n        cols=\"12\"\n        md=\"8\"\n      >\n        <base-material-card\n          icon=\"mdi-account-details-outline\"\n          inline\n          class=\"px-5 py-3\"\n          hover-reveal\n        >\n          <template v-slot:after-heading>\n            <div class=\"font-weight-light card-title mt-2\">\n              My profile\n            </div>\n          </template>\n\n          <v-form>\n            <v-container>\n              <v-row>\n                <v-col\n                  cols=\"12\"\n                  lg=\"12\"\n                >\n                  <v-text-field\n                    v-model=\"user.plan.planName\"\n                    label=\"Plan using\"\n                    prepend-icon=\"mdi-cloud-check-outline\"\n                    readonly\n                    filled\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  lg=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"user.username\"\n                    label=\"Username\"\n                    prepend-icon=\"mdi-account-outline\"\n                    readonly\n                    filled\n                  />\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  lg=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"user.email\"\n                    label=\"Email Address\"\n                    prepend-icon=\"mdi-email-outline\"\n                    readonly\n                    filled\n                  />\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  lg=\"6\"\n                >\n                  <v-text-field\n                    ref=\"fullName\"\n                    v-model=\"user.fullName\"\n                    label=\"Full Name *\"\n                    prepend-icon=\"mdi-account-tie-outline\"\n                    :rules=\"[rules.fullName.notEmpty, rules.fullName.characters, rules.fullName.length]\"\n                    :counter=\"30\"\n                  />\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  lg=\"6\"\n                >\n                  <v-text-field\n                    ref=\"groupName\"\n                    v-model=\"user.groupName\"\n                    label=\"Group (Optional)\"\n                    prepend-icon=\"mdi-account-group-outline\"\n                    :rules=\"[rules.group.characters]\"\n                    :counter=\"20\"\n                  />\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  lg=\"6\"\n                >\n                  <v-text-field\n                    ref=\"phoneNumber\"\n                    v-model=\"user.phoneNumber\"\n                    label=\"Phone (Optional)\"\n                    prepend-icon=\"mdi-phone-outline\"\n                    :rules=\"[rules.phone.characters]\"\n                    :counter=\"13\"\n                  />\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  lg=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"loginTypes[user.loginType]\"\n                    label=\"Login Type\"\n                    prepend-icon=\"mdi-login-variant\"\n                    readonly\n                    filled\n                  />\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  class=\"text-right\"\n                >\n                  <v-btn\n                    color=\"success\"\n                    class=\"mr-0\"\n                    @click=\"updateProfile\"\n                  >\n                    Update Profile\n                  </v-btn>\n                </v-col>\n              </v-row>\n            </v-container>\n          </v-form>\n        </base-material-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\n  import axios from 'axios'\n  import LocalStorageService from '../../../utils/auth'\n\n  const localStorageService = LocalStorageService.getService()\n\n  export default {\n    data: function () {\n      return {\n        loading: false,\n        loginTypes: ['FIDO2', 'QR', 'ALL'],\n        showLogin: '',\n        rules: {\n          fullName: {\n            characters: value => {\n              // const v = value.replace(/^\\s+|\\s+$/, '')\n              const pattern = /^(?=[a-zA-Z0-9 ÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯĂẠẢẤẦẨẪẬẮẰẲẴẶẸẺẼỀỀỂẾưăạảấầẩẫậắằẳẵặẹẻẽềềểếỄỆỈỊỌỎỐỒỔỖỘỚỜỞỠỢỤỦỨỪễệỉịọỏốồổỗộớờởỡợụủứừỬỮỰỲỴÝỶỸửữựỳỵỷỹ\\u0065-\\u0309\\u0065-\\u0301\\u0065-\\u0300\\u0065-\\u0323\\u0065-\\u0303\\u00EA-\\u0309\\u00EA-\\u0301\\u00EA-\\u0300\\u00EA-\\u0323\\u00EA-\\u0303\\u0079-\\u0309\\u0079-\\u0301\\u0079-\\u0300\\u0079-\\u0323\\u0079-\\u0303\\u0075-\\u0309\\u0075-\\u0301\\u0075-\\u0300\\u0075-\\u0323\\u0075-\\u0303\\u01B0-\\u0309\\u01B0-\\u0301\\u01B0-\\u0300\\u01B0-\\u0323\\u01B0-\\u0303\\u0069-\\u0309\\u0069-\\u0301\\u0069-\\u0300\\u0069-\\u0323\\u0069-\\u0303\\u006F-\\u0309\\u006F-\\u0301\\u006F-\\u0300\\u006F-\\u0323\\u006F-\\u0303\\u01A1-\\u0309\\u01A1-\\u0301\\u01A1-\\u0300\\u01A1-\\u0323\\u01A1-\\u0303\\u00F4-\\u0309\\u00F4-\\u0301\\u00F4-\\u0300\\u00F4-\\u0323\\u00F4-\\u0303\\u0061-\\u0309\\u0061-\\u0301\\u0061-\\u0300\\u0061-\\u0323\\u0061-\\u0303\\u0103-\\u0309\\u0103-\\u0301\\u0103-\\u0300\\u0103-\\u0323\\u0103-\\u0303\\u00E2-\\u0309\\u00E2-\\u0301\\u00E2-\\u0300\\u00E2-\\u0323\\u00E2-\\u0303\\u0045-\\u0309\\u0045-\\u0301\\u0045-\\u0300\\u0045-\\u0323\\u0045-\\u0303\\u00CA-\\u0309\\u00CA-\\u0301\\u00CA-\\u0300\\u00CA-\\u0323\\u00CA-\\u0303\\u0059-\\u0309\\u0059-\\u0301\\u0059-\\u0300\\u0059-\\u0323\\u0059-\\u0303\\u0055-\\u0309\\u0055-\\u0301\\u0055-\\u0300\\u0055-\\u0323\\u0055-\\u0303\\u01AF-\\u0309\\u01AF-\\u0301\\u01AF-\\u0300\\u01AF-\\u0323\\u01AF-\\u0303\\u0049-\\u0309\\u0049-\\u0301\\u0049-\\u0300\\u0049-\\u0323\\u0049-\\u0303\\u004F-\\u0309\\u004F-\\u0301\\u004F-\\u0300\\u004F-\\u0323\\u004F-\\u0303\\u01A0-\\u0309\\u01A0-\\u0301\\u01A0-\\u0300\\u01A0-\\u0323\\u01A0-\\u0303\\u00D4-\\u0309\\u00D4-\\u0301\\u00D4-\\u0300\\u00D4-\\u0323\\u00D4-\\u0303\\u0041-\\u0309\\u0041-\\u0301\\u0041-\\u0300\\u0041-\\u0323\\u0041-\\u0303\\u0102-\\u0309\\u0102-\\u0301\\u0102-\\u0300\\u0102-\\u0323\\u0102-\\u0303\\u00C2-\\u0309\\u00C2-\\u0301\\u00C2-\\u0300\\u00C2-\\u0323\\u00C2-\\u0303]+$)/u\n              return pattern.test(value) || 'Invalid name'\n            },\n            length: v => (v && v.length <= 30) || 'Max length is 30 characters',\n            notEmpty: v => !!v || 'Required',\n          },\n          group: {\n            characters: value => {\n              const pattern = /^$|^(?=[a-zA-Z0-9._]{3,20}$)(?!.*[_.]{2})[^_.].*[^_.]$/\n              return pattern.test(value) || 'Invalid group name'\n            },\n          },\n          phone: {\n            characters: value => {\n              const pattern = /^$|^(\\+[0-9]{2}|0)([0-9]{9,10}$)/\n              return pattern.test(value) || 'Invalid phone number'\n            },\n          },\n        },\n        user: {},\n        urls: {\n          get: '/v1/api/users',\n          put: '/v1/api/users/update',\n        },\n      }\n    },\n\n    created () {\n      this.getUserInfo()\n    },\n\n    methods: {\n      async getUserInfo () {\n        this.loading = true // the loading begin\n        const user = localStorageService.getUsername()\n        const userData = JSON.parse(user)\n        if (userData.username) {\n          await axios.get(`${this.urls.get}/${userData.username}`)\n            .then(response => {\n              // console.log('response', response)\n              this.user = response.data.data\n            }).catch(e => {\n              this.handleErrors(e)\n            }).finally(() => (this.loading = false)) // set loading to false when request finish\n        }\n      },\n\n      async updateProfile () {\n        if (!this.$refs.fullName.validate() ||\n          !this.$refs.groupName.validate() ||\n          !this.$refs.phoneNumber.validate()) {\n          return\n        }\n        const data = {\n          fullName: this.user.fullName,\n          groupName: this.user.groupName,\n          phoneNumber: this.user.phoneNumber,\n        }\n        axios.patch(`${this.urls.put}/${this.user.username}`, data)\n          .then(response => {\n            // console.log('reg response: ', response)\n            // const token = response.data.access_token\n            // const user = response.data.username\n            this.show_message('success', 'Update success!')\n            this.user = response.data.data\n            const newUser = {\n              username: this.user.username,\n              fullName: this.user.fullName,\n            }\n            localStorageService.setUsername(JSON.stringify(newUser))\n            this.$store.commit('SET_USER', JSON.stringify(newUser))\n          })\n          .catch(e => {\n            this.handleError(e)\n          }).finally(() => (this.loading = false)) // set loading to false when request finish\n      },\n\n      handleError (error) {\n        if (error.response === undefined) {\n          this.show_message('error', error.toString())\n        } else if (!error.response.data.success) {\n          if (error.response.data.errorMessage) {\n            this.show_message('error', error.response.data.errorMessage)\n          } else if (error.response.data.validations) {\n            this.show_message('error', error.response.data.validations[0].message)\n          } else {\n            this.show_message('error', error.response.data.message)\n          }\n        } else {\n          this.show_message('error', 'api service not available!')\n        }\n      },\n\n      show_message (type, text) {\n        // type = 'success', 'info', 'error' ... color string\n        this.$swal.fire({\n          icon: type,\n          titleText: type,\n          text: text,\n          timer: 5000,\n        })\n      },\n    },\n  }\n</script>\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!./Profile.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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=f579f0c6&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VContainer,VForm,VRow,VTextField})\n","// Types\nimport Vue, { VNode } from 'vue'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return Vue.extend({\n    name: `v-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (h, { props, data, children }): VNode {\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(attrs).filter(key => {\n          // TODO: Remove once resolved\n          // https://github.com/vuejs/vue/issues/7841\n          if (key === 'slot') return false\n\n          const value = attrs[key]\n\n          // add back data attributes like data-test=\"foo\" but do not\n          // add them as classes\n          if (key.startsWith('data-')) {\n            data.attrs![key] = value\n            return false\n          }\n\n          return value || typeof value === 'string'\n        })\n\n        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":""}