https://www.velocityfrequentflyer.com/etc.clientlibs/my-velocity/c…/feature-NameChange.ae15d8d320a5b87e1475.js

1"use strict";(self.webpackChunkvff_my_velocity=self.webpackChunkvff_my_velocity||[]).push([[5925],{18130(e,a,n){n.r(a),n.d(a,{default:()=>K});var t=n(74848),r=n(96540),s=n(92816),i=n(32002),o=n(55691),l=n(74049),m=n(96758),c=n(40724),d=n(77023),u=n(71735),p=n(18400),h=n(17911),f=n(38092),g=n(4452),N=n.n(g),C=n(57455),v=n(87501),x=n(53546),b=n(49184),j=n(85486),I=n(99168),y=n(88044),A=n(27693),_=n(6899),B=n(3848),D=n(21137),k=n(6816);const E={wrapper:"src-features-NameChange-NameChange_wrapper",innerWrapper:"src-features-NameChange-NameChange_innerWrapper",backBtn:"src-features-NameChange-NameChange_backBtn",backBtnIcon:"src-features-NameChange-NameChange_backBtnIcon",loadingWrapper:"src-features-NameChange-NameChange_loadingWrapper",formWrapper:"src-features-NameChange-NameChange_formWrapper",formWrapperInner:"src-features-NameChange-NameChange_formWrapperInner",title:"src-features-NameChange-NameChange_title",description:"src-features-NameChange-NameChange_description",personalInfo:"src-features-NameChange-NameChange_personalInfo",personalInfoHeading:"src-features-NameChange-NameChange_personalInfoHeading",personalInfoDescription:"src-features-NameChange-NameChange_personalInfoDescription",titleWrapper:"src-features-NameChange-NameChange_titleWrapper",nameWrapper:"src-features-NameChange-NameChange_nameWrapper",fieldContainer:"src-features-NameChange-NameChange_fieldContainer",dateOfBirth:"src-features-NameChange-NameChange_dateOfBirth",supportingDocumentsHeading:"src-features-NameChange-NameChange_supportingDocumentsHeading",supportingDocumentsDescription:"src-features-NameChange-NameChange_supportingDocumentsDescription",error:"src-features-NameChange-NameChange_error",radioInfoBoxes:"src-features-NameChange-NameChange_radioInfoBoxes",radioInfoBox:"src-features-NameChange-NameChange_radioInfoBox",supportingDocumentsError:"src-features-NameChange-NameChange_supportingDocumentsError",uploadWrapper:"src-features-NameChange-NameChange_uploadWrapper",agreement:"src-features-NameChange-NameChange_agreement",consentCheckTwo:"src-features-NameChange-NameChange_consentCheckTwo",agreementText:"src-features-NameChange-NameChange_agreementText",agreementCheckbox:"src-features-NameChange-NameChange_agreementCheckbox",errorBox:"src-features-NameChange-NameChange_errorBox",fadeEnter:"src-features-NameChange-NameChange_fadeEnter",fadeEnterActive:"src-features-NameChange-NameChange_fadeEnterActive",fadeExit:"src-features-NameChange-NameChange_fadeExit",fadeExitActive:"src-features-NameChange-NameChange_fadeExitActive",genderInfoBox:"src-features-NameChange-NameChange_genderInfoBox",infoBoxStyle:"src-features-NameChange-NameChange_infoBoxStyle",infoBoxLink:"src-features-NameChange-NameChange_infoBoxLink",infoBoxLinkIcon:"src-features-NameChange-NameChange_infoBoxLinkIcon",infoBoxTitle:"src-features-NameChange-NameChange_infoBoxTitle",descriptionClassName:"src-features-NameChange-NameChange_descriptionClassName",infoBoxIcon:"src-features-NameChange-NameChange_infoBoxIcon"};var T=n(47464),w=n(72961),q=n(57330),L=n(90740),W=n(30453),S=n(26279),O=n(48578),M=n(38100);const F="Uh oh. Something went wrong...",R="<p>Please check your internet connection and try again. If the issue persists reach out to our friendly membership support team.</p>",P="title",V="gender",H="firstName",U="lastName",$="dateOfBirth",Y="supportingDocuments",z="proofOfNameChange",G=({user:e,title:a="Request to update your personal information",onSubmit:n=()=>{},description:s,personalInfo:{heading:i,description:o,dateOfBirthToolTip:l}={},titleOptions:m=[],supportingDocuments:{heading:d,description:u,documentTypes:p=[]}={},proofOfName:{heading:h,uploadButtonText:g,uploadSubTxt:G}={},submit:{submitButtonText:X,consentCheckOne:J,consentCheckTwo:K}={},errorMessage:{heading:Q=F,description:Z=R}={},hasError:ee=!1,genderInfoBox:ae})=>{var ne,te,re,se,ie,oe,le,me;const ce=(0,r.useRef)(null),de=e.member?C.c9.fromISO(e.member.dateOfBirth||"").toFormat("dd/MM/yyyy"):"",ue=(0,B.rN)(e),pe=m.find(e=>{var a;return(null==(a=e.memberProfileValue)?void 0:a.toLowerCase())===(null==ue?void 0:ue.toLowerCase())}),he=y.e5.find(a=>{var n,t,r;return(null==(n=a.value)?void 0:n.toLowerCase())===(null==(r=null==(t=e.member)?void 0:t.gender)?void 0:r.toLowerCase())}

1),fe=(0,v.mN)({...T.L,defaultValues:{[P]:pe,[V]:he,[H]:null==(ne=e.member)?void 0:ne.firstName,[U]:null==(te=e.member)?void 0:te.lastName,[$]:de}}),{handleSubmit:ge,formState:Ne,watch:Ce,trigger:ve,reset:xe}=fe,{errors:be,touchedFields:je}=Ne,Ie=Ce(Y),ye=be[Y],Ae=Ce(P),_e=(null==Ae?void 0:Ae.memberProfileValue)||(null==Ae?void 0:Ae.value),Be=_e===I.Ht.DOCTOR||_e===I.Ht.MX,De=p.find(({heading:e})=>e===Ie);return(0,r.useEffect)(()=>{ee&&ce.current&&(0,f.PA)(ce.current)},[ee]),(0,r.useEffect)(()=>{e.member&&xe({[P]:pe,[V]:he,[H]:e.member.firstName,[U]:e.member.lastName,[$]:de})},[e.member,xe,de]),(0,t.jsx)(t.Fragment,{children:null!=e&&e.member?(0,t.jsx)(v.Op,{...fe,children:(0,t.jsx)(_.A,{children:(0,t.jsx)(A.A,{children:(0,t.jsxs)("form",{onSubmit:ge(n),children:[(0,t.jsx)("h2",{className:E.title,children:a}),ee&&(0,t.jsx)("div",{ref:ce,children:(0,t.jsx)(x.A,{className:E.error,title:Q,content:Z})}),s&&(0,t.jsx)(j.A,{content:s,className:E.description}),(0,t.jsxs)("div",{className:E.personalInfo,children:[(0,t.jsx)("h3",{className:E.personalInfoHeading,children:i||"Your new personal information"}),o&&(0,t.jsx)("p",{className:E.personalInfoDescription,children:o}),(0,t.jsx)("div",{className:E.titleWrapper,children:(0,t.jsx)(D.A,{flush:!0,className:E.fieldContainer,children:(0,t.jsx)(w.A,{label:"title",name:P,items:m,rules:{required:"Title is required"},autoComplete:"honorific-prefix",isSearchable:!1,placeholder:"Select"})})}),Be&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:E.titleWrapper,children:(0,t.jsx)(D.A,{flush:!0,className:N()(E.fieldContainer,E.fieldContainer),children:(0,t.jsx)(w.A,{label:"Select gender",name:V,items:y.e5,autoComplete:"gender",rules:{required:"Gender is required"},piiData:!0})})}),!(0,f.Im)(ae)&&(0,t.jsx)("div",{className:E.genderInfoBox,children:(0,t.jsx)(x.A,{title:null==ae?void 0:ae.title,titleClassName:E.infoBoxTitle,descriptionClassName:E.descriptionClassName,iconClassName:E.infoBoxIcon,content:null==ae?void 0:ae.content,status:"warning",className:E.infoBoxStyle,footerContent:(null==(re=null==ae?void 0:ae.ctaContainer)?void 0:re.ctaUrl)&&(0,t.jsx)("div",{className:E.infoBoxButton,children:(0,t.jsx)(c.A,{href:null==(se=null==ae?void 0:ae.ctaContainer)?void 0:se.ctaUrl,title:null==(ie=null==ae?void 0:ae.ctaContainer)?void 0:ie.ctaTitle,target:null!=(oe=null==ae?void 0:ae.ctaContainer)&&oe.ctaOpenInNewTab?"_blank":"_self",ctaAsLink:!0,buttonType:"purple-link",iconName:"arrowRight",linkClassName:E.infoBoxLink,iconClassName:`${E.infoBoxLinkIcon}`,children:null==(le=null==ae?void 0:ae.ctaContainer)?void 0:le.ctaLabel},null==(me=null==ae?void 0:ae.ctaContainer)?void 0:me.ctaLabel)})})})]}),(0,t.jsxs)("div",{className:E.nameWrapper,children:[(0,t.jsx)(D.A,{flush:!0,className:E.fieldContainer,children:(0,t.jsx)(q.A,{name:H,label:"First name",rules:{required:"First name is required",validate:e=>(0,k.UU)("invalid first name")(e)},autoComplete:"given-name",piiData:!0})}),(0,t.jsx)(D.A,{flush:!0,className:E.fieldContainer,children:(0,t.jsx)(q.A,{name:U,label:"Last name",rules:{required:"Last name is required",validate:e=>(0,k.UU)("invalid last name")(e)},autoComplete:"family-name",piiData:!0})})]}),de&&(0,t.jsx)("div",{className:E.dateOfBirth,children:(0,t.jsx)(D.A,{flush:!0,className:E.fieldContainer,children:(0,t.jsx)(q.A,{name:$,label:"Date of birth",tooltip:{text:l||""},rules:{required:"Date of birth is required",validate:e=>(0,k.tI)("Invalid date of birth")(e)},enforceDateFormat:!0,piiData:!0})})})]}),p.length>0&&(0,t.jsxs)("div",{className:E.supportingDocuments,children:[(0,t.jsx)("h3",{className:E.supportingDocumentsHeading,children:d||"Supporting documents"}),(0,t.jsx)("p",{className:N()(E.supportingDocumentsDescription,{[E.error]:!!ye}

1),children:u||"Which document(s) do you have to support your change request?"}),(0,t.jsx)("div",{className:E.radioInfoBoxes,children:p.slice(0,2).map(({heading:e,description:a,documentList:n})=>(0,t.jsx)("div",{className:E.radioInfoBox,children:(0,t.jsx)(L.A,{name:Y,value:e,title:e,description:a,requirementList:n,hasError:!!ye,rules:{required:"Select which supporting document/s you'll provide"},onChange:()=>{je[z]&&ve(z)}})},e))}),(null==ye?void 0:ye.message)&&(0,t.jsx)("span",{className:E.supportingDocumentsError,children:ye.message})]}),Ie&&(0,t.jsx)("div",{className:E.uploadWrapper,children:(0,t.jsx)(W.A,{attachmentDetails:{description:null==De?void 0:De.validationMessage,buttonDescription:G,ctaContainer:{ctaLabel:g||"Add document"}},label:h||"Proof of name change",name:z,required:"Proof of name change is required",excludeFileTypes:["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],minNumOfFiles:Number(null==De?void 0:De.requiredNumber),maxNumOfFiles:Number(null==De?void 0:De.requiredNumber)||2})}),(0,t.jsx)("div",{className:E.agreement,children:(0,t.jsx)(S.A,{className:E.agreementCheckbox,name:"disclaimer",label:(0,t.jsx)(j.A,{content:J||"<p>Please tick here to confirm you consent to Velocity Frequent Flyer collecting your sensitive information so we can assist with your request. </p>",className:E.agreementText}),rules:{required:"You must agree to the above before continuing"}})}),(0,t.jsx)("div",{className:E.consentCheckTwo,children:(0,t.jsx)(S.A,{className:E.agreementCheckbox,name:"consent",label:(0,t.jsx)(j.A,{content:K||"<p>The details I've provided match those on my passport (or other ID). I understand that I may not be able to fly if they don't match</p>",className:E.agreementText}),rules:{required:"You must agree to the above before continuing"}})}),(0,t.jsx)(O.A,{children:X||"Submit Request"}),(0,t.jsx)(M.A,{className:E.errorBox,useFieldNames:!0})]})})})}):(0,t.jsx)("div",{className:E.loadingWrapper,children:(0,t.jsx)(b.A,{})})})};var X=n(76882),J=n(25831);const K=({goBackCta:e,successMessage:{heading:a="We have your personal information update request",description:n}={},errorMessage:g={},submit:N={},...C})=>{const v=(0,h.A)(e=>e.user),[x,b]=(0,r.useState)(!1),[j,I]=(0,r.useState)(!1),y=(0,r.useRef)(null),A=(0,r.useRef)(null),_=(0,r.useRef)(null),B={enter:E.fadeEnter,enterActive:E.fadeEnterActive,exit:E.fadeExit,exitActive:E.fadeExitActive},{form:D}=o.Ne,{impression:k,click:T}=o.df,{apiError:w,ctaInteraction:q}=o.Y_,{nameChange:L}=o.Dd;return(0,l.A)({additionalData:{eventComponentCategory:D,eventComponentType:D,eventComponentIdentifier:L,eventElementInteraction:"start",eventElementLocation:D,eventElementIdentifier:"",eventComponentIndex:"0",vaMetaDataVersion:"2"}}),(0,t.jsx)(d.A,{section:s.E.nameChange,children:(0,t.jsx)("div",{className:E.wrapper,ref:y,children:(0,t.jsxs)("div",{className:E.innerWrapper,children:[(0,f.C)(e)&&(0,t.jsxs)(c.A,{className:E.backBtn,href:e.ctaUrl,target:e.ctaOpenInNewTab?"_blank":"_self",buttonType:"purple-link",children:[(0,t.jsx)(u.A,{className:E.backBtnIcon,name:"arrowRight",size:"extra-small"}),e.ctaLabel]}),(0,t.jsx)("div",{className:E.formWrapper,children:(0,t.jsx)(X.A,{className:E.formWrapperInner,children:x?(0,t.jsx)(J.A,{timeout:250,classNames:B,nodeRef:_,children:(0,t.jsx)("div",{ref:_,children:(0,t.jsx)(p.A,{title:a,description:n,fillIcon:!0,alignLeft:!0})})},"success"):(0,t.jsx)(J.A,{timeout:250,classNames:B,nodeRef:A,children:(0,t.jsx)("div",{ref:A,children:v&&(0,t.jsx)(G,{...C,user:v,hasError:j,errorMessage:g,submit:N,onSubmit:async e=>{var a,n,t,r,s,o,l,c,d;(0,i.A)({eventAction:T,eventComponentCategory:D,eventComponentType:D,eventComponentIdentifier:L,eventElementInteraction:q,eventElementLocation:D,eventElementIdentifier:N.submitButtonText||"Submit Request",eventComponentIndex:"0",vaMetaDataVersion:"2"});const u=new FormData;let p="";("dr"===(null==(a=e.title)?void 0:a.label.toLowerCase())||"mx"===(null==(n=e.title)?void 0:n.label.toLowerCase()))&&(p=`, gender to: '${null==(t=e.gender)?void 0:t.label.trim()}'`),u.append("firstName",(null==(r=null==v?void 0:v.member)?void 0:r.firstName)||""),u.append("lastName",(null==(s=null==v?void 0:v.member)?void 0:s.lastName)||""),u.append("email",(null==(o=null==v?void 0:v.member)?void 0:o.emailAddress)||""),u.append("enquiryType","Enquiry"),u.append("primaryCategory","Name Change"),u.append("subject","Name Change"),u.append("feedbackDescription",`Please change my title to: '${null==(l=e.title)?void 0:l.value.trim()}', name to: '${e.firstName.trim()} ${e.lastName.trim()}'${p} and date of birth to '${e.dateOfBirth.trim()} (dd/mm/yyyy)'.\n    Supporting documents attached are of type: ${e.supportingDocuments}`),null!=(c=null==v?void 0:v.member)&&c.loyaltyMembershipID&&u.append("velocityNumber",v.member.loyaltyMembershipID),null==(d=e.proofOfNameChange)||d.forEach(e

1=>{u.append("files",e)});try{await m.A.vaCloudApi.post("/forms/v1/comments-feedback-request",u,{headers:{"Content-Type":"multipart/form-data"}}),I(!1),b(!0),y.current&&(0,f.PA)(y.current),(0,i.A)({eventAction:k,eventComponentCategory:D,eventComponentType:D,eventComponentIdentifier:L,eventElementInteraction:"submit-success",eventElementLocation:D,eventElementIdentifier:"",eventComponentIndex:"0",vaMetaDataVersion:"2"})}catch{I(!0),(()=>{const e=(null==g?void 0:g.heading)||F,a=(0,f.VE)((null==g?void 0:g.description)||R);(0,i.A)({eventAction:k,eventComponentCategory:D,eventComponentType:D,eventComponentIdentifier:L,eventElementInteraction:w,eventElementLocation:D,eventElementIdentifier:e,errorMessage:a,eventComponentIndex:"0",vaMetaDataVersion:"2"})})()}}})})},"form")})})]})})})}}}]);