1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[870],{5870:(e,a,s)=>{s.r(a),s.d(a,{default:()=>U});var t=s(6894),r=s(1158),n=s(9419),i=s(6620),o=s(1740),c=s(2935),l=s(4041),m=s(4910),d=s(6734),u=s(7552),h=s(3531);var p=s(1085);const g=e=>{const a=(0,t.c)(3),{label:s,isMet:r,isActive:n}=e;let i,c="";return r?c="requirement-met":n&&(c="requirement-unmet"),a[0]!==c||a[1]!==s?(i=(0,p.jsx)(o.az,{name:"password-requirement",className:c,children:s}),a[0]=c,a[1]=s,a[2]=i):i=a[2],i},b=(e,a)=>e>=a?"var(--gray-3, #DEDEDE)":2===a?"#FE6F00":a>2?"var(--green-8, #007014)":"var(--red-7, #C70000)",x=e=>{const a=(0,t.c)(52),{password:s,isActive:r}=e;let n;a[0]===Symbol.for("react.memo_cache_sentinel")?(n={lengthValid:!1,meetsRequirement:!1,hasUppercase:!1,hasLowercase:!1,hasNumber:!1,hasSpecial:!1,conditionsMet:0},a[0]=n):n=a[0];const[i,c]=(0,l.useState)(n),[m,d]=(0,l.useState)(0);let h,x,f,N,j;a[1]!==s?(h=()=>{const e=s.length>=12&&s.length<=64,a=(0,u.fG)(s);c(Object.assign({lengthValid:e},a));let t=e?1:0;a.hasUppercase&&(t+=1),a.hasLowercase&&(t+=1),a.hasNumber&&(t+=1),a.hasSpecial&&(t+=1),t=Math.min(Math.max(t,0),4),d(t)},x=[s],a[1]=s,a[2]=h,a[3]=x):(h=a[2],x=a[3]),(0,l.useEffect)(h,x),a[4]===Symbol.for("react.memo_cache_sentinel")?(N=["dash-first","dash-second","dash-third","dash-fourth"],a[4]=N):N=a[4],a[5]!==m?(j=N.map(((e,a)=>({backgroundColor:b(a,m),borderTopColor:b(a,m)}))),a[5]=m,a[6]=j):j=a[6],f=j;const w=f;let v,y;var S;let k;a[7]!==m?(y=0===(S=m)?"var(--gray-3, #DEDEDE)":2===S?"#FE6F00":S>2?"var(--green-8, #007014)":"var(--red-7, #C70000)",a[7]=m,a[8]=y):y=a[8],a[9]!==y?(k={color:y},a[9]=y,a[10]=k):k=a[10],v=k;const C=v;let E,_,L,z,D;a[11]===Symbol.for("react.memo_cache_sentinel")?(E=["dash-first","dash-second","dash-third","dash-fourth"],a[11]=E):E=a[11],a[12]!==w?(_=(0,p.jsx)(o.az,{name:"password-progress-bar",children:E.map(((e,a)=>(0,p.jsx)(o.az,{name:"progress-dash",className:e,style:w[a]},e)))}),a[12]=w,a[13]=_):_=a[13],a[14]!==m?(L=(e=>0===e?"Set Password":1===e?"Set Password: Weak":2===e?"Set Password: Medium":3===e?"Set Password: Strong":4===e?"Set Password: Excellent!":"Set Password")(m),a[14]=m,a[15]=L):L=a[15],a[16]!==C||a[17]!==L?(z=(0,p.jsx)(o.az,{name:"set-password-heading",style:C,children:L}),a[16]=C,a[17]=L,a[18]=z):z=a[18],a[19]!==i.lengthValid||a[20]!==r?(D=(0,p.jsx)(g,{label:"Must be 12-64 characters",isMet:i.lengthValid,isActive:r}),a[19]=i.lengthValid,a[20]=r,a[21]=D):D=a[21];const T=`Must contain at least 2 of the following (current: ${i.conditionsMet}):`;let M;a[22]!==T||a[23]!==i.meetsRequirement||a[24]!==r?(M=(0,p.jsx)(g,{label:T,isMet:i.meetsRequirement,isActive:r}),a[22]=T,a[23]=i.meetsRequirement,a[24]=r,a[25]=M):M=a[25];const P=r&&!i.meetsRequirement;let F;a[26]!==i.hasUppercase||a[27]!==P?(F=(0,p.jsx)(g,{label:"Uppercase character",isMet:i.hasUppercase,isActive:P}),a[26]=i.hasUppercase,a[27]=P,a[28]=F):F=a[28];const I=r&&!i.meetsRequirement;let q;a[29]!==i.hasLowercase||a[30]!==I?(q=(0,p.jsx)(g,{label:"Lowercase character",isMet:i.hasLowercase,isActive:I}),a[29]=i.hasLowercase,a[30]=I,a[31]=q):q=a[31];const B=r&&!i.meetsRequirement;let A;a[32]!==i.hasNumber||a[33]!==B?(A=(0,p.jsx)(g,{label:"Number",isMet:i.hasNumber,isActive:B}),a[32]=i.hasNumber,a[33]=B,a[34]=A):A=a[34];const R=r&&!i.meetsRequirement;let O,U,G,V,H;
1return a[35]!==i.hasSpecial||a[36]!==R?(O=(0,p.jsx)(g,{label:"Special character (!@#$%^&*())",isMet:i.hasSpecial,isActive:R}),a[35]=i.hasSpecial,a[36]=R,a[37]=O):O=a[37],a[38]!==F||a[39]!==q||a[40]!==A||a[41]!==O?(U=(0,p.jsxs)(o.az,{name:"sub-requirements",className:"password-requirements-grid",children:[F,q,A,O]}),a[38]=F,a[39]=q,a[40]=A,a[41]=O,a[42]=U):U=a[42],a[43]!==D||a[44]!==M||a[45]!==U?(G=(0,p.jsxs)(o.az,{name:"requirements-section",children:[D,M,U]}),a[43]=D,a[44]=M,a[45]=U,a[46]=G):G=a[46],a[47]===Symbol.for("react.memo_cache_sentinel")?(V=(0,p.jsx)(o.az,{name:"horizontal-divider",tag:"div","aria-hidden":"true"}),a[47]=V):V=a[47],a[48]!==_||a[49]!==z||a[50]!==G?(H=(0,p.jsxs)(o.az,{name:"password-validator",children:[_,z,G,V]}),a[48]=_,a[49]=z,a[50]=G,a[51]=H):H=a[51],H};var f=s(6090);var N=s(6793);const j=e=>{const a=(0,t.c)(6),{className:s}=e,r=void 0===s?"":s;let n,i;if(a[0]===Symbol.for("react.memo_cache_sentinel")){const e=(0,N.lh)("NX_TERM_LINK_ITEMS");let s=[];if(e)try{s=JSON.parse(e)}catch(l){const e=l;console.error("Error parsing footer items from environment variable:",e)}i=s.find(w),n=s.find(v),a[0]=n,a[1]=i}else n=a[0],i=a[1];const c=n;let l;var m;a[2]===Symbol.for("react.memo_cache_sentinel")?(l=(0,p.jsxs)(o.az,{name:"agreement-text",tag:"p",children:["By continuing, I agree to"," ",(null==(m=i)?void 0:m.path)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o.D,{urlType:i.type,urlPath:i.path,children:i.title})," ",c&&"and "]}),(null==c?void 0:c.path)&&(0,p.jsx)(o.D,{urlType:c.type,urlPath:c.path,children:c.title})]}),a[2]=l):l=a[2];let d,u;return a[3]===Symbol.for("react.memo_cache_sentinel")?(d=(0,p.jsx)(o.az,{name:"customer-care",tag:"p",children:(0,p.jsx)(o.D,{urlType:"link",urlPath:"https://stuffcustomercare.zendesk.com/hc/en-us",children:"Need Help?"})}),a[3]=d):d=a[3],a[4]!==r?(u=(0,p.jsxs)(o.az,{name:"agree-terms",tag:"div",className:r,children:[l,d]}),a[4]=r,a[5]=u):u=a[5],u};function w(e){return e.title.includes("Terms")}function v(e){return e.title.includes("Privacy")}const y=i._j["email-small"],S=i._j["email-update"],k=i._j["visibility-off"],C=i._j["visibility-on"],E=(0,p.jsx)(y,{className:"email-input-icon"}),_=(0,p.jsx)(S,{className:"email-reset-icon"}),L=(0,p.jsx)(k,{className:"visibility-icon"}),z=(0,p.jsx)(C,{className:"visibility-icon"}),D={dataLayerEventType:m.gG.SUBSCRIBE_BUTTON,componentID:"account-continue-button",componentLocation:"form",componentSection:"account-details"},T={eventType:m.Bx.UPDATE_PAGE,eventName:m.gG.LOGIN_BUTTON,pageCategory:m.a3.OTHER,section:"create-account-details",pageTitle:"Create New Account - Details",componentID:"create-account-details-page"},M=()=>{const{email:e,firstName:a,lastName:s,setFirstName:r,setLastName:i,reset:c}=(0,n.Xq)(),{executeRecaptcha:m,isLoading:g,isReady:b,errorMessage:N,setError:w}=(0,h.Vq)();(0,d.S6)(T,!1,!0);const[v,y]=(0,l.useState)(!1),[S,k]=(0,l.useState)(!1),[C,M]=(0,l.useState)(!0),{password:P,setPassword:F,errors:I,clearError:q,isSubmitting:B,handleSubmit:A}=(0,u.OY)({email:e,firstName:a,lastName:s,consentReference:C},c),R=(0,l.useCallback)((async e=>{e.preventDefault(),w(null);try{const a=await m("account_create");if(!a)return;await A(e,a)}catch(a){console.error("Form submission error:",a)}}),[m,A,w]),{createFormFieldHandlers:O}=(0,u.Of)(),U=(0,l.useMemo)((()=>(e=>{const{setFirstName:a,setLastName:s,setPassword:t,setIsPasswordFocused:r,password:n,reset:i}=e;return{firstName:{fieldName:"firstName",setValue:a},lastName:{fieldName:"lastName",setValue:s},password:{fieldName:"password",setValue:t},passwordFocus:{fieldName:"password",setFocusState:r},passwordBlur:{fieldName:"password",setFocusState:r,shouldKeepFocused:()=>!!n},resetButton:{fieldName:"general",customAction:()=>{t(""),i()}}}})({setFirstName:r,setLastName:i,setPassword:F,setIsPasswordFocused:y,password:P,reset:c})),[r,i,F,y,P,c]),G=(0,l.useMemo)((()=>O(U,I,q)),[O,U,I,q]),V=(0,l.useCallback)((()=>{k((e=>!e))}),[]),H=(0,l.useCallback)((e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),V())}),[V]),K=(0,l.useCallback)((e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),G.resetButton.handleClick())}),[G]),Q=(0,l.useCallback)((e=>{M(e)}),[]);(e=>{const a=(0,t.c)(4),s=(0,l.useRef)(!1),r=(0,f.W6)();let n,i;a[0]!==e||a[1]!==r?(n=()=>{window.history.pushState({isCustomBlock:!0},"");const a=a=>{var t;s.current||null!=(t=a.state)&&t.isCustomBlock&&(a.preventDefault(),e(),s.current=!0,r.goBack())};return window.addEventListener("popstate",a),()=>{window.removeEventListener("popstate",a)}},i=[r,e],a[0]=e,a[1]=r,a[2]=n,a[3]=i):(n=a[2],i=a[3]),(0,l.useEffect)(n,i)})(G.resetButton.handleClick);const Z=B||g,X=!!a&&!!s&&!!P&&!B&&b,J=(0,l.useMemo)((()=>v||P?(0,p.jsx)(x,{password:P,isActive:!0}):void 0),[v,P]),W=(0,l.useMemo)((()=>({onClick:V,onKeyDown:H,ariaLabel:S?"Hide password":"Show password"})),[V,H,S]);return(0,p.jsx)(o.az,{name:"account-details-form",tag:"div",children:(0,p.jsxs)("form",{onSubmit:R,children:[(0,p.jsxs)("h4",{className:"account-heading",children:["Please complete your ",(0,p.jsx)("span",{children:"Stuff"})," account"]}),(0,p.jsxs)(o.az,{name:"name-fields-container",className:"name-fields-container",tag:"div",children:[(0,p.jsx)(o.ZQ,{id:"firstName",type:"text",value:a,handlers:G.firstName,isDisabled:Z,required:!0,placeholder:"First Name",error:I.firstName,inputClassName:"form-control rounded-input"}),(0,p.jsx)(o.ZQ,{id:"lastName",type:"text",value:s,handlers:G.lastName,isDisabled:Z,required:!0,placeholder:"Last Name",error:I.lastName,inputClassName:"form-control rounded-input"})]}),(0,p.jsx)(o.az,{name:"form-group",tag:"div",children:(0,p.jsxs)(o.az,{name:"email-input-container",className:"email-input-container",tag:"div",children:[(0,p.jsx)(o.az,{name:"email-display",tag:"div",children:(0,p.jsxs)(o.az,{id:"display-email",name:"email-value",tag:"div",className:"email-with-icon",children:[(0,p.jsx)(o.az,{name:"email-icon-wrapper",tag:"div",className:"email-icon-wrapper",children:E}),(0,p.jsx)(o.az,{tag:"span",name:"email-text",children:e})]})}),(0,p.jsx)(o.az,{name:"email-reset-button",tag:"div",onClick:Z?void 0:G.resetButton.handleClick,className:"email-reset-icon-container "+(Z?"disabled":""),role:"button",tabIndex:Z?-1:0,"aria-label":"Go back to email form","aria-disabled":Z,onKeyDown:Z?void 0:K,children:_})]})}),(0,p.jsx)(o.ZQ,{id:"password",type:S?"text":"password",value:P,handlers:G.password,isDisabled:Z,required:!0,placeholder:"Password",error:I.password,inputClassName:"form-control rounded-input",className:"password-input-container",suffixIcon:S?L:z,suffixIconClassName:"password-toggle-icon",suffixAction:W,renderBelow:J}),(0,p.jsx)(o.ZQ,{id:"consentreference",type:"checkbox",checked:C,onCheckboxChange:Q,isDisabled:Z,checkboxLabelText:"Email me the latest news, updates and special offers",checkboxClassName:"consent-checkbox checkbox-auto-width",labelClassName:"consent-label-text",className:"consent-checkbox-container"}),(I.general||N)&&(0,p.jsx)(o.az,{name:"error-message general-error",tag:"div",className:"error-message general-error",children:I.general||N}),(0,p.jsx)(o.az,{name:"form-actions",tag:"div",children:(0,p.jsx)(o.mU,{type:"submit",className:"create-account-submit-button primary-button "+(X?"":"button-disabled"),dataLayerInfo:D,children:B?"Creating Account...":b?"Continue":"Loading..."})}),(0,p.jsx)(j,{})]})})},P=i._j["email-small"],F=i._j["google-logo"],I=(0,p.jsx)(P,Object.assign({},{width:16,height:16,className:"email-input-icon"})),q=(0,p.jsx)(F,Object.assign({},{width:20,height:20})),B={dataLayerEventType:m.gG.SUBSCRIBE_BUTTON,componentID:"email-continue-button",componentLocation:"form",componentSection:"email-collection"},A={eventType:m.Bx.UPDATE_PAGE,eventName:m.gG.LOGIN_BUTTON,pageCategory:m.a3.OTHER,section:"create-account-email-check",pageTitle:"Create New Account - Email",componentID:"create-account-email-collection-
1page"},R=()=>{const{email:e,setEmailValidated:a,setEmail:s,setStep:t}=(0,n.AP)(),{executeRecaptcha:r,isLoading:i,errorMessage:c,isReady:m,setError:g}=(0,h.Vq)();(0,d.S6)(A,!1,!0);const{handleSubmit:b,error:x,isValidating:f}=(0,u.tp)(e,a,t),{createFormFieldHandlers:N}=(0,u.Of)(),w=(0,l.useMemo)((()=>({email:{fieldName:"email",setValue:s}})),[s]),v=(0,l.useMemo)((()=>N(w)),[N,w]),y=(0,l.useCallback)((async e=>{e.preventDefault(),g(null);try{const a=await r("account_signup");if(!a)return;await b(e,a)}catch(a){console.error("Form submission error:",a)}}),[r,b,g]),S=(0,l.useCallback)((()=>{(0,u.Jz)().catch((e=>console.error("Google sign-in error:",e)))}),[]),k=f||i,C=!!e&&!f&&m;return(0,p.jsx)(o.az,{name:"email-collection-form",tag:"div",children:(0,p.jsxs)("form",{onSubmit:y,children:[(0,p.jsxs)("h4",{className:"account-heading",children:["Log in or create a new ",(0,p.jsx)("span",{children:"Stuff"})," account"]}),(0,p.jsx)(o.ZQ,{id:"email",type:"email",value:e,handlers:v.email,isDisabled:k,placeholder:"Email address",required:!0,error:x||c||void 0,prefixIcon:I,prefixIconClassName:"email-input-icon-container",inputClassName:"email-input-with-icon"}),(0,p.jsx)(o.az,{name:"form-actions",tag:"div",children:(0,p.jsx)(o.mU,{type:"submit",className:"create-account-submit-button primary-button "+(C?"":"button-disabled"),dataLayerInfo:B,children:f?"Checking...":m?"Continue":"Loading..."})}),(0,p.jsx)(j,{}),(0,p.jsx)(o.az,{name:"or-separator",tag:"div",className:"separator",children:(0,p.jsx)("span",{children:"or"})}),(0,p.jsxs)("button",{type:"button",onClick:S,className:"google-sign-in-button","aria-label":"Sign in with Google",disabled:k,children:[(0,p.jsx)("span",{className:"google-icon",children:q}),(0,p.jsx)("span",{className:"button-text",children:"Sign in with Google"})]})]})})},O=i._j["angle-small-left"],U=()=>{const e=(0,t.c)(4),{step:a}=(0,n.XX)(),s=r.cE.latestPathForLoginRedirect,i=(null==s?void 0:s.path)||"/";let l;e[0]===Symbol.for("react.memo_cache_sentinel")?(l=(0,c.uh)(i),e[0]=l):l=e[0];const m=l;let d,u;return e[1]===Symbol.for("react.memo_cache_sentinel")?(d=(0,p.jsx)(o.az,{name:"back-link-container",children:(0,p.jsxs)("a",{href:m,className:"back-link",children:[(0,p.jsx)(O,{width:12,height:12,className:"angle-small-left-icon"}),(0,p.jsx)("span",{children:"Back"})]})}),e[1]=d):d=e[1],e[2]!==a?(u=(0,p.jsxs)(o.TK,{className:"create-new-account-page",children:[d,(0,p.jsx)(o.az,{name:"create-account-container",children:a===n.Jp.EMAIL_COLLECTION?(0,p.jsx)(R,{}):(0,p.jsx)(M,{})})]}),e[2]=a,e[3]=u):u=e[3],u}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.