{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.string.includes.js","webpack:///./node_modules/core-js/modules/_fails-is-regexp.js","webpack:///./src/views/users/UserEdit.vue?f5aa","webpack:///./src/views/users/UserEdit.vue?9966","webpack:///src/views/users/UserEdit.vue","webpack:///./src/views/users/UserEdit.vue?9a1b","webpack:///./src/views/users/UserEdit.vue?30ea","webpack:///./node_modules/core-js/modules/_string-context.js","webpack:///./src/misc/jsonHtmlPrinter.js"],"names":["$export","context","INCLUDES","P","F","includes","searchString","this","indexOf","arguments","length","undefined","MATCH","module","exports","KEY","re","e","f","render","_vm","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","user","callback","$$v","$set","expression","staticStyle","statesForCountry","state","on","stateChanged","countries","country","countryChanged","saveChanges","staticRenderFns","component","isRegExp","defined","that","NAME","TypeError","String","injected","toHtml","json","injectJsonStyle","JSON","stringify","replace","match","cls","test","css","document","createElement","appendChild","createTextNode","getElementsByTagName"],"mappings":"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","file":"js/chunk-0d45069c.2cfd139c.js","sourcesContent":["// 21.1.3.7 String.prototype.includes(searchString, position = 0)\n'use strict';\nvar $export = require('./_export');\nvar context = require('./_string-context');\nvar INCLUDES = 'includes';\n\n$export($export.P + $export.F * require('./_fails-is-regexp')(INCLUDES), 'String', {\n  includes: function includes(searchString /* , position = 0 */) {\n    return !!~context(this, searchString, INCLUDES)\n      .indexOf(searchString, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var MATCH = require('./_wks')('match');\nmodule.exports = function (KEY) {\n  var re = /./;\n  try {\n    '/./'[KEY](re);\n  } catch (e) {\n    try {\n      re[MATCH] = false;\n      return !'/./'[KEY](re);\n    } catch (f) { /* empty */ }\n  } return true;\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserEdit.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"main-container\"}},[_c('vx-card',[_c('h4',{staticClass:\"mb-4\"},[_vm._v(\"User Edit\")]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"First Name\",\"type\":\"text\"},model:{value:(_vm.user.first_name),callback:function ($$v) {_vm.$set(_vm.user, \"first_name\", $$v)},expression:\"user.first_name\"}})],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Last Name\",\"type\":\"text\"},model:{value:(_vm.user.last_name),callback:function ($$v) {_vm.$set(_vm.user, \"last_name\", $$v)},expression:\"user.last_name\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Email\",\"type\":\"text\"},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Phone\",\"type\":\"text\"},model:{value:(_vm.user.phone),callback:function ($$v) {_vm.$set(_vm.user, \"phone\", $$v)},expression:\"user.phone\"}})],1)])]),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"PayPal Email\",\"type\":\"text\"},model:{value:(_vm.user.paypal_email),callback:function ($$v) {_vm.$set(_vm.user, \"paypal_email\", $$v)},expression:\"user.paypal_email\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Address\",\"type\":\"text\"},model:{value:(_vm.user.address),callback:function ($$v) {_vm.$set(_vm.user, \"address\", $$v)},expression:\"user.address\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Address 2\",\"type\":\"text\"},model:{value:(_vm.user.address_2),callback:function ($$v) {_vm.$set(_vm.user, \"address_2\", $$v)},expression:\"user.address_2\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"City\",\"type\":\"text\"},model:{value:(_vm.user.city),callback:function ($$v) {_vm.$set(_vm.user, \"city\", $$v)},expression:\"user.city\"}})],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('div',{staticClass:\"vs-select--label\",staticStyle:{\"color\":\"#626262\"}},[_vm._v(\"State\")]),[_c('v-select',{attrs:{\"options\":_vm.statesForCountry,\"value\":_vm.user.state},on:{\"input\":_vm.stateChanged}})]],2)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Postal Code}\",\"type\":\"text\"},model:{value:(_vm.user.postal_code),callback:function ($$v) {_vm.$set(_vm.user, \"postal_code\", $$v)},expression:\"user.postal_code\"}})],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('div',{staticClass:\"vs-select--label\",staticStyle:{\"color\":\"#626262\"}},[_vm._v(\"Country\")]),[_c('v-select',{attrs:{\"options\":_vm.countries,\"value\":_vm.user.country},on:{\"input\":_vm.countryChanged}})]],2)])])]),_c('div',{staticClass:\"vx-row mt-4\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{on:{\"click\":_vm.saveChanges}},[_vm._v(\"SAVE CHANGES\")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: UserEdit.vue\n  Description: User Edit Page\n  ----------------------------------------------------------------------------------------\n  Item Name: iTOVi - Admin\n========================================================================================== -->\n\n<template>\n  <div id=\"main-container\">\n    <vx-card>\n      <h4 class=\"mb-4\">User Edit</h4>\n\n      <div class=\"vx-row\">\n\n<!--        left column -->\n        <div class=\"vx-col w-1/2\">\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-1/2\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"First Name\"\n                        type=\"text\"\n                        v-model=\"user.first_name\"/>\n            </div>\n            <div class=\"vx-col w-1/2\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Last Name\"\n                        type=\"text\"\n                        v-model=\"user.last_name\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Email\"\n                        type=\"text\"\n                        v-model=\"user.email\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Phone\"\n                        type=\"text\"\n                        v-model=\"user.phone\"/>\n            </div>\n          </div>\n        </div>\n\n\n<!--        right column-->\n        <div class=\"vx-col w-1/2\">\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"PayPal Email\"\n                        type=\"text\"\n                        v-model=\"user.paypal_email\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Address\"\n                        type=\"text\"\n                        v-model=\"user.address\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Address 2\"\n                        type=\"text\"\n                        v-model=\"user.address_2\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-1/2\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"City\"\n                        type=\"text\"\n                        v-model=\"user.city\"/>\n            </div>\n\n            <div class=\"vx-col w-1/2\">\n              <div class=\"vs-select--label\" style=\"color: #626262;\">State</div>\n\n              <template>\n                <v-select :options=\"statesForCountry\" :value=\"user.state\" v-on:input=\"stateChanged\"/>\n              </template>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-1/2\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Postal Code}\"\n                        type=\"text\"\n                        v-model=\"user.postal_code\"/>\n            </div>\n\n            <div class=\"vx-col w-1/2\">\n              <div class=\"vs-select--label\" style=\"color: #626262;\">Country</div>\n\n              <template>\n                <v-select :options=\"countries\" :value=\"user.country\" v-on:input=\"countryChanged\"/>\n              </template>\n            </div>\n          </div>\n        </div>\n\n      </div>\n\n      <div class=\"vx-row mt-4\">\n        <div class=\"vx-col w-full\">\n          <vs-button @click=\"saveChanges\">SAVE CHANGES</vs-button>\n        </div>\n      </div>\n    </vx-card>\n\n  </div>\n</template>\n\n<script>\n  import api from '@/http/api';\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import {userHelpers} from '@/models/helpers';\n\n  export default {\n    components: {\n\n    },\n    mounted() {\n      this.fetchUser();\n    },\n    data() {\n      return {\n        jsonHtml: jsonHtml,\n        unsavedChanges: {},\n        types: types,\n        isLoading: false,\n        user: new types.User(),\n        showForgetButton: false,\n        countries: userHelpers.getCountries().map((it) => {\n          return {\n            label: it.value,\n            value: it.id,\n          };\n        }),\n        countriesWithStates: userHelpers.getCountriesWithStates(),\n        states: userHelpers.getStates(),\n      }\n    },\n    computed: {\n      userId() {\n        return this.$route.query.id || null;\n      },\n      howManyUnsavedChanges() {\n        let count = 0;\n        let keys = Object.keys(this.unsavedChanges);\n        for (let i = 0; i < keys.length; i++) {\n          if (this.unsavedChanges[keys[i]]) {\n            count++;\n          }\n        }\n        return count;\n      },\n      statesForCountry() {\n        if (this.countriesWithStates.includes(this.user.country)) {\n          return this.states[this.user.country].map((it) => {\n            if (this.user.country === 'GB') {\n              return {\n                label: it.value,\n                value: it.value,\n              };\n            }\n\n            return {\n              label: it.value,\n              value: it.id,\n            };\n          });\n        }\n\n        return [{ label: '_NOTLISTED_', value: '_NOTLISTED_' }];\n      }\n    },\n    watch: {\n      isLoading(oldVal, newVal) {\n        if (!newVal) {\n          this.$vs.loading();\n        } else {\n          this.$vs.loading.close();\n        }\n      }\n    },\n    methods: {\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n      async fetchUser() {\n        this.$vs.loading();\n        let user = await api.fetchUser(this.userId);\n        if (user === null) {\n          // todo: handle error\n        }\n\n        this.user = user;\n        this.$vs.loading.close();\n      },\n      async stateChanged(newState) {\n        this.user.state = newState.value;\n      },\n      async countryChanged(newCountry) {\n        this.user.country = newCountry.value;\n        this.user.state = this.statesForCountry[0].value;\n      },\n      async saveChanges() {\n        let data = {\n          first_name: this.user.first_name,\n          last_name: this.user.last_name,\n          email: this.user.email,\n          phone: this.user.phone,\n          paypal_email: this.user.paypal_email,\n          address: this.user.address,\n          address_2: this.user.address_2,\n          city: this.user.city,\n          state: this.user.state,\n          country: this.user.country,\n          postal_code: this.user.postal_code,\n        };\n\n        let user = await api.updateUser(this.userId, data);\n\n        if (user === null) {\n          this.showNotification(false, 'Could not save changes');\n          return;\n        }\n\n        this.$router.push(`/users/detail?id=${this.userId}`).catch(()=> {});\n      }\n    },\n    beforeRouteLeave(to, from, next) {\n      if (this.howManyUnsavedChanges <= 0) {\n        next();\n      } else {\n        // next(false);\n        this.$vs.dialog({\n          type: 'confirm',\n          color: 'danger',\n          title: `Confirm`,\n          text: 'Are you sure you want to leave this page? You will lose your unsaved changes.',\n          accept: () => {\n            next()\n          }\n        });\n      }\n    },\n  }\n\n</script>\n\n\n<style lang=\"scss\">\n  #main-container {\n\n    .algolia-header {\n      .algolia-filters-label {\n        width: calc(260px + 2.4rem);\n      }\n    }\n\n    #algolia-content-container {\n\n      .vs-sidebar {\n        position: relative;\n        float: left;\n      }\n    }\n\n    .algolia-search-input-right-aligned-icon {\n      padding: 1rem 1.5rem;\n    }\n\n    .algolia-price-slider {\n      min-width: unset;\n    }\n\n    .item-view-primary-action-btn {\n      color: #2c2c2c !important;\n      background-color: #f6f6f6;\n      min-width: 50%;\n    }\n\n    .item-view-secondary-action-btn {\n      min-width: 50%;\n    }\n  }\n\n  .theme-dark {\n    #main-container {\n      #algolia-content-container {\n        .vs-sidebar {\n          background-color: #10163a;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 992px) {\n    .vs-sidebar-rounded {\n      .vs-sidebar {\n        border-radius: .5rem;\n      }\n\n      .vs-sidebar--items {\n        border-radius: .5rem;\n      }\n    }\n  }\n\n  @media (max-width: 992px) {\n    #algolia-content-container {\n      .vs-sidebar {\n        position: absolute !important;\n        float: none !important;\n      }\n    }\n  }\n\n</style>\n\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!./UserEdit.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!./UserEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserEdit.vue?vue&type=template&id=7587c5b7&\"\nimport script from \"./UserEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./UserEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserEdit.vue?vue&type=style&index=0&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","// helper for String#{startsWith, endsWith, includes}\nvar isRegExp = require('./_is-regexp');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, searchString, NAME) {\n  if (isRegExp(searchString)) throw TypeError('String#' + NAME + \" doesn't accept regex!\");\n  return String(defined(that));\n};\n","\nlet injected = false;\nexport default {\n\n  toHtml(json) {\n    this.injectJsonStyle();\n    if (typeof json != 'string') {\n      json = JSON.stringify(json, undefined, 2);\n    }\n    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\\n/g, '<br/>').replace(/\\s/g, '&nbsp;');\n    return json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, function (match) {\n      var cls = 'number';\n      if (/^\"/.test(match)) {\n        if (/:$/.test(match)) {\n          cls = 'j-html-key';\n        } else {\n          cls = 'j-html-string';\n        }\n      } else if (/true|false/.test(match)) {\n        cls = 'j-html-boolean';\n      } else if (/null/.test(match)) {\n        cls = 'j-html-null';\n      }\n      return '<span class=\"' + cls + '\">' + match + '</span>';\n    });\n  },\n\n  injectJsonStyle() {\n    // only inject once\n    if (injected) return;\n    let css = document.createElement('style');\n    // css.type = 'text/css';\n    css.appendChild(document.createTextNode('pre{outline:1px solid #ccc;padding:5px;margin:5px}.j-html-string{color:green}.number{color:#ff8c00}.j-html-boolean{color:#00f}.j-html-null{color:#ff00ff}.j-html-key{color:red}')); // Support for the rest\n    document.getElementsByTagName(\"head\")[0].appendChild(css);\n    injected = true;\n  }\n}\n"],"sourceRoot":""}