https://brc.org.uk/sitefiles/next-gen/dist/9756-534017fda9af6c0e5563.js

1"use strict";(this.webpackChunkbrc=this.webpackChunkbrc||[]).push([[9756],{4525:(e,t,a)=>{a.d(t,{A:()=>d});var o=a(5757),n=a(3056),r=a(8658),i=a(6540),l=a(6818);const s=e=>i.createElement(l.Ay.ErrorList,{...e.variants},e.errors.map(((e,t)=>i.createElement(l.Ay.ErrorListItem,{key:`error-${t}`,dangerouslySetInnerHTML:{__html:`<span>!</span> <div>${e}</div>`}})))),d=e=>{let{buttonType:t,children:a,confirmationMessage:d,errors:c=[],showSubmit:m=!0,status:u="initial",submitLabel:p,onSubmit:y,showConfirmation:g,...b}=e;const v=i.useRef(null),f={initial:{y:"-20px",scale:.9,opacity:0},animate:{y:"0px",scale:1,opacity:1},exit:{y:"-20px",scale:.9,opacity:0}};return i.createElement(l.Ay.Form,{ref:v,onSubmit:y,...b},i.createElement(r.N,null,"error"===u&&c.length>0&&i.createElement(s,{key:`${b.id}-errors`,errors:c,variants:f}),("fulfilled"===u||g)&&d&&i.createElement(l.Ay.ConfirmationMessage,{key:`${b.id}-confirmation`,dangerouslySetInnerHTML:{__html:d},...f})),"fulfilled"!==u&&a,"fulfilled"!==u&&m&&i.createElement(l.Ay.SubmitWrapper,null,i.createElement(n.Ay,{buttonType:t||"primary",disabled:"pending"===u,type:"submit",icon:"pending"===u?o.lm.Loader:void 0},i.createElement("span",{dangerouslySetInnerHTML:{__html:p}}))))}},6965:(e,t,a)=>{a.d(t,{A:()=>l});var o=a(6540),n=a(6871),r=a(2531);const i=o.forwardRef(((e,t)=>o.createElement(n.v,{focusRingClass:"focus-ring"},o.createElement(r.A.Input,{ref:t,...e}))));i.displayName="Textbox";const l=i},9756:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Z});var o=a(3289),n=a(4724),r=a(6540),i=a(7710),l=a(5757),s=a(3318),d=a(2562),c=a(3056),m=a(4525),u=a(394),p=a(7209),y=a(4312),g=a(802),b=a(6753),v=a(4847),f=a(4314),h=a(7312),A=a(2456),E=a(4726),C=a(2506),w=a(3163),x=a(2453),k=a(8766),T=a(6818),L=a(7519),S=a(2531),F=a(4821),N=a(196),I=a(4435);const _=(0,I.Ay)(n.A).withConfig({displayName:"PortalFormsstyles__Container",componentId:"sc-15hq0is-0"})(["--sectionSpacingTop:",";--sectionSpacingBottom:",";--marginTop:",";","{@media ","{",";}}"],(0,f.v2)(32,48),(0,f.v2)(58,144),(0,f.v2)(68,80),F.A.Inner,(0,C.HT)(C.pF.TabletLarge),A.U),D=I.Ay.div.withConfig({displayName:"PortalFormsstyles__FormWrapper",componentId:"sc-15hq0is-1"})(["border-radius:",";overflow:hidden;@media ","{grid-column:3 / span 8;box-shadow:0px 4px 12.1px 6px rgba(217,217,217,0.2);}@media ","{grid-column:4 / span 6;}"],(0,f.v2)(10,20),(0,C.HT)(C.pF.TabletLarge),(0,C.HT)(C.pF.Desktop)),H=I.Ay.div.withConfig({displayName:"PortalFormsstyles__TopContent",componentId:"sc-15hq0is-2"})(["background-color:",";color:",";text-align:center;padding:"," ",";"],v.A.primary.purple.light,v.A.global.white,(0,f.v2)(24,56),(0,f.v2)(24,128)),B=I.Ay.h2.withConfig({displayName:"PortalFormsstyles__Title",componentId:"sc-15hq0is-3"})(["",";margin:0;"],x.h3),q=I.Ay.p.withConfig({displayName:"PortalFormsstyles__Summary",componentId:"sc-15hq0is-4"})(["",";margin:"," 0 0;"],x.hZ,(0,f.v2)(6,12)),M=I.Ay.div.withConfig({displayName:"PortalFormsstyles__Body",componentId:"sc-15hq0is-5"})(["position:relative;grid-template-columns:1fr;background-color:",";padding:"," "," 56px;",",fieldset{display:grid;grid-template-columns:1fr min-content;gap:"," ",";}",",","{position:fixed;top:calc(var(--headerHeight,0px) + 16px);right:16px;background-color:",";padding:10px 14px 8px;box-shadow:0px 4px 13px 0px rgba(0,0,0,0.25);border-radius:10px;overflow:hidden;}"," ","{display:flex;gap:6px;align-items:center;padding:0;span{position:static;}}","::before,","::before{content:'';position:absolute;top:0;left:0;height:4px;width:100%;background-color:",";}","::before{background-color:",";}","{grid-column:span 2;display:grid;grid-template-columns:subgrid;}","{justify-content:center;}","{height:",";}","{",";font-size:",";line-height:",";font-weight:600;color:",";gap:16px;span[data-site]{display:contents;> svg{width:36px;height:36px;color:",";}}span[data-site='true'] svg{width:",";}}","{grid-column:1 / span 2;grid-row:1;}",":has(","[aria-disabled='true']) ","{color:",";pointer-events:none;cursor:not-allowed;}"," span{position:static;grid-column:1 / span 1;grid-row:1;margin:auto 12px auto auto;}&[data-type='my-account']{--gap:",";padding-top:",";padding-bottom:",";","{column-gap:var(--gap);}","{",";--buttonHeight:",";margin-top:auto;margin-bottom:auto;grid-row:1;}

1",":nth-of-type(1){grid-column:-1;opacity:0;pointer-events:none;}",":nth-of-type(2){grid-column:2;}",":nth-of-type(3){grid-column:-1;}",":has(","[readonly],",":read-only){",":nth-of-type(1){opacity:1;pointer-events:all;}",":nth-of-type(2),",":nth-of-type(3){opacity:0;pointer-events:none;}}@media ","{","{grid-template-columns:1fr min-content min-content;}","{grid-column:span 3;}","{width:var(--buttonHeight);padding:0;}","{",";}",":has(","[readonly],",":read-only){",":nth-of-type(2){transform:translateX(calc(100% + var(--gap)));}}}@media ","{padding-right:160px;",":nth-of-type(3){transform:translateX(calc(100% + 12px));}",":has(","[readonly],",":read-only){",":nth-of-type(3){transform:translateX(0px);}}}}&[data-type='newsletter'],&[data-type='communities']{","{",";}}&[data-type='newsletter']{","{--toggleBackgroundColour:",";--toggleBorderColour:",";--toggleColour:",";--toggleHeight:",";--toggleWidth:",";width:100%;padding:0 calc(var(--toggleWidth) + 24px) 0 0;}","::before,","::after{left:auto;opacity:1;}","::before{",";height:var(--toggleHeight);width:var(--toggleWidth);border-radius:100px;-webkit-mask-image:none;mask-image:none;

1background-color:var(--toggleBackgroundColour);border:2px solid var(--toggleBorderColour);right:0;}","::after{",";border:0;right:6px;height:calc(var(--toggleHeight) - 8px);width:calc(var(--toggleHeight) - 8px);background-color:var(--toggleColour);border-radius:5000px;transform:translate(calc((var(--toggleWidth) - 100% - 6px) * -1),calc(-50% - 0.5px)) scale(0.66);z-index:1;}",":checked + ","{--toggleColour:",";--toggleBackgroundColour:",";--toggleBorderColour:",";}",":checked + ","::after{transform:translateY(calc(-50% - 0.5px));}","[aria-disabled='true'] + ","{--toggleColour:",";--toggleBackgroundColour:",";--toggleBorderColour:",";}","[aria-disabled='true']:checked + ","{--toggleColour:",";--toggleBackgroundColour:",";--toggleBorderColour:",";}}&[data-type='communities']{","{padding-left:0;width:100%;display:grid;grid-template-columns:min-content 1fr min-content;","{",";--buttonHeight:48px;grid-column:3 / span 1;grid-row:1;}","[data-type='secondary']{--colourTextDisabled:",";--borderColourDisabled:",";}","[data-type='tertiary']{--colourTextDisabled:",";--bgColourDisabled:",";--borderColourDisabled:",";}",":nth-of-type(2){opacity:0;pointer-events:none;}}",":checked + ","{",":nth-of-type(2){opacity:1;pointer-events:all;}",":nth-of-type(3){opacity:0;pointer-events:none;}}","[aria-disabled='true'] + "," ","{pointer-events:none !important;}","::before,","::after{display:none;}}&[data-type='company-details']{","{grid-column:1 / -1;}}"],v.A.global.white,(0,f.v2)(16,36),(0,f.v2)(16,148),T.Ay.Form,(0,f.v2)(16,32),(0,f.v2)(24,36),T.Ay.ErrorList,T.Ay.ConfirmationMessage,v.A.grey.lightest,T.Ay.ErrorList,T.Ay.ErrorListItem,T.Ay.ErrorList,T.Ay.ConfirmationMessage,v.A.validation.invalid,T.Ay.ConfirmationMessage,v.A.secondary.green.mid,T.Ay.Field,k.Ay.Container,S.A.Input,(0,f.v2)(48,56),L.Ay.Label,(0,b.kY)("color"),(0,f.v2)(16,18),(0,f.v2)(24,28),v.A.global.black,v.A.primary.purple.light,(0,f.v2)(68,76),L.Ay.Option,L.Ay.Option,L.Ay.Input,L.Ay.Label,v.A.grey.dark,T.Ay.Error,(0,f.v2)(5,32),(0,f.v2)(32,48),(0,f.v2)(36,76),T.Ay.Field,k.Ay.Container,(0,b.kY)("background-color, color, transform, opacity"),(0,f.v2)(40,50),k.Ay.Container,k.Ay.Container,k.Ay.Container,T.Ay.Field,S.A.Input,S.A.Input,k.Ay.Container,k.Ay.Container,k.Ay.Container,(0,C.TG)(C.pF.TabletLarge),T.Ay.Form,T.Ay.Field,k.Ay.Container,k.Ay.Text,w.A,T.Ay.Field,S.A.Input,S.A.Input,k.Ay.Container,(0,C.HT)(C.pF.TabletLarge),k.Ay.Container,T.Ay.Field,S.A.Input,S.A.Input,k.Ay.Container,T.Ay.Label,w.A,L.Ay.Label,v.A.primary.grey,v.A.grey.mid,v.A.grey.mid,(0,f.v2)(24,32),(0,f.v2)(40,52),L.Ay.Label,L.Ay.Label,L.Ay.Label,(0,b.kY)("background-color, border-color"),L.Ay.Label,(0,b.kY)("background-color, transform"),L.Ay.Input,L.Ay.Label,v.A.global.white,v.A.primary.purple.light,v.A.primary.purple.light,L.Ay.Input,L.Ay.Label,L.Ay.Input,L.Ay.Label,(0,N.B3)(v.A.global.black,.38),(0,N.B3)(v.A.global.black,.1),(0,N.B3)(v.A.global.black,.2),L.Ay.Input,L.Ay.Label,v.A.primary.grey,v.A.grey.mid,v.A.grey.mid,L.Ay.Label,k.Ay.Container,(0,b.kY)("background-color, color, transform, opacity"),k.Ay.Container,v.A.grey.dark,v.A.grey.light,k.Ay.Container,v.A.global.black,v.A.grey.light,v.A.grey.light,k.Ay.Container,L.Ay.Input,L.Ay.Label,k.Ay.Container,k.Ay.Container,L.Ay.Input,L.Ay.Label,k.Ay.Container,L.Ay.Label,L.Ay.Label,S.A.Input),U=I.Ay.div.withConfig({displayName:"PortalFormsstyles__Disclaimer",componentId:"sc-15hq0is-6"})(["",";grid-column:1 / span 1;padding:6px 0 0 16px;p{font-size:12px;line-height:16px;}a{",";}"],x.Qh,x.fU),P=I.Ay.div.withConfig({displayName:"PortalFormsstyles__ButtonWrapper",componentId:"sc-15hq0is-7"})(["",";grid-column:span 2;display:grid;grid-template-columns:repeat(3,min-content);gap:",";","{",";--buttonHeight:48px;grid-row:1;}","[data-type='secondary']{--colourText:",";--borderColour:",";--textColour:",";}","[data-type='tertiary']{--bgColourHover:",";}","{white-space:nowrap;}",":nth-child(1){grid-column:1 / span 2;margin-right:auto;}",":nth-child(2){grid-column:1 / span 1;}",":nth-child(3){grid-column:2 / span 1;}",":nth-child(2),",":nth-child(3){opacity:0;pointer-events:none;}",":nth-child(3){transform:translateX(calc(-100% - ","));}&[data-editing='true']{",":nth-child(1){opacity:0;pointer-events:none;}",":nth-child(2),",":nth-child(3){opacity:1;pointer-events:all;}",":nth-child(3){transform:translateX(0);}}&[data-sticky='true']{position:fixed;left:16px;bottom:16px;z-index:",";","[data-sticky-buttons='false'] &{opacity:0;transform:translateY(calc(100% + 18px));}@media ","{left:auto;right:16px;}}"],(0,b.kY)("transform, opacity"),(0,f.v2)(8,12),k.Ay.Container,(0,b.kY)("background-color, color, transform, opacity"),k.Ay.Container,v.A.grey.dark,v.A.grey.dark,v.A.grey.dark,k.Ay.Container,v.A.global.white,k.Ay.Text,k.Ay.Container,k.Ay.Container,k.Ay.Container,k.Ay.Container,k.Ay.Container,k.Ay.Container,(0,f.v2)(8,12),k.Ay.Container,k.Ay.Container,k.Ay.Container,k.Ay.Container,E.z.

1Navigation-1,M,(0,C.HT)(C.pF.TabletLarge)),V=I.Ay.fieldset.withConfig({displayName:"PortalFormsstyles__Group",componentId:"sc-15hq0is-8"})(["grid-column:1 / -1;"]),j=I.Ay.div.withConfig({displayName:"PortalFormsstyles__GroupDescription",componentId:"sc-15hq0is-9"})(["",";margin:12px 0 0;grid-column:1 / -1;","[data-type='company-details'] &{margin-bottom:",";}p,li{font-size:",";line-height:",";}a{",";}"],x.Qh,M,(0,f.v2)(12,16),(0,f.v2)(15,16),(0,f.v2)(23,24),x.fU),z=I.Ay.legend.withConfig({displayName:"PortalFormsstyles__GroupTitle",componentId:"sc-15hq0is-10"})(["",";font-size:",";line-height:",";grid-column:1 / -1;",":not(:has(",")) &{margin-bottom:",";}"],h.A.lato.semiBold,(0,f.v2)(18,24),(0,f.v2)(24,28),V,j,(0,f.v2)(28,46)),G={Container:_,FormWrapper:D,TopContent:H,Title:B,Summary:q,Body:M,Disclaimer:U,ButtonWrapper:P,Divider:I.Ay.hr.withConfig({displayName:"PortalFormsstyles__Divider",componentId:"sc-15hq0is-11"})(["grid-column:1 / -1;width:100%;height:1px;background-color:",";margin:0;&[data-lg]{margin:14px 0;}"],v.A.grey.light),Group:V,GroupTitle:z,GroupDescription:j},R=r.forwardRef(((e,t)=>{var a,o;return r.createElement(G.ButtonWrapper,{ref:t,"data-editing":e.editing,"data-sticky":e.sticky},r.createElement(c.Ay,{buttonType:"tertiary",type:"button",onClick:t=>{t.preventDefault(),e.setEditForm(!0),e.setUnsaved(!0)},icon:l.lm.Edit},e.editLabel),r.createElement(c.Ay,{buttonType:"tertiary",type:"button",onClick:t=>{t.preventDefault(),e.onSubmit()},icon:l.lm.Tick},null===(a=e.translations)||void 0===a?void 0:a["portal.global.save"]),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:t=>{t.preventDefault(),e.setEditForm(!1),e.setUnsaved(!1),Object.keys(e.currentValues).forEach((t=>{e.setValue(t,e.currentValues[t])}))},icon:l.lm.Close},null===(o=e.translations)||void 0===o?void 0:o["portal.global.cancel"]))}));R.displayName="FormButtons";const W=R,Y=e=>{var t,a,o,n;const[b,v]=(0,d.W)({rootMargin:"-160px 0px 0px 0px"},!0,null===(t=e.pageContext)||void 0===t?void 0:t.isEditMode),[f,h]=r.useState(!1),[A,E]=r.useState(!1),C=r.useMemo((()=>{const t={};return e.form.options.forEach((e=>{t[e.id]=e.value})),t}),[]),[w,x]=r.useState(C),{refContainer:k,confirmationMessage:T,serverErrors:L,status:S,onSubmit:F,useReactHookFormReturn:{register:N,setValue:I,watch:_}}=(0,s.m)({endpoint:i.y.communities,mode:"json",defaultValues:C,initialPostSubmit:!0,postSubmitCallback:async()=>{E(!0),e.setUnsaved(!1),x(_()),h(!1),setTimeout((()=>{E(!1)}),3e3)}}),[D,H]=r.useState(!1);return r.useEffect((()=>{function e(){var e;const t=null===(e=k.current)||void 0===e?void 0:e.getBoundingClientRect();if(t){var a,o,n,r;const e=null!==(a=null===(o=document.querySelector("header"))||void 0===o?void 0:o.clientHeight)&&void 0!==a?a:0,i=window.scrollY+window.innerHeight,l=null!==(n=null===(r=document.querySelector("footer"))||void 0===r?void 0:r.getBoundingClientRect().top)&&void 0!==n?n:0;H(i-3*e>t.top&&e<t.bottom&&window.innerHeight<l)}}return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),r.createElement(G.Body,{ref:k,"data-type":e.form.type,"data-sticky-buttons":!v&&D},r.createElement(m.A,{status:S,confirmationMessage:T,showConfirmation:A,errors:L,onSubmit:F,submitLabel:"",showSubmit:!1,buttonType:"tertiary"},r.createElement(W,{ref:b,currentValues:w,editing:f,editLabel:null===(a=e.translations)||void 0===a?void 0:a["portal.communities.edit"],onSubmit:F,setEditForm:h,setUnsaved:e.setUnsaved,setValue:I,sticky:!1,translations:e.translations}),e.form.options&&r.createElement(r.Fragment,null,r.createElement(G.Divider,null),r.createElement(G.Group,null,r.createElement(G.GroupTitle,null,e.form.heading),e.form.description&&r.createElement(G.GroupDescription,{dangerouslySetInnerHTML:{__html:e.form.description}}),r.createElement(G.Divider,{"data-lg":!0}),e.form.options.map(((t,a)=>function(t,a){var o,n;return r.createElement(u.A,{size:"default",name:t.id,key:a},r.createElement(p.N,{...N(t.id),"aria-label":t.label,"aria-disabled":!f},t.logo&&r.createElement("span",{"data-site":!0},(0,g.renderLogo)(t.logo)),t.icon&&r.createElement("span",{"data-site":!1},(0,l.Ob)(t.icon)),t.label,r.createElement(c.Cg,{buttonType:"tertiary",icon:l.lm.Tick,"aria-disabled":!f},null===(o=e.translations)||void 0===o?void 0:o["portal.communities.joined"]),r.createElement(c.Cg,{buttonType:"secondary",icon:l.lm.Plus,"aria-disabled":!f},null===(n=e.translations)||void 0===n?void 0:n["portal.communities.join"])))}(t,`communities-${a}`)))))),r.createElement(W,{currentValues:w,editing:f,editLabel:null===(o=e.translations)||void 0===o?void 0:o["portal.communities.edit"],onSubmit:F,setEditForm:h,setUnsaved:e.setUnsaved,setValue:I,sticky:!0,translations:e.translations}),"pending"===S&&r.createElement(y.A,{label:null===(n=e.translations)||void 0===n?void 0:n["global.forms.submitting"],layout:"absolute"}))};var O=a(6965);const $=e=>{var t,a,o;return r.createElement(G.Body,{"data-type":e.form.type},r.createElement(m.A,{submitLabel:"",showSubmit:!1,buttonType:"tertiary"},r.createElement(G.Group,null,r.createElement(G.GroupTitle,null,e.form.heading),e.form.description&&r.createElement(G.GroupDescription,{dangerouslySetInnerHTML:{__html:e.form.description}}),r.createElement(u.A,{size:"default",name:"name",label:null===(t=e.translations)||void 0===t?void 0:t["portal.companyDetails.nameLabel"],required:!0,disabled:!0},r.createElement(O.A,{type:"text",id:"name",name:"name","aria-disabled":!0,value:e.form.name})),r.createElement(u.A,{size:"default",name:"address",label:null===(a=e.translations)||void 0===a?void 0:a["portal.companyDetails.addressLabel"],required:!0,disabled:!0},r.createElement(O.A,{id:"address",type:"text",name:"address","aria-disabled":!0,value:e.form.address})),r.createElement(u.A,{size:"default",name:"website",label:null===(o=e.translations)||void 0===o?void 0:o["portal.companyDetails.websiteLabel"],required:!0,disabled:!0},r.createElement(O.A,{type:"text",id:"website",name:"website","aria-disabled":!0,value:e.form.website})))))},X=e=>{var t,a,o,n,d,p,g,b,v,f,h,A,E,C,w,x,k,T,L,S,F;const[N,I]=r.useState(!1),[_,D]=r.useState(e.form.firstName),[H,B]=r.useState(!1),[q,M]=r.useState(e.form.lastName),[U,P]=r.useState(!1),[V,j]=r.useState(null!==(t=e.form.jobTitle)&&void 0!==t?t:""),[z,R]=r.useState(!1),{refContainer:W,confirmationMessage:Y,serverErrors:$,status:X,onSubmit:Q,useReactHookFormReturn:{register:Z,formState:{errors:J},setValue:K,getValues:ee}}=(0,s.m)({endpoint:i.y.myAccount,mode:"json",defaultValues:{firstName:e.form.firstName,lastName:e.form.lastName,emailAddress:e.form.emailAddress,jobTitle:e.form.jobTitle},initialPostSubmit:!0,postSubmitCallback:async()=>{var t;R(!0),D(ee("firstName")),M(ee("lastName")),j(null!==(t=ee("jobTitle"))&&void 0!==t?t:""),e.setUnsaved(!1),setTimeout((()=>{R(!1)}),3e3)}});return r.createElement(G.Body,{ref:W,"data-type":e.form.type},r.createElement(m.A,{status:X,confirmationMessage:Y,showConfirmation:z,errors:$,onSubmit:Q,submitLabel:"",showSubmit:!1,buttonType:"tertiary"},r.createElement(u.A,{size:"default",name:"firstName",label:null===(a=e.translations)||void 0===a?void 0:a["portal.myaccount.firstNameLabel"],required:!0,error:J.firstName},r.createElement(O.A,{id:"firstName",placeholder:null===(o=e.translations)||void 0===o?void 0:o["portal.myaccount.firstNamePlaceholder"],type:"text",readOnly:!N,...Z("firstName",{required:null===(n=e.translations)||void 0===n?void 0:n["portal.myaccount.firstNameRequiredMessage"]})}),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:e=>{e.preventDefault(),I(!0)},icon:l.lm.Edit},null===(d=e.translations)||void 0===d?void 0:d["portal.global.edit"]),r.createElement(c.Ay,{buttonType:"tertiary",type:"button",icon:l.lm.Tick,onClick:e=>{e.preventDefault(),I(!1),Q()}},null===(p=e.translations)||void 0===p?void 0:p["portal.global.saveField"]),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:t=>{t.preventDefault(),I(!1),e.setUnsaved(!1),K("firstName",_)},icon:l.lm.Close},null===(g=e.translations)||void 0===g?void 0:g["portal.global.cancel"])),r.createElement(u.A,{size:"default",name:"lastName",label:null===(b=e.translations)||void 0===b?void 0:b["portal.myaccount.lastNameLabel"],required:!0,error:J.lastName},r.createElement(O.A,{id:"lastName",placeholder:null===(v=e.translations)||void 0===v?void 0:v["portal.myaccount.lastNamePlaceholder"],type:"text",readOnly:!H,...Z("lastName",{required:null===(f=e.translations)||void 0===f?void 0:f["portal.myaccount.lastNameRequiredMessage"]})}),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:e=>{e.preventDefault(),B(!0)},icon:l.lm.Edit},null===(h=e.translations)||void 0===h?void 0:h["portal.global.edit"]),r.createElement(c.Ay,{buttonType:"tertiary",type:"button",icon:l.lm.Tick,onClick:e=>{e.preventDefault(),B(!1),Q()}},null===(A=e.translations)||void 0===A?void 0:A["portal.global.saveField"]),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:t=>{t.preventDefault(),B(!1),e.setUnsaved(!1),K("lastName",q)},icon:l.lm.Close},null===(E=e.translations)||void 0===E?void 0:E["portal.global.cancel"])),r.createElement(u.A,{size:"default",name:"jobTitle",label:null===(C=e.translations)||void 0===C?void 0:C["portal.myaccount.jobTitleLabel"],required:!0,error:J.jobTitle},r.createElement(O.A,{id:"jobTitle",placeholder:null===(w=e.translations)||void 0===w?void 0:w["portal.myaccount.jobTitlePlaceholder"],type:"text",readOnly:!U,...Z("jobTitle",{})}),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:e=>{e.preventDefault(),P(!0)},icon:l.lm.Edit},null===(x=e.translations)||void 0===x?void 0:x["portal.global.edit"]),r.createElement(c.Ay,{buttonType:"tertiary",type:"button",icon:l.lm.Tick,onClick:e=>{e.preventDefault(),P(!1),Q()}},null===(k=e.translations)||void 0===k?void 0:k["portal.global.saveField"]),r.createElement(c.Ay,{buttonType:"secondary",type:"button",onClick:t=>{t.preventDefault(),P(!1),e.setUnsaved(!1),K("jobTitle",null!=V?V:"")},icon:l.lm.Close},null===(T=e.translations)||void 0===T?void 0:T["portal.global.cancel"])),r.createElement(u.A,{size:"default",name:"emailAddress",label:null===(L=e.translations)||void 0===L?void 0:L["portal.myaccount.emailAddressLabel"],required:!0,error:J.emailAddress,disabled:!0},r.createElement(O.A,{id:"emailAddress",placeholder:null===(S=e.translations)||void 0===S?void 0:S["portal.myaccount.emailAddressPlaceholder"],type:"text",...Z("emailAddress",{}),"aria-disabled":!0,"aria-describedby":"emailDisclaimer"}),r.createElement(G.Disclaimer,{id:"emailDisclaimer",dangerouslySetInnerHTML:{__html:e.form.emailDisclaimer}}))),"pending"===X&&r.createElement(y.A,{label:null===(F=e.translations)||void 0===F?void 0:F["global.forms.submitting"],layout:"absolute"}))},Q=e=>{var t,a,o,n;const[c,b]=(0,d.W)({rootMargin:"-160px 0px 0px 0px"}

1,!0,null===(t=e.pageContext)||void 0===t?void 0:t.isEditMode),[v,f]=r.useState(!1),[h,A]=r.useState(!1),E=r.useMemo((()=>{const t={};return e.form.categories.forEach((e=>{e.options.forEach((e=>{t[e.id]=e.value}))})),t}),[e.form.categories]),[C,w]=r.useState(E),{refContainer:x,confirmationMessage:k,serverErrors:T,status:L,onSubmit:S,useReactHookFormReturn:{register:F,setValue:N,watch:I}}=(0,s.m)({endpoint:i.y.newsletters,mode:"json",defaultValues:E,initialPostSubmit:!0,postSubmitCallback:async()=>{A(!0),e.setUnsaved(!1),w(I()),f(!1),setTimeout((()=>{A(!1)}),3e3)}}),[_,D]=r.useState(!1);return r.useEffect((()=>{function e(){var e;const t=null===(e=x.current)||void 0===e?void 0:e.getBoundingClientRect();if(t){var a,o,n,r;const e=null!==(a=null===(o=document.querySelector("header"))||void 0===o?void 0:o.clientHeight)&&void 0!==a?a:0,i=window.scrollY+window.innerHeight,l=null!==(n=null===(r=document.querySelector("footer"))||void 0===r?void 0:r.getBoundingClientRect().top)&&void 0!==n?n:0;D(i-3*e>t.top&&e<t.bottom&&window.innerHeight<l)}}return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),r.createElement(G.Body,{ref:x,"data-type":e.form.type,"data-sticky-buttons":!b&&_},r.createElement(m.A,{status:L,confirmationMessage:k,showConfirmation:h,errors:T,onSubmit:S,submitLabel:"",showSubmit:!1,buttonType:"tertiary"},r.createElement(W,{ref:c,currentValues:C,editing:v,editLabel:null===(a=e.translations)||void 0===a?void 0:a["portal.newsletters.edit"],onSubmit:S,setEditForm:f,setUnsaved:e.setUnsaved,setValue:N,sticky:!1,translations:e.translations}),e.form.categories.map(((e,t)=>r.createElement(r.Fragment,{key:`category-${e.id}`},r.createElement(G.Divider,{"data-lg":0!==t||void 0}),r.createElement(G.Group,null,r.createElement(G.GroupTitle,null,e.heading),e.description&&r.createElement(G.GroupDescription,{dangerouslySetInnerHTML:{__html:e.description}}),e.options.map(((t,a)=>function(e,t){return r.createElement(u.A,{size:"default",name:e.id,key:t},r.createElement(p.N,{...F(e.id,{}),"aria-label":e.label,"aria-disabled":!v},e.logo&&r.createElement("span",{"data-site":!0},(0,g.renderLogo)(e.logo)),e.icon&&r.createElement("span",{"data-site":!1},(0,l.Ob)(e.icon)),e.label))}(t,`newsletter-${e.id}-${a}`)))))))),r.createElement(W,{currentValues:C,editing:v,editLabel:null===(o=e.translations)||void 0===o?void 0:o["portal.newsletters.edit"],onSubmit:S,setEditForm:f,setUnsaved:e.setUnsaved,setValue:N,sticky:!0,translations:e.translations}),"pending"===L&&r.createElement(y.A,{label:null===(n=e.translations)||void 0===n?void 0:n["global.forms.submitting"],layout:"absolute"}))},Z=(0,o.r)((e=>{const[t,a]=r.useState(!1);return r.useEffect((()=>{function e(e){e.preventDefault(),e.returnValue=""}return t&&window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[t]),e.form?r.createElement(G.Container,{id:e.anchorId,variant:n._.AccountBlue,translations:e.translations},r.createElement(G.FormWrapper,null,r.createElement(G.TopContent,null,r.createElement(G.Title,null,e.heading),e.summary&&r.createElement(G.Summary,null,e.summary)),function(t){switch(t.type){case"my-account":return r.createElement(X,{form:t,setUnsaved:a,translations:e.translations});case"newsletter":return r.createElement(Q,{form:t,setUnsaved:a,translations:e.translations,pageContext:e.pageContext});case"communities":return r.createElement(Y,{form:t,setUnsaved:a,translations:e.translations,pageContext:e.pageContext});case"company-details":return r.createElement($,{form:t,translations:e.translations});default:return null}}(e.form))):null}))}}]);
2//# sourceMappingURL=9756-534017fda9af6c0e5563.js.map