{"version":3,"sources":["webpack:///./src/views/Customer.vue?74fb","webpack:///src/views/Customer.vue","webpack:///./src/views/Customer.vue?c56d","webpack:///./src/views/Customer.vue","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/helpers/validationHelper.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","ref","title","scopedSlots","_u","key","fn","staticClass","_v","name","_s","$t","on","Commit","CommitAndClose","Close","proxy","nameValidation","model","value","customer","callback","$$v","$set","expression","addressValidation","zipValidation","cityValidation","countries","countryValidation","contactNameValidation","contactEmailValidation","contactPhoneValidation","staticRenderFns","uid","vatNumber","address","zip","city","country","contactName","contactEmail","contactPhone","loading","commit","badRequestReasons","component","VAutocomplete","VBtn","VCol","VContainer","VForm","VIcon","VRow","VTextField","inheritAttrs","props","lazyValidation","Boolean","data","inputs","watchers","errorBag","watch","handler","errors","Object","deep","immediate","methods","watchInput","watcher","input","val","_uid","valid","shouldValidate","validate","filter","reset","resetErrorBag","setTimeout","resetValidation","register","unregister","found","find","i","unwatch","h","novalidate","attrs$","submit","e","$slots","emailRegex","stringIsNotNullOrWhitespace","stringIsNullOrWhitespace","trim","length","numberIsNotNull","isNaN","numberIsGreaterThanZero","parseFloat","numberIsNotNegative","stringIsEmail","test"],"mappings":"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","file":"js/chunk-18c32239.39d4e8ba.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('v-form',{ref:\"form\"},[_c('base-material-card',{attrs:{\"color\":\"green\",\"title\":_vm.title},scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('v-row',{attrs:{\"no-gutters\":\"\",\"align\":\"center\"}},[_c('v-col',{staticClass:\"mr-auto\",attrs:{\"cols\":\"auto\"}},[_c('v-icon',{staticClass:\"mr-1\"},[_vm._v(\"\\n                  mdi-menu-left\\n                \")]),_c('router-link',{attrs:{\"to\":{ name: 'Customers', }}},[_c('span',[_vm._v(_vm._s(_vm.$t('Components.Forms.Customer.Links.All')))])])],1),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('debounce-v-btn',{staticClass:\"font-weight-light\",attrs:{\"color\":\"success\",\"loading:loading.commit\":\"\"},on:{\"click\":_vm.Commit}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t('General.Buttons.Save'))+\"\\n                \")]),_c('debounce-v-btn',{staticClass:\"font-weight-light\",attrs:{\"color\":\"success\",\"loading:loading.commit\":\"\"},on:{\"click\":_vm.CommitAndClose}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t('General.Buttons.SaveClose'))+\"\\n                \")]),_c('v-btn',{staticClass:\"font-weight-light v-btn--tight\",attrs:{\"color\":\"warning\",\"loading:loading.commit\":\"\"},on:{\"click\":_vm.Close}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t('General.Buttons.DiscardChanges'))+\"\\n                \")])],1)],1)]},proxy:true}])},[_c('v-container',{staticClass:\"py-0\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.Name'),\"rules\":[_vm.nameValidation]},model:{value:(_vm.customer.name),callback:function ($$v) {_vm.$set(_vm.customer, \"name\", $$v)},expression:\"customer.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.Vat')},model:{value:(_vm.customer.vatNumber),callback:function ($$v) {_vm.$set(_vm.customer, \"vatNumber\", $$v)},expression:\"customer.vatNumber\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.Address'),\"rules\":[_vm.addressValidation]},model:{value:(_vm.customer.address),callback:function ($$v) {_vm.$set(_vm.customer, \"address\", $$v)},expression:\"customer.address\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.Zip'),\"rules\":[_vm.zipValidation]},model:{value:(_vm.customer.postalCode),callback:function ($$v) {_vm.$set(_vm.customer, \"postalCode\", $$v)},expression:\"customer.postalCode\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.City'),\"rules\":[_vm.cityValidation]},model:{value:(_vm.customer.city),callback:function ($$v) {_vm.$set(_vm.customer, \"city\", $$v)},expression:\"customer.city\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-autocomplete',{attrs:{\"color\":\"primary\",\"item-color\":\"primary\",\"label\":_vm.$t('Components.Forms.Customer.Labels.Country'),\"items\":_vm.countries,\"item-text\":\"name\",\"item-value\":\"isoCode\",\"rules\":[_vm.countryValidation]},model:{value:(_vm.customer.country),callback:function ($$v) {_vm.$set(_vm.customer, \"country\", $$v)},expression:\"customer.country\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.ContactName'),\"rules\":[_vm.contactNameValidation]},model:{value:(_vm.customer.contactName),callback:function ($$v) {_vm.$set(_vm.customer, \"contactName\", $$v)},expression:\"customer.contactName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.ContactEmail'),\"rules\":[_vm.contactEmailValidation]},model:{value:(_vm.customer.contactEmail),callback:function ($$v) {_vm.$set(_vm.customer, \"contactEmail\", $$v)},expression:\"customer.contactEmail\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{staticClass:\"purple-input\",attrs:{\"label\":_vm.$t('Components.Forms.Customer.Labels.ContactPhone'),\"rules\":[_vm.contactPhoneValidation]},model:{value:(_vm.customer.contactPhone),callback:function ($$v) {_vm.$set(_vm.customer, \"contactPhone\", $$v)},expression:\"customer.contactPhone\"}})],1)],1)],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    fluid\n  >\n    <v-row justify=\"center\">\n      <v-col\n        cols=\"12\"\n        md=\"10\"\n      >\n        <v-form ref=\"form\">\n          <base-material-card\n            color=\"green\"\n            :title=\"title\"\n          >\n            <v-container class=\"py-0\">\n              <v-row>\n                <v-col\n                  cols=\"12\"\n                  md=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"customer.name\"\n                    :label=\"$t('Components.Forms.Customer.Labels.Name')\"\n                    :rules=\"[nameValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"customer.vatNumber\"\n                    class=\"purple-input\"\n                    :label=\"$t('Components.Forms.Customer.Labels.Vat')\"\n                  />\n                </v-col>\n                <v-col cols=\"12\">\n                  <v-text-field\n                    v-model=\"customer.address\"\n                    :label=\"$t('Components.Forms.Customer.Labels.Address')\"\n                    class=\"purple-input\"\n                    :rules=\"[addressValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"4\"\n                >\n                  <v-text-field\n                    v-model=\"customer.postalCode\"\n                    :label=\"$t('Components.Forms.Customer.Labels.Zip')\"\n                    class=\"purple-input\"\n                    :rules=\"[zipValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"4\"\n                >\n                  <v-text-field\n                    v-model=\"customer.city\"\n                    :label=\"$t('Components.Forms.Customer.Labels.City')\"\n                    class=\"purple-input\"\n                    :rules=\"[cityValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"4\"\n                >\n                  <v-autocomplete\n                    v-model=\"customer.country\"\n                    color=\"primary\"\n                    item-color=\"primary\"\n                    :label=\"$t('Components.Forms.Customer.Labels.Country')\"\n                    :items=\"countries\"\n                    item-text=\"name\"\n                    item-value=\"isoCode\"\n                    :rules=\"[countryValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"12\"\n                >\n                  <v-text-field\n                    v-model=\"customer.contactName\"\n                    :label=\"$t('Components.Forms.Customer.Labels.ContactName')\"\n                    class=\"purple-input\"\n                    :rules=\"[contactNameValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"customer.contactEmail\"\n                    :label=\"$t('Components.Forms.Customer.Labels.ContactEmail')\"\n                    class=\"purple-input\"\n                    :rules=\"[contactEmailValidation]\"\n                  />\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  md=\"6\"\n                >\n                  <v-text-field\n                    v-model=\"customer.contactPhone\"\n                    :label=\"$t('Components.Forms.Customer.Labels.ContactPhone')\"\n                    class=\"purple-input\"\n                    :rules=\"[contactPhoneValidation]\"\n                  />\n                </v-col>\n              </v-row>\n            </v-container>\n            <template v-slot:actions>\n              <v-row\n                no-gutters\n                align=\"center\"\n              >\n                <v-col\n                  cols=\"auto\"\n                  class=\"mr-auto\"\n                >\n                  <v-icon class=\"mr-1\">\n                    mdi-menu-left\n                  </v-icon>\n                  <router-link\n                    :to=\"{ name: 'Customers', }\"\n                  >\n                    <span>{{ $t('Components.Forms.Customer.Links.All') }}</span>\n                  </router-link>\n                </v-col>\n                <v-col cols=\"auto\">\n                  <debounce-v-btn\n                    class=\"font-weight-light\"\n                    color=\"success\"\n                    loading:loading.commit\n                    @click=\"Commit\"\n                  >\n                    {{ $t('General.Buttons.Save') }}\n                  </debounce-v-btn>\n                  <debounce-v-btn\n                    class=\"font-weight-light\"\n                    color=\"success\"\n                    loading:loading.commit\n                    @click=\"CommitAndClose\"\n                  >\n                    {{ $t('General.Buttons.SaveClose') }}\n                  </debounce-v-btn>\n                  <v-btn\n                    class=\"font-weight-light v-btn--tight\"\n                    color=\"warning\"\n                    loading:loading.commit\n                    @click=\"Close\"\n                  >\n                    {{ $t('General.Buttons.DiscardChanges') }}\n                  </v-btn>\n                </v-col>\n              </v-row>\n            </template>\n          </base-material-card>\n        </v-form>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\n  import validation from '@/helpers/validationHelper'\n\n  export default {\n    props: {\n      uid: {\n        type: String,\n        required: false,\n        default: null,\n      },\n    },\n    data: () => ({\n      customer: {\n        uid: '',\n        name: '',\n        vatNumber: '',\n        address: '',\n        zip: '',\n        city: '',\n        country: '',\n        contactName: '',\n        contactEmail: '',\n        contactPhone: '',\n      },\n      loading: {\n        commit: false,\n      },\n      badRequestReasons: {},\n    }),\n    computed: {\n      title () {\n        if (!this.customer.uid) {\n          return this.$t('Components.Forms.Customer.Titles.Create')\n        }\n        return this.$t('Components.Forms.Customer.Titles.Edit')\n      },\n      customers () {\n        return this.$store.state.customers.data\n      },\n      parsedDirection () {\n        return this.direction.split(' ')\n      },\n      countries () {\n        return this.$store.state.general.countries\n      },\n    },\n    created: async function () {\n      if (!this.uid) {\n        if (this.$store.state.general.countries.length < 1) {\n          await this.$store.dispatch('RefreshCountries')\n        }\n        return\n      }\n      var existingCustomer = this.customers.find(\n        element => element.uid === this.uid\n      )\n\n      if (!existingCustomer) {\n        // refresh the customers, might be first page load, might be some data missing\n        await this.$store.dispatch('RefreshCustomers')\n        existingCustomer = this.customers.find(\n          element => element.uid === this.uid\n        )\n        if (!existingCustomer) {\n          return\n        // todo show error\n        }\n      }\n      this.updateLocalCustomer(existingCustomer)\n    },\n    methods: {\n      async Commit () {\n        this.badRequestReasons = {}\n        if (this.$refs.form.validate() !== true) {\n          return false\n        }\n        this.loading.commit = true\n        var storeChange\n        if (!this.customer.uid) {\n          storeChange = await this.$store.dispatch('CreateCustomer', this.customer)\n        } else {\n          storeChange = await this.$store.dispatch('UpdateCustomer', this.customer)\n        }\n        if (storeChange.success) {\n          this.updateLocalCustomer(storeChange.value)\n        } else {\n          this.badRequestReasons = storeChange.badRequestReasons.errors\n          // trigger the rules so the api errors are shown\n          this.$refs.form.validate()\n        }\n        this.loading.commit = false\n      },\n      async CommitAndClose () {\n        await this.Commit()\n        this.Close()\n      },\n      Close () {\n        this.$router.go(-1)\n      },\n      updateLocalCustomer (data) {\n        this.customer.uid = data.uid\n        this.customer.name = data.name\n        this.customer.vatNumber = data.vatNumber\n        this.customer.address = data.address\n        this.customer.postalCode = data.postalCode\n        this.customer.city = data.city\n        this.customer.country = data.country\n        this.customer.contactName = data.contactName\n        this.customer.contactEmail = data.contactEmail\n        this.customer.contactPhone = data.contactPhone\n      },\n      nameValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredName')\n      },\n      addressValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredAddress')\n      },\n      cityValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredCity')\n      },\n      zipValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredZip')\n      },\n      countryValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredCountry')\n      },\n      contactNameValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredContactName')\n      },\n      contactEmailValidation (value) {\n        if (!validation.stringIsNotNullOrWhitespace(value)) {\n          return this.$t('Components.Forms.Customer.Validation.RequiredContactEmail')\n        }\n        if (!validation.stringIsEmail(value)) {\n          return this.$t('Components.Forms.Customer.Validation.InvalidContactEmail')\n        }\n        if (this.badRequestReasons && this.badRequestReasons.ContactEmail) {\n          return this.$t('Components.Forms.Customer.Validation.BadRequestReasons.' + this.badRequestReasons.ContactEmail[0])\n        }\n        return true\n      },\n      contactPhoneValidation (value) {\n        return validation.stringIsNotNullOrWhitespace(value) || this.$t('Components.Forms.Customer.Validation.RequiredContactPhone')\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!./Customer.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!./Customer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Customer.vue?vue&type=template&id=b86f4380&\"\nimport script from \"./Customer.vue?vue&type=script&lang=js&\"\nexport * from \"./Customer.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 { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\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 { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAutocomplete,VBtn,VCol,VContainer,VForm,VIcon,VRow,VTextField})\n","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  inheritAttrs: false,\n\n  props: {\n    lazyValidation: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n","const emailRegex = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,9})+$/\n\nexport default {\n  stringIsNotNullOrWhitespace (input) {\n    return !this.stringIsNullOrWhitespace(input)\n  },\n  stringIsNullOrWhitespace (input) {\n    return !input || typeof input !== 'string' || input.trim().length < 1\n  },\n  numberIsNotNull (input) {\n    return !!input && !isNaN(input)\n  },\n  numberIsGreaterThanZero (input) {\n    return parseFloat(input) > 0\n  },\n  numberIsNotNegative (input) {\n    return parseFloat(input) >= 0\n  },\n  stringIsEmail (input) {\n    return emailRegex.test(input)\n  },\n}\n"],"sourceRoot":""}