https://www.mandatum.fi/static/dist/tailwind/561.16301da769a3be4679d2.js

1(self.webpackChunk=self.webpackChunk||[]).push([[561],{89638(){},6337(e,a,l){"use strict";var i=l(85072),t=l.n(i),o=l(97825),r=l.n(o),s=l(77659),n=l.n(s),d=l(55056),m=l.n(d),c=l(10540),p=l.n(c),u=l(41113),h=l.n(u),b=l(89638),f=l.n(b),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=n().bind(null,"head"),v.domAPI=r(),v.insertStyleElement=p();t()(f(),v),f()&&f().locals&&f().locals},43972(e,a,l){"use strict";l.r(a),l.d(a,{default:()=>o});var i=l(441),t=l(70682);l(92842);const o=(0,l(66262).A)(t.A,[["render",i.X],["__scopeId","data-v-eabf63ca"]])},66517(e,a,l){"use strict";l.d(a,{A:()=>d});var i=l(71083),t=l(55373),o=l.n(t),r=l(78936),s=l(60461);let n=0;const d={setup:()=>({formId:n++}),props:["model"],components:{vueSelect:r.A,VueTelInput:s.E},data:function(){return{isButtonDisabled:!1,legend:"",visibility:"visible",displayFirstNameError:"none",displayLastNameError:"none",displayEmailAddressError:"none",displayBusPhoneError:"none",displayTopicError:"none",thankYouMessage:this.model.thankYouMessage,subscriptionFailedMessage:this.model.subscriptionFailedMessage,emailValidationError:this.model.emailValidationError,phoneValidationError:this.model.phoneValidationError,formFieldEmptyValidationMessage:this.model.formFieldEmptyValidationMessage,emailAddress:"",firstName:"",lastName:"",busPhone:"",description:"",topic:this.model.topics[0],campaign:this.model.campaign,media:this.model.media,source:this.model.source,sourceUrl:this.model.sourceUrl,marketingPermission:"",marketingConsentTopicId:this.model.cijMarketingConsentTopicId,elqFormName:this.model.eloquaContactFormName,elqSiteID:this.model.eloquaFormSiteId,elqFormAction:this.model.eloquaFormUrl,elqFormConfirmationText:this.model.eloquaFormConfirmationText,legendColorClass:"",hideOnSubmit:"block",cijFormApiUrl:this.model.cijFormApiUrl,cijFormId:this.model.cijFormId,cijIntegrationEnabled:this.model.cijIntegrationEnabled,additionalFields:(this.model.additionalContactFormFields||[]).map(e=>({...e}))}},mounted:function(){this.legend=this.model.preamble},computed:{inputCSS:()=>"w-full py-6 pl-20 pr-10 mt-2 mb-5 uppercase border border-borderBlack50Opacity",labelCSS:()=>"block font-gotham text-14/16 text-formDescription mt-10"},methods:{getCijMappings:function(){const e=[{FormFieldName:"firstName",DataverseFieldName:"firstname"},{FormFieldName:"lastName",DataverseFieldName:"lastname"},{FormFieldName:"emailAddress",DataverseFieldName:"new_accountemail"},{FormFieldName:"busPhone",DataverseFieldName:"new_accounttelephone1"},{FormFieldName:"description",DataverseFieldName:"description"},{DataverseFieldValue:this.topic&&this.topic.topicDescription?this.topic.topicDescription:"Yhteydenottopyyntö",DataverseFieldName:"subject"},{DataverseFieldValue:this.sourceUrl,DataverseFieldName:"ifa_sourceurl"},{DataverseFieldValue:"5",DataverseFieldName:"new_type"},{DataverseFieldValue:this.source,DataverseFieldName:"new_kampanjasource"},{DataverseFieldValue:this.media,DataverseFieldName:"new_kampanjamedia"},{DataverseFieldValue:this.campaign,DataverseFieldName:"new_kampanjanimi"},{FormFieldName:"marketingPermission",DataverseFieldName:"msdynmkt_topicid;channels;optinwhenchecked",DataverseFieldValue:`${this.marketingConsentTopicId};Email;true`}],a=this.additionalFields.filter(e=>e&&e.id).map(e=>({FormFieldName:e.id,DataverseFieldName:e.id}));return e.concat(a)},submitForm:function(){if(this.validateForm())if(this.cijIntegrationEnabled)d365mktformcapture.waitForElement("#contactForm-"+this.formId).then(e=>{const a=this.getCijMappings(),l=d365mktformcapture.serializeForm(e,a).SerializedForm.build(),i={FormId:this.cijFormId,FormApiUrl:this.cijFormApiUrl};d365mktformcapture.submitForm(i,l).then(e=>{this.legend=this.thankYouMessage}).catch(e=>{this.legend=this.subscriptionFailedMessage,this.legendColorClass="errorMessage text-error"}).finally(()=>{this.visibility="hidden",this.hideOnSubmit="none",this.buttonDisabled()})});else{let a=this;var e={firstName:a.firstName,lastName:a.lastName,emailAddress:a.emailAddress,busPhone:a.busPhone,description:a.description,sourceUrl:a.sourceUrl,campaign:a.campaign,media:a.media,source:a.source,elqFormName:a.elqFormName,elqSiteID:a.elqSiteID,topic:a.topic.topicDescription,marketingPermission:a.marketingPermission};a.additionalFields.forEach(a=>{e[a.id]=a.value}),i.A.post(a.elqFormAction,o().stringify(e)).then(function(e){-1!==new Buffer(e.data,"binary").toString().indexOf(a.elqFormConfirmationText)?(a.legend=a.thankYouMessage,a.visibility="hidden"):(a.legend=a.subscriptionFailedMessage,a.legendColorClass="errorMessage text-error")}).catch(e=>{console.log(e)}),this.visibility="hidden",this.legend=a.legend,this.hideOnSubmit="none",this.buttonDisabled()}},validateForm:function(){var e=!0;return this.firstName?this.displayFirstNameError="none":(this.displayFirstNameError="inline-block",e=!1),this.lastName?this.displayLastNameError="none":(this.displayLastNameError="inline-block",e=!1),this.emailAddress&&this.validEmail(this.emailAddress)?this.displayEmailAddressError="none":(this.displayEmailAddressError="inline-block",e=!1),this.busPhone&&this.validPhone(this.busPhone)?this.displayBusPhoneError="none":(this.displayBusPhoneError="inline-block",e=!1),this.topic?this.displayTo

1picError="none":(this.displayTopicError="inline-block",e=!1),e},validEmail:function(e){return/^(([^<>()\[\]\\.,;:\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,}))$/.test(e)},validPhone:function(e){return/^(\+[\(]?[0-9]{1,4}|[\(]?00[0-9]{0,2}|[\(]?011[0-9]?|[\(]?010[0-9]?)[\)]?([ \-\(\)]*[0-9][ \-\(\)]*){3,16}$/.test(e)},buttonDisabled(){this.isButtonDisabled=!0},onSubmit:function(){console.log("vue prevent default submit")}}}},92842(e,a,l){"use strict";l(6337)},70682(e,a,l){"use strict";l.d(a,{A:()=>i.A});var i=l(66517)},441(e,a,l){"use strict";l.d(a,{X:()=>i.X});var i=l(11866)},11866(e,a,l){"use strict";l.d(a,{X:()=>_});var i=l(41425);const t={class:"bg-brandSand py-140 hidden lg:block"},o={class:"container flex flex-row-reverse mx-auto px-56"},r={class:"w-1/2"},s={class:"float-left"},n=["id"],d={class:"w-1/2 pr-25"},m={class:"flex flex-col"},c=["aria-label"],p={class:"flex flex-col"},u=["aria-label"],h={class:"flex flex-col"},b={class:"flex flex-col"},f=["aria-label"],v=["id","for"],k={key:0,class:"w-full"},g=["name","value"],F=["onUpdate:modelValue","name","type","aria-label"],y={class:"contactform-panel-right w-1/2 pl-25"},x={class:"d-flex"},L={class:"d-flex"},N=["placeholder","aria-label"],C={class:"mt-32 mb-4"},E={class:"text-16/24 normal-case text-formDescription"},S={class:"col-lg-12 check-agreement p-12 mt-20 font-gothamLight flex w-full text-14/21 text-formDescription"},D=["value"],P=["aria-label"],w=["innerHTML"],V={class:"w-1/2"},A={class:"contactform-heading-wrapper flex flex-col items-center justify-center max-w-[700px] mx-auto"},T=["innerHTML"],I=["disabled"];function _(e,a,l,_,M,U){const q=(0,i.g2)("vue-tel-input"),j=(0,i.g2)("vue-select");return(0,i.uX)(),(0,i.CE)("div",t,[(0,i.Lk)("div",o,[(0,i.Lk)("div",r,[(0,i.Lk)("div",s,[(0,i.Lk)("p",{class:"text-14/17 font-gothamLight mx-auto mb-8 text-formDescription",style:(0,i.Tr)({display:e.hideOnSubmit}),"aria-hidden":"true"},"*"+(0,i.v_)(l.model.requiredFieldText),5),(0,i.Lk)("form",{id:"contactForm-"+_.formId,"aria-labelledby":"contant-form-heading",class:"row flex flex-wrap",style:(0,i.Tr)({visibility:e.visibility}),onSubmit:a[7]||(a[7]=(0,i.D$)((...e)=>U.onSubmit&&U.onSubmit(...e),["prevent"]))},[(0,i.Lk)("div",d,[(0,i.Lk)("div",m,[(0,i.Lk)("label",{id:"firstNameLabel",for:"firstName",class:(0,i.C4)(U.labelCSS)},[(0,i.eW)((0,i.v_)(l.model.firstNamePlaceholder)+" ",1),a[9]||(a[9]=(0,i.Lk)("span",{"aria-hidden":"true"},"*",-1))],2),(0,i.bo)((0,i.Lk)("input",{id:"firstName",class:(0,i.C4)(U.inputCSS),"onUpdate:modelValue":a[0]||(a[0]=a=>e.firstName=a),name:"firstName",type:"text",required:"","aria-label":l.model.firstNamePlaceholder},null,10,c),[[i.Jo,e.firstName]])]),(0,i.Lk)("label",{class:"font-gotham text-13/19 text-error",style:(0,i.Tr)({display:e.displayFirstNameError})},(0,i.v_)(l.model.formFieldEmptyValidationMessage),5),(0,i.Lk)("div",p,[(0,i.Lk)("label",{id:"lastNameLabel",for:"lastName",class:(0,i.C4)(U.labelCSS)},[(0,i.eW)((0,i.v_)(l.model.lastNamePlaceholder)+" ",1),a[10]||(a[10]=(0,i.Lk)("span",{"aria-hidden":"true"},"*",-1))],2),(0,i.bo)((0,i.Lk)("input",{id:"lastName",class:(0,i.C4)(U.inputCSS),"onUpdate:modelValue":a[1]||(a[1]=a=>e.lastName=a),name:"lastName",required:"",type:"text","aria-label":l.model.lastNamePlaceholder},null,10,u),[[i.Jo,e.lastName]])]),(0,i.Lk)("label",{class:"font-gotham text-13/19 text-error",style:(0,i.Tr)({display:e.displayLastNameError})},(0,i.v_)(l.model.formFieldEmptyValidationMessage),5),(0,i.Lk)("div",h,[(0,i.Lk)("label",{id:"busPhoneLabel",for:"busPhone",class:(0,i.C4)(U.labelCSS)},[(0,i.eW)((0,i.v_)(l.model.telephonePlaceholder)+" ",1),a[11]||(a[11]=(0,i.Lk)("span",{"aria-hidden":"true"},"*",-1))],2),(0,i.bF)(q,{inputOptions:{showDialCode:!0,id:"busPhone",name:"busPhone",ariaLabel:l.model.telephonePlaceholder,type:"tel"},dropdownOptions:{showSearchBox:!0,showFlags:!0,showDialCodeInList:!0,tabindex:0},modelValue:e.busPhone,"onUpdate:modelValue":a[2]||(a[2]=a=>e.busPhone=a),required:"",class:(0,i.C4)("contactform-input border-formDescription"),"aria-label":l.model.telephonePlaceholder},null,8,["inputOptions","modelValue","aria-label"])]),(0,i.Lk)("label",{class:"font-gotham text-13/19 text-error",style:(0,i.Tr)({display:e.displayBusPhoneError})},(0,i.v_)(e.phoneValidationError),5),(0,i.Lk)("div",b,[(0,i.Lk)("label",{id:"emailAddressLabel",for:"emailAddress",class:(0,i.C4)(U.labelCSS)},[(0,i.eW)((0,i.v_)(l.model.emailPlaceholder)+" ",1),a[12]||(a[12]=(0,i.Lk)("span",{"aria-hidden":"true"},"*",-1))],2),(0,i.bo)((0,i.Lk)("input",{id:"emailAddress",class:(0,i.C4)(U.inputCSS),"onUpdate:modelValue":a[3]||(a[3]=a=>e.emailAddress=a),name:"emailAddress",type:"email",required:"","aria-label":l.model.emailPlaceholder},null,10,f),[[i.Jo,e.emailAddress]])]),(0,i.Lk)("label",{class:"font-gotham text-13/19 text-error",style:(0,i.Tr)({display:e.displayEmailAddressError})},(0,i.v_)(l.model.emailValidationError),5),((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(e.additionalFields,e=>((0,i.uX)(),(0,i.CE)("div",{key:e.id,class:"flex flex-col"},[(0,i.Lk)("label",{class:(0,i.C4)(U.labelCSS),id:e.id+"label",for:e.id},(0,i.v_)(e.label),11,v),"select"===e.type?((0,i.uX)(),(0,i.CE)("div",k,[(0,i.bF)(j,{modelValue:e.value,"onUpdate:modelValue":a=>e.value=a,class:"w-full mt-2 mb-5 uppercase text-formDescription",options:e.options||[],label:"text",reduce:e=>e.value||e.Value,"aria-label":e.label},null,8,["modelValue","onUpdate:modelValue","options","reduce","aria-label"]),(0,i.Lk)("input",{type:"hidden",name:e.id,value:e.value&&"object"==typeof e.value?e.value.value||e.value.Value||"":e.value},null,8,g)])):(0,i.bo)(((0,i.uX)(),(0,i.CE)("input",{key:1,class:(0,i.C4)(U.inputCSS),"onUpdate:modelValue":a=>e.value=a,name:e.id,type:e.type||"text","aria-label":e.label},null,10,F)),[[i.hp,e.value]])]))),128))]),(0,i.Lk)("div",y,[(0,i.Lk)("div",x,[(0,i.Lk)("label",{id:"topicLabel",for:"topic",class:(0,i.C4)(U.labelCSS)},(0,i.v_)(l.model.topicSelectLabel),3),(0,i.bF)(j,{modelValue:e.topic,"onUpdate:modelValue":a[4]||(a[4]=a=>e.topic=a),class:"w-full mt-10 uppercase text-formDescription",id:"topic",name:"topic",options:l.model.topics,label:"topicDescription","aria-label":l.model.topicSelectLabel},null,8,["modelValue","options","aria-label"]),(0,i.Lk)("label",{class:"font-gotham text-13/19 text-error",style:(0,i.Tr)({display:e.displayTo

1picError})},(0,i.v_)(l.model.formFieldEmptyValidationMessage),5)]),(0,i.Lk)("div",L,[(0,i.Lk)("label",{for:"additionalInfo",class:(0,i.C4)(U.labelCSS)},(0,i.v_)(l.model.additionalInfoLabel),3),(0,i.bo)((0,i.Lk)("textarea",{class:"contactform-textarea w-full max-w-[315px] h-[145px] py-6 pl-20 mt-10 uppercase border border-formDescription text-black","onUpdate:modelValue":a[5]||(a[5]=a=>e.description=a),id:"additionalInfo",name:"description",placeholder:l.model.additionalInfoPlaceholder,"aria-label":l.model.additionalInfoPlaceholder},null,8,N),[[i.Jo,e.description]])])]),(0,i.Lk)("div",C,[(0,i.Lk)("h3",E,(0,i.v_)(l.model.marketingAgreementHeading),1)]),(0,i.Lk)("div",S,[(0,i.bo)((0,i.Lk)("input",{id:"marketingPermission",class:"peer absolute opacity-0","onUpdate:modelValue":a[6]||(a[6]=a=>e.marketingPermission=a),value:e.marketingPermission,"true-value":"1","false-value":"","null-value":"",type:"checkbox",name:"marketingPermission"},null,8,D),[[i.lH,e.marketingPermission]]),(0,i.Lk)("label",{class:"custom-checkbox mr-5 relative cursor-pointer h-20 min-w-[20px] border border-black bg-white table peer-checked:after:content-[''] peer-checked:after:absolute peer-checked:after:left-6 peer-checked:after:top-1 peer-checked:after:w-6 peer-checked:after:h-12 peer-checked:after:border-b-2 peer-checked:after:border-r-2 peer-checked:after:border-formDescription peer-checked:after:rotate-45",for:"marketingPermission","aria-label":l.model.marketingAgreementText},null,8,P),(0,i.eW)(" "+(0,i.v_)(l.model.marketingAgreementText),1)]),(0,i.Lk)("div",{class:"mt-20 mr-15 mb-0 ml-27 text-13/19 text-formDescription",innerHTML:l.model.smallDescriptionText},null,8,w)],44,n)])]),(0,i.Lk)("div",V,[(0,i.Lk)("div",A,[(0,i.Lk)("h2",{id:"contant-form-heading",class:"text-center font-gotham text-50/60 uppercase",style:(0,i.Tr)({display:e.hideOnSubmit}),innerHTML:l.model.heading},null,12,T),(0,i.Lk)("h2",(0,i.v6)({class:"contactform-legend"},{class:e.legendColorClass}),(0,i.v_)(e.legend),17),(0,i.Lk)("button",{class:"contactform-button font-gotham py-15 px-60 w-fit mt-20 text-16/20 text-white bg-black cursor-pointer border border-transparent hover:text-black hover:bg-white hover:border-black",disabled:e.isButtonDisabled,style:(0,i.Tr)({display:e.hideOnSubmit}),onClick:a[8]||(a[8]=(...e)=>U.submitForm&&U.submitForm(...e))},(0,i.v_)(l.model.callToActionText),13,I)])])])])}},42634(){}}]);