{"version":3,"sources":["webpack:///./src/views/Client.vue?c2cc","webpack:///./src/views/Client.vue","webpack:///src/views/Client.vue","webpack:///./src/views/Client.vue?ebb5","webpack:///./src/views/Client.vue?7209"],"names":["render","_vm","this","_c","_self","class","loaded","_v","staticClass","isSubmitted","on","$event","preventDefault","submit","apply","arguments","attrs","ref","$route","meta","isNew","nativeOn","validate","model","value","name","callback","$$v","expression","slot","Boolean","id","code","$can","statusOptions","isArchived","_f","archived","_e","serviceOptions","service","contact","email","fix","comments","target","colour","style","checkColour","type","indexOf","_k","keyCode","key","ctrlKey","shiftKey","altKey","metaKey","addDivision","division","divisions","length","_l","item","index","removeDivision","_s","$router","push","saving","staticRenderFns","mixins","isForm","hasClients","canSetTitle","isView","canSanitize","data","required","fields","computed","clientServices","map","cs","i","text","get","set","val","charAt","Date","toJSON","created","params","clientId","$store","dispatch","then","r","assign","formatDivisions","setTitle","catch","e","methods","console","log","client","dids","d","sure","title","body","splice","validateAll","o","getData","str","showToast","setUnchangedState","showProblem","component"],"mappings":"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","file":"js/client.61c27928.js","sourcesContent":["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!./Client.vue?vue&type=style&index=0&id=85575286&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{loaded: _vm.loaded}},[_c('h2',[_vm._v(\"Client Information\")]),_c('b-form',{staticClass:\"maw-md\",class:{'is-submitted':_vm.isSubmitted},on:{\"submit\":function($event){$event.preventDefault();return _vm.submit.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"label\":\"Client Name\",\"label-for\":\"name\"}},[_c('b-form-input',{ref:\"name\",attrs:{\"name\":\"name\",\"autofocus\":_vm.$route.meta.isNew},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}}),_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"This field is required\")])],1),_c('b-form-group',{attrs:{\"label-for\":\"code\"}},[_c('template',{slot:\"label\"},[_vm._v(\"Client Code \"),_c('i',[_vm._v(\"A 3-5 letter code to represent the company\")])]),_c('b-form-input',{ref:\"code\",attrs:{\"disabled\":Boolean(_vm.id),\"name\":\"code\",\"min-length\":\"3\",\"max-length\":\"5\"},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.code),callback:function ($$v) {_vm.code=$$v},expression:\"code\"}}),_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"Please create a client code between 3 and 5 letters long\")])],2),_c('div',{staticClass:\"d-flex\"},[_c('b-form-group',{staticClass:\"flex-grow-1\",attrs:{\"label\":\"Status\",\"label-for\":\"status\"}},[_c('b-form-select',{ref:\"isArchived\",attrs:{\"disabled\":!_vm.$can('manage', 'archive'),\"options\":_vm.statusOptions,\"name\":\"status\"},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.isArchived),callback:function ($$v) {_vm.isArchived=$$v},expression:\"isArchived\"}})],1),(_vm.isArchived)?_c('b-form-group',{staticClass:\"ml-3\",attrs:{\"label\":\"Archived date\",\"label-for\":\"date\"}},[_c('b-form-input',{attrs:{\"disabled\":\"\",\"value\":_vm._f(\"formatDate\")(_vm.archived)}})],1):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"Service\",\"label-for\":\"service\"}},[_c('b-form-select',{ref:\"service\",attrs:{\"options\":_vm.serviceOptions,\"name\":\"service\"},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.service),callback:function ($$v) {_vm.service=$$v},expression:\"service\"}}),_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"Please choose a service class\")])],1),_c('b-form-group',{attrs:{\"label\":\"Contact\",\"label-for\":\"contact\"}},[_c('b-form-input',{ref:\"contact\",attrs:{\"name\":\"contact\"},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.contact),callback:function ($$v) {_vm.contact=$$v},expression:\"contact\"}}),_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"This field is required\")])],1),_c('b-form-group',{attrs:{\"label\":\"Main Email\",\"label-for\":\"email\"}},[_c('b-form-input',{ref:\"email\",attrs:{\"name\":\"email\",\"type\":\"email\"},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"Please supply a valid email address\")])],1),_c('b-form-group',{attrs:{\"label\":\"Comments\",\"label-for\":\"comments\",\"label-class\":\"optional\"}},[_c('b-form-textarea',{attrs:{\"name\":\"comments\"},on:{\"blur\":function($event){return _vm.fix('comments')}},model:{value:(_vm.comments),callback:function ($$v) {_vm.comments=$$v},expression:\"comments\"}})],1),_c('b-form-group',{attrs:{\"label-for\":\"colour\"}},[_c('template',{slot:\"label\"},[_vm._v(\"Client Colour \"),_c('i',[_vm._v(\"This will be the client colour in the chat thread\")])]),_c('div',{staticClass:\"d-flex\"},[_c('b-form-input',{staticClass:\"swatch\",attrs:{\"type\":\"color\"},on:{\"input\":function($event){return _vm.validate({target:{name:'colour'}})}},model:{value:(_vm.colour),callback:function ($$v) {_vm.colour=$$v},expression:\"colour\"}}),_c('span',{staticClass:\"swatch\",style:('background-color:#'+_vm.colour)}),_c('b-form-input',{ref:\"colour\",attrs:{\"name\":\"colour\"},nativeOn:{\"input\":function($event){return _vm.validate.apply(null, arguments)}},model:{value:(_vm.checkColour),callback:function ($$v) {_vm.checkColour=$$v},expression:\"checkColour\"}})],1),_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"Please choose a colour\")])],2),_c('b-form-group',{attrs:{\"label-for\":\"division\"}},[_c('template',{slot:\"label\"},[_vm._v(\"Divisions \"),_c('i',[_vm._v(\"Type a name to add a division and hit enter or click 'Add Division'. Click an existing name to delete.\")])]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-input',{attrs:{\"name\":\"division\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey)return null;$event.preventDefault();return _vm.addDivision.apply(null, arguments)}},model:{value:(_vm.division),callback:function ($$v) {_vm.division=$$v},expression:\"division\"}}),_c('a',{staticClass:\"fs-15 no-wrap pl-3\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.addDivision.apply(null, arguments)}}},[_vm._v(\"Add Division\")])],1),(_vm.divisions && _vm.divisions.length)?_c('div',{staticClass:\"divisions border mt-3\"},_vm._l((_vm.divisions),function(item,index){return _c('div',{key:index,staticClass:\"division\",on:{\"click\":function($event){$event.preventDefault();return _vm.removeDivision(index)}}},[_vm._v(_vm._s(item.name)+\" \"),_c('b-icon-x')],1)}),0):_vm._e()],2),_c('div',{staticClass:\"d-flex form-controls\"},[_c('b-button',{staticClass:\"mr-auto\",attrs:{\"variant\":\"outline-warning\"},on:{\"click\":function($event){return _vm.$router.push('/clients')}}},[_vm._v(\"Cancel\")]),_c('btn-submit',{attrs:{\"saving\":_vm.saving}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div :class=\"{loaded}\">\r\n\t\t<h2>Client Information</h2>\r\n\t\t<b-form class=\"maw-md\" :class=\"{'is-submitted':isSubmitted}\" @submit.prevent=\"submit\">\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel=\"Client Name\"\r\n\t\t\t\tlabel-for=\"name\"\r\n\t\t\t>\r\n\t\t\t\t<b-form-input ref=\"name\" v-model=\"name\" name=\"name\" :autofocus=\"$route.meta.isNew\" @input.native=\"validate\"></b-form-input>\r\n\t\t\t<div class=\"invalid-feedback\">This field is required</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel-for=\"code\"\r\n\t\t\t>\r\n\t\t\t\t<template slot=\"label\">Client Code <i>A 3-5 letter code to represent the company</i></template>\r\n\t\t\t\t<b-form-input ref=\"code\" v-model=\"code\" :disabled=\"Boolean(id)\" name=\"code\" min-length=\"3\" max-length=\"5\" @input.native=\"validate\"></b-form-input>\r\n\t\t\t<div class=\"invalid-feedback\">Please create a client code between 3 and 5 letters long</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<div class=\"d-flex\">\r\n\t\t\t\t<b-form-group\r\n\t\t\t\t\tlabel=\"Status\"\r\n\t\t\t\t\tlabel-for=\"status\"\r\n\t\t\t\t\tclass=\"flex-grow-1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<b-form-select ref=\"isArchived\" v-model=\"isArchived\" :disabled=\"!$can('manage', 'archive')\" :options=\"statusOptions\" name=\"status\" @input.native=\"validate\"></b-form-select>\r\n\t\t\t\t</b-form-group>\r\n\t\t\t\t<b-form-group\r\n\t\t\t\t\tv-if=\"isArchived\"\r\n\t\t\t\t\tlabel=\"Archived date\"\r\n\t\t\t\t\tlabel-for=\"date\"\r\n\t\t\t\t\tclass=\"ml-3\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<b-form-input disabled :value=\"archived | formatDate\" />\r\n\t\t\t\t</b-form-group>\r\n\t\t\t</div>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel=\"Service\"\r\n\t\t\t\tlabel-for=\"service\"\r\n\t\t\t>\r\n\t\t\t\t<b-form-select ref=\"service\" v-model=\"service\" :options=\"serviceOptions\" name=\"service\" @input.native=\"validate\"></b-form-select>\r\n\t\t\t<div class=\"invalid-feedback\">Please choose a service class</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel=\"Contact\"\r\n\t\t\t\tlabel-for=\"contact\"\r\n\t\t\t>\r\n\t\t\t\t<b-form-input ref=\"contact\" v-model=\"contact\" name=\"contact\" @input.native=\"validate\"></b-form-input>\r\n\t\t\t\t<div class=\"invalid-feedback\">This field is required</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel=\"Main Email\"\r\n\t\t\t\tlabel-for=\"email\"\r\n\t\t\t>\r\n\t\t\t\t<b-form-input ref=\"email\" v-model=\"email\" name=\"email\" type=\"email\" @input.native=\"validate\"></b-form-input>\r\n\t\t\t\t<div class=\"invalid-feedback\">Please supply a valid email address</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel=\"Comments\"\r\n\t\t\t\tlabel-for=\"comments\"\r\n\t\t\t\tlabel-class=\"optional\"\r\n\t\t\t>\r\n\t\t\t\t<b-form-textarea v-model=\"comments\" name=\"comments\" @blur=\"fix('comments')\" />\r\n\t\t\t</b-form-group>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel-for=\"colour\"\r\n\t\t\t>\r\n\t\t\t<template slot=\"label\">Client Colour <i>This will be the client colour in the chat thread</i></template>\r\n\t\t\t\t<div class=\"d-flex\">\r\n\t\t\t\t\t<b-form-input v-model=\"colour\" type=\"color\" class=\"swatch\" @input=\"validate({target:{name:'colour'}})\"></b-form-input><span class=\"swatch\" :style=\"'background-color:#'+colour\"></span><b-form-input ref=\"colour\" v-model=\"checkColour\" name=\"colour\" @input.native=\"validate\"></b-form-input>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"invalid-feedback\">Please choose a colour</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<b-form-group\r\n\t\t\t\tlabel-for=\"division\"\r\n\t\t\t>\r\n\t\t\t<template slot=\"label\">Divisions <i>Type a name to add a division and hit enter or click 'Add Division'. Click an existing name to delete.</i></template>\r\n\t\t\t\t<div class=\"d-flex align-items-center\">\r\n\t\t\t\t\t<b-form-input\r\n\t\t\t\t\t\tv-model=\"division\"\r\n\t\t\t\t\t\tname=\"division\"\r\n\t\t\t\t\t\t@keydown.enter.exact.prevent=\"addDivision\"\r\n\t\t\t\t\t></b-form-input>\r\n\t\t\t\t\t<a href=\"#\" class=\"fs-15 no-wrap pl-3\" @click.prevent=\"addDivision\">Add Division</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div v-if=\"divisions && divisions.length\" class=\"divisions border mt-3\">\r\n\t\t\t\t\t<div v-for=\"(item, index) in divisions\" :key=\"index\" class=\"division\" @click.prevent=\"removeDivision(index)\">{{item.name}} <b-icon-x /></div>\r\n\t\t\t\t</div>\r\n\t\t\t</b-form-group>\r\n\t\t\t<div class=\"d-flex form-controls\">\r\n\t\t\t\t<b-button variant=\"outline-warning\" class=\"mr-auto\" @click=\"$router.push('/clients')\">Cancel</b-button>\r\n\t\t\t\t<btn-submit :saving=\"saving\" />\r\n\t\t\t</div>\r\n\t\t</b-form>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport { isForm, hasClients, canSetTitle, isView, canSanitize } from \"@/mixins\";\r\nexport default {\r\n\tname: 'Client',\r\n\tmixins: [\r\n\t\tisForm, hasClients, canSetTitle, isView, canSanitize,\r\n\t],\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tid: null,\r\n\t\t\tcontact: '',\r\n\t\t\tcode: '',\r\n\t\t\tname: '',\r\n\t\t\temail: '',\r\n\t\t\tcomments: '',\r\n\t\t\tarchived: null,\r\n\t\t\tcolour: '#000000',\r\n\t\t\tdivision: '',\r\n\t\t\tdivisions: [],\r\n\t\t\tservice: '',\r\n\t\t\trequired: ['name', 'code', 'service', 'contact', 'email', 'colour'],\r\n\t\t\tfields: ['id', 'name', 'code', 'archived', 'contact', 'email', 'service', 'divisions', 'comments', 'colour']\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t// dataPath() {\r\n\t\t// \treturn ''\r\n\t\t// },\r\n\t\tserviceOptions() {\r\n\t\t\treturn this.clientServices.map((cs, i) => ({value: i, text: cs}))\r\n\t\t},\r\n\t\tstatusOptions() {\r\n\t\t\treturn [\r\n\t\t\t\t{value: false, text: 'Active'},\r\n\t\t\t\t{value: true, text: 'Archived'},\r\n\t\t\t]\r\n\t\t},\r\n\t\tcheckColour: {\r\n\t\t\tget() {\r\n\t\t\t\treturn this.colour\r\n\t\t\t},\r\n\t\t\tset(val) {\r\n\t\t\t\tif (val.length && val.charAt(0) != '#') val = '#' + val\r\n\t\t\t\tthis.colour = val\r\n\t\t\t}\r\n\t\t},\r\n\t\tisArchived: {\r\n\t\t\tget() {\r\n\t\t\t\treturn !!this.archived\r\n\t\t\t},\r\n\t\t\tset(val) {\r\n\t\t\t\tthis.archived = val ? new Date().toJSON() : null\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tif (this.$route.params.clientId) {\r\n\t\t\tthis.$store\r\n\t\t\t\t.dispatch('clients/loadDetail', this.$route.params.clientId)\r\n\t\t\t\t.then(r => {\r\n\t\t\t\t\tthis.assign(r)\r\n\t\t\t\t\tthis.formatDivisions()\r\n\t\t\t\t\tthis.setTitle(`Edit Client: ${this.name}`)\r\n\t\t\t\t\tthis.loaded = true\r\n\t\t\t\t})\r\n\t\t\t\t.catch(e => {\r\n\t\t\t\t\tthis.$router.push('/clients')\r\n\t\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.loaded = true\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\tformatDivisions() {\r\n\t\t\t// if (!this.client.divisions || this.client.divisions)\r\n\t\t\tconsole.log('FORMAT DIVS!!!!!!!',);\r\n\t\t\tif (typeof this.client.divisions[0] == 'object') return\r\n\t\t\tconst dids = this.client.dids\r\n\t\t\tthis.divisions = this.client.divisions.map((d, i) => ({id: dids[i], name: d}))\r\n\t\t},\r\n\t\taddDivision() {\r\n\t\t\tif (this.division) {\r\n\t\t\t\tif (!this.divisions) this.divisions = []\r\n\t\t\t\tthis.divisions.push({name: this.division})\r\n\t\t\t\tthis.division = ''\r\n\t\t\t}\r\n\t\t},\r\n\t\tasync removeDivision(index) {\r\n\t\t\tconst name = this.divisions[index].name\r\n\t\t\tconst sure = await this.$store.dispatch('confirmer/ask', {title: 'Are you sure?', body: `You are about to delete division ${name}.`})\r\n\t\t\tif (sure) this.divisions.splice(index, 1)\r\n\t\t},\r\n\t\tsubmit(e) {\r\n\t\t\tif (!this.validateAll()) return\r\n\t\t\tthis.saving = true\r\n\t\t\tconst o = this.getData()\r\n\t\t\to.isArchived = this.isArchived\r\n\t\t\t// if (!o.id)o.id = o.code\r\n\t\t\tconsole.log('submit new client', o);\r\n\t\t\tthis.$store\r\n\t\t\t\t.dispatch('clients/save', o)\r\n\t\t\t\t.then(r => {\r\n\t\t\t\t\tthis.saving = false\r\n\t\t\t\t\tconst str = this.id ? 'Saved changes to ' : 'Saved new client '\r\n\t\t\t\t\tthis.showToast(str + this.name)\r\n\t\t\t\t\tconsole.log('Client save', r);\r\n\t\t\t\t\tif (this.$route.meta.isNew) {\r\n\t\t\t\t\t\tthis.setUnchangedState()\r\n\t\t\t\t\t\tthis.$router.push('/clients/' + r.id)\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// this.assign(r)\r\n\t\t\t\t\t\t// this.formatDivisions()\r\n\t\t\t\t\t\tconsole.log('SAVE CLIENT Success1', str);\r\n\t\t\t\t\t\tthis.setUnchangedState()\r\n\t\t\t\t\t\tthis.$store.dispatch('disclosures/checkDivisions', this.client)\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// console.log('SAVE CLIENT Success2', str);\r\n\t\t\t\t\t// console.log('SAVE CLIENT Success3', str);\r\n\t\t\t\t})\r\n\t\t\t\t.catch(e => {\r\n\t\t\t\t\tconsole.log('SAVE CLIENT Fail', e);\r\n\t\t\t\t\tthis.saving = false\r\n\t\t\t\t\tthis.showProblem(e)\r\n\t\t\t\t})\r\n\t\t},\r\n\t},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.divisions {\r\n\tpadding: $input-padding-y $input-padding-x calc(#{$input-padding-y} - 10px);\r\n}\r\n.division{\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\tcursor: pointer;\r\n\tpadding: 5px 45px 5px 35px;\r\n\tmargin: 0 10px 10px 0;\r\n\tborder-radius: 30px;\r\n\tfont-size: 15px;\r\n\tbackground-color: #EAEEF6;\r\n\tcolor: #000;\r\n\r\n\t.b-icon{\r\n\t\tcolor: $warning;\r\n\t\tposition: absolute;\r\n\t\ttop: 1px;\r\n\t\tbottom: 0;\r\n\t\tright: 16px;\r\n\t\tmargin: auto;\r\n\t}\r\n\t&:hover .b-icon{\r\n\t\tcolor: #D84400;;\r\n\t}\r\n}\r\n.swatch {\r\n\twidth: $input-h;\r\n\tmargin-right: 1rem;\r\n\t+ input {\r\n\t\twidth: 100px;\r\n\t}\r\n}\r\nspan.swatch {\r\n\tdisplay: none;\r\n\theight: $input-h;\r\n\tborder: 1px solid $border-color;\r\n}\r\ninput[type=color].form-control{\r\n\twidth: $input-h;\r\n\theight: $input-h;\r\n}\r\nbody.isIE, body.isSafari {\r\n\tinput.swatch {\r\n\t\tdisplay: none;\r\n\t}\r\n\tspan.swatch {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\ninput[name=colour]{\r\n\t&:before{\r\n\t\tcontent: '#'\r\n\t}\r\n}\r\n</style>","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!./Client.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!./Client.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Client.vue?vue&type=template&id=85575286\"\nimport script from \"./Client.vue?vue&type=script&lang=js\"\nexport * from \"./Client.vue?vue&type=script&lang=js\"\nimport style0 from \"./Client.vue?vue&type=style&index=0&id=85575286&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"],"sourceRoot":""}