https://www.norgren.com/component---src-templates-member-invite-page-js-c7428333d39fdec12ce4.js

1"use strict";(self.webpackChunkimi_webstore=self.webpackChunkimi_webstore||[]).push([[2502],{8506:function(e,t,a){var r=a(8032),l=a(7294);t.Z=e=>{let{data:t,headerImage:a}=e;return l.createElement(l.Fragment,null,l.createElement("section",{className:"hero-banner p-0 text-light has-bgimg"},l.createElement("div",{className:"hero-banner__container position-relative"},l.createElement("div",{className:"hero-banner__background position-absolute"},l.createElement(r.G,{image:a,alt:"",className:"image__fit--cover gradient-image"})),l.createElement("div",{className:"hero-banner__text"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row d-flex align-items-center"},l.createElement("div",{className:"col"},l.createElement("h1",{className:`m-0 ${t.brackets?"with-brackets":""} `},l.createElement("span",null,t.pageTitle)))))))),l.createElement("section",{className:"in-pagenav p-0"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col"},l.createElement("ul",{className:"product-details__inpagenav in-pagenav d-flex align-items-center no-bullets"},void 0!==t.sections&&null!==t.sections?t.sections.map((e=>e.showInNav?l.createElement("li",{key:e.sectionIdentifier},l.createElement("span",null,l.createElement("a",{href:"#"+e.sectionIdentifier},e.sectionTitle))):null)):null))))))}},3086:function(e,t,a){a.d(t,{Z:function(){return g}});var r=a(7294),l=a(4304),n=a(8713),i=a(7536),s=a(3379);const c=e=>({valid:Boolean(e)&&e.length>=8,explain:{code:"lengthatleast"}}),o=e=>({valid:/[A-Z]/.test(e),explain:{code:"uppercase"}}),m=e=>({valid:/[a-z]/.test(e),explain:{code:"lowercase"}}),d=e=>({valid:/ |!|"|#|\$|%|&|'|\(|\)|\*|\+|,|-|\.|\/|:|;|<|=|>|\?|@|\[|\\|\]|\^|_|`|{|\||}|~/.test(e),explain:{code:"specialcharacters"}}),u=e=>({valid:/\d/.test(e),explain:{code:"numbers"}});var g=e=>{let{inputName:t,label:a,placeholder:g,errorMessage:p,microcopy:E,microcopyName:f,required:v,pattern:N,patternErrorMessage:h,match:y,matchErrorMessage:_,disabled:b,errorTextColor:w,passwordComplexityValidationErrorMessage:C}=e;const k=(0,r.useContext)(l.Z),{register:x,getValues:S,trigger:H,formState:{errors:G}}=(0,i.Gc)(),I=(0,r.useRef)((0,n.m)(k)),{0:Z,1:$}=(0,r.useState)({required:void 0,pattern:void 0,validate:void 0}),{0:L}=(0,r.useState)(t.split(".")[0]),{0:A}=(0,r.useState)(t.split(".")[1]),{0:P,1:D}=(0,r.useState)(a),{0:B,1:F}=(0,r.useState)("form__field form-control");function M(){H(t)}(0,r.useEffect)((()=>{let e={};if(!0===v){const t=null!=p?p:(0,s.GH)(I.current,"form.requiredfield");e={...e,required:t}}void 0!==N&&(e={...e,pattern:{value:N,message:h}});let t={};void 0!==y&&(t={matchesValue:e=>S(y)===e||_}),t={...t,complexityValidation:e=>T(e)||C},e={...e,validate:{...t}},$(e)}),[t,v,p,N,h,y,_,C,I]),(0,r.useEffect)((()=>{D(null!=E&&null!=f?(0,s.GH)(E,f):a)}),[a,E,f]),(0,r.useEffect)((()=>{let e="form__field form-control";G[L]&&G[L][A]&&(e+=" is-invalid"),F(e)}),[G]);const T=e=>{const t=(e=>[c(e),o(e),m(e),d(e),u(e)])(e);let a=!0;return t.forEach((e=>{!1===e.valid&&(a=!1)})),a};return r.createElement("div",{className:"form__item d-flex flex-column"},r.createElement("label",{className:"form__label",htmlFor:t},P," ",!0===v?r.createElement(r.Fragment,null,"*"):null),r.createElement("input",Object.assign({id:t,type:"password"},x(t,Z),{placeholder:g,className:B,disabled:b,onKeyUp:M,onBlur:M})),G[L]&&G[L][A]&&r.createElement("span",{className:`form__error ${w||""}`},G[L][A].message))}},5165:function(e,t,a){a.r(t),a.d(t,{Head:function(){return T},default:function(){return M}});var r=a(7294),l=a(4160),n=a(8529),i=a(4636),s=a(7536),c=a(8973),o=a(6586),m=a(8721),d=a(7678),u=a(8713),g=a(6561),p=a(1370),E=a(9306),f=a(3379),v=a(9470),N=a(4859),h=a(6067),y=a(8432),_=a(3086),b=a(7353),w=a(6437),C=a(8872),k=a(8032),x=a(1381),S=a(9748),H=a(3482),G=a(238),I=a(213),Z=a(8506),$=a(944),L=a(6528),A=a(7896),P=a(4644),D=a(7843);var B=a(9001),F=a(6968);var M=e=>{const{0:t}=(0,r.useState)((0,$.K)(e.data.standardPages,e.pageContext.id,e.pageContext.locale)),a="g-3 form my-3",E="needs-validation",h=(0,i.m)(e.pageContext.locale),b=(0,u.m)(e.pageContext.locale),{0:M,1:T}=(0,r.useState)(!1),R=(0,s.cI)({disabled:M,mode:"onSubmit",reValidateMode:"onChange",resetOptions:{keepDirtyValues:!0,keepErrors:!0},defaultValues:{register:{accountname:"",email:"",firstname:"",lastname:"",telephone:"",password:"",confirmpassword:"",termsandconditions:!1,privacypolicy:!1,cookiepolicy:!1,payload:""}}}),{0:K,1:O}=(0,r.useState)(!1),{0:j,1:Y}=(0,r.useState)(null),{0:Q,1:U}=(0,r.useState)(!1),{0:W,1:z}=(0,r.useState)(`${a} ${E}`),{setNotification:J}

1=(0,r.useContext)(N.ZP),X=V(e.data.allContentfulTermsAndConditions),ee=(0,v.Q2)(q(e.data.allContentfulNavigationElement),""),te=(0,r.useRef)(null),ae=(0,r.useRef)(null),{0:re,1:le}=(0,r.useState)(!0),{0:ne,1:ie}=(0,r.useState)(!1),{0:se,1:ce}=(0,r.useState)(!1),{0:oe,1:me}=(0,r.useState)(!1),{0:de,1:ue}=(0,r.useState)(null),{0:ge,1:pe}=(0,r.useState)(!0),{0:Ee,1:fe}=(0,r.useState)(),{0:ve,1:Ne}=(0,r.useState)(),he=(0,A.useLocation)();(0,r.useEffect)((()=>{const e=(0,m.Z)(),t=(0,L.sB)("accept",he);le(!0),function(e,t){return(0,D.gj)(`${D.TH}account/invite`,{payload:e,requestId:t})}(t,e).then((e=>{R.setValue("register.accountname",`${e.accountName} (${e.accountNumber})`),R.setValue("register.email",e.email),ue(e.payload),le(!1),me(!0),ie(!1)})).catch((e=>{if(e.state)switch(e.state){case 410:ie(!0),ce(!1);break;case 409:ie(!1),ce(!0);break;default:ie(!1),ce(!1)}else ie(!1),ce(!1);R.setValue("register.accountname",null),R.setValue("register.email",null),ue(null),me(!1),le(!1)}))}),[]),(0,r.useEffect)((()=>{if(t.body){const a={},n={},i={},s={},c={},o={},m={},d={renderMark:{[w.MARKS.BOLD]:e=>r.createElement("b",null,e)},renderNode:{[w.BLOCKS.PARAGRAPH]:(e,t)=>r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-lg-11"},r.createElement("p",{className:"standard-page override-gatsby"},t)))),[w.BLOCKS.LIST_ITEM]:(e,t)=>r.createElement("li",null,e.content[0].content.map(((e,a)=>{switch(e.nodeType){case"text":default:return r.createElement("p",{key:`spe-${a}`},e.value);case"hyperlink":return r.createElement("a",{key:`spe-${a}`,href:e.data.uri,className:"text-decoration-underline"},e.content[0].value);case"entry-hyperlink":return r.createElement("span",{key:`spe-${a}`},t)}}))),[w.BLOCKS.EMBEDDED_ENTRY]:t=>{var a;if(t.data.target)switch(null===(a=t.data.target.internal)||void 0===a?void 0:a.type){case"ContentfulPageSection":let a=i[t.data.target.sys.id];return r.createElement(S.Z,{section:a,featuredBlogs:null,configuratorMicrocopy:null});case"ContentfulAsset":const n=t.data.target.title;let o,m;if(null!==t.data.target.image&&void 0!==t.data.target.image&&(o=(0,k.c)(t.data.target.image.gatsbyImageData)),null!==t.data.target.page&&void 0!==t.data.target.page){let e=t.data.target.page;m=(0,v.Q2)(e,"")}return r.createElement("div",null,r.createElement("h4",null,r.createElement(l.rU,{to:m},n)),null===t.data.target.description?null:r.createElement("p",null,t.data.target.description.description),null===o?null:r.createElement(k.G,{image:o,alt:"Test"}));case"ContentfulRow":let d=s[t.data.target.sys.id];return r.createElement(x.ZP,{locale:e.pageContext.locale,row:d,featuredBlogs:null});case"ContentfulCollapsePanel":let u=c[t.data.target.sys.id];return r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement(H.Z,{panel:u})))}},[w.BLOCKS.HEADING_2]:(e,t)=>r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-lg-11"},r.createElement("h2",null,t)))),[w.BLOCKS.HEADING_3]:(e,t)=>r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-lg-11"},r.createElement("h4",{className:"font__bold"},t)))),[w.BLOCKS.HEADING_6]:(e,t)=>r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-lg-11"},r.createElement("p",{className:"article__intro--large"},t)))),[w.BLOCKS.UL_LIST]:(e,t)=>r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-lg-11"},r.createElement("ul",{className:"arrow-bullets"},t),r.createElement("p",{className:"standard-page override-gatsby"})))),[w.INLINES.ASSET_HYPERLINK]:(e,t)=>r.createElement("a",{className:"text-red"},t),[w.INLINES.HYPERLINK]:(e,t)=>r.createElement("a",{className:"text-red",href:e.data.uri},t),[w.INLINES.ENTRY_HYPERLINK]:(e,t)=>{let a=(0,v.Q2)(e.data.target,"");return r.createElement("a",{className:"text-red",href:a},t)},[w.INLINES.EMBEDDED_ENTRY]:e=>{if(e.data.target)switch(e.data.target.internal.type){case"ContentfulVimeo":const t=a[e.data.target.sys.id];return!1===t.displayAsButton?r.createElement("span",{className:"article__media is-video is-playing"},r.createElement("span",{className:"article__image"},r.createElement("img",{src:"https://dummyimage.com/300x300/000/fff.png&text=+",alt:t.alt,className:"image__fit--cover placeholder-grid-image"})),r.createElement("span",{className:"article__video embed-responsive embed-responsive-16by9 iframe_video_fix"},r.createElement("iframe",{className:"featured-video__iframe",title:"vimeo",src:t.vimeoLink,width:"100%",height:"100%",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}))):r.createElement("a",{className:"btn video-link"},r.createElement("i",{className:"icon-Play"}),r.createElement("span",null,t.buttonText));case"ContentfulCta":const l=o[e.data.target.sys.id];return r.createElement(G.Z,{ctaObject:l});case"ContentfulImageFloat":const n=m[e.data.target.sys.id];let i="Right"===n.align?"float-right":"float-left",s=(0,k.c)(n.image);return r.createElement("div",{className:`article__image is-floated ${i}`},r.createElement(k.G,{image:s}))}},[w.BLOCKS.EMBEDDED_ASSET]:(e,t)=>{if(e.data.target){const t=n[e.data.target.sys.id];if(t){const e=(0,k.c)(t.image);return r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-lg-11"},r.createElement("div",{className:"article__image"},r.createElement(k.G,{image:e,alt:t.alt,imgClassName:"image__fit--cover"})))))}}}}};t.body.references.map((e=>{if(e.internal)switch(e.internal.type){case"ContentfulVimeo":a[e.contentful_id]=e;break;case"ContentfulAsset":n[e.contentful_id]={image:e.gatsbyImageData,alt:e.title};break;case"ContentfulPageSection":i[e.contentful_id]=e;break;case"ContentfulRow":s[e.contentful_id]=e;break;case"ContentfulCollapsePanel":c[e.contentful_id]=e;break;case"ContentfulCta":o[e.contentful_id]=e;break;case"ContentfulImageFloat":m[e.contentful_id]=e}return null})),Ne((0,C.Z)(t.body,d))}else Ne();pe(null===t.header||void 0===t.header),fe((0,k.c)(t.header))}),[t]),(0,r.useEffect)((()=>{z(!1===Q?`${a} ${E}`:`${a} was-validated`)}),[Q]),(0,r.useEffect)((()=>{O(null===j)}),[j]);const ye=e=>{const t=(0,m.Z)();(function(e,t,a){return(0,D.gj)(`${D.TH}account/invite/accept`,{firstName:e.firstname,lastName:e.lastname,email:e.email,telephone:e.telephone,password:e.password,confirmPassword:e.confirmpassword,payload:e.payload,recaptchaCode:t,requestId:a})})(e.register,j,t).then((a=>{a.requestId===t&&(!0===a.isSuccessful?(0,l.c4)(ee,{state:{email:e.register.email}}):!1===a.isValid&&null!==a.errors&&0===a.errors.length?(0,N.$m)(null,(0,f.GH)(b,"form.generalvalidationfailure"),J):!1===a.isValid&&null!==a.errors&&a.errors.length>

10?a.errors.forEach((e=>{var t;switch(e){case"recaptcha":Y(null),null==ae||null===(t=ae.current)||void 0===t||t.reset(),(0,N.$m)(null,(0,f.GH)(h,"registration.recaptchafailed"),J);break;case"passwordvalidationfailed":(0,N.$m)(null,(0,f.GH)(h,"registration.passwordvalidationfailure"),J);break;case"9B0520C5-691D-4197-88D2-78CFDF497E01":case"3C420948-9F71-4561-86E5-909E0EF3AE86":(0,N.$m)(null,(0,f.GH)(h,"registration.emailalreadyregistered"),J);break;default:(0,N.$m)(null,(0,f.GH)(b,"form.generalvalidationfailure"),J)}})):(0,N.$m)(null,(0,f.GH)(h,"register.registrationfailed"),J),O(!1),T(!1))})).catch((e=>{var t;(0,P.qn)(`Member invite registration failed: code=${null!==(t=null==e?void 0:e.code)&&void 0!==t?t:"unknown"}`),(0,N.$m)(null,(0,f.GH)(h,"register.registrationfailed"),J),O(!1),T(!1)}))};return r.createElement(n.Z,{locale:e.pageContext.locale,altPaths:e.pageContext.altPaths,categoryPaths:e.pageContext.categoryPaths,darkTheme:ge,id:e.pageContext.navId,title:e.pageContext.title},ge?r.createElement(I.td,{title:t.pageTitle,brackets:t.brackets}):r.createElement(Z.Z,{data:t,headerImage:Ee}),r.createElement("section",{className:"registration product-details has-basket checkout__basket text-dark pt-0 p-0 pb-5"},ve,r.createElement("div",{className:"container"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-15 col-md"},r.createElement(r.Fragment,null,!1===re?r.createElement(r.Fragment,null,!0===oe?r.createElement(s.RV,R,r.createElement("form",{onSubmit:R.handleSubmit((e=>{!1===Q&&U(!0),!1===K&&(O(!0),T(!0),R.trigger().then((t=>{if(null!=j&&!0===R.formState.isValid)ye(e);else{let e=(0,f.GH)(b,"form.generalvalidationfailure");var a;if(null==j)e=(0,f.GH)(h,"registration.recaptchafailed"),Y(null),null==ae||null===(a=ae.current)||void 0===a||a.reset();else R.trigger();(0,N.$m)(null,e,J),O(!1),T(!1)}})).catch((e=>{let t=(0,f.GH)(b,"form.generalvalidationfailure");var a;null==j?(t=(0,f.GH)(h,"registration.recaptchafailed"),Y(null),null==ae||null===(a=ae.current)||void 0===a||a.reset()):R.trigger();(0,N.$m)(null,t,J),O(!1),T(!1)})))}))},r.createElement(y.Z,{formName:"registration",formId:"register",submitRef:te}),r.createElement("div",{className:W},r.createElement("div",{className:"registration__item"},r.createElement("h4",null,(0,f.GH)(h,"register.personaldetails")),r.createElement("div",{className:"shipping__tabs--container"},r.createElement("div",{className:"form"},r.createElement("span",{className:"form__info"},(0,f.GH)(b,"form.markedfieldsarecompulsory")),r.createElement("div",{className:"form__fields d-flex flex-wrap justify-content-between"},r.createElement(B.Z,{inputName:"register.payload",key:"payload",value:de}),r.createElement(c.Z,{inputName:"register.firstname",microcopyName:"register.firstname",microcopy:h,required:!0}),r.createElement(c.Z,{inputName:"register.lastname",microcopyName:"register.lastname",microcopy:h,required:!0}),r.createElement(c.Z,{inputName:"register.accountname",microcopyName:"register.accountname",microcopy:h,required:!0,disabled:!0})))))),r.createElement("div",{className:W},r.createElement("div",{className:"registration__item"},r.createElement("h4",null,(0,f.GH)(h,"register.contactdetails")),r.createElement("div",{className:"shipping__tabs--container"},r.createElement("div",{className:"form"},r.createElement("div",{className:"form__fields d-flex flex-wrap justify-content-between"},r.createElement(c.Z,{inputName:"register.email",required:!0,microcopyName:"register.email",microcopy:h,disabled:!0}),r.createElement(c.Z,{inputName:"register.telephone",required:!0,microcopyName:"register.telephone",microcopy:h,pattern:/^.{1,20}$/,patternErrorMessage:(0,f.GH)(b,"form.incorrecttelephoneformat")})))))),r.createElement("div",{className:W},r.createElement("div",{className:"registration__item"},r.createElement("h4",null,(0,f.GH)(h,"register.accountdetails")),r.createElement("div",{className:"shipping__tabs--container"},r.createElement("div",{className:"form"},r.createElement("div",{className:"form__fields d-flex flex-wrap justify-content-between"},r.createElement(_.Z,{inputName:"register.password",required:!0,microcopyName:"register.password",microcopy:h,passwordComplexityValidationErrorMessage:(0,f.GH)(h,"register.passwordfailscomplexity")}),r.createElement(_.Z,{inputName:"register.confirmpassword",required:!0,microcopyName:"register.confirmpassword",microcopy:h,match:"register.password",matchErrorMessage:(0,f.GH)(h,"register.passwordsmustmatch"),passwordComplexityValidationErrorMessage:(0,f.GH)(h,"register.passwordfailscomplexity")})))))),r.createElement("p",null,(0,f.GH)(h,"register.byregisteringforaccount")," ",X&&X.links&&X.links.map(((e,t)=>r.createElement("span",{key:t},r.createElement("a",{key:t,href:(0,v.Q2)(e,""),target:"_blank",rel:"noreferrer"},e.name,t===X.links.length-1?r.createElement(r.Fragment,null,"."):r.createElement(r.Fragment,null,",")," "),X.links.length>=2&&t===X.links.length-2?r.createElement(r.Fragment,null," ",(0,f.GH)(h,"register.and")," "):null)))),r.createElement(o.Z,{inputName:"register.termsandconditions",microcopyName:"register.termsandconditions",microcopy:h,required:!0}),r.createElement(o.Z,{inputName:"register.privacypolicy",microcopyName:"register.privacypolicy",microcopy:h,required:!0}),r.createElement(o.Z,{inputName:"register.cookiepolicy",microcopyName:"register.cookiepolicy",microcopy:h,required:!0}),r.createElement(d.Z,{ref:ae,sitekey:"6LchLcgfAAAAAIAa7c6WM36ac17He9pM97FoWG2s",onChange:function(e){Y(e)}}),r.createElement(p.v,{value:(0,f.GH)(b,"form.submit"),disabled:K,colour:"red",additionalClasses:"btn-large mt

1-5",refCallback:te}))):r.createElement(r.Fragment,null,!0===ne||!0===se?r.createElement(r.Fragment,null,!0===ne?r.createElement("p",null,(0,f.GH)(h,"register.invitationexpiredreinvitesent")):null,!0===se?r.createElement("p",null,(0,f.GH)(h,"register.invitationuserloggedin")):null):r.createElement("p",null,(0,f.GH)(h,"register.invitationisinvalid")))):r.createElement("div",{className:"spinner-container order-table fixed-height"},r.createElement(F.Z,{className:"spinner spinner-medium",animation:"border"})))),r.createElement("div",{className:"col-15 col-md product-details__basket mb-5 mb-md-0 for-desktop is-registration"})))),r.createElement(g.Z,{id:e.pageContext.navId}))};function T(e){let{pageContext:t}=e;const a=(0,E.Z)({locale:t.locale,altPaths:t.altPaths});return r.createElement(r.Fragment,null,r.createElement("meta",{name:"robots",content:"noindex,nofollow"}),a,r.createElement(h.ZP,{description:t.metaDescription,title:t.titleOverride}),r.createElement(b.f,null))}const V=e=>{let{nodes:t}=e;return t[0]},q=e=>{let{nodes:t}=e;return t[0]}}}]);
2//# sourceMappingURL=component---src-templates-member-invite-page-js-c7428333d39fdec12ce4.js.map