https://www.norgren.com/component---src-templates-trade-account-register-page-js-165e8439c737ebe799f7.js

1"use strict";(self.webpackChunkimi_webstore=self.webpackChunkimi_webstore||[]).push([[4900],{5480:function(e,t,r){r.d(t,{Z:function(){return o}});var a=r(7294),l=r(4160),n=r(4419),i=r(5085),c=r(300);var s=r(9470);var o=e=>{let{component:t,locale:r,...o}=e;const{email:m,queryingUser:u}=(0,a.useContext)(n.Z),{0:d,1:f}=(0,a.useState)(!1),p=(0,s.Q2)((e=>{const{AccountNavigationElements:t}=(0,l.K2)("4080711800");let r;return t.nodes.forEach((t=>{t.node_locale===e&&(r=t)})),r})(r),"");return(0,a.useEffect)((()=>{!1===d&&!1===u&&(!1===(0,c.aC)(m)?(0,l.c4)(p):f(!0))}),[d,u,m,p]),a.createElement(a.Fragment,null,d?a.createElement(t,o):a.createElement(i.Z,o))}},6586:function(e,t,r){var a=r(7294),l=r(4304),n=r(8713),i=r(7536),c=r(3379);t.Z=e=>{let{inputName:t,label:r,errorMessage:s,required:o,microcopy:m,microcopyName:u,errorTextColor:d}=e;const f=(0,a.useContext)(l.Z),{register:p,formState:{errors:g}}=(0,i.Gc)(),E=(0,a.useRef)((0,n.m)(f)),{0:v,1:h}=(0,a.useState)({required:void 0,pattern:void 0,validate:void 0}),{0:y}=(0,a.useState)(t.split(".")[0]),{0:N}=(0,a.useState)(t.split(".")[1]),{0:b,1:_}=(0,a.useState)(r),{0:k,1:w}=(0,a.useState)("form__field form-control");return(0,a.useEffect)((()=>{let e={};if(!0===o){const t=null!=s?s:(0,c.GH)(E.current,"form.requiredfield");e={...e,required:t}}h(e)}),[o,s,E]),(0,a.useEffect)((()=>{_(null!=m&&null!=u?(0,c.GH)(m,u):r)}),[r,m,u]),(0,a.useEffect)((()=>{let e="form__field form-control";g[y]&&g[y][N]&&(e+=" is-invalid"),w(e)}),[g]),a.createElement("div",{className:"form__item d-flex flex-column checkbox-form-item"},a.createElement("input",Object.assign({id:t,type:"checkbox",name:t},p(t,v),{className:k})),a.createElement("label",{className:"form__label",htmlFor:t},b," ",!0===o?a.createElement(a.Fragment,null,"*"):null),g[y]&&g[y][N]&&a.createElement("span",{className:`form__error ${d||""}`},g[y][N].message))}},3086:function(e,t,r){r.d(t,{Z:function(){return f}});var a=r(7294),l=r(4304),n=r(8713),i=r(7536),c=r(3379);const s=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"}}),u=e=>({valid:/ |!|"|#|\$|%|&|'|\(|\)|\*|\+|,|-|\.|\/|:|;|<|=|>|\?|@|\[|\\|\]|\^|_|`|{|\||}|~/.test(e),explain:{code:"specialcharacters"}}),d=e=>({valid:/\d/.test(e),explain:{code:"numbers"}});var f=e=>{let{inputName:t,label:r,placeholder:f,errorMessage:p,microcopy:g,microcopyName:E,required:v,pattern:h,patternErrorMessage:y,match:N,matchErrorMessage:b,disabled:_,errorTextColor:k,passwordComplexityValidationErrorMessage:w}=e;const x=(0,a.useContext)(l.Z),{register:G,getValues:H,trigger:Z,formState:{errors:C}}=(0,i.Gc)(),S=(0,a.useRef)((0,n.m)(x)),{0:$,1:q}=(0,a.useState)({required:void 0,pattern:void 0,validate:void 0}),{0:M}=(0,a.useState)(t.split(".")[0]),{0:P}=(0,a.useState)(t.split(".")[1]),{0:F,1:V}=(0,a.useState)(r),{0:A,1:L}=(0,a.useState)("form__field form-control");function I(){Z(t)}(0,a.useEffect)((()=>{let e={};if(!0===v){const t=null!=p?p:(0,c.GH)(S.current,"form.requiredfield");e={...e,required:t}}void 0!==h&&(e={...e,pattern:{value:h,message:y}});let t={};void 0!==N&&(t={matchesValue:e=>H(N)===e||b}),t={...t,complexityValidation:e=>T(e)||w},e={...e,validate:{...t}},q(e)}),[t,v,p,h,y,N,b,w,S]),(0,a.useEffect)((()=>{V(null!=g&&null!=E?(0,c.GH)(g,E):r)}),[r,g,E]),(0,a.useEffect)((()=>{let e="form__field form-control";C[M]&&C[M][P]&&(e+=" is-invalid"),L(e)}),[C]);const T=e=>{const t=(e=>[s(e),o(e),m(e),u(e),d(e)])(e);let r=!0;return t.forEach((e=>{!1===e.valid&&(r=!1)})),r};return a.createElement("div",{className:"form__item d-flex flex-column"},a.createElement("label",{className:"form__label",htmlFor:t},F," ",!0===v?a.createElement(a.Fragment,null,"*"):null),a.createElement("input",Object.assign({id:t,type:"password"},G(t,$),{placeholder:f,className:A,disabled:_,onKeyUp:I,onBlur:I})),C[M]&&C[M][P]&&a.createElement("span",{className:`form__error ${k||""}`},C[M][P].message))}},6067:function(e,t,r){var a=r(7294),l=r(4160);t.ZP=e=>{var t,r,l;let{description:i="",title:c,image:s,showTitleSuffix:o=!0}=e;const{site:m}=n(),u=i||m.siteMetadata.description,d=function(e,t,r){const a=e?` | ${r}`:"";let l=r;t&&(l=`${t}${a}

1`);return l}(o,c,null===(t=m.siteMetadata)||void 0===t?void 0:t.title);return a.createElement(a.Fragment,null,a.createElement("title",null,d),a.createElement("meta",{name:"description",content:u}),a.createElement("meta",{name:"image",content:s}),a.createElement("meta",{name:"og:title",content:c}),a.createElement("meta",{name:"og:type",content:"website"}),a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("meta",{name:"twitter:creator",content:(null===(r=m.siteMetadata)||void 0===r||null===(l=r.social)||void 0===l?void 0:l.twitter)||null}),a.createElement("meta",{name:"twitter:title",content:c}),a.createElement("meta",{name:"twitter:description",content:u}))};const n=()=>(0,l.K2)("3000541721")},5085:function(e,t,r){var a=r(7294),l=r(6968),n=r(8529);t.Z=e=>{let{pageContext:t}=e;return a.createElement(n.Z,{locale:t.locale,altPaths:t.altPaths,categoryPaths:t.categoryPaths,darkTheme:!0,id:t.navId,skipGetBasket:!0,skipPublishEvents:!0},a.createElement("section",{className:"hero-banner p-0"},a.createElement("div",{className:"hero-banner__container position-relative"},a.createElement("div",{className:"hero-banner__text"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row d-flex align-items-center"},a.createElement("div",{className:"col"},a.createElement("div",{className:"spinner-container"},a.createElement(l.Z,{className:"spinner spinner-medium",animation:"border"})))))))))}},9306:function(e,t,r){r.d(t,{i:function(){return n}});var a=r(7294),l=r(6260);t.Z=e=>{let{locale:t,altPaths:r}=e;const n=(0,l.u)(t);let i=[];

1return r&&n.forEach((e=>{let t=r[e.slug];void 0===t&&(t=e.slug);const l=`https://www.norgren.com/${t}`;i.push(a.createElement("link",{key:`alternate-${e.slug}`,rel:"alternate",href:l,hrefLang:e.slug})),"en"===e.slug&&i.push(a.createElement("link",{key:"alternate-x-default",rel:"alternate",href:l,hrefLang:"x-default"}))})),i};const n=e=>{let{locale:t,altPaths:r}=e;const n=(0,l.u)(t);let i=[];return r&&n.forEach((e=>{let t=r[e.slug];if(void 0===t||t.includes("null"))return null;const l=`https://www.norgren.com/${t}`;i.push(a.createElement("link",{key:`alternate-${e.slug}`,rel:"alternate",href:l,hrefLang:e.slug})),"en"===e.slug&&i.push(a.createElement("link",{key:"alternate-x-default",rel:"alternate",href:l,hrefLang:"x-default"}))})),i}},1412:function(e,t,r){r.r(t),r.d(t,{Head:function(){return $}});var a=r(2982),l=r(7294),n=r(8529),i=r(4636),c=r(7536),s=r(8973),o=r(1734),m=r(7252),u=r(8373),d=r(8721),f=r(7678),p=r(8713),g=r(6561),E=r(1370),v=r(5480),h=r(9306),y=r(3379),N=r(9470),b=r(4160),_=r(4859),k=r(1248),w=r(6067),x=r(8432),G=r(3086),H=r(6586),Z=r(7353),C=r(4644);t.default=e=>l.createElement(v.Z,{component:S,locale:e.pageContext.locale,pageContext:e.pageContext,data:e.data});const S=e=>{let{pageContext:t,data:r}=e;const v="g-3 form my-3",h="needs-validation",w=(0,i.m)(t.locale),Z=(0,p.m)(t.locale),S=(0,c.cI)({mode:"onSubmit",reValidateMode:"onChange",resetOptions:{keepDirtyValues:!0,keepErrors:!0}}),{country:$}=((0,m.FE)(t.locale),(0,l.useContext)(k.Z)),{0:P,1:F}=(0,l.useState)(!1),{0:V,1:A}=(0,l.useState)(null),{0:L,1:I}=(0,l.useState)(!1),{0:T}=(0,l.useState)(t.locale),{0:R,1:j}=(0,l.useState)(`${v} ${h}`),{setNotification:K}=(0,l.useContext)(_.ZP),O=M(r.allContentfulTermsAndConditions),{0:B,1:U}=(0,l.useState)(""),D=(0,l.useMemo)((()=>[{key:null,value:(0,y.GH)(w,"register.pleaseselectcountry"),disabled:!0}].concat((0,a.Z)(function(e){let{nodes:t}=e,r=[];for(let a=0,l=t.length;a<l;a++){const e=t[a];r.push({key:e.alpha2Code,value:e.name})}return r}(r.allContentfulCountry)))),[r.allContentfulCountry,w]),Q=(0,l.useRef)(null),W=(0,l.useRef)(null);(0,l.useEffect)((()=>

1{null!=B&&""!==B||function(e){const t=D[1].key;let r=t;e&&(r="GB"===e?"UK":e,void 0===D.find((e=>e.key===r))&&(r=t)),U(r)}($)}),[$,D,B]),(0,l.useEffect)((()=>{j(!1===L?`${v} ${h}`:`${v} was-validated`)}),[L]),(0,l.useEffect)((()=>{F(null===V)}),[V]);const z=e=>{const t=(0,d.Z)();(0,u.uf)({...e.traderegister,language:T},V,t).then((e=>{if(e.requestId===t){if(!0===e.isSuccessful){const e=("undefined"!=typeof window?window.location.pathname:"").replace("/trade-account","/trade-account-complete");(0,b.c4)(e)}else!1===e.isValid&&null!==e.errors&&0===e.errors.length?(0,_.$m)(null,(0,y.GH)(Z,"form.generalvalidationfailure"),K):!1===e.isValid&&null!==e.errors&&e.errors.length>0?e.errors.forEach((e=>{var t;switch(e){case"recaptcha":A(null),null==W||null===(t=W.current)||void 0===t||t.reset(),(0,_.$m)(null,(0,y.GH)(w,"registration.recaptchafailed"),K);break;case"passwordvalidationfailed":(0,_.$m)(null,(0,y.GH)(w,"registration.passwordvalidationfailure"),K);break;default:(0,_.$m)(null,(0,y.GH)(Z,"form.generalvalidationfailure"),K)}})):(0,_.$m)(null,(0,y.GH)(w,"register.registrationfailed"),K);F(!1)}})).catch((e=>{var t;(0,C.qn)(`Trade account registration failed: code=${null!==(t=null==e?void 0:e.code)&&void 0!==t?t:"unknown"}`),(0,_.$m)(null,(0,y.GH)(w,"register.registrationfailed"),K),F(!1)}))};return l.createElement(n.Z,{locale:t.locale,altPaths:t.altPaths,categoryPaths:t.categoryPaths,darkTheme:!0,id:t.navId,title:t.title},l.createElement("section",{className:"registration product-details has-basket checkout__basket pb-0 mb-5"},l.createElement("div",{className:"container"},l.createElement("div",{className:"row"},l.createElement("div",{className:"col-15 col-md"},l.createElement("div",{className:"registration__heading"},l.createElement("h1",{className:"text-red"},(0,y.GH)(w,"register.tradeaccountregistration")),l.createElement("div",{className:"registration__secure d-flex align-items-center"},l.createElement("p",null,(0,y.GH)(w,"register.secure")),l.createElement("i",{className:"icon-Lock-Closed"}))),l.createElement("div",{className:"for-mobile m-0"},l.createElement(q,{microcopy:w})),l.createElement(c.RV,S,l.createElement("form",{onSubmit:S.handleSubmit((e=>{!1===L&&I(!0),!1===P&&(F(!0),S.trigger().then((t=>{if(null!=V&&!0===S.formState.isValid)z(e);else{let e=(0,y.GH)(Z,"form.generalvalidationfailure");var r;if(null==V)e=(0,y.GH)(w,"registration.recaptchafailed"),A(null),null==W||null===(r=W.current)||void 0===r||r.reset();else S.trigger();(0,_.$m)(null,e,K),F(!1)}})).catch((e=>{let t=(0,y.GH)(Z,"form.generalvalidationfailure");var r;null==V?(t=(0,y.GH)(w,"registration.recaptchafailed"),A(null),null==W||null===(r=W.current)||void 0===r||r.reset()):S.trigger();(0,_.$m)(null,t,K),F(!1)})))}))},l.createElement(x.Z,{formName:"trade-account-registration",formId:"traderegister",submitRef:Q}),l.createElement("div",{className:R},l.createElement("div",{className:"registration__item"},l.createElement("h4",null,(0,y.GH)(w,"register.accountdetails")),l.createElement("div",{className:"shipping__tabs--container"},l.createElement("div",{className:"form"},l.createElement("span",{className:"form__info"},(0,y.GH)(Z,"form.markedfieldsarecompulsory")),l.createElement("div",{className:"form__fields d-flex flex-wrap justify-content-between"},l.createElement(s.Z,{inputName:"traderegister.companyname",microcopyName:"register.companyname",microcopy:w,required:!0,maxEncodedLength:40}),l.createElement(s.Z,{inputName:"traderegister.accountnumber",microcopyName:"register.accountnumber",microcopy:w,required:!0}),l.createElement(o.Z,{inputName:"traderegister.country",required:!0,microcopyName:"register.country",microcopy:w,options:D,selectedOptionKey:B})))))),l.createElement("div",{className:R},l.createElement("div",{className:"registration__item"},l.createElement("h4",null,(0,y.GH)(w,"register.contactdetails")),l.createElement("div",{className:"shipping__tabs--container"},l.createElement("div",{className:"form"},l.createElement("div",{className:"form__fields d-flex flex-wrap justify-content-between"},l.createElement(s.Z,{inputName:"traderegister.firstname",microcopyName:"register.firstname",microcopy:w,required:!0}),l.createElement(s.Z,{inputName:"traderegister.lastname",microcopyName:"register.lastname",microcopy:w,required:!0}),l.createElement(s.Z,{inputName:"traderegister.email",required:!0,microcopyName:"register.email",microcopy:w,pattern:/^[^\s']+@[^\s']+\.\S+/,patternErrorMessage:(0,y.GH)(Z,"form.incorrectemailformat")}),l.createElement(s.Z,{inputName:"traderegister.confirmemail",required:!0,microcopyName:"register.confirmemail",microcopy:w,pattern:/^[^\s']+@[^\s']+\.\S+/,patternErrorMessage:(0,y.GH)(Z,"form.incorrectemailformat"),match:"traderegister.email",matchErrorMessage:(0,y.GH)(w,"register.emailsmustmatch")}),l.createElement(s.Z,{inputName:"traderegister.telephone",required:!0,microcopyName:"register.telephone",microcopy:w,pattern:/^.{1,20}$/,patternErrorMessage:(0,y.GH)(Z,"form.incorrecttelephoneformat")})))))),l.createElement("div",{className:R},l.createElement("div",{className:"registration__item"},l.createElement("h4",null,(0,y.GH)(w,"register.password")),l.createElement("div",{className:"shipping__tabs--container"},l.createElement("div",{className:"form"},l.createElement("div",{className:"form__fields d-flex flex-wrap justify-content-between"},l.createElement(G.Z,{inputName:"traderegister.password",required:!0,microcopyName:"register.password",microcopy:w,passwordComplexityValidationErrorMessage:(0,y.GH)(w,"register.passwordfailscomplexity")}),l.createElement(G.Z,{inputName:"traderegister.confirmpassword",required:!0,microcopyName:"register.confirmpassword",microcopy:w,match:"traderegister.password",matchErrorMessage:(0,y.GH)(w,"register.passwordsmustmatch"),passwordComplexityValidationErrorMessage:(0,y.GH)(w,"register.passwordfailscomplexity")})))))),l.createElement("p",null,(0,y.GH)(w,"register.byregisteringforaccount")," ",O&&O.links&&O.links.map(((e,t)=>l.createElement("span",{key:t},l.createElement("a",{key:t,href:(0,N.Q2)(e,""),target:"_blank",rel:"noreferrer"},e.name,t===O.links.length-1?l.createElement(l.Fragment,null,"."):l.createElement(l.Fragment,null,",")," "),O.links.length>=2&&t===O.links.length-2?l.createElement(l.Fragment,null," ",(0,y.GH)(w,"register.and")," "):null)))),l.createElement(H.Z,{inputName:"traderegister.termsandconditions",microcopyName:"register.termsandconditions",microcopy:w,required:!0}),l.createElement(H.Z,{inputName:"traderegister.privacypolicy",microcopyName:"register.privacypolicy",microcopy:w,required:!0}),l.createElement(H.Z,{inputName:"traderegister.cookiepolicy",microcopyName:"register.cookiepolicy",microcopy:w,required:!0}),l.createElement(f.Z,{ref:W,sitekey:"6LchLcgfAAAAAIAa7c6WM36ac17He9pM97FoWG2s",onChange:function(e){A(e)}}),l.createElement(E.v,{value:(0,y.GH)(Z,"form.submit"),disabled:P,colour:"red",additionalClasses:"btn-large mt

1-5",refCallback:Q})))),l.createElement("div",{className:"col-15 col-md product-details__basket mb-5 mb-md-0 for-desktop is-registration"},l.createElement(q,{microcopy:w}))))),l.createElement(g.Z,{id:t.navId}))};function $(e){let{pageContext:t}=e;const r=(0,h.Z)({locale:t.locale,altPaths:t.altPaths});return l.createElement(l.Fragment,null,l.createElement("meta",{name:"robots",content:"noindex,nofollow"}),r,l.createElement(w.ZP,{description:t.metaDescription,title:t.titleOverride}),l.createElement(Z.f,null))}const q=e=>{let{microcopy:t}=e;return l.createElement("div",{className:"product-details__basket--container mb-4"},l.createElement("div",{className:"product-details__basket--innercontainer d-flex flex-column"},l.createElement("h2",{className:"mb-5"},(0,y.GH)(t,"register.tradeaccountbenefits")),l.createElement("p",null,(0,y.GH)(t,"register.tradeaccountbenefits.description")),l.createElement("ul",{className:"tick-bullets"},l.createElement("li",null,(0,y.GH)(t,"register.tradeaccountbenefits.erppricing")),l.createElement("li",null,(0,y.GH)(t,"register.tradeaccountbenefits.orderhistory")),l.createElement("li",null,(0,y.GH)(t,"register.tradeaccountbenefits.invoices")),l.createElement("li",null,(0,y.GH)(t,"register.tradeaccountbenefits.fastcheckout")))))};const M=e=>{let{nodes:t}=e;return t[0]}}}]);
2//# sourceMappingURL=component---src-templates-trade-account-register-page-js-165e8439c737ebe799f7.js.map