{"version":3,"sources":["webpack:///./src/views/settings/staff/new.vue?2ad5","webpack:///./src/views/settings/staff/new.vue","webpack:///src/views/settings/staff/new.vue","webpack:///./src/views/settings/staff/new.vue?b4d4","webpack:///./src/views/settings/staff/new.vue?a0da"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","valid","saving","on","create","model","value","newStaff","first_name","callback","$$v","$set","expression","staticStyle","last_name","email","_l","permissions","perm","index","directives","name","rawName","allow","required","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","checked","$$i","concat","slice","changed","_s","desc","staticRenderFns","components","VSwitch","InputField","VButton","mixins","data","password","verified","accounts","id","computed","toLowerCase","match","members","methods","perms","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,cAAc,CAACE,YAAY,wBAAwBC,MAAM,CAAC,GAAK,oBAAoB,CAACH,EAAG,aAAa,CAACG,MAAM,CAAC,IAAMC,EAAQ,YAAsC,GAAGJ,EAAG,KAAK,CAACF,EAAIO,GAAG,sBAAsB,GAAGL,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,WAAW,CAACE,YAAY,cAAcC,MAAM,CAAC,MAAQ,kBAAkB,UAAYL,EAAIQ,MAAM,QAAUR,EAAIS,QAAQC,GAAG,CAAC,MAAQV,EAAIW,UAAUT,EAAG,cAAc,CAACE,YAAY,eAAeC,MAAM,CAAC,GAAK,oBAAoB,CAACL,EAAIO,GAAG,eAAe,GAAGL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,cAAc,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,cAAcO,MAAM,CAACC,MAAOb,EAAIc,SAASC,WAAYC,SAAS,SAAUC,GAAMjB,EAAIkB,KAAKlB,EAAIc,SAAU,aAAcG,IAAME,WAAW,yBAAyBjB,EAAG,MAAM,CAACkB,YAAY,CAAC,MAAQ,UAAUlB,EAAG,cAAc,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,aAAaO,MAAM,CAACC,MAAOb,EAAIc,SAASO,UAAWL,SAAS,SAAUC,GAAMjB,EAAIkB,KAAKlB,EAAIc,SAAU,YAAaG,IAAME,WAAW,yBAAyB,GAAGjB,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,cAAc,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,QAAQ,SAAW,GAAG,MAAQ,gBAAgB,YAAc,4BAA4BO,MAAM,CAACC,MAAOb,EAAIc,SAASQ,MAAON,SAAS,SAAUC,GAAMjB,EAAIkB,KAAKlB,EAAIc,SAAU,QAASG,IAAME,WAAW,qBAAqB,GAAGjB,EAAG,OAAO,CAACE,YAAY,cAAc,CAACJ,EAAIO,GAAG,2GAA2GL,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,KAAK,CAACF,EAAIO,GAAG,iBAAiBL,EAAG,MAAM,CAACE,YAAY,6BAA6BJ,EAAIuB,GAAIvB,EAAIwB,aAAa,SAASC,EAAKC,GAAO,OAAOxB,EAAG,QAAQ,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,QAAQ,CAACyB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUhB,MAAOY,EAAKK,MAAOX,WAAW,eAAed,MAAM,CAAC,KAAO,WAAW,SAAWoB,EAAKM,UAAUC,SAAS,CAAC,QAAUC,MAAMC,QAAQT,EAAKK,OAAO9B,EAAImC,GAAGV,EAAKK,MAAM,OAAO,EAAGL,EAAKK,OAAQpB,GAAG,CAAC,OAAS,CAAC,SAAS0B,GAAQ,IAAIC,EAAIZ,EAAKK,MAAMQ,EAAKF,EAAOG,OAAOC,IAAIF,EAAKG,QAAuB,GAAGR,MAAMC,QAAQG,GAAK,CAAC,IAAIpB,EAAI,KAAKyB,EAAI1C,EAAImC,GAAGE,EAAIpB,GAAQqB,EAAKG,QAASC,EAAI,GAAI1C,EAAIkB,KAAKO,EAAM,QAASY,EAAIM,OAAO,CAAC1B,KAAayB,GAAK,GAAI1C,EAAIkB,KAAKO,EAAM,QAASY,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAY1C,EAAIkB,KAAKO,EAAM,QAASe,IAAO,SAASJ,GAAQ,OAAOpC,EAAI6C,QAAQpB,EAAKK,MAAOJ,UAAcxB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIO,GAAGP,EAAI8C,GAAGrB,EAAKG,SAAS1B,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIO,GAAGP,EAAI8C,GAAGrB,EAAKsB,gBAAe,YAEl0FC,EAAkB,G,4DCwDP,GACfpB,gBAAAqB,YAAAC,eAAAC,kBAAAC,gBACAC,gBACAC,OACA,OACA7C,UACAK,UACAQ,SACAP,cACAM,aACAkC,YACAC,YACAC,UACA,CACAjC,kBAIAA,aACA,CAAAkC,WAAA9B,aAAAmB,8JAAAjB,UACA,CAAA4B,aAAA9B,oCAAAmB,6GAAAjB,UACA,CAAA4B,YAAA9B,uBAAAmB,wIAAAjB,UACA,CAAA4B,iBAAA9B,mBAAAmB,0EAAAjB,UACA,CAAA4B,YAAA9B,cAAAmB,sDAAAjB,UACA,CAAA4B,cAAA9B,uCAAAmB,mEAAAjB,SAAAC,gBAIA4B,UACAnD,QACA,mCACAoD,cACAC,MACA,0JAGAC,UACA,iCAGAC,SACAlB,aACA,KACA,4CACA,kCAGA,oBACA,8BAIA,eACA,IACA,eACA,gDACA,KACA,6BACAmB,kBAEAV,4CAEA,6CACA,YACA,uBAEA,YADA,4DAGA,QAIA,yCACA,kCAGA,sCACA,qCACA,SACA,eA1BA,QA4BA,mBC3I2W,I,wBCQvWW,EAAY,eACd,EACAlE,EACAiD,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E","file":"js/chunk-32815ae4.6697e964.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!./new.vue?vue&type=style&index=0&id=1a164f3a&prod&lang=scss&scoped=true&\"","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(\"New team member\")])],1),_c('div',{staticClass:\"flex\"}),_c('v-button',{staticClass:\"margin-r-25\",attrs:{\"label\":\"Add team member\",\"disabled\":!_vm.valid,\"loading\":_vm.saving},on:{\"click\":_vm.create}}),_c('router-link',{staticClass:\"btn brdr_btn\",attrs:{\"to\":\"/settings/staff\"}},[_vm._v(\" Cancel \")])],1),_c('div',{staticClass:\"content scroll\"},[_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\",\"required\":\"\",\"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('span',{staticClass:\"email-note\"},[_vm._v(\"We will be sending an email to the user asking them to verify their account and set a new password.\")])]),_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)])])])])\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>New team member</h3>\n\t\t</div>\n\t\t<div class=\"flex\"></div>\n\t\t<v-button label=\"Add team member\" class=\"margin-r-25\" @click=\"create\"\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<div 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\" required label=\"Email address\" v-model=\"newStaff.email\" placeholder=\"New user's email address\" />\n\t\t\t\t</div>\n\t\t\t\t<span class=\"email-note\">We will be sending an email to the user asking them to verify their account and set a new password.</span>\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';\n\nexport default {\n\tname: \"newStaff\", components: {VSwitch, InputField, VButton},\n\tmixins:[API],\n\tdata(){\n\t\treturn {\n\t\t\tsaving: 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{\n\t\t\t\t\t\tpermissions:'',\n\t\t\t\t\t}\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 create() {\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.createStaff(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\n\t\t\t\tthis.$info(\"\", \"Team member created!\")\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}\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!./new.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!./new.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./new.vue?vue&type=template&id=1a164f3a&scoped=true&\"\nimport script from \"./new.vue?vue&type=script&lang=js&\"\nexport * from \"./new.vue?vue&type=script&lang=js&\"\nimport style0 from \"./new.vue?vue&type=style&index=0&id=1a164f3a&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  \"1a164f3a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}