https://app.octoa.com/js/view11.b654de7f.js

1(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["view11"],{3917:function(t,e,a){"use strict";a.r(e);a("a573");var i=function(){var t=this,e=t._self._c;return e("div",{staticClass:"slide-in-container",class:{active:!0===t.show}},[e("div",{staticClass:"slide-in-bg"}),e("div",{staticClass:"slide-in-content"},[e("div",{staticClass:"flex justify-between"},[t._m(0),e("div",[e("div",{staticClass:"close",on:{click:t.cancel}})])]),e("div",{staticClass:"flex flex-wrap mt-2 justify-between"},[e("div",{staticClass:"w-full md:w-2/3 px-2"},[e("div",{staticClass:"w-full input-group block"},[t.isNewContact?t._e():e("div",[e("label",[t._v("Search for a contact")]),e("autocomplete",{attrs:{search:t.searchContact,"get-result-value":t.getContactResult,"debounce-time":500},on:{submit:t.searchContactClick}})],1),t.isNewContact?e("div",[e("div",{staticClass:"mb-4"},[e("strong",{staticClass:"text-black"},[t._v("Add new contact "+t._s(t.isNewContact.toString()))])]),e("form",{attrs:{method:"post",autocomplete:"off"},on:{submit:function(e){return e.preventDefault(),t.submit.apply(null,arguments)}}},[e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"name"}},[t._v(" First and last name ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.name,expression:"name"},{name:"validate",rawName:"v-validate",value:{required:!0},expression:"{ required: true }"}],attrs:{id:"name",name:"name",type:"text"},domProps:{value:t.name},on:{input:function(e){e.target.composing||(t.name=e.target.value)}}}),t.errors.has("name")?e("span",{staticClass:"error"},[t._v(t._s(t.errors.first("name")))]):t._e()]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"email"}},[t._v(" Email address ")]),e("input",{directives:[{name:"model",rawName:"v-model.lazy",value:t.email,expression:"email",modifiers:{lazy:!0}},{name:"validate",rawName:"v-validate",value:{required:!0,email:!0},expression:"{ required: true, email: true }"}],attrs:{id:"email",name:"email",type:"text"},domProps:{value:t.email},on:{blur:t.checkEmail,change:function(e){t.email=e.target.value}}}),t.errors.has("email")?e("span",{staticClass:"error"},[t._v(t._s(t.errors.first("email")))]):t._e()]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"phone"}},[t._v(" Phone number ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.phone,expression:"phone"}],attrs:{id:"phone",type:"text"},domProps:{value:t.phone},on:{input:function(e){e.target.composing||(t.phone=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"address"}},[t._v(" Address ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.address,expression:"address"}],attrs:{id:"address",type:"text"},domProps:{value:t.address},on:{input:function(e){e.target.composing||(t.address=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"postal_code"}},[t._v(" Postal code ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.postal_code,expression:"postal_code"}],attrs:{id:"postal_code",type:"text"},domProps:{value:t.postal_code},on:{input:function(e){e.target.composing||(t.postal_code=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"city"}},[t._v(" City ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.city,expression:"city"}],attrs:{id:"city",type:"text"},domProps:{value:t.city},on:{input:function(e){e.target.composing||(t.city=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"country"}},[t._v(" Country ")]),e("div",{staticClass:"select-container w-full"},[e("select",{directives:[{name:"model",rawName:"v-model",value:t.country,expression:"country"}],on:{change:function(e){var a=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){var e="_value"in t?t._value:t.value;return e}));t.country=e.target.multiple?a:a[0]}}},[e("option",{domProps:{value:null}},[t._v(" Select a country ")]),t._l(t.countriesList,(function(a,i){return e("option",{key:i,domProps:{value:a.name}},[t._v(" "+t._s(a.name)+" ")])}))],2)])]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"company"}},[t._v(" Company Name ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.company,expression:"company"}

1],attrs:{id:"company",type:"text"},domProps:{value:t.company},on:{input:function(e){e.target.composing||(t.company=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"vat"}},[t._v(" VAT number ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.vat,expression:"vat"}],attrs:{id:"vat",type:"text"},domProps:{value:t.vat},on:{input:function(e){e.target.composing||(t.vat=e.target.value)}}})]),e("div",[e("v-checkbox",{attrs:{id:"isSameAsBilling",checked:t.isSameAsBilling,label:"Same as billing address"},model:{value:t.isSameAsBilling,callback:function(e){t.isSameAsBilling=e},expression:"isSameAsBilling"}})],1),e("hr",{staticClass:"mt-3 mb-5"}),t.isSameAsBilling?t._e():e("div",{staticClass:"mb-5"},[e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"billing_name"}},[t._v("Billing First and last name ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.billing_name,expression:"billing_name"}],attrs:{id:"billing_name",name:"billing_name",type:"text"},domProps:{value:t.billing_name},on:{input:function(e){e.target.composing||(t.billing_name=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"billing_phone"}},[t._v("Billing Phone number ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.billing_phone,expression:"billing_phone"}],attrs:{id:"billing_phone",type:"text"},domProps:{value:t.billing_phone},on:{input:function(e){e.target.composing||(t.billing_phone=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"billing_address"}},[t._v("Billing Address ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.billing_address,expression:"billing_address"}],attrs:{id:"billing_address",type:"text"},domProps:{value:t.billing_address},on:{input:function(e){e.target.composing||(t.billing_address=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"billing_city"}},[t._v("Billing City ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.billing_city,expression:"billing_city"}],attrs:{id:"billing_city",type:"text"},domProps:{value:t.billing_city},on:{input:function(e){e.target.composing||(t.billing_city=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"billing_postal_code"}},[t._v("Billing Postal code ")]),e("input",{directives:[{name:"model",rawName:"v-model",value:t.billing_postal_code,expression:"billing_postal_code"}],attrs:{id:"billing_postal_code",type:"text"},domProps:{value:t.billing_postal_code},on:{input:function(e){e.target.composing||(t.billing_postal_code=e.target.value)}}})]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"billing_country"}},[t._v("Billing Country ")]),e("div",{staticClass:"select-container w-full"},[e("select",{directives:[{name:"model",rawName:"v-model",value:t.billing_country,expression:"billing_country"}],on:{change:function(e){var a=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){var e="_value"in t?t._value:t.value;return e}));t.billing_country=e.target.multiple?a:a[0]}}},[e("option",{domProps:{value:null}},[t._v(" Select a country ")]),t._l(t.countriesList,(function(a,i){return e("option",{key:i,domProps:{value:a.name}},[t._v(" "+t._s(a.name)+" ")])}))],2)])])]),e("div",{staticClass:"input-group"},[e("label",{attrs:{for:"notes"}},[t._v(" Notes (only visible to you) ")]),e("textarea",{directives:[{name:"model",rawName:"v-model",value:t.notes,expression:"notes"}],domProps:{value:t.notes},on:{input:function(e){e.target.composing||(t.notes=e.target.value)}}})])])]):t._e()])]),e("div",{staticClass:"w-full md:w-1/3 px-2"},[e("a",{staticClass:"md:mt-10 green underline cursor-pointer mt-2 mb-3 md:mb-0 md:ml-3 block",on:{click:t.toggleContact}},[t.isNewContact?t._e():e("span",[t._v("Add a new contact")]),t.isNewContact?e("span",[t._v("Search a contact by name")]):t._e()])])])]),e("div",{staticClass:"actions"},[t.loading?e("div",{staticClass:"text-center"},[e("img",{attrs:{src:a("e063"),width:"40"}})]):e("div",{staticClass:"flex"},[e("div",[e("v-button",{staticClass:"btn--secondary",on:{click:t.cancel}},[t._v(" Cancel ")])],1),e("div",{staticClass:"pl-4"},[e("v-button",{staticClass:"green-btn",on:{click:t.save}},[t._v(" Save ")])],1)])])])},s=[function(){var t=this,e=t._self._c;return e("div",[e("h1",{staticClass:"text-xl mb-5"},[t._v(" Select contact details ")])])}],n=a("b628"),l=a("d7c2"),o={props:{show:{type:Boolean,default:!1},contact:{type:Object,default:null}},data(){return{user:n["a"].user(),isNewContact:!1,loading:!1,emailError:!1,hasError:!1,contact_id:null,

1selectedContact:null,id:"",name:"",email:"",phone:"",address:"",postal_code:"",city:"",country:null,company:"",vat:"",notes:"",isSameAsBilling:!0,countriesList:[],billing_name:"",billing_phone:"",billing_address:"",billing_postal_code:"",billing_city:"",billing_country:""}},async mounted(){this.getCountriesList(),this.getContacts()},methods:{async getCountriesList(){try{const{data:t}=await this.$api.get("country").all();this.countriesList=t.countries}catch(t){this.$toasted.global.api_error(t)}},async checkEmail(){this.emailError=!1;try{const{data:t}=await this.$api.get("contacts").checkEmail({contactEmail:this.email,contactId:this.id});t.contact&&(this.emailError=!0,this.errors.add({field:"email",msg:"This email address is already in use."}))}catch(t){Object(l["b"])(t)}},cancel(){this.$emit("close")},async getContacts(){try{const{data:t}=await this.$api.get("contacts").search("");this.contactList=t.results}catch(t){this.$toasted.global.api_error(t)}},save(){if(this.emailError)return!1;this.$validator.validate().then(t=>{t?this.doSave():this.$toasted.global.general_error({message:"The fields for contact name or email are invalid."})})},getContactResult(t){return t.first_name+" "+t.last_name},searchContactClick(t){this.selectedContact=t},toggleContact(){this.selectedContact=null,this.isNewContact=!this.isNewContact},async searchContact(t){if(t.length<3)return[];this.selectedContact=null;try{const{data:e}=await this.$api.get("contacts").search(t),{results:a}=e;return a}catch(e){Object(l["b"])(e)}},async doSave(){this.loading=!0;const t={companyId:this.user.me.company_id,contactId:null,contactName:this.name,contactEmail:this.email,contactPhone:this.phone,contactAddress:this.address,contactPostalCode:this.postal_code,contactCity:this.city,contactCountry:this.country,contactCompany:this.company,contactVat:this.vat,contactNotes:this.notes,isSameAsBilling:this.isSameAsBilling,billing_name:this.billing_name,billing_phone:this.billing_phone,billing_address:this.billing_address,billing_postal_code:this.billing_postal_code,billing_city:this.billing_city,billing_country:this.billing_country};if(!0===this.isNewContact)try{const{data:e}=await this.$api.get("contacts").save(t);

1this.$emit("selectedContact",e.contact.id),setTimeout(()=>this.loading=!1,300)}catch(e){this.$toasted.global.api_error(e)}else this.$emit("update:contact",this.selectedContact),this.$emit("selectedContact",this.selectedContact.id),this.$emit("close"),setTimeout(()=>this.loading=!1,300)}}},r=o,c=a("0c7c"),d=Object(c["a"])(r,i,s,!1,null,null,null);e["default"]=d.exports}}]);
2//# sourceMappingURL=view11.b654de7f.js.map