https://westpoint.io/_next/static/chunks/189-fd73d0411afa3645.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[189],{8189:function(t,e,a){"use strict";a.r(e);var c=a(5893),o=a(7294),n=a(1454),r=a(7179),i=a(5675),s=a.n(i),l=a(1664),_=a.n(l),d=a(5678),m=a(5157),p=a(1679),h=a.n(p);function j(t){let{title:e="Talk with the owner operators directly",sidePanelContent:a}=t,[i]=(0,o.useState)(()=>Date.now()),l=(0,o.useRef)(!1),[p,j]=(0,o.useState)(!1),[u,w]=(0,o.useState)(!1),[f,x]=(0,o.useState)(!1),{onSubmit:b,getInputProps:S,reset:v,errors:k}=(0,r.c)({initialValues:{name:"",email:"",company:"",companyWebsite:"",phoneNumber:"",project:"",agreed:!1},validate:{name:t=>t.length>0?null:"Name is required",email:t=>/^\S+@\S+$/.test(t)?null:"Invalid email",agreed:t=>t?null:"Please confirm that you have read the Privacy Policy"}}),N=async t=>{try{let{name:e,email:a,company:c,companyWebsite:o,phoneNumber:n,project:r}=t,s=[];c&&s.push("Company: ".concat(c)),r&&s.push("Project: ".concat(r)),j(!0),await fetch("/api/add-email",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e,email:a,company_website:o,form_started_at:i,phoneNumber:n,message:s.join("\n")})}),d.toast.success("Sent!"),(0,m.L9)("lead_form_submit_success",{form_id:"project_contact",page_path:"".concat(window.location.pathname).concat(window.location.search)}),(0,m.L9)("generate_lead",{form_id:"project_contact",page_path:"".concat(window.location.pathname).concat(window.location.search)}),j(!1),v(),x(!0),window.localStorage.setItem("contactFormSuccess","true"),window.localStorage.setItem("contactFormSuccessAt","".concat(Date.now()))}catch(t){d.toast.error("Something happen"),(0,m.L9)("lead_form_submit_error",{form_id:"project_contact",error_type:"api_failure",field_name:"none",page_path:"".concat(window.location.pathname).concat(window.location.search)}),j(!1)}};(0,o.useEffect)(()=>{let t=()=>{let t="true"===window.localStorage.getItem("contactFormSuccess"),e=Number(window.localStorage.getItem("contactFormSuccessAt")||0),a=t&&e>0&&Date.now()-e<12e4;!a&&t&&(window.localStorage.removeItem("contactFormSuccess"),window.localStorage.removeItem("contactFormSuccessAt")),x(a)};t();let e=e=>{("contactFormSuccess"===e.key||"contactFormSuccessAt"===e.key)&&t()};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[]);let{error:P,...C}=S("agreed",{type:"checkbox"}),g=()=>{l.current||(l.current=!0,(0,m.L9)("lead_form_start",{form_id:"project_contact",page_path:"".concat(window.location.pathname).concat(window.location.search)}))},y=b(t=>{(0,m.L9)("lead_form_submit_attempt",{form_id:"project_contact",page_path:"".concat(window.location.pathname).concat(window.location.search)}),w(!1),N(t)},t=>{(0,m.L9)("lead_form_submit_attempt",{form_id:"project_contact",page_path:"".concat(window.location.pathname).concat(window.location.search)}),Object.keys(t).forEach(t=>{(0,m.L9)("lead_form_submit_error",{form_id:"project_contact",error_type:"validation",field_name:t,page_path:"".concat(window.location.pathname).concat(window.location.search)})}),w(!0)});return(0,c.jsx)("section",{className:h().section,id:"project-contact",children:(0,c.jsxs)("div",{className:h().inner,children:[(0,c.jsx)("h2",{children:e}),(0,c.jsxs)("div",{className:h().layout,children:[(0,c.jsx)("div",{className:h().form_panel,children:(0,c.jsxs)("form",{className:h().grid,onSubmit:y,onFocusCapture:g,onChangeCapture:g,children:[(0,c.jsxs)("label",{className:h().field,htmlFor:"contact-name",children:[(0,c.jsx)("span",{className:h().label_text,children:"Full Name"}),(0,c.jsx)("span",{className:"".concat(h().error_note," ").concat(u&&k.name?h().error_note_visible:""),"aria-hidden":!(u&&k.name),children:"This should be filled"}),(0,c.jsx)("input",{id:"contact-name",type:"text",className:u&&k.name?h().input_error:void 0,...S("name")}

1)]}),(0,c.jsxs)("label",{className:h().field,htmlFor:"contact-email",children:[(0,c.jsx)("span",{className:h().label_text,children:"Email"}),(0,c.jsx)("span",{className:"".concat(h().error_note," ").concat(u&&k.email?h().error_note_visible:""),"aria-hidden":!(u&&k.email),children:"This should be filled"}),(0,c.jsx)("input",{id:"contact-email",type:"email",className:u&&k.email?h().input_error:void 0,...S("email")})]}),(0,c.jsxs)("label",{className:h().field,htmlFor:"contact-company",children:[(0,c.jsxs)("span",{className:h().label_row,children:[(0,c.jsx)("span",{className:h().label_text,children:"Company"}),(0,c.jsx)("span",{children:"Optional"})]}),(0,c.jsx)("input",{id:"contact-company",type:"text",...S("company")})]}),(0,c.jsxs)("label",{className:h().field,htmlFor:"contact-phone",children:[(0,c.jsxs)("span",{className:h().label_row,children:[(0,c.jsx)("span",{className:h().label_text,children:"Phone Number"}),(0,c.jsx)("span",{children:"Optional"})]}),(0,c.jsx)("input",{id:"contact-phone",type:"tel",...S("phoneNumber")})]}),(0,c.jsxs)("label",{className:h().field_full,htmlFor:"contact-project",children:[(0,c.jsx)("span",{className:h().label_text,children:"Project Overview"}),(0,c.jsx)("textarea",{id:"contact-project",rows:4,...S("project")})]}),(0,c.jsx)("div",{className:"".concat(h().honeypot_field," honeypot-field"),"aria-hidden":"true",children:(0,c.jsxs)("label",{htmlFor:"company_website_project",children:["Company Website",(0,c.jsx)("input",{type:"text",id:"company_website_project",tabIndex:-1,autoComplete:"off",...S("companyWebsite"),name:"company_website"})]})}),(0,c.jsx)("button",{type:"submit",className:"".concat(h().cta," ").concat(f?h().cta_success:""),disabled:p||f,children:f?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:h().cta_icon,"aria-hidden":"true",children:(0,c.jsx)("svg",{viewBox:"0 0 24 24",role:"img",focusable:"false",children:(0,c.jsx)("path",{d:"M20 6L9 17l-5-5",fill:"none",stroke:"currentColor",strokeWidth:"2"})})}),(0,c.jsx)("span",{children:"Your request was sent successfully"})]}):"Get in touch"}),(0,c.jsx)(n.X,{classNames:{root:h().consent_row,label:h().consent_label,input:h().consent_input},size:"xs",label:(0,c.jsxs)("span",{children:["*I have read the"," ",(0,c.jsx)(_(),{href:"/privacy-policy",style:{color:"#0b132b"},children:"privacy policy"}),u&&P?(0,c.jsx)("span",{className:h().consent_warning,children:"Please confirm that you have read the Privacy Policy"}):null]}),...C})]})}),(0,c.jsx)("div",{className:h().side_panel,children:null!=a?a:(0,c.jsxs)("div",{className:h().contact_side,children:[(0,c.jsx)("p",{className:h().contact_title,children:"You’ll hear directly from Mark and Leo, who lead delivery end to end."}),(0,c.jsx)("div",{className:h().contact_side_row,children:(0,c.jsxs)("div",{className:h().contact_profiles,children:[(0,c.jsxs)("div",{className:h().contact_profile,children:[(0,c.jsx)("a",{href:"https://uk.linkedin.com/in/mark-avdi",className:h().contact_avatar_wrap,target:"_blank",rel:"noreferrer","aria-label":"Mark Avdi on LinkedIn",children:(0,c.jsx)(s(),{src:"https://westpoint-website-assets.s3.us-east-1.amazonaws.com/mark1.webp",alt:"Mark Avdi",width:120,height:120,className:h().contact_avatar})}),(0,c.jsxs)("div",{className:h().contact_meta,children:[(0,c.jsxs)("div",{className:h().contact_name_row,children:[(0,c.jsx)("a",{href:"https://uk.linkedin.com/in/mark-avdi",className:"".concat(h().contact_name," ").concat(h().contact_name_link),target:"_blank",rel:"noreferrer","aria-label":"Mark Avdi on LinkedIn",children:"Mark Avdi"}),(0,c.jsx)("a",{href:"https://uk.linkedin.com/in/mark-avdi",className:h().contact_link,target:"_blank",rel:"noreferrer","aria-label":"Mark Avdi on LinkedIn",children:(0,c.jsx)(s(),{src:"https://westpoint-website-assets.s3.us-east-1.amazonaws.com/linkedin-icon-filled.svg",alt:"",width:20,height:20})})]}),(0,c.jsx)("p",{className:h().contact_role,children:"Chief Technology Officer"})]})]}),(0,c.jsxs)("div",{className:h().contact_profile,children:[(0,c.jsx)("a",{href:"https://uk.linkedin.com/in/leolamwestpoint",className:h().contact_avatar_wrap,target:"_blank",rel:"noreferrer","aria-label":"Leo Lam on LinkedIn",children:(0,c.jsx)(s(),{src:"https://westpoint-website-assets.s3.us-east-1.amazonaws.com/leo-profile-1.webp",alt:"Leo Lam",width:120,height:120,className:h().contact_avatar})}),(0,c.jsxs)("div",{className:h().contact_meta,children:[(0,c.jsxs)("div",{className:h().contact_name_row,children:[(0,c.jsx)("a",{href:"https://uk.linkedin.com/in/leolamwestpoint",className:"".concat(h().contact_name," ").concat(h().contact_name_link),target:"_blank",rel:"noreferrer","aria-label":"Leo Lam on LinkedIn",children:"Leo Lam"}),(0,c.jsx)("a",{href:"https://uk.linkedin.com/in/leolamwestpoint",className:h().contact_link,target:"_blank",rel:"noreferrer","aria-label":"Leo Lam on LinkedIn",children:(0,c.jsx)(s(),{src:"https://westpoint-website-assets.s3.us-east-1.amazonaws.com/linkedin-icon-filled.svg",alt:"",width:20,height:20})})]}),(0,c.jsx)("p",{className:h().contact_role,children:"Operations Director"})]})]})]})})]})})]})]})})}j.defaultProps={title:"Talk with the owner operators directly",sidePanelContent:null},e.default=j},1679:function(t){t.exports={section:"ProjectContactSection_section__B_PuV",inner:"ProjectContactSection_inner__jM_W4",layout:"ProjectContactSection_layout__JYXFI",form_panel:"ProjectContactSection_form_panel__Vt2Qo",grid:"ProjectContactSection_grid__b8t1J",cta:"ProjectContactSection_cta__PvpgO",consent_row:"ProjectContactSection_consent_row__KSDkz",f

1ield:"ProjectContactSection_field__kmJvm",field_full:"ProjectContactSection_field_full__mrGiH",label_text:"ProjectContactSection_label_text__Ckvl7",error_note:"ProjectContactSection_error_note__rFTxJ",error_note_visible:"ProjectContactSection_error_note_visible__P6s4H",label_row:"ProjectContactSection_label_row__x_7i0",input_error:"ProjectContactSection_input_error__YQokj",cta_success:"ProjectContactSection_cta_success__TOV_G",cta_icon:"ProjectContactSection_cta_icon__O0t6b",consent_label:"ProjectContactSection_consent_label__ESUld",consent_warning:"ProjectContactSection_consent_warning__JXh0O",consent_input:"ProjectContactSection_consent_input__8bNkU",note:"ProjectContactSection_note__pxYAE",side_panel:"ProjectContactSection_side_panel__VvTqc",contact_side:"ProjectContactSection_contact_side__u3PZJ",contact_title:"ProjectContactSection_contact_title__atbfe",contact_profiles:"ProjectContactSection_contact_profiles__QPHbL",contact_side_row:"ProjectContactSection_contact_side_row__apC7F",contact_profile:"ProjectContactSection_contact_profile__oaqgK",contact_meta:"ProjectContactSection_contact_meta__EG585",contact_avatar_wrap:"ProjectContactSection_contact_avatar_wrap__6ItRw",contact_avatar:"ProjectContactSection_contact_avatar__UunvY",contact_name_row:"ProjectContactSection_contact_name_row__pDBrq",contact_link:"ProjectContactSection_contact_link__iT1uq",contact_name:"ProjectContactSection_contact_name__rY8vV",contact_name_link:"ProjectContactSection_contact_name_link__l9a79",contact_role:"ProjectContactSection_contact_role__ZrFfj",card:"ProjectContactSection_card__1G47c",card_title_row:"ProjectContactSection_card_title_row__cGF3X",card_title_icon:"ProjectContactSection_card_title_icon__hQVmH",logos:"ProjectContactSection_logos__6sj6W",logo:"ProjectContactSection_logo__2K_3C",honeypot_field:"ProjectContactSection_honeypot_field__JH3aT"}}}]);