https://www.uniontypedesign.com/_next/static/chunks/app/customer-l…?dpl=dpl_HkSaL5BpMTbJDmA2ZHtL456rq9st

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[774],{51215:function(e,n,t){Promise.resolve().then(t.bind(t,54981)),Promise.resolve().then(t.bind(t,10149)),Promise.resolve().then(t.bind(t,57570)),Promise.resolve().then(t.bind(t,97682)),Promise.resolve().then(t.bind(t,19245)),Promise.resolve().then(t.bind(t,4962)),Promise.resolve().then(t.bind(t,22920)),Promise.resolve().then(t.bind(t,12731)),Promise.resolve().then(t.t.bind(t,90711,23)),Promise.resolve().then(t.bind(t,82958))},90711:function(e){e.exports={page:"page_page__kVP4H"}},97682:function(e,n,t){"use strict";t.d(n,{default:function(){return p}});let a={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"CustomerLoginFormQuery",selections:[{alias:null,args:null,concreteType:"Viewer",kind:"LinkedField",name:"viewer",plural:!1,selections:[o={alias:null,args:null,concreteType:"Settings",kind:"LinkedField",name:"settings",plural:!1,selections:[{alias:null,args:[{kind:"Literal",name:"format",value:"HTML"}],kind:"ScalarField",name:"customerLoginSubmittedLabel",storageKey:'customerLoginSubmittedLabel(format:"HTML")'}],storageKey:null}],storageKey:null}],type:"RootQueryType",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"CustomerLoginFormQuery",selections:[{alias:null,args:null,concreteType:"Viewer",kind:"LinkedField",name:"viewer",plural:!1,selections:[o,{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"2b3755da1e44df05799bc12ae115545e",id:null,metadata:{},name:"CustomerLoginFormQuery",operationKind:"query",text:"query CustomerLoginFormQuery {\n  viewer {\n    settings {\n      customerLoginSubmittedLabel(format: HTML)\n    }\n    id\n  }\n}\n"}};a.hash="f32c7b0b485a2b2a02ddf2cbc5b87a3c";let i={fragment:{argumentDefinitions:l=[{defaultValue:null,kind:"LocalArgument",name:"input"}],kind:"Fragment",metadata:null,name:"CustomerLoginFormLoginMutation",selections:r=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"LoginPayload",kind:"LinkedField",name:"login",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"success",storageKey:null}],storageKey:null}],type:"RootMutationType",abstractKey:null},kind:"Request",operation:{argumentDefinitions:l,kind:"Operation",name:"CustomerLoginFormLoginMutation",selections:r},params:{cacheID:"9b03ffa6ff2a9a7bb72c52ec5d734cf5",id:null,metadata:{},name:"CustomerLoginFormLoginMutation",operationKind:"mutation",text:"mutation CustomerLoginFormLoginMutation(\n  $input: LoginInput!\n) {\n  login(input: $input) {\n    success\n  }\n}\n"}};i.hash="975b639fac1e0d88e0f0c9c55acd8b9c";var o,l,r,s=t(2265),u=t(97701),m=t(31851);let c=(i.hash&&"975b639fac1e0d88e0f0c9c55acd8b9c"!==i.hash&&console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."),i),d=(a.hash&&"f32c7b0b485a2b2a02ddf2cbc5b87a3c"!==a.hash&&console.error("The definition of 'CustomerLoginFormQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."),a);function g(){var e,n;let t=(null===(e=(0,u.useLazyLoadQuery)(d,{}).viewer)||void 0===e?void 0:null===(n=e.settings)||void 0===n?void 0:n.customerLoginSubmittedLabel)||"<p>Submitted!</p><p>Please check your email inbox for a link to log in.</p><p>If you don’t receive an email, please contact us to retrieve your order information.</p>";return s.createElement("div",{className:"login-form__submitted",dangerouslySetInnerHTML:{__html:t}})}var p=e=>{let{submitLabel:n="Submit"}

1=e,[t,a]=(0,s.useState)(""),[i,o]=(0,s.useState)(null),[l,r]=(0,s.useState)(!1),[d,p]=(0,s.useState)(!1),b=(0,u.useRelayEnvironment)(),f=!t;return s.createElement("div",{className:"login-form"},i&&s.createElement("div",{className:"login-form__errors"},i),d?s.createElement(s.Suspense,{fallback:null},s.createElement(g,null)):s.createElement("form",{className:"login-form__form",onSubmit:e=>{e.preventDefault(),r(!0),(0,u.commitMutation)(b,{mutation:c,variables:{input:{email:t}},onCompleted:(e,n)=>{n&&n.length>0?(o(n[0].message),r(!1)):(p(!0),r(!1),o(null))},onError:e=>{let{message:n}=e;o(n),r(!1)}})}},s.createElement("div",{className:"login-form__section"},s.createElement(m.Z,{label:"Email *",type:"email",value:t,onChange:e=>a(e),autocomplete:"email",placeholder:"Your email"})),s.createElement("div",null,s.createElement("button",{className:"submit-button",type:"submit",disabled:l||f},l?"Submitting...":n,s.createElement("span",{className:"submit-button__arrow"}," →")))))}}},function(e){e.O(0,[304,282,400,162,12,877,82,958,971,23,744],function(){return e(e.s=51215)}),_N_E=e.O()}]);