(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6178],{54718:function(e,r,t){"use strict";var a,n,i=t(67294);function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},s.apply(this,arguments)}r.Z=function(e){return i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:24,height:18,viewBox:"0 0 24 18",style:{enableBackground:"new 0 0 24 18"},xmlSpace:"preserve"},e),a||(a=i.createElement("path",{d:"M12 18C4.5 18 .3 9.8.1 9.4c-.1-.2-.1-.6 0-.8C.3 8.2 4.5 0 12 0s11.7 8.2 11.9 8.6c.1.3.1.6 0 .9-.2.3-4.4 8.5-11.9 8.5zM2.1 9c.9 1.6 4.5 7 9.9 7s8.9-5.4 9.9-7C21 7.4 17.4 2 12 2S3.1 7.4 2.1 9z"})),n||(n=i.createElement("path",{d:"M12 13c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})))}},56178:function(e,r,t){"use strict";t.d(r,{BG:function(){return z},OX:function(){return E}});var a,n=t(14924),i=t(26042),s=t(69396),l=t(99534),o=t(10253),c=t(29815),d=t(85893),u=t(67294),m=t(94184),p=t.n(m),h=t(58489),b=t(36456),x=t(45517),f=t(26332),v=t(17478),_=t(41107),g=t(68635),j=t(66760),k=t.n(j),C=t(41645),w=t(54727);function y(){return y=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},y.apply(this,arguments)}var N,M=function(e){return u.createElement("svg",y({className:"svg",viewBox:"0 0 12 24"},e),a||(a=u.createElement("g",{strokeWidth:1.5,fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},u.createElement("circle",{cx:6,cy:3.75,r:3}),u.createElement("path",{d:"M11.25 13.5a5.25 5.25 0 0 0-10.5 0v2.25H3l.75 7.5h4.5l.75-7.5h2.25V13.5z"}))))};function V(){return V=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},V.apply(this,arguments)}var E,A=function(e){return u.createElement("svg",V({className:"svg",viewBox:"0 0 14 24",xmlns:"http://www.w3.org/2000/svg"},e),N||(N=u.createElement("g",{strokeWidth:1.5,fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},u.createElement("path",{d:"m9 23.25.75-4.5h3L10.5 12c-.75-2.25-1.68-3.75-3.75-3.75-2.07 0-3 1.5-3.75 3.75L.75 18.75h3l.75 4.5H9z"}),u.createElement("circle",{cx:6.75,cy:3.75,r:3}))))},Z=function(e){var r=(0,C.q)().t,t=(0,h.tL)("gender");return(0,d.jsxs)("div",{className:"field",children:[(0,d.jsx)("label",{className:p()({error:t.error}),children:r(w.MV.Gender)}),(0,d.jsxs)(h.Ee,{field:"gender",validate:function(e){if(!e)return r(w.MV.ValidationRequired)},validateOnChange:Boolean(t.error),children:[(0,d.jsxs)("label",{className:p()({button:!0,"button--white":"male"!==t.value,genderBtn:!0,genderBtnMale:!0,genderBtnError:t.error,genderBtnActive:"male"===t.value}),children:[(0,d.jsx)(M,{}),r(w.MV.Male),(0,d.jsx)(h.Y8,{value:"male",disabled:e.disabled})]}),(0,d.jsxs)("label",{className:p()({button:!0,"button--white":"female"!==t.value,genderBtn:!0,genderBtnFemale:!0,genderBtnError:t.error,genderBtnActive:"female"===t.value}),children:[(0,d.jsx)(A,{}),r(w.MV.Female),(0,d.jsx)(h.Y8,{value:"female",disabled:e.disabled})]})]}),t.error&&(0,d.jsx)("small",{"data-test-id":"gender-error",className:"errorText",children:t.error})]})},I=t(44227),P=t(97735),O=t(45927),q=t.n(O),L=function(e){var r,t,a=e.id,i=e.field,s=e.initialValue,l=void 0!==s&&s,o=e.variant,c=void 0===o?"normal":o,u=e.inputType,m=void 0===u?"checkbox":u,b=e.disabled,x=void 0!==b&&b,f=e.prefix,v=void 0===f?"Checkbox":f,_=e.className,g=e.validate,j=e.validateOnBlur,k=e.hasError,w=e.children,y=(0,C.q)().t;return(0,d.jsx)("div",{className:p()((r={},(0,n.Z)(r,q().fieldNormalStandalone,"normal"===c),(0,n.Z)(r,q().error,k),(0,n.Z)(r,_||"",!0),r)),children:(0,d.jsxs)("div",{className:p()((t={},(0,n.Z)(t,q().root,!0),(0,n.Z)(t,q().standalone,!0),t)),children:[(0,d.jsx)("label",{htmlFor:i,className:q().standaloneLabel,"data-test-id":"".concat(v,"-label"),children:(0,d.jsx)(h.XZ,{field:i,id:a||i,initialValue:l,disabled:x,className:p()(q().standaloneCheckbox,"custom-checkbox"===m?q().custom_checkbox:null),"data-test-id":"".concat(v,"-input"),validate:g,validateOnBlur:j,validateOnChange:Boolean(k)})}),(0,d.jsx)("div",{className:q().standaloneContent,children:w}),k&&(0,d.jsx)("div",{className:q().standaloneCheckboxError,children:(0,d.jsx)("small",{className:q().errorText,children:y(k)})})]})})},B=t(90522),S=t(19012),T=t(43908),U=t(24285);!function(e){e.Create="Create",e.Amend="Amend"}(E||(E={}));var F=function(e){var r=(0,C.q)().t,t=e.isPending,a=e.user,c=a.createMessages,m=a.messages,b=e.fields||[],x=e.disabledFields||[],v=e.initialValues||{},j=e.fields.reduce((function(e,r){switch(r){case"firstname":case"lastname":e[r]=v[r];break;case"gender":v[r]&&(e[r]="1"===String(v[r])?"male":"female");break;case"dob":var t=(0,o.Z)(String(v[r]).split("-"),3),a=t[0],n=t[1],i=t[2];if(a&&n&&i){var s={year:a,month:n,day:i};e.dob=s}}return e}),{}),w=(0,u.useCallback)((function(r){r.termsAccept;var t=(0,l.Z)(r,["termsAccept"]),a=(0,s.Z)((0,i.Z)({},(0,g.Xo)(t),r.gender&&{gender:"male"===r.gender?"1":"2"}),{dob:[r.dob.day,r.dob.month,r.dob.year].join("-"),email:r.email&&r.email.replace(/\s/g,"")});switch("ukmeds"===S.Dz.UK&&(a.custom_attributes=[{attribute_code:"mobile_number",value:r.mobile_number}]),e.operation){case E.Create:e.Msg(f.EJ.CreateSubmit,a,e.beforeActions,e.afterActions);break;case E.Amend:var n=b.filter((function(e){return-1===x.indexOf(e)})).reduce((function(e,r){return e[r]=a[r],e}),{});e.Msg(f.EJ.AmendSubmit,n,e.beforeActions,e.afterActions);break;default:(0,B.UT)()}}),[x,b,e]);return(0,d.jsxs)("div",{className:p()((0,n.Z)({},k().root,!0)),children:[(0,d.jsx)("div",{className:"formHeader",children:e.renderHeader&&e.renderHeader()}),e.requiresVerification?(0,d.jsx)(U.U,{}):(0,d.jsxs)(h.l0,{"data-test-id":"create-account-form",className:k().form,initialValues:j,onSubmit:w,children:[(0,d.jsx)(W,{isPending:t,createMessages:c,messages:m,fields:b,disabledFields:x}),(0,d.jsx)("div",{className:"cta",children:(0,d.jsxs)(_.Z,{type:"submit","data-action":"create-account-form(submit)",disabled:t,children:[t&&r(S.MV.PleaseWait),!t&&e.operation===E.Create&&r(S.MV.CreateAccount),!t&&e.operation===E.Amend&&r(S.MV.Save)]})})]})]})};F.defaultProps={afterActions:[],beforeActions:[],initialValues:{},fields:["firstname","lastname","dob","gender","email","password","marketing","mobile_number","termsAccept"],operation:E.Create};var W=function(e){var r=(0,C.q)().t,t=e.createMessages,a=e.messages,n=e.isPending,i=(0,u.useMemo)((function(){return(0,c.Z)(t).concat((0,c.Z)(a))}),[t,a]),s=(0,h.cl)(),l=function(r){return-1!==e.fields.indexOf(r)},o=function(r){return-1!==e.disabledFields.indexOf(r)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:k().twoUpLap,children:[(0,d.jsx)(x.I,{label:r(S.MV.FirstName),required:!0,autoComplete:"given-name",field:"firstname",validate:(0,P.RN)(),hasError:s.errors.firstname,disabled:n||o("firstname")}),(0,d.jsx)(x.I,{label:r(S.MV.LastName),required:!0,autoComplete:"family-name",field:"lastname",validate:(0,P.RN)(),hasError:s.errors.lastname,disabled:n||o("lastname")})]}),(0,d.jsxs)("div",{className:k().twoUpLap,children:[l("gender")&&(0,d.jsx)(Z,{disabled:o("gender")}),l("dob")&&(0,d.jsx)(I.U,{disabled:o("dob")})]}),l("mobile_number")&&(0,d.jsx)(T.s,{label:r(S.MV.MobileNumber),required:!0,autoComplete:"mobile_number",field:"mobile_number",hasError:s.errors.mobile_number,disabled:n}),l("email")&&(0,d.jsx)(x.I,{selected:!0,label:r(S.MV.EmailAddress),required:!0,autoComplete:"email",field:"email",validate:(0,P.dn)(),hasError:s.errors.email,disabled:n}),l("password")&&(0,d.jsx)(x.I,{label:r(S.MV.Password),type:"password",required:!0,placeholder:r(S.MV.EnterPassword),autoComplete:"new-password",field:"password",validate:(0,P.aO)(),hasError:s.errors.password,disabled:n}),l("termsAccept")&&(0,d.jsx)("div",{className:k().termsWrapper,children:(0,d.jsx)(L,{field:"termsAccept",id:"termsAccept",prefix:"termsAccept",inputType:"custom-checkbox",validate:(0,P.uH)(S.MV.PleaseAccept),hasError:s.errors.termsAccept,children:(0,d.jsxs)("p",{children:["".concat(r(S.MV.IAgreeToThe)," "),(0,d.jsx)("a",{target:"_blank",href:r(S.MV.TermsAndConditionsHref),rel:"noopener noreferrer",children:r(S.MV.TermsAndConditions)}),", ",(0,d.jsx)("a",{target:"_blank",href:r(S.MV.PrivacyAndCookiesPolicyHref),rel:"noopener noreferrer",children:r(S.MV.PrivacyAndCookiesPolicy)}),", ","and"," ",(0,d.jsx)("a",{target:"_blank",href:r(S.MV.AcceptableUsePolicyHref),rel:"noopener noreferrer",children:r(S.MV.AcceptableUsePolicy)})]})})}),l("marketing")&&(0,d.jsx)(L,{field:"marketing",inputType:"custom-checkbox",id:"marketing",prefix:"marketing",children:(0,d.jsx)("p",{children:r(S.MV.MarketingPermission)})}),i.length>0&&(0,d.jsx)("div",{className:k().messages,children:(0,d.jsx)(v.Vm,{messages:i})})]})},H={Msg:f.wl},z=(0,b.$j)((function(e){var r=e.user;return{user:r,isPending:r.status===B.rq.Pending,requiresVerification:r.requiresVerification,verificationNumber:r.verificationNumber}}),H)(F)},45517:function(e,r,t){"use strict";t.d(r,{I:function(){return _}});var a,n=t(14924),i=t(85893),s=t(67294),l=t(58489),o=t(94184),c=t.n(o),d=t(54718);function u(){return u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},u.apply(this,arguments)}var m=function(e){return s.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",style:{enableBackground:"new 0 0 24 24"},xmlSpace:"preserve"},e),a||(a=s.createElement("path",{d:"M10.1 5.2c.6-.1 1.3-.2 1.9-.2 5.4 0 8.9 5.4 9.9 7-.5.9-1.1 1.8-1.8 2.5-.4.4-.3 1.1.1 1.4.2.2.4.2.6.2.3 0 .6-.1.8-.4.9-1 1.6-2.2 2.3-3.4.2-.3.2-.6 0-.9C23.7 11.2 19.5 3 12 3c-.8 0-1.6.1-2.3.3-.6.1-.9.6-.8 1.2.2.5.7.8 1.2.7zM23.7 22.3 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4L4.6 6C2.8 7.6 1.3 9.4.1 11.5c-.2.3-.2.6 0 .9.2.4 4.4 8.6 11.9 8.6 2.1 0 4.1-.6 5.8-1.8l4.5 4.5c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM10 11.4l2.5 2.5c-.2.1-.4.1-.6.1-.5 0-1-.2-1.4-.5-.4-.4-.6-.9-.6-1.4 0-.2.1-.4.1-.7zm2 7.6c-5.4 0-8.9-5.4-9.9-7 1-1.8 2.3-3.3 3.9-4.6L8.5 10c-.4.7-.6 1.5-.6 2.3 0 1.1.5 2.1 1.3 2.8.7.7 1.7 1.1 2.7 1.1h.1c.7 0 1.4-.3 2-.6l2.3 2.3C15 18.6 13.5 19 12 19z"})))},p=t(41107),h=t(28050),b=t.n(h),x=t(2243),f=t(41645);function v(e){var r=(0,s.useState)("password"),t=r[0],a=r[1];return(0,i.jsxs)(i.Fragment,{children:[e.render({type:t}),(0,i.jsx)("span",{className:b().pwFieldSwitch,children:(0,i.jsxs)(p.Z,{variant:"trans",icon:"center",onClick:function(){a("text"===t?"password":"text")},"aria-label":"toggle password visibility",children:["text"===t&&(0,i.jsx)(m,{}),"password"===t&&(0,i.jsx)(d.Z,{})]})})]})}var _=function(e){var r,t=(0,f.q)().t,a=e.placeholder,s=e.disabled,o=e.required,d=e.title,u=e.initialValue,m=e.helpText,p=e.displayLabel,h=e.hasError,_=e.autoComplete,g=e.field,j=function(r){var t;return(0,i.jsx)(l.xv,{className:c()((t={},(0,n.Z)(t,b().textInput,!0),(0,n.Z)(t,b().inputError,h),(0,n.Z)(t,e.inputClassName||"",!0),t)),initialValue:u,placeholder:a,type:r,disabled:s,required:o,title:d,autoComplete:_||"off",field:g,id:e.id||e.field,validate:e.validate,validateOnBlur:e.validateOnBlur,validateOnChange:Boolean(h),"aria-label":e.label,min:e.min,max:e.max,step:e.step,inputMode:e.inputmode,pattern:e.pattern,onValueChange:e.onChange,maxLength:e.maxLength,"data-test-id":e["data-test-id"]})};return(0,i.jsxs)("div",{className:c()((r={},(0,n.Z)(r,e.fieldClass||"".concat(b().field," field"),!0),(0,n.Z)(r,b().error,h),(0,n.Z)(r,b().hidden,e.hidden),(0,n.Z)(r,e.className||"",!0),r)),children:[p&&(0,i.jsx)("label",{htmlFor:g,children:e.label}),e.errorIcon&&h&&(0,i.jsx)("span",{className:b().icon,children:(0,i.jsx)(x.Z,{})}),"password"===e.type&&(0,i.jsx)("div",{className:b().pwFieldWrapper,children:(0,i.jsx)("div",{className:b().pwFieldWrapper,children:(0,i.jsx)(v,{render:function(e){var r=e.type;return j(r)}})})}),"password"!==e.type&&j(e.type),m&&(0,i.jsx)("small",{className:b().caption,children:m}),h&&Array.isArray(h)&&(0,i.jsx)("small",{className:b().errorText,children:t(h[0],h[1])}),h&&!Array.isArray(h)&&(0,i.jsx)("small",{className:b().errorText,children:t(h)})]})};_.defaultProps={required:!1,disabled:!1,helpVisible:!0,displayLabel:!0,errorIcon:!0}},43908:function(e,r,t){"use strict";t.d(r,{s:function(){return h}});var a=t(14924),n=t(85893),i=t(58489),s=t(94184),l=t.n(s),o=(t(15922),t(7845)),c=t(36456),d=t(28050),u=t.n(d),m=t(41645),p=t(19012),h=function(e){var r,t,s=e.id,d=e.field,h=e.hasError,b=e.disabled,x=e.label,f=(0,m.q)().t,v=(0,c.v9)((function(e){var r;return(null===(r=e.app.storeConfig)||void 0===r?void 0:r.default_shipping_country)||"GB"})),_=(0,i.U$)(d,{validate:function(e){return e&&(0,o.yf)(e)?void 0:p.MV.ValidationPhone},validateOnChange:!0}),g=_.fieldState,j=_.fieldApi;return(0,n.jsxs)("div",{className:l()((r={},(0,a.Z)(r,"".concat(u().field," field"),!0),(0,a.Z)(r,u().error,h),r)),children:[x&&(0,n.jsx)("label",{htmlFor:d,children:x}),(0,n.jsx)(o.ZP,{international:!1,placeholder:"Enter phone number",defaultCountry:v,value:g.value,onChange:function(e){j.setValue(e)},onBlur:function(){j.setTouched(!0)},disabled:b,id:s,numberInputProps:{className:l()((t={},(0,a.Z)(t,u().textInput,!0),(0,a.Z)(t,u().inputError,h),t))},countrySelectProps:{className:u().numberCountrySelect}}),h&&Array.isArray(h)&&(0,n.jsx)("small",{className:u().errorText,children:f(h[0],h[1])}),h&&!Array.isArray(h)&&(0,n.jsx)("small",{className:u().errorText,children:f(h)})]})}},24285:function(e,r,t){"use strict";t.d(r,{U:function(){return _}});var a=t(26042),n=t(99534),i=t(85893),s=t(19012),l=t(41107),o=t(45517),c=t(43908),d=t(17478),u=t(26332),m=t(58489),p=t(41645),h=t(36456),b=t(97735),x=t(90522),f=function(e){var r=e.isPending,t=e.messages,a=(0,p.q)().t;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:a(s.MV.InvalidPhoneNumber)}),(0,i.jsx)(c.s,{field:"phone_number"}),(0,i.jsx)(d.Vm,{messages:t}),(0,i.jsx)(l.Z,{type:"submit","data-test-id":"SubmitButton",disabled:r,variant:"primary",children:a(s.MV.Login)})]})},v=function(e){var r=e.verificationNumber,t=e.isPending,a=e.messages,n=(0,p.q)().t,c=(0,m.cl)();return(0,i.jsxs)("div",{children:[(0,i.jsxs)("p",{children:[n(s.MV.PleaseEnterOtpCode),(0,i.jsx)("strong",{children:r})]}),(0,i.jsx)(o.I,{label:"OTP",type:"text",inputmode:"numeric",pattern:"[0-9]{6}",required:!0,maxLength:6,field:"otp",hasError:c.errors.otp,validate:(0,b.Ib)()}),(0,i.jsx)(d.Vm,{messages:a}),(0,i.jsx)(l.Z,{type:"submit","data-test-id":"SubmitButton",disabled:t,variant:"primary",children:n(s.MV.Login)})]})},_=(0,h.$j)((function(e){var r;return{requiresVerification:e.user.requiresVerification||!1,verificationNumber:e.user.verificationNumber,isPending:e.user.status===x.rq.Pending,messages:null!==(r=e.user.messages)&&void 0!==r?r:[],phoneUpdateToken:e.user.phoneUpdateToken}}),{UserMsg:u.Wm})((function(e){var r=e.requiresVerification,t=e.verificationNumber,s=e.phoneUpdateToken,l=e.UserMsg,o=(0,n.Z)(e,["requiresVerification","verificationNumber","phoneUpdateToken","UserMsg"]);return r?s?(0,i.jsx)(m.l0,{onSubmit:function(e){s&&l(u.EJ.UpdatePhoneNumber,e.phone_number,s)},children:(0,i.jsx)(f,(0,a.Z)({},o))}):t?(0,i.jsx)(m.l0,{onSubmit:function(e){l(u.EJ.VerifyOtpCode,e.otp)},children:(0,i.jsx)(v,(0,a.Z)({verificationNumber:t},o))}):null:null}))},45927:function(e){e.exports={fieldListItem:"Checkbox_fieldListItem__sBokr",label:"Checkbox_label__CbFqD",checkbox:"Checkbox_checkbox__exCc_",fieldNormal:"Checkbox_fieldNormal__WrHuy",fieldNormalStandalone:"Checkbox_fieldNormalStandalone__aW06D",content:"Checkbox_content__beGDz",root:"Checkbox_root__jek88",buttonLabel:"Checkbox_buttonLabel__O_JZs",custom_checkbox:"Checkbox_custom_checkbox__GTLGr",standaloneCheckbox:"Checkbox_standaloneCheckbox__UL6Wy",blue_checkbox:"Checkbox_blue_checkbox__Xm1j_",fieldButton:"Checkbox_fieldButton__1U_RC",icon:"Checkbox_icon__xrddt",iconChecked:"Checkbox_iconChecked__HHnLr",error:"Checkbox_error__ZlNjE",checkboxError:"Checkbox_checkboxError__Eh5uT",standalone:"Checkbox_standalone__c7v_Z",standaloneLabel:"Checkbox_standaloneLabel__cx6xs",standaloneContent:"Checkbox_standaloneContent__NtL_G",standaloneCheckboxError:"Checkbox_standaloneCheckboxError__ML_vN"}},28050:function(e){e.exports={field:"Input_field__oDU16",error:"Input_error__5HqQS",hidden:"Input_hidden__Q4ZkB",textInput:"Input_textInput__a3yOZ",textInputImperial:"Input_textInputImperial__y45xc",imperialField:"Input_imperialField__2COqe",textInputMetric:"Input_textInputMetric__WO3WP",imperialWrapper:"Input_imperialWrapper__EKHPb",inputError:"Input_inputError__Zu2hY",errorText:"Input_errorText__eRoyq",icon:"Input_icon__VQSK7",pwFieldWrapper:"Input_pwFieldWrapper__Ym_0t",pwFieldSwitch:"Input_pwFieldSwitch__i4iU7",caption:"Input_caption__UuFz_",textArea:"Input_textArea__P9k0E"}}}]);