{"version":3,"sources":["webpack:///./src/@core/utils/filter.js","webpack:///./src/views/apps/user/userStoreModule.js","webpack:///./src/views/apps/user/users-list/useUsersList.js","webpack:///./src/@core/comp-functions/forms/form-utils.js","webpack:///./src/views/apps/user/users-edit/UserEditTabInformation.vue?86c6","webpack:///./src/@core/utils/utils.js","webpack:///./src/views/apps/user/users-edit/UsersEdit.vue?59ce","webpack:///./src/views/apps/user/users-edit/UserEditTabAccount.vue?4d8a","webpack:///src/views/apps/user/users-edit/UserEditTabAccount.vue","webpack:///./src/views/apps/user/users-edit/UserEditTabAccount.vue?0db0","webpack:///./src/views/apps/user/users-edit/UserEditTabAccount.vue","webpack:///./src/views/apps/user/users-edit/UserEditTabInformation.vue?76fa","webpack:///src/views/apps/user/users-edit/UserEditTabInformation.vue","webpack:///./src/views/apps/user/users-edit/UserEditTabInformation.vue?04d8","webpack:///./src/views/apps/user/users-edit/UserEditTabInformation.vue","webpack:///./src/views/apps/user/users-edit/UserEditTabSocial.vue?dff6","webpack:///src/views/apps/user/users-edit/UserEditTabSocial.vue","webpack:///./src/views/apps/user/users-edit/UserEditTabSocial.vue?d8e3","webpack:///./src/views/apps/user/users-edit/UserEditTabSocial.vue","webpack:///src/views/apps/user/users-edit/UsersEdit.vue","webpack:///./src/views/apps/user/users-edit/UsersEdit.vue?1c5b","webpack:///./src/views/apps/user/users-edit/UsersEdit.vue","webpack:///./src/views/apps/user/users-edit/UserEditTabAccount.vue?73f5"],"names":["kFormatter","num","toFixed","title","value","replacer","str","toString","arr","split","capitalizedArray","forEach","word","capitalized","charAt","toUpperCase","slice","push","join","avatarText","nameArray","map","formatDate","formatting","month","day","year","Intl","DateTimeFormat","format","Date","formatDateToMonthShort","toTimeForCurrentDay","date","isToday","hour","minute","filterTags","replace","namespaced","state","getters","mutations","actions","fetchUsers","ctx","queryParams","Promise","resolve","reject","axios","get","params","then","response","catch","error","fetchUser","id","addUser","userData","post","user","useUsersList","toast","useToast","refUserListTable","ref","tableColumns","key","sortable","label","formatter","perPage","totalUsers","currentPage","perPageOptions","searchQuery","sortBy","isSortDirDesc","roleFilter","planFilter","statusFilter","dataMeta","computed","localItemsCount","localItems","length","from","to","of","refetchData","refresh","watch","callback","store","dispatch","q","page","sortDesc","role","plan","status","users","total","data","component","ToastificationContent","props","icon","variant","resolveUserRoleVariant","resolveUserRoleIcon","resolveUserStatusVariant","useInputImageRenderer","inputEl","inputImageRenderer","file","files","reader","FileReader","addEventListener","result","readAsDataURL","isObject","obj","today","getDate","getMonth","getFullYear","isDynamicRouteActive","route","resolvedRoute","router","path","currentRoute","useRouter","vm","getCurrentInstance","proxy","reactive","$route","r","toRefs","$router","showToast","type","message","Vue","$toast","removeAccents","normalize","render","_vm","this","_h","$createElement","_c","_self","undefined","tag","attrs","staticClass","_v","name","scopedSlots","_u","fn","_e","staticRenderFns","avatar","fullName","_s","on","$event","$refs","refInputEl","click","model","$$v","$set","expression","$store","appConfig","isRTL","statusOptions","val","roleOptions","permissionsData","components","BButton","BMedia","BAvatar","BRow","BCol","BFormGroup","BFormInput","BForm","BTable","BCard","BCardHeader","BCardTitle","BFormCheckbox","vSelect","Object","required","setup","module","read","write","create","delete","previewEl","base64","dateFormat","userDataInfo","languageOptions","genderOptions","contactOptionsOptions","flatPickr","BFormRadioGroup","BFormCheckboxGroup","dob","mobile","website","language","gender","contactOptions","addressLine1","addressLine2","postcode","city","country","text","_l","socialField","dataField","userDataSocial","BInputGroup","BInputGroupPrepend","twitter","facebook","instagram","github","codepen","slack","socialInputs","BTab","BTabs","BAlert","BLink","UserEditTabAccount","UserEditTabInformation","UserEditTabSocial","USER_APP_STORE_MODULE_NAME","hasModule","registerModule","userStoreModule","onUnmounted","unregisterModule"],"mappings":"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","file":"js/chunk-12e102cf.42afab70.js","sourcesContent":["import { isToday } from './utils'\r\n\r\nexport const kFormatter = num => (num > 999 ? `${(num / 1000).toFixed(1)}k` : num)\r\n\r\nexport const title = (value, replacer = ' ') => {\r\n  if (!value) return ''\r\n  const str = value.toString()\r\n\r\n  const arr = str.split(replacer)\r\n  const capitalizedArray = []\r\n  arr.forEach(word => {\r\n    const capitalized = word.charAt(0).toUpperCase() + word.slice(1)\r\n    capitalizedArray.push(capitalized)\r\n  })\r\n  return capitalizedArray.join(' ')\r\n}\r\n\r\nexport const avatarText = value => {\r\n  if (!value) return ''\r\n  const nameArray = value.split(' ')\r\n  return nameArray.map(word => word.charAt(0).toUpperCase()).join('')\r\n}\r\n\r\n/**\r\n * Format and return date in Humanize format\r\n * Intl docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\r\n * Intl Constructor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat\r\n * @param {String} value date to format\r\n * @param {Object} formatting Intl object to format with\r\n */\r\nexport const formatDate = (value, formatting = { month: 'short', day: 'numeric', year: 'numeric' }) => {\r\n  if (!value) return value\r\n  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))\r\n}\r\n\r\n/**\r\n * Return short human friendly month representation of date\r\n * Can also convert date to only time if date is of today (Better UX)\r\n * @param {String} value date to format\r\n * @param {Boolean} toTimeForCurrentDay Shall convert to time if day is today/current\r\n */\r\nexport const formatDateToMonthShort = (value, toTimeForCurrentDay = true) => {\r\n  const date = new Date(value)\r\n  let formatting = { month: 'short', day: 'numeric' }\r\n\r\n  if (toTimeForCurrentDay && isToday(date)) {\r\n    formatting = { hour: 'numeric', minute: 'numeric' }\r\n  }\r\n\r\n  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))\r\n}\r\n\r\n// Strip all the tags from markup and return plain text\r\nexport const filterTags = value => value.replace(/<\\/?[^>]+(>|$)/g, '')\r\n","import axios from '@axios'\r\n\r\nexport default {\r\n  namespaced: true,\r\n  state: {},\r\n  getters: {},\r\n  mutations: {},\r\n  actions: {\r\n    fetchUsers(ctx, queryParams) {\r\n      return new Promise((resolve, reject) => {\r\n        axios\r\n          .get('/apps/user/users', { params: queryParams })\r\n          .then(response => resolve(response))\r\n          .catch(error => reject(error))\r\n      })\r\n    },\r\n    fetchUser(ctx, { id }) {\r\n      return new Promise((resolve, reject) => {\r\n        axios\r\n          .get(`/apps/user/users/${id}`)\r\n          .then(response => resolve(response))\r\n          .catch(error => reject(error))\r\n      })\r\n    },\r\n    addUser(ctx, userData) {\r\n      return new Promise((resolve, reject) => {\r\n        axios\r\n          .post('/apps/user/users', { user: userData })\r\n          .then(response => resolve(response))\r\n          .catch(error => reject(error))\r\n      })\r\n    },\r\n  },\r\n}\r\n","import { ref, watch, computed } from '@vue/composition-api'\r\nimport store from '@/store'\r\nimport { title } from '@core/utils/filter'\r\n\r\n// Notification\r\nimport { useToast } from 'vue-toastification/composition'\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\r\n\r\nexport default function useUsersList() {\r\n  // Use toast\r\n  const toast = useToast()\r\n\r\n  const refUserListTable = ref(null)\r\n\r\n  // Table Handlers\r\n  const tableColumns = [\r\n    { key: 'user', sortable: true },\r\n    { key: 'email', sortable: true },\r\n    { key: 'role', sortable: true },\r\n    {\r\n      key: 'currentPlan',\r\n      label: 'Plan',\r\n      formatter: title,\r\n      sortable: true,\r\n    },\r\n    { key: 'status', sortable: true },\r\n    { key: 'actions' },\r\n  ]\r\n  const perPage = ref(10)\r\n  const totalUsers = ref(0)\r\n  const currentPage = ref(1)\r\n  const perPageOptions = [10, 25, 50, 100]\r\n  const searchQuery = ref('')\r\n  const sortBy = ref('id')\r\n  const isSortDirDesc = ref(true)\r\n  const roleFilter = ref(null)\r\n  const planFilter = ref(null)\r\n  const statusFilter = ref(null)\r\n\r\n  const dataMeta = computed(() => {\r\n    const localItemsCount = refUserListTable.value ? refUserListTable.value.localItems.length : 0\r\n    return {\r\n      from: perPage.value * (currentPage.value - 1) + (localItemsCount ? 1 : 0),\r\n      to: perPage.value * (currentPage.value - 1) + localItemsCount,\r\n      of: totalUsers.value,\r\n    }\r\n  })\r\n\r\n  const refetchData = () => {\r\n    refUserListTable.value.refresh()\r\n  }\r\n\r\n  watch([currentPage, perPage, searchQuery, roleFilter, planFilter, statusFilter], () => {\r\n    refetchData()\r\n  })\r\n\r\n  const fetchUsers = (ctx, callback) => {\r\n    store\r\n      .dispatch('app-user/fetchUsers', {\r\n        q: searchQuery.value,\r\n        perPage: perPage.value,\r\n        page: currentPage.value,\r\n        sortBy: sortBy.value,\r\n        sortDesc: isSortDirDesc.value,\r\n        role: roleFilter.value,\r\n        plan: planFilter.value,\r\n        status: statusFilter.value,\r\n      })\r\n      .then(response => {\r\n        const { users, total } = response.data\r\n\r\n        callback(users)\r\n        totalUsers.value = total\r\n      })\r\n      .catch(() => {\r\n        toast({\r\n          component: ToastificationContent,\r\n          props: {\r\n            title: 'Error fetching users list',\r\n            icon: 'AlertTriangleIcon',\r\n            variant: 'danger',\r\n          },\r\n        })\r\n      })\r\n  }\r\n\r\n  // *===============================================---*\r\n  // *--------- UI ---------------------------------------*\r\n  // *===============================================---*\r\n\r\n  const resolveUserRoleVariant = role => {\r\n    if (role === 'subscriber') return 'primary'\r\n    if (role === 'author') return 'warning'\r\n    if (role === 'maintainer') return 'success'\r\n    if (role === 'editor') return 'info'\r\n    if (role === 'admin') return 'danger'\r\n    return 'primary'\r\n  }\r\n\r\n  const resolveUserRoleIcon = role => {\r\n    if (role === 'subscriber') return 'UserIcon'\r\n    if (role === 'author') return 'SettingsIcon'\r\n    if (role === 'maintainer') return 'DatabaseIcon'\r\n    if (role === 'editor') return 'Edit2Icon'\r\n    if (role === 'admin') return 'ServerIcon'\r\n    return 'UserIcon'\r\n  }\r\n\r\n  const resolveUserStatusVariant = status => {\r\n    if (status === 'pending') return 'warning'\r\n    if (status === 'active') return 'success'\r\n    if (status === 'inactive') return 'secondary'\r\n    return 'primary'\r\n  }\r\n\r\n  return {\r\n    fetchUsers,\r\n    tableColumns,\r\n    perPage,\r\n    currentPage,\r\n    totalUsers,\r\n    dataMeta,\r\n    perPageOptions,\r\n    searchQuery,\r\n    sortBy,\r\n    isSortDirDesc,\r\n    refUserListTable,\r\n\r\n    resolveUserRoleVariant,\r\n    resolveUserRoleIcon,\r\n    resolveUserStatusVariant,\r\n    refetchData,\r\n\r\n    // Extra Filters\r\n    roleFilter,\r\n    planFilter,\r\n    statusFilter,\r\n  }\r\n}\r\n","export const useInputImageRenderer = (inputEl, callback) => {\r\n  const inputImageRenderer = () => {\r\n    const file = inputEl.value.files[0]\r\n    const reader = new FileReader()\r\n\r\n    reader.addEventListener(\r\n      'load',\r\n      () => {\r\n        callback(reader.result)\r\n      },\r\n      false,\r\n    )\r\n\r\n    if (file) {\r\n      reader.readAsDataURL(file)\r\n    }\r\n  }\r\n  return {\r\n    inputImageRenderer,\r\n  }\r\n}\r\n\r\nexport const _ = null\r\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabInformation.vue?vue&type=style&index=0&id=1413b28c&prod&lang=scss&\"","import Vue from 'vue';\r\nimport router from '@/router';\r\n// eslint-disable-next-line object-curly-newline\r\nimport {\r\n  reactive,\r\n  getCurrentInstance,\r\n  watch,\r\n  toRefs,\r\n} from '@vue/composition-api';\r\n\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue';\r\n\r\nexport const isObject = (obj) => typeof obj === 'object' && obj !== null;\r\n\r\nexport const isToday = (date) => {\r\n  const today = new Date();\r\n  return (\r\n    /* eslint-disable operator-linebreak */\r\n    date.getDate() === today.getDate() &&\r\n    date.getMonth() === today.getMonth() &&\r\n    date.getFullYear() === today.getFullYear()\r\n    /* eslint-enable */\r\n  );\r\n};\r\n\r\nconst getRandomFromArray = (array) =>\r\n  array[Math.floor(Math.random() * array.length)];\r\n\r\n// ? Light and Dark variant is not included\r\n// prettier-ignore\r\nexport const getRandomBsVariant = () => getRandomFromArray(['primary', 'secondary', 'success', 'warning', 'danger', 'info'])\r\n\r\nexport const isDynamicRouteActive = (route) => {\r\n  const { route: resolvedRoute } = router.resolve(route);\r\n  return resolvedRoute.path === router.currentRoute.path;\r\n};\r\n\r\n// Thanks: https://medium.com/better-programming/reactive-vue-routes-with-the-composition-api-18c1abd878d1\r\nexport const useRouter = () => {\r\n  const vm = getCurrentInstance().proxy;\r\n  const state = reactive({\r\n    route: vm.$route,\r\n  });\r\n\r\n  watch(\r\n    () => vm.$route,\r\n    (r) => {\r\n      state.route = r;\r\n    }\r\n  );\r\n\r\n  return { ...toRefs(state), router: vm.$router };\r\n};\r\n\r\n/**\r\n * This is just enhancement over Object.extend [Gives deep extend]\r\n * @param {target} a Object which contains values to be overridden\r\n * @param {source} b Object which contains values to override\r\n */\r\n// export const objectExtend = (a, b) => {\r\n//   // Don't touch 'null' or 'undefined' objects.\r\n//   if (a == null || b == null) {\r\n//     return a\r\n//   }\r\n\r\n//   Object.keys(b).forEach(key => {\r\n//     if (Object.prototype.toString.call(b[key]) === '[object Object]') {\r\n//       if (Object.prototype.toString.call(a[key]) !== '[object Object]') {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = b[key]\r\n//       } else {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = objectExtend(a[key], b[key])\r\n//       }\r\n//     } else {\r\n//       // eslint-disable-next-line no-param-reassign\r\n//       a[key] = b[key]\r\n//     }\r\n//   })\r\n\r\n//   return a\r\n// }\r\n\r\nexport function showToast(type, message) {\r\n  if (type == 'success') {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_check',\r\n        variant: 'success',\r\n      },\r\n    });\r\n  } else {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_error',\r\n        variant: 'danger',\r\n      },\r\n    });\r\n  }\r\n}\r\n\r\nexport function removeAccents(str) {\r\n  return str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.userData === undefined ? 'div' : 'b-card',{tag:\"component\"},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":_vm.userData === undefined}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Error fetching user data \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" No user found with this user id. Check \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"to\":{ name: 'apps-users-list'}}},[_vm._v(\" User List \")]),_vm._v(\" for other users. \")],1)]),(_vm.userData)?_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('feather-icon',{staticClass:\"mr-0 mr-sm-50\",attrs:{\"icon\":\"UserIcon\",\"size\":\"16\"}}),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\"Account\")])]},proxy:true}],null,false,819792000)},[_c('user-edit-tab-account',{staticClass:\"mt-2 pt-75\",attrs:{\"user-data\":_vm.userData}})],1),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('feather-icon',{staticClass:\"mr-0 mr-sm-50\",attrs:{\"icon\":\"InfoIcon\",\"size\":\"16\"}}),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\"Information\")])]},proxy:true}],null,false,1675473746)},[_c('user-edit-tab-information',{staticClass:\"mt-2 pt-75\"})],1),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('feather-icon',{staticClass:\"mr-0 mr-sm-50\",attrs:{\"icon\":\"Share2Icon\",\"size\":\"16\"}}),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\"Social\")])]},proxy:true}],null,false,1914541044)},[_c('user-edit-tab-social',{staticClass:\"mt-2 pt-75\"})],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-media',{staticClass:\"mb-2\",scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-avatar',{ref:\"previewEl\",attrs:{\"src\":_vm.userData.avatar,\"text\":_vm.avatarText(_vm.userData.fullName),\"variant\":(\"light-\" + (_vm.resolveUserRoleVariant(_vm.userData.role))),\"size\":\"90px\",\"rounded\":\"\"}})]},proxy:true}])},[_c('h4',{staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(_vm.userData.fullName)+\" \")]),_c('div',{staticClass:\"d-flex flex-wrap\"},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$refs.refInputEl.click()}}},[_c('input',{ref:\"refInputEl\",staticClass:\"d-none\",attrs:{\"type\":\"file\"},on:{\"input\":_vm.inputImageRenderer}}),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\"Update\")]),_c('feather-icon',{staticClass:\"d-inline d-sm-none\",attrs:{\"icon\":\"EditIcon\"}})],1),_c('b-button',{staticClass:\"ml-1\",attrs:{\"variant\":\"outline-secondary\"}},[_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\"Remove\")]),_c('feather-icon',{staticClass:\"d-inline d-sm-none\",attrs:{\"icon\":\"TrashIcon\"}})],1)],1)]),_c('b-form',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Username\",\"label-for\":\"username\"}},[_c('b-form-input',{attrs:{\"id\":\"username\"},model:{value:(_vm.userData.username),callback:function ($$v) {_vm.$set(_vm.userData, \"username\", $$v)},expression:\"userData.username\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Name\",\"label-for\":\"full-name\"}},[_c('b-form-input',{attrs:{\"id\":\"full-name\"},model:{value:(_vm.userData.fullName),callback:function ($$v) {_vm.$set(_vm.userData, \"fullName\", $$v)},expression:\"userData.fullName\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"email\"}},[_c('b-form-input',{attrs:{\"id\":\"email\",\"type\":\"email\"},model:{value:(_vm.userData.email),callback:function ($$v) {_vm.$set(_vm.userData, \"email\", $$v)},expression:\"userData.email\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Status\",\"label-for\":\"user-status\"}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.statusOptions,\"reduce\":function (val) { return val.value; },\"clearable\":false,\"input-id\":\"user-status\"},model:{value:(_vm.userData.status),callback:function ($$v) {_vm.$set(_vm.userData, \"status\", $$v)},expression:\"userData.status\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"User Role\",\"label-for\":\"user-role\"}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.roleOptions,\"reduce\":function (val) { return val.value; },\"clearable\":false,\"input-id\":\"user-role\"},model:{value:(_vm.userData.role),callback:function ($$v) {_vm.$set(_vm.userData, \"role\", $$v)},expression:\"userData.role\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Company\",\"label-for\":\"company\"}},[_c('b-form-input',{attrs:{\"id\":\"company\"},model:{value:(_vm.userData.company),callback:function ($$v) {_vm.$set(_vm.userData, \"company\", $$v)},expression:\"userData.company\"}})],1)],1)],1)],1),_c('b-card',{staticClass:\"border mt-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\"},[_c('b-card-title',{staticClass:\"font-medium-2\"},[_c('feather-icon',{attrs:{\"icon\":\"LockIcon\",\"size\":\"18\"}}),_c('span',{staticClass:\"align-middle ml-50\"},[_vm._v(\"Permission\")])],1)],1),_c('b-table',{staticClass:\"mb-0\",attrs:{\"striped\":\"\",\"responsive\":\"\",\"items\":_vm.permissionsData},scopedSlots:_vm._u([{key:\"cell(module)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\" \")]}},{key:\"cell()\",fn:function(data){return [_c('b-form-checkbox',{attrs:{\"checked\":data.value}})]}}])})],1),_c('b-button',{staticClass:\"mb-1 mb-sm-0 mr-0 mr-sm-1\",attrs:{\"variant\":\"primary\",\"block\":_vm.$store.getters['app/currentBreakPoint'] === 'xs'}},[_vm._v(\" Save Changes \")]),_c('b-button',{attrs:{\"variant\":\"outline-secondary\",\"type\":\"reset\",\"block\":_vm.$store.getters['app/currentBreakPoint'] === 'xs'}},[_vm._v(\" Reset \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n\r\n    <!-- Media -->\r\n    <b-media class=\"mb-2\">\r\n      <template #aside>\r\n        <b-avatar\r\n          ref=\"previewEl\"\r\n          :src=\"userData.avatar\"\r\n          :text=\"avatarText(userData.fullName)\"\r\n          :variant=\"`light-${resolveUserRoleVariant(userData.role)}`\"\r\n          size=\"90px\"\r\n          rounded\r\n        />\r\n      </template>\r\n      <h4 class=\"mb-1\">\r\n        {{ userData.fullName }}\r\n      </h4>\r\n      <div class=\"d-flex flex-wrap\">\r\n        <b-button\r\n          variant=\"primary\"\r\n          @click=\"$refs.refInputEl.click()\"\r\n        >\r\n          <input\r\n            ref=\"refInputEl\"\r\n            type=\"file\"\r\n            class=\"d-none\"\r\n            @input=\"inputImageRenderer\"\r\n          >\r\n          <span class=\"d-none d-sm-inline\">Update</span>\r\n          <feather-icon\r\n            icon=\"EditIcon\"\r\n            class=\"d-inline d-sm-none\"\r\n          />\r\n        </b-button>\r\n        <b-button\r\n          variant=\"outline-secondary\"\r\n          class=\"ml-1\"\r\n        >\r\n          <span class=\"d-none d-sm-inline\">Remove</span>\r\n          <feather-icon\r\n            icon=\"TrashIcon\"\r\n            class=\"d-inline d-sm-none\"\r\n          />\r\n        </b-button>\r\n      </div>\r\n    </b-media>\r\n\r\n    <!-- User Info: Input Fields -->\r\n    <b-form>\r\n      <b-row>\r\n\r\n        <!-- Field: Username -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Username\"\r\n            label-for=\"username\"\r\n          >\r\n            <b-form-input\r\n              id=\"username\"\r\n              v-model=\"userData.username\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Full Name -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Name\"\r\n            label-for=\"full-name\"\r\n          >\r\n            <b-form-input\r\n              id=\"full-name\"\r\n              v-model=\"userData.fullName\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Email -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"email\"\r\n          >\r\n            <b-form-input\r\n              id=\"email\"\r\n              v-model=\"userData.email\"\r\n              type=\"email\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Status -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Status\"\r\n            label-for=\"user-status\"\r\n          >\r\n            <v-select\r\n              v-model=\"userData.status\"\r\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n              :options=\"statusOptions\"\r\n              :reduce=\"val => val.value\"\r\n              :clearable=\"false\"\r\n              input-id=\"user-status\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Role -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"User Role\"\r\n            label-for=\"user-role\"\r\n          >\r\n            <v-select\r\n              v-model=\"userData.role\"\r\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n              :options=\"roleOptions\"\r\n              :reduce=\"val => val.value\"\r\n              :clearable=\"false\"\r\n              input-id=\"user-role\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Email -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Company\"\r\n            label-for=\"company\"\r\n          >\r\n            <b-form-input\r\n              id=\"company\"\r\n              v-model=\"userData.company\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n      </b-row>\r\n    </b-form>\r\n\r\n    <!-- PERMISSION TABLE -->\r\n    <b-card\r\n      no-body\r\n      class=\"border mt-1\"\r\n    >\r\n      <b-card-header class=\"p-1\">\r\n        <b-card-title class=\"font-medium-2\">\r\n          <feather-icon\r\n            icon=\"LockIcon\"\r\n            size=\"18\"\r\n          />\r\n          <span class=\"align-middle ml-50\">Permission</span>\r\n        </b-card-title>\r\n      </b-card-header>\r\n      <b-table\r\n        striped\r\n        responsive\r\n        class=\"mb-0\"\r\n        :items=\"permissionsData\"\r\n      >\r\n        <template #cell(module)=\"data\">\r\n          {{ data.value }}\r\n        </template>\r\n        <template #cell()=\"data\">\r\n          <b-form-checkbox :checked=\"data.value\" />\r\n        </template>\r\n      </b-table>\r\n    </b-card>\r\n\r\n    <!-- Action Buttons -->\r\n    <b-button\r\n      variant=\"primary\"\r\n      class=\"mb-1 mb-sm-0 mr-0 mr-sm-1\"\r\n      :block=\"$store.getters['app/currentBreakPoint'] === 'xs'\"\r\n    >\r\n      Save Changes\r\n    </b-button>\r\n    <b-button\r\n      variant=\"outline-secondary\"\r\n      type=\"reset\"\r\n      :block=\"$store.getters['app/currentBreakPoint'] === 'xs'\"\r\n    >\r\n      Reset\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BButton, BMedia, BAvatar, BRow, BCol, BFormGroup, BFormInput, BForm, BTable, BCard, BCardHeader, BCardTitle, BFormCheckbox,\r\n} from 'bootstrap-vue'\r\nimport { avatarText } from '@core/utils/filter'\r\nimport vSelect from 'vue-select'\r\nimport { useInputImageRenderer } from '@core/comp-functions/forms/form-utils'\r\nimport { ref } from '@vue/composition-api'\r\nimport useUsersList from '../users-list/useUsersList'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BMedia,\r\n    BAvatar,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BForm,\r\n    BTable,\r\n    BCard,\r\n    BCardHeader,\r\n    BCardTitle,\r\n    BFormCheckbox,\r\n    vSelect,\r\n  },\r\n  props: {\r\n    userData: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const { resolveUserRoleVariant } = useUsersList()\r\n\r\n    const roleOptions = [\r\n      { label: 'Admin', value: 'admin' },\r\n      { label: 'Author', value: 'author' },\r\n      { label: 'Editor', value: 'editor' },\r\n      { label: 'Maintainer', value: 'maintainer' },\r\n      { label: 'Subscriber', value: 'subscriber' },\r\n    ]\r\n\r\n    const statusOptions = [\r\n      { label: 'Pending', value: 'pending' },\r\n      { label: 'Active', value: 'active' },\r\n      { label: 'Inactive', value: 'inactive' },\r\n    ]\r\n\r\n    const permissionsData = [\r\n      {\r\n        module: 'Admin',\r\n        read: true,\r\n        write: false,\r\n        create: false,\r\n        delete: false,\r\n      },\r\n      {\r\n        module: 'Staff',\r\n        read: false,\r\n        write: true,\r\n        create: false,\r\n        delete: false,\r\n      },\r\n      {\r\n        module: 'Author',\r\n        read: true,\r\n        write: false,\r\n        create: true,\r\n        delete: false,\r\n      },\r\n      {\r\n        module: 'Contributor',\r\n        read: false,\r\n        write: false,\r\n        create: false,\r\n        delete: false,\r\n      },\r\n      {\r\n        module: 'User',\r\n        read: false,\r\n        write: false,\r\n        create: false,\r\n        delete: true,\r\n      },\r\n    ]\r\n\r\n    // ? Demo Purpose => Update image on click of update\r\n    const refInputEl = ref(null)\r\n    const previewEl = ref(null)\r\n\r\n    const { inputImageRenderer } = useInputImageRenderer(refInputEl, base64 => {\r\n      // eslint-disable-next-line no-param-reassign\r\n      props.userData.avatar = base64\r\n    })\r\n\r\n    return {\r\n      resolveUserRoleVariant,\r\n      avatarText,\r\n      roleOptions,\r\n      statusOptions,\r\n      permissionsData,\r\n\r\n      //  ? Demo - Update Image on click of update button\r\n      refInputEl,\r\n      previewEl,\r\n      inputImageRenderer,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/vue-select.scss';\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabAccount.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserEditTabAccount.vue?vue&type=template&id=57670665&\"\nimport script from \"./UserEditTabAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./UserEditTabAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserEditTabAccount.vue?vue&type=style&index=0&id=57670665&prod&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex\"},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\",\"size\":\"19\"}}),_c('h4',{staticClass:\"mb-0 ml-50\"},[_vm._v(\" Personal Information \")])],1),_c('b-form',{staticClass:\"mt-1\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Birth Date\",\"label-for\":\"birth-date\"}},[_c('flat-pickr',{staticClass:\"form-control\",attrs:{\"config\":{ dateFormat: 'Y-m-d'},\"placeholder\":\"YYYY-MM-DD\"},model:{value:(_vm.userDataInfo.dob),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"dob\", $$v)},expression:\"userDataInfo.dob\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Mobile\",\"label-for\":\"mobile\"}},[_c('b-form-input',{attrs:{\"id\":\"mobile\"},model:{value:(_vm.userDataInfo.mobile),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"mobile\", $$v)},expression:\"userDataInfo.mobile\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Website\",\"label-for\":\"website\"}},[_c('b-form-input',{attrs:{\"id\":\"website\"},model:{value:(_vm.userDataInfo.website),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"website\", $$v)},expression:\"userDataInfo.website\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Language\",\"label-for\":\"language\"}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.languageOptions,\"clearable\":false,\"input-id\":\"language\"},model:{value:(_vm.userDataInfo.language),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"language\", $$v)},expression:\"userDataInfo.language\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Gender\",\"label-for\":\"gender\",\"label-class\":\"mb-1\"}},[_c('b-form-radio-group',{attrs:{\"id\":\"gender\",\"options\":_vm.genderOptions,\"value\":\"male\"},model:{value:(_vm.userDataInfo.gender),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"gender\", $$v)},expression:\"userDataInfo.gender\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Contact Options\",\"label-for\":\"contact-options\",\"label-class\":\"mb-1\"}},[_c('b-form-checkbox-group',{attrs:{\"id\":\"contact-options\",\"options\":_vm.contactOptionsOptions},model:{value:(_vm.userDataInfo.contactOptions),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"contactOptions\", $$v)},expression:\"userDataInfo.contactOptions\"}})],1)],1)],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('feather-icon',{attrs:{\"icon\":\"MapPinIcon\",\"size\":\"19\"}}),_c('h4',{staticClass:\"mb-0 ml-50\"},[_vm._v(\" Address \")])],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Address Line 1\",\"label-for\":\"address-line-1\"}},[_c('b-form-input',{attrs:{\"id\":\"address-line-1\"},model:{value:(_vm.userDataInfo.addressLine1),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"addressLine1\", $$v)},expression:\"userDataInfo.addressLine1\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Address Line 2\",\"label-for\":\"address-line-2\"}},[_c('b-form-input',{attrs:{\"id\":\"address-line-2\",\"placeholder\":\"Los Santos\"},model:{value:(_vm.userDataInfo.addressLine2),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"addressLine2\", $$v)},expression:\"userDataInfo.addressLine2\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Postcode\",\"label-for\":\"postcode\"}},[_c('b-form-input',{attrs:{\"id\":\"postcode\",\"type\":\"number\",\"placeholder\":\"597626\"},model:{value:(_vm.userDataInfo.postcode),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"postcode\", $$v)},expression:\"userDataInfo.postcode\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"City\",\"label-for\":\"city\"}},[_c('b-form-input',{attrs:{\"id\":\"city\"},model:{value:(_vm.userDataInfo.city),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"city\", $$v)},expression:\"userDataInfo.city\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"State\",\"label-for\":\"state\"}},[_c('b-form-input',{attrs:{\"id\":\"state\",\"placeholder\":\"Manhattan\"},model:{value:(_vm.userDataInfo.state),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"state\", $$v)},expression:\"userDataInfo.state\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Country\",\"label-for\":\"country\"}},[_c('b-form-input',{attrs:{\"id\":\"country\",\"placeholder\":\"United States\"},model:{value:(_vm.userDataInfo.country),callback:function ($$v) {_vm.$set(_vm.userDataInfo, \"country\", $$v)},expression:\"userDataInfo.country\"}})],1)],1)],1),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',[_c('b-button',{staticClass:\"mb-1 mb-sm-0 mr-0 mr-sm-1\",attrs:{\"variant\":\"primary\",\"block\":_vm.$store.getters['app/currentBreakPoint'] === 'xs'}},[_vm._v(\" Save Changes \")]),_c('b-button',{attrs:{\"variant\":\"outline-secondary\",\"block\":_vm.$store.getters['app/currentBreakPoint'] === 'xs'}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n\r\n    <!-- Header: Personal Info -->\r\n    <div class=\"d-flex\">\r\n      <feather-icon\r\n        icon=\"UserIcon\"\r\n        size=\"19\"\r\n      />\r\n      <h4 class=\"mb-0 ml-50\">\r\n        Personal Information\r\n      </h4>\r\n    </div>\r\n\r\n    <!-- Form: Personal Info Form -->\r\n    <b-form class=\"mt-1\">\r\n      <b-row>\r\n\r\n        <!-- Field: Birth Date -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Birth Date\"\r\n            label-for=\"birth-date\"\r\n          >\r\n            <flat-pickr\r\n              v-model=\"userDataInfo.dob\"\r\n              class=\"form-control\"\r\n              :config=\"{ dateFormat: 'Y-m-d'}\"\r\n              placeholder=\"YYYY-MM-DD\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Mobile -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Mobile\"\r\n            label-for=\"mobile\"\r\n          >\r\n            <b-form-input\r\n              id=\"mobile\"\r\n              v-model=\"userDataInfo.mobile\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Website -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Website\"\r\n            label-for=\"website\"\r\n          >\r\n            <b-form-input\r\n              id=\"website\"\r\n              v-model=\"userDataInfo.website\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Language -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Language\"\r\n            label-for=\"language\"\r\n          >\r\n            <v-select\r\n              v-model=\"userDataInfo.language\"\r\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n              :options=\"languageOptions\"\r\n              :clearable=\"false\"\r\n              input-id=\"language\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Gender -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Gender\"\r\n            label-for=\"gender\"\r\n            label-class=\"mb-1\"\r\n          >\r\n            <b-form-radio-group\r\n              id=\"gender\"\r\n              v-model=\"userDataInfo.gender\"\r\n              :options=\"genderOptions\"\r\n              value=\"male\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Contact Options -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Contact Options\"\r\n            label-for=\"contact-options\"\r\n            label-class=\"mb-1\"\r\n          >\r\n            <b-form-checkbox-group\r\n              id=\"contact-options\"\r\n              v-model=\"userDataInfo.contactOptions\"\r\n              :options=\"contactOptionsOptions\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n      </b-row>\r\n\r\n      <!-- Header: Personal Info -->\r\n      <div class=\"d-flex mt-2\">\r\n        <feather-icon\r\n          icon=\"MapPinIcon\"\r\n          size=\"19\"\r\n        />\r\n        <h4 class=\"mb-0 ml-50\">\r\n          Address\r\n        </h4>\r\n      </div>\r\n\r\n      <!-- Form: Personal Info Form -->\r\n      <b-row class=\"mt-1\">\r\n\r\n        <!-- Field: Address Line 1 -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Address Line 1\"\r\n            label-for=\"address-line-1\"\r\n          >\r\n            <b-form-input\r\n              id=\"address-line-1\"\r\n              v-model=\"userDataInfo.addressLine1\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Address Line 2 -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Address Line 2\"\r\n            label-for=\"address-line-2\"\r\n          >\r\n            <b-form-input\r\n              id=\"address-line-2\"\r\n              v-model=\"userDataInfo.addressLine2\"\r\n              placeholder=\"Los Santos\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Postcode -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Postcode\"\r\n            label-for=\"postcode\"\r\n          >\r\n            <b-form-input\r\n              id=\"postcode\"\r\n              v-model=\"userDataInfo.postcode\"\r\n              type=\"number\"\r\n              placeholder=\"597626\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: City -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"City\"\r\n            label-for=\"city\"\r\n          >\r\n            <b-form-input\r\n              id=\"city\"\r\n              v-model=\"userDataInfo.city\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: State -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"State\"\r\n            label-for=\"state\"\r\n          >\r\n            <b-form-input\r\n              id=\"state\"\r\n              v-model=\"userDataInfo.state\"\r\n              placeholder=\"Manhattan\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- Field: Country -->\r\n        <b-col\r\n          cols=\"12\"\r\n          md=\"6\"\r\n          lg=\"4\"\r\n        >\r\n          <b-form-group\r\n            label=\"Country\"\r\n            label-for=\"country\"\r\n          >\r\n            <b-form-input\r\n              id=\"country\"\r\n              v-model=\"userDataInfo.country\"\r\n              placeholder=\"United States\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n      </b-row>\r\n\r\n      <b-row class=\"mt-2\">\r\n        <b-col>\r\n          <b-button\r\n            variant=\"primary\"\r\n            class=\"mb-1 mb-sm-0 mr-0 mr-sm-1\"\r\n            :block=\"$store.getters['app/currentBreakPoint'] === 'xs'\"\r\n          >\r\n            Save Changes\r\n          </b-button>\r\n          <b-button\r\n            variant=\"outline-secondary\"\r\n            :block=\"$store.getters['app/currentBreakPoint'] === 'xs'\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n    </b-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BForm, BFormGroup, BFormInput, BFormRadioGroup, BFormCheckboxGroup, BButton,\r\n} from 'bootstrap-vue'\r\nimport flatPickr from 'vue-flatpickr-component'\r\nimport { ref } from '@vue/composition-api'\r\nimport vSelect from 'vue-select'\r\n\r\nexport default {\r\n  components: {\r\n    BRow, BCol, BForm, BFormGroup, flatPickr, BFormInput, vSelect, BFormRadioGroup, BFormCheckboxGroup, BButton,\r\n  },\r\n  setup() {\r\n    const userDataInfo = ref({\r\n      dob: null,\r\n      mobile: '+6595895857',\r\n      website: 'https://rowboat.com/insititious/Angelo',\r\n      language: 'French',\r\n      gender: 'female',\r\n      contactOptions: ['Email', 'Message'],\r\n      addressLine1: 'A-65, Belvedere Streets',\r\n      addressLine2: '',\r\n      postcode: '',\r\n      city: 'New York',\r\n      state: '',\r\n      country: '',\r\n    })\r\n\r\n    const languageOptions = [\r\n      'English',\r\n      'Spanish',\r\n      'French',\r\n      'Russian',\r\n      'German',\r\n      'Arabic',\r\n      'Sanskrit',\r\n    ]\r\n\r\n    const genderOptions = [\r\n      { text: 'Male', value: 'male' },\r\n      { text: 'Female', value: 'female' },\r\n    ]\r\n\r\n    const contactOptionsOptions = ['Email', 'Message', 'Phone']\r\n\r\n    return {\r\n      userDataInfo,\r\n      languageOptions,\r\n      genderOptions,\r\n      contactOptionsOptions,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/vue-flatpicker.scss';\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabInformation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserEditTabInformation.vue?vue&type=template&id=1413b28c&\"\nimport script from \"./UserEditTabInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./UserEditTabInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserEditTabInformation.vue?vue&type=style&index=0&id=1413b28c&prod&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form',[_c('b-row',[_vm._l((_vm.socialInputs),function(socialField){return _c('b-col',{key:socialField.dataField,attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":socialField.label,\"label-for\":socialField.dataField}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"size\":\"16\",\"icon\":socialField.icon}})],1),_c('b-form-input',{attrs:{\"id\":socialField.dataField,\"type\":\"url\"},model:{value:(_vm.userDataSocial[socialField.dataField]),callback:function ($$v) {_vm.$set(_vm.userDataSocial, socialField.dataField, $$v)},expression:\"userDataSocial[socialField.dataField]\"}})],1)],1)],1)}),_c('b-col',{staticClass:\"mt-2\"},[_c('b-button',{staticClass:\"mb-1 mb-sm-0 mr-0 mr-sm-1\",attrs:{\"variant\":\"primary\",\"block\":_vm.$store.getters['app/currentBreakPoint'] === 'xs'}},[_vm._v(\" Save Changes \")]),_c('b-button',{attrs:{\"variant\":\"outline-secondary\",\"block\":_vm.$store.getters['app/currentBreakPoint'] === 'xs'}},[_vm._v(\" Reset \")])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-form>\r\n    <b-row>\r\n      <b-col\r\n        v-for=\"socialField in socialInputs\"\r\n        :key=\"socialField.dataField\"\r\n        cols=\"12\"\r\n        md=\"6\"\r\n        lg=\"4\"\r\n      >\r\n        <b-form-group\r\n          :label=\"socialField.label\"\r\n          :label-for=\"socialField.dataField\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon\r\n                size=\"16\"\r\n                :icon=\"socialField.icon\"\r\n              />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              :id=\"socialField.dataField\"\r\n              v-model=\"userDataSocial[socialField.dataField]\"\r\n              type=\"url\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <b-col class=\"mt-2\">\r\n        <b-button\r\n          variant=\"primary\"\r\n          class=\"mb-1 mb-sm-0 mr-0 mr-sm-1\"\r\n          :block=\"$store.getters['app/currentBreakPoint'] === 'xs'\"\r\n        >\r\n          Save Changes\r\n        </b-button>\r\n        <b-button\r\n          variant=\"outline-secondary\"\r\n          :block=\"$store.getters['app/currentBreakPoint'] === 'xs'\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BForm, BFormGroup, BFormInput, BButton, BInputGroup, BInputGroupPrepend,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow, BCol, BForm, BFormGroup, BFormInput, BButton, BInputGroup, BInputGroupPrepend,\r\n  },\r\n  setup() {\r\n    const userDataSocial = {\r\n      twitter: 'https://www.twitter.com/adoptionism744',\r\n      facebook: 'https://www.facebook.com/adoptionism664',\r\n      instagram: 'https://www.instagram.com/adopt-ionism744',\r\n      github: 'https://www.github.com/madop818',\r\n      codepen: 'https://www.codepen.com/adoptism243',\r\n      slack: '@adoptionism744',\r\n    }\r\n\r\n    // ? dataField is field name of `userDataSocial` object\r\n    const socialInputs = [\r\n      {\r\n        icon: 'TwitterIcon',\r\n        dataField: 'twitter',\r\n        label: 'Twitter',\r\n      },\r\n      {\r\n        icon: 'FacebookIcon',\r\n        dataField: 'facebook',\r\n        label: 'facebook',\r\n      },\r\n      {\r\n        icon: 'InstagramIcon',\r\n        dataField: 'instagram',\r\n        label: 'instagram',\r\n      },\r\n      {\r\n        icon: 'GithubIcon',\r\n        dataField: 'github',\r\n        label: 'github',\r\n      },\r\n      {\r\n        icon: 'CodepenIcon',\r\n        dataField: 'codepen',\r\n        label: 'codepen',\r\n      },\r\n      {\r\n        icon: 'SlackIcon',\r\n        dataField: 'slack',\r\n        label: 'slack',\r\n      },\r\n    ]\r\n\r\n    return {\r\n      userDataSocial,\r\n      socialInputs,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabSocial.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabSocial.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserEditTabSocial.vue?vue&type=template&id=7ecf2d12&\"\nimport script from \"./UserEditTabSocial.vue?vue&type=script&lang=js&\"\nexport * from \"./UserEditTabSocial.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","<template>\r\n  <component :is=\"userData === undefined ? 'div' : 'b-card'\">\r\n\r\n    <!-- Alert: No item found -->\r\n    <b-alert\r\n      variant=\"danger\"\r\n      :show=\"userData === undefined\"\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Error fetching user data\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        No user found with this user id. Check\r\n        <b-link\r\n          class=\"alert-link\"\r\n          :to=\"{ name: 'apps-users-list'}\"\r\n        >\r\n          User List\r\n        </b-link>\r\n        for other users.\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-tabs\r\n      v-if=\"userData\"\r\n      pills\r\n    >\r\n\r\n      <!-- Tab: Account -->\r\n      <b-tab active>\r\n        <template #title>\r\n          <feather-icon\r\n            icon=\"UserIcon\"\r\n            size=\"16\"\r\n            class=\"mr-0 mr-sm-50\"\r\n          />\r\n          <span class=\"d-none d-sm-inline\">Account</span>\r\n        </template>\r\n        <user-edit-tab-account\r\n          :user-data=\"userData\"\r\n          class=\"mt-2 pt-75\"\r\n        />\r\n      </b-tab>\r\n\r\n      <!-- Tab: Information -->\r\n      <b-tab>\r\n        <template #title>\r\n          <feather-icon\r\n            icon=\"InfoIcon\"\r\n            size=\"16\"\r\n            class=\"mr-0 mr-sm-50\"\r\n          />\r\n          <span class=\"d-none d-sm-inline\">Information</span>\r\n        </template>\r\n        <user-edit-tab-information class=\"mt-2 pt-75\" />\r\n      </b-tab>\r\n\r\n      <!-- Tab: Social -->\r\n      <b-tab>\r\n        <template #title>\r\n          <feather-icon\r\n            icon=\"Share2Icon\"\r\n            size=\"16\"\r\n            class=\"mr-0 mr-sm-50\"\r\n          />\r\n          <span class=\"d-none d-sm-inline\">Social</span>\r\n        </template>\r\n        <user-edit-tab-social class=\"mt-2 pt-75\" />\r\n      </b-tab>\r\n    </b-tabs>\r\n  </component>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BTab, BTabs, BCard, BAlert, BLink,\r\n} from 'bootstrap-vue'\r\nimport { ref, onUnmounted } from '@vue/composition-api'\r\nimport router from '@/router'\r\nimport store from '@/store'\r\nimport userStoreModule from '../userStoreModule'\r\nimport UserEditTabAccount from './UserEditTabAccount.vue'\r\nimport UserEditTabInformation from './UserEditTabInformation.vue'\r\nimport UserEditTabSocial from './UserEditTabSocial.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BTab,\r\n    BTabs,\r\n    BCard,\r\n    BAlert,\r\n    BLink,\r\n\r\n    UserEditTabAccount,\r\n    UserEditTabInformation,\r\n    UserEditTabSocial,\r\n  },\r\n  setup() {\r\n    const userData = ref(null)\r\n\r\n    const USER_APP_STORE_MODULE_NAME = 'app-user'\r\n\r\n    // Register module\r\n    if (!store.hasModule(USER_APP_STORE_MODULE_NAME)) store.registerModule(USER_APP_STORE_MODULE_NAME, userStoreModule)\r\n\r\n    // UnRegister on leave\r\n    onUnmounted(() => {\r\n      if (store.hasModule(USER_APP_STORE_MODULE_NAME)) store.unregisterModule(USER_APP_STORE_MODULE_NAME)\r\n    })\r\n\r\n    store.dispatch('app-user/fetchUser', { id: router.currentRoute.params.id })\r\n      .then(response => { userData.value = response.data })\r\n      .catch(error => {\r\n        if (error.response.status === 404) {\r\n          userData.value = undefined\r\n        }\r\n      })\r\n\r\n    return {\r\n      userData,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersEdit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersEdit.vue?vue&type=template&id=1abc03f6&\"\nimport script from \"./UsersEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersEdit.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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEditTabAccount.vue?vue&type=style&index=0&id=57670665&prod&lang=scss&\""],"sourceRoot":""}