{"version":3,"sources":["webpack:///./src/views/settings/staff/edit.vue","webpack:///src/views/settings/staff/edit.vue","webpack:///./src/views/settings/staff/edit.vue?f4ed","webpack:///./src/views/settings/staff/edit.vue?ea8d","webpack:///./src/views/settings/staff/edit.vue?e55e"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","_s","newStaff","first_name","last_name","valid","saving","on","save","loading","model","value","callback","$$v","$set","expression","staticStyle","email","_l","permissions","perm","index","directives","name","rawName","allow","required","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","checked","$$i","concat","slice","changed","desc","staticRenderFns","components","Loading","VSwitch","InputField","VButton","mixins","data","password","verified","accounts","id","computed","toLowerCase","match","members","methods","perms","x","created","console","component"],"mappings":"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","file":"js/chunk-22e926a2.5c8b169e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"settings-staff-new page noscroll\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"layout-row flex-center\"},[_c('router-link',{staticClass:\"small-btn margin-r-10\",attrs:{\"to\":\"/settings/staff\"}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/back_bt_arrow.svg')}})],1),_c('h3',[_vm._v(_vm._s(_vm.newStaff.first_name)+\" \"+_vm._s(_vm.newStaff.last_name))])],1),_c('div',{staticClass:\"flex\"}),_c('v-button',{staticClass:\"margin-r-25\",attrs:{\"label\":\"Save changes\",\"disabled\":!_vm.valid,\"loading\":_vm.saving},on:{\"click\":_vm.save}}),_c('router-link',{staticClass:\"btn brdr_btn\",attrs:{\"to\":\"/settings/staff\"}},[_vm._v(\" Cancel \")])],1),_c('div',{staticClass:\"content scroll\"},[(_vm.loading)?_c('loading'):_c('div',{staticClass:\"layout-column\"},[_c('div',{staticClass:\"layout-row\"},[_c('input-field',{staticClass:\"flex\",attrs:{\"label\":\"First name\"},model:{value:(_vm.newStaff.first_name),callback:function ($$v) {_vm.$set(_vm.newStaff, \"first_name\", $$v)},expression:\"newStaff.first_name\"}}),_c('div',{staticStyle:{\"width\":\"40px\"}}),_c('input-field',{staticClass:\"flex\",attrs:{\"label\":\"Last name\"},model:{value:(_vm.newStaff.last_name),callback:function ($$v) {_vm.$set(_vm.newStaff, \"last_name\", $$v)},expression:\"newStaff.last_name\"}})],1),_c('div',{staticClass:\"layout-column margin-t-25\"},[_c('div',{staticClass:\"layout-row\"},[_c('input-field',{staticClass:\"flex\",attrs:{\"type\":\"email\",\"readonly\":\"\",\"label\":\"Email address\",\"placeholder\":\"New user's email address\"},model:{value:(_vm.newStaff.email),callback:function ($$v) {_vm.$set(_vm.newStaff, \"email\", $$v)},expression:\"newStaff.email\"}})],1)]),_c('div',{staticClass:\"layout-column margin-t-25 margin-b-10\"},[_c('h3',[_vm._v(\"Permissions\")]),_c('div',{staticClass:\"layout-column margin-t-15\"},_vm._l((_vm.permissions),function(perm,index){return _c('label',{staticClass:\"permission\"},[_c('div',{staticClass:\"layout-column flex-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(perm.allow),expression:\"perm.allow\"}],attrs:{\"type\":\"checkbox\",\"disabled\":perm.required},domProps:{\"checked\":Array.isArray(perm.allow)?_vm._i(perm.allow,null)>-1:(perm.allow)},on:{\"change\":[function($event){var $$a=perm.allow,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(perm, \"allow\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(perm, \"allow\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(perm, \"allow\", $$c)}},function($event){return _vm.changed(perm.allow, index)}]}})]),_c('div',{staticClass:\"layout-column\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(perm.name))]),_c('span',{staticClass:\"desc\"},[_vm._v(_vm._s(perm.desc))])])])}),0)])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"settings-staff-new page noscroll\">\n\t<div class=\"header\">\n\t\t<div class=\"layout-row flex-center\">\n\t\t\t<router-link class=\"small-btn margin-r-10\"\n\t\t\t             to=\"/settings/staff\" >\n\t\t\t\t<inline-svg :src=\"require('@/assets/img/back_bt_arrow.svg')\" />\n\t\t\t</router-link>\n\n\t\t\t<h3>{{ newStaff.first_name }} {{newStaff.last_name}}</h3>\n\t\t</div>\n\t\t<div class=\"flex\"></div>\n\t\t<v-button label=\"Save changes\" class=\"margin-r-25\" @click=\"save\"\n\t\t          :disabled=\"!valid\" :loading=\"saving\"  />\n\n\t\t<router-link class=\"btn brdr_btn\" to=\"/settings/staff\" >\n\t\t\tCancel\n\t\t</router-link>\n\t</div>\n\t<div class=\"content scroll\">\n\t\t<loading v-if=\"loading\" />\n\t\t<div v-else class=\"layout-column\">\n\t\t\t<div class=\"layout-row \">\n\t\t\t\t<input-field class=\"flex\" label=\"First name\" v-model=\"newStaff.first_name\" />\n\t\t\t\t<div class=\"\" style=\"width: 40px\"></div>\n\t\t\t\t<input-field class=\"flex\" label=\"Last name\" v-model=\"newStaff.last_name\" />\n\t\t\t</div>\n\t\t\t<div class=\"layout-column margin-t-25\">\n\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t<input-field type=\"email\" class=\"flex\" readonly label=\"Email address\" v-model=\"newStaff.email\" placeholder=\"New user's email address\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"layout-column margin-t-25 margin-b-10\">\n\t\t\t\t<h3>Permissions</h3>\n\t\t\t\t<div class=\"layout-column margin-t-15\">\n\t\t\t\t\t<label class=\"permission\" v-for=\"(perm,index) in permissions\">\n\t\t\t\t\t\t<div class=\"layout-column flex-center\">\n\t\t\t\t\t\t\t<input type=\"checkbox\" v-model=\"perm.allow\"  :disabled=\"perm.required\"\n\t\t\t\t\t\t\t       @change=\"changed(perm.allow, index)\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"layout-column\">\n\t\t\t\t\t\t\t<span class=\"name\">{{perm.name}}</span>\n\t\t\t\t\t\t\t<span class=\"desc\">{{perm.desc}}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\nimport InputField from \"@/components/base/input-field\";\nimport VSwitch from \"@/components/base/v-switch\";\nimport API from '@/api';\nimport Loading from \"@/components/Loading\";\n\nexport default {\n\tname: \"editStaff\", components: {Loading, VSwitch, InputField, VButton},\n\tmixins:[API],\n\tdata(){\n\t\treturn {\n\t\t\tsaving: false,\n\t\t\tloading: false,\n\t\t\tnewStaff:{\n\t\t\t\temail:'',\n\t\t\t\tfirst_name:'',\n\t\t\t\tlast_name:'',\n\t\t\t\tpassword:'',\n\t\t\t\tverified:false,\n\t\t\t\taccounts:[\n\t\t\t\t\t{permissions:''}\n\t\t\t\t]\n\t\t\t},\n\t\t\tpermissions:[\n\t\t\t\t{id:'admin',name:'Admin',desc:'Allow full admin access to your account, can add/remove other users, can also connect/update/remove payment methods and integrations from the account.',allow:false},\n\t\t\t\t{id:'funnels',name:'Create/Update/Delete funnels',desc:'Can create new funnels or update/delete existing ones, this is necessary to modify Funnel > settings.',allow:false},\n\t\t\t\t{id:'editor',name:'Editor/Designer',desc:'Can edit/design your funnel steps and pages (including shared popups), without having access to the rest of your funnel/account.',allow:false},\n\t\t\t\t{id:'automations',name:'Automations',desc:'Can create/update/delete automations, at funnel and product level.',allow:false},\n\t\t\t\t{id:'orders',name:'Orders',desc:'Can update/fulfil/delete orders and customers.',allow:false},\n\t\t\t\t{id:'readonly',name:'Analytics/Data Read only access',desc:'Can access analytics, and orders data but cannot modify it.',allow:true, required:true},\n\t\t\t],\n\t\t}\n\t},\n\tcomputed:{\n\t\tvalid() {\n\t\t\t\treturn String(this.newStaff.email)\n\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t.match(\n\t\t\t\t\t\t\t\t/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\t\t\t\t\t\t);\n\t\t},\n\t\tmembers(){\n\t\t\treturn this.$store.state.staff\n\t\t}\n\t},\n\tmethods:{\n\t\tchanged(checked, index) {\n\t\t\tif (checked) {\n\t\t\t\tfor (let i = index+1; i < this.permissions.length; i++) {\n\t\t\t\t\tthis.permissions[i].allow = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (let i = 0; i < index; i++) {\n\t\t\t\t\tthis.permissions[i].allow = false;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tasync save() {\n\t\t\ttry {\n\t\t\t\tthis.saving = true;\n\t\t\t\tlet data = JSON.parse(JSON.stringify(this.newStaff));\n\t\t\t\tlet perms = {};\n\t\t\t\tthis.permissions.forEach(x => {\n\t\t\t\t\tperms[x.id] = x.allow;\n\t\t\t\t})\n\t\t\t\tdata.accounts[0].permissions = JSON.stringify(perms);\n\n\t\t\t\tlet resp = await this.api.settings.updateStaff(data)\n\t\t\t\tif (resp.error) {\n\t\t\t\t\tif (resp.info.status === 409) { // conflict\n\t\t\t\t\t\tthis.$error(resp, \"A member with similar email already exists\")\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthrow resp\n\t\t\t\t}\n\n\t\t\t\t// reload member briefs\n\t\t\t\tlet members = await this.api.settings.getStaff();\n\t\t\t\tthis.$store.commit(\"SET_STAFF\", members)\n\n\t\t\t\tthis.$info(\"\", \"Team member changes saved!\")\n\t\t\t\tthis.$router.push(\"/settings/staff\")\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.saving = false;\n\t\t\t}\n\t\t},\n\t\tasync load() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.newStaff = {};\n\n\t\t\t\tlet resp = await this.api.settings.getStaff(this.$route.params.id)\n\t\t\t\tif (resp.error) {\n\t\t\t\t\tthrow resp\n\t\t\t\t}\n\n\t\t\t\tthis.newStaff = resp;\n\n\t\t\t\tlet perm = JSON.parse(resp.accounts[0].permissions);\n\t\t\t\tthis.permissions.forEach(x => {\n\t\t\t\t\tx.allow = (perm ? perm[x.id] : false) || false;\n\t\t\t\t})\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t},\n\t},\n\tcreated() {\n\t\tif (!this.$route.params.id) {\n\t\t\tconsole.error(\"no id\")\n\t\t\tthis.$router.push(\"/settings/staff\")\n\t\t} else {\n\t\t\tthis.load();\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.settings-staff-new {\n\tdisplay: flex;\n\tflex-direction: column;\n\t.email-note {\n\t\tfont-size: 13px;\n\t\tmargin-top: 5px;\n\t\tcolor: $dark-grey;\n\t}\n\t.header {\n\t\tborder-bottom: 1px solid $light-grey;\n\t\tborder-radius: 0 0 0 0;\n\t}\n\t.permission {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tmargin-bottom: 10px;\n\t\tcursor: pointer;\n\t\tinput {\n\t\t\tappearance: auto;\n\t\t\tmargin-right: 8px;\n\t\t}\n\t\t.name {\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: $black;\n\t\t\tmargin-bottom: 3px;\n\t\t}\n\t\t.desc {\n\t\t\tfont-weight: 400;\n\t\t\tfont-size: 13px;\n\t\t\tcolor: $dark-grey;\n\t\t}\n\t}\n.content {\n\tpadding: 30px 50px;\n}\n}\n</style>\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!./edit.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!./edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./edit.vue?vue&type=template&id=5fb1ecd0&scoped=true&\"\nimport script from \"./edit.vue?vue&type=script&lang=js&\"\nexport * from \"./edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./edit.vue?vue&type=style&index=0&id=5fb1ecd0&prod&lang=scss&scoped=true&\"\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  \"5fb1ecd0\",\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!./edit.vue?vue&type=style&index=0&id=5fb1ecd0&prod&lang=scss&scoped=true&\""],"sourceRoot":""}