https://kiku.listen.org/3694.3d79390c30f24b42.bundle.js

1"use strict";(self["webpackChunkclient"]=self["webpackChunkclient"]||[]).push([[3694],{53694:function(e,t,i){i.r(t),i.d(t,{default:function(){return E}});var s=i(20641),a=i(90033),l=i(53751);const o={class:"section"},d={class:"container",style:{"max-width":"600px"}},n={key:0,class:"notification is-danger is-light is-rounded"},m={key:1,class:"card p-5"},r={class:"has-text-centered"},c={class:"title is-4"},u={class:"mb-4"},k={class:"notification is-light is-rounded mt-4"},h={class:"is-size-7 has-text-grey"},f={key:2,class:"card p-5"},p={class:"title is-4 mb-2"},g={class:"has-text-grey mb-5"},y={class:"notification is-light is-rounded mb-5"},b={class:"is-size-7 has-text-grey"},v={key:0},_={key:0,class:"is-size-7 mt-2"},F=["disabled"],L={key:3,class:"card p-5"},$={class:"has-text-centered"},V={class:"title is-4"},D={class:"mb-4"},C={class:"notification is-light is-rounded mt-4"},x={class:"is-size-7 has-text-grey"};function X(e,t,i,X,T,I){const U=(0,s.g2)("b-loading"),E=(0,s.g2)("router-link"),W=(0,s.g2)("b-icon"),w=(0,s.g2)("b-tag"),Q=(0,s.g2)("b-input"),z=(0,s.g2)("b-field"),S=(0,s.g2)("b-datepicker"),q=(0,s.g2)("b-switch");return(0,s.uX)(),(0,s.CE)("section",o,[(0,s.Lk)("div",d,[(0,s.bF)(U,{active:T.isLoading,"is-full-page":!1},null,8,["active"]),T.error?((0,s.uX)(),(0,s.CE)("div",n,[(0,s.Lk)("p",null,(0,a.v_)(T.error),1),(0,s.bF)(E,{to:{name:"Home"},class:"button is-small is-rounded mt-3"},{default:(0,s.k6)(()=>[(0,s.eW)((0,a.v_)(e.$t("back_to_home")),1)]),_:1})])):T.ticketData&&T.ticketData.detailsFilled?((0,s.uX)(),(0,s.CE)("div",m,[(0,s.Lk)("div",r,[(0,s.bF)(W,{icon:"check-circle",type:"is-success",size:"is-large",class:"mb-4"}),(0,s.Lk)("h2",c,(0,a.v_)(e.$t("ticket_details_already_filled")),1),(0,s.Lk)("p",u,(0,a.v_)(e.$t("ticket_details_already_filled_desc")),1),(0,s.Lk)("div",k,[(0,s.Lk)("p",null,[(0,s.Lk)("strong",null,(0,a.v_)(T.ticketData.event?.name),1)]),(0,s.Lk)("p",h,(0,a.v_)(T.ticketData.event?.dateTimeBegin),1)])])])):T.ticketData?((0,s.uX)(),(0,s.CE)("div",f,[(0,s.Lk)("h2",p,(0,a.v_)(e.$t("fill_ticket_details")),1),(0,s.Lk)("p",g,(0,a.v_)(e.$t("fill_ticket_details_desc")),1),(0,s.Lk)("div",y,[(0,s.Lk)("p",null,[(0,s.Lk)("strong",null,(0,a.v_)(T.ticketData.event?.name),1)]),(0,s.Lk)("p",b,[(0,s.eW)((0,a.v_)(T.ticketData.event?.dateTimeBegin)+" ",1),T.ticketData.event?.location?((0,s.uX)(),(0,s.CE)("span",v,"· "+(0,a.v_)(T.ticketData.event?.location),1)):(0,s.Q3)("",!0)]),T.ticketData.ticket?.name?((0,s.uX)(),(0,s.CE)("p",_,[(0,s.bF)(w,{rounded:""},{default:(0,s.k6)(()=>[(0,s.eW)((0,a.v_)(T.ticketData.ticket?.name),1)]),_:1})])):(0,s.Q3)("",!0)]),(0,s.Lk)("form",{onSubmit:t[3]||(t[3]=(0,l.D$)((...e)=>I.submitForm&&I.submitForm(...e),["prevent"]))},[(0,s.bF)(z,{label:e.$t("name")+" *",type:T.errors.name?"is-danger":"",message:T.errors.name},{default:(0,s.k6)(()=>[(0,s.bF)(Q,{modelValue:T.form.name,"onUpdate:modelValue":t[0]||(t[0]=e=>T.form.name=e),required:""},null,8,["modelValue"])]),_:1},8,["label","type","message"]),(0,s.bF)(z,{label:e.$t("email")+" *",type:T.errors.email?"is-danger":"",message:T.errors.email},{default:(0,s.k6)(()=>[(0,s.bF)(Q,{modelValue:T.form.email,"onUpdate:modelValue":t[1]||(t[1]=e=>T.form.email=e),type:"email",required:""},null,8,["modelValue"])]),_:1},8,["label","type","message"]),I.showPhone?((0,s.uX)(),(0,s.Wv)(z,{key:0,label:e.$t("phone")},{default:(0,s.k6)(()=>[(0,s.bF)(Q,{modelValue:T.form.phone,"onUpdate:modelValue":t[2]||(t[2]=e=>T.form.phone=e),type:"tel"},null,8,["modelValue"])]),_:1},8,["label"])):(0,s.Q3)("",!0),T.formConfig?.fields?((0,s.uX)(!0),(0,s.CE)(s.FK,{key:1},(0,s.pI)(I.customFields,e=>((0,s.uX)(),(0,s.Wv)(z,{key:e.customFieldId||e.key,label:I.getFieldLabel(e)+(e.mandatory?" *":"")},{default:(0,s.k6)(()=>["text"===I.getFieldType(e)?((0,s.uX)(),(0,s.Wv)(Q,{key:0,modelValue:T.form.customFields[e.customFieldId||e.key],"onUpdate:modelValue":t=>T.form.customFields[e.customFieldId||e.key]=t},null,8,["modelValue","onUpdate:modelValue"])):"textarea"===I.getFieldType(e)?((0,s.uX)(),(0,s.Wv)(Q,{key:1,modelValue:T.form.customFields[e.customFieldId||e.key],"onUpdate:modelValue":t=>T.form.customFields[e.customFieldId||e.key]=t,type:"textarea"},null,8,["modelValue","onUpdate:modelValue"])):"date"===I.getFieldType(e)?((0,s.uX)(),(0,s.Wv)(S,{key:2,modelValue:T.form.customFields[e.customFieldId||e.key],"onUpdate:modelValue":t=>T.form.customFields[e.customFieldId||e.key]=t,position:"is-top-right","append-to-body":""},null,8,["modelValue","onUpdate:modelValue"])):"boolean"===I.getFieldType(e)?((0,s.uX)(),(0,s.Wv)(q,{key:3,modelValue:T.form.customFields[e.customFieldId||e.key],"onUpdate:modelValue":t=>T.form.customFields[e.customFieldId||e.key]=t},null,8,["modelValue","onUpdate:modelValue"])):(0,s.Q3)("",!0)]),_:2},1032,["label"]))),128)):(0,s.Q3)("",!0),(0,s.Lk)("button",{type:"submit",class:(0,a.C4)(["button is-primary is-medium is-rounded is-fullwidth mt-5",{"is-loading":T.isSubmitting}]),disabled:T.isSubmitting},(0,a.v_)(e.$t("save_details")),11,F)],32)])):(0,s.Q3)("",!0),T.success?((0,s.uX)(),(0,s.CE)("div",L,[(0,s.Lk)("div",$,[(0,s.bF)(W,{icon:"check-circle",type:"is-success",size:"is-large",class:"mb-4"}),(0,s.Lk)("h2",V,(0,a.v_)(e.$t("ticket_details_saved")),1),(0,s.Lk)("p",D,(0,a.v_)(e.$t("ticket_details_saved_desc")),1

1),(0,s.Lk)("div",C,[(0,s.Lk)("p",null,[(0,s.Lk)("strong",null,(0,a.v_)(T.ticketData.event?.name),1)]),(0,s.Lk)("p",x,(0,a.v_)(T.ticketData.event?.dateTimeBegin),1)])])])):(0,s.Q3)("",!0)])])}i(18111),i(22489),i(13579);var T={name:"TicketFillDetails",data(){return{isLoading:!0,isSubmitting:!1,error:null,success:!1,ticketData:null,formConfig:null,form:{name:"",email:"",phone:"",customFields:{}},errors:{}}},computed:{token(){return this.$route.params.token},showPhone(){return!!this.formConfig?.fields&&this.formConfig.fields.some(e=>"standard"===e.type&&"phone"===e.key)},customFields(){return this.formConfig?.fields?this.formConfig.fields.filter(e=>"custom"===e.type):[]}},created(){this.fetchTicketDetails()},methods:{fetchTicketDetails(){this.isLoading=!0,this.$http.plain.get(`/ticket/${this.token}/details`).then(e=>{this.ticketData=e.data,this.formConfig=e.data.formConfig,e.data.existingData&&(this.form.name=e.data.existingData.name||"",this.form.email=e.data.existingData.email||"")}).catch(e=>{console.log(e),this.error=e.response?.data?.message||this.$t("invalid_ticket_token")}).finally(()=>{this.isLoading=!1})},getFieldLabel(e){return"standard"===e.type?this.$t(e.key):e.name||e.label||this.$t("custom_field")},getFieldType(e){return"standard"===e.type?"text":e.fieldType||"text"},validateForm(){return this.errors={},this.form.name?.trim()||(this.errors.name=this.$t("field_required")),this.form.email?.trim()?this.isValidEmail(this.form.email)||(this.errors.email=this.$t("invalid_email")):this.errors.email=this.$t("field_required"),0===Object.keys(this.errors).length},isValidEmail(e){const t=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;return t.test(e)},submitForm(){if(!this.validateForm())return;this.isSubmitting=!0;const e={name:this.form.name,email:this.form.email,phone:this.form.phone||null,customFields:this.form.customFields};this.$http.plain.patch(`/ticket/${this.token}/details`,e).then(()=>{this.success=!0,this.$buefy.toast.open({message:this.$t("ticket_details_saved"),type:"is-success"})}).catch(e=>{console.log(e),this.$buefy.toast.open({message:e.response?.data?.message||this.$t("error_saving"),type:"is-danger"})}).finally(()=>{this.isSubmitting=!1})}}},I=i(66262);const U=(0,I.A)(T,[["render",X],["__scopeId","data-v-554937ac"]]);var E=U}}]);