"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[49],{204:(e,a,t)=>{t.d(a,{a:()=>u,b:()=>m});var n=t(0),r=t(1),s=t(46),i=t(11),l=t(54),o=t(2),c=t(230);const u=({customer:e})=>{var a,t,u;if(!e)return null;const d={firstName:(0,c.a)(null!==(a=e.firstName)&&void 0!==a?a:""),lastName:(0,c.a)(null!==(t=e.lastName)&&void 0!==t?t:""),email:null!==(u=e.email)&&void 0!==u?u:""},[f,g]=(0,r.useState)(d),[v,h]=(0,r.useState)({}),[p,N]=(0,r.useState)("idle"),[y,x]=(0,r.useState)(""),[b,j]=(0,r.useState)(!1);var w;w=b,(0,r.useEffect)((()=>{const e=e=>{w&&e.preventDefault()};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}}),[w]);const C=(0,r.useCallback)((()=>{const e={};return f.firstName.trim()||(e.firstName="First name is required."),f.lastName.trim()||(e.lastName="Last name is required."),f.email.trim()?(0,l.b)(f.email)||(e.email="Please enter a valid email."):e.email="Email is required.",h(e),0===Object.keys(e).length}),[f]),L=e=>a=>{const t=a.target.value;g((a=>Object.assign(Object.assign({},a),{[e]:t}))),Object.keys(d).some((e=>f[e]!==d[e]))&&j(!0),h((a=>Object.assign(Object.assign({},a),{[e]:void 0}))),"idle"!==p&&(N("idle"),x(""))},F=(0,r.useCallback)((a=>{return t=void 0,n=void 0,s=function*(){var t;if(a.preventDefault(),C()&&e.id){N("loading"),x("");try{const e=yield(0,o.getLazyState)("customerUpdate",{firstName:f.firstName.trim(),lastName:f.lastName.trim(),email:f.email.trim()});if("error"===(null==e?void 0:e.status))return N("error"),void x("An error occurred. Please try again.");(null===(t=null==e?void 0:e.userErrors)||void 0===t?void 0:t.length)?(N("error"),x(e.userErrors[0].message)):(N("success"),x("Account updated successfully."),j(!1))}catch(e){console.error(e),N("error"),x("An unexpected error occurred. Please try again.")}}},new((r=void 0)||(r=Promise))((function(e,a){function i(e){try{o(s.next(e))}catch(e){a(e)}}function l(e){try{o(s.throw(e))}catch(e){a(e)}}function o(a){var t;a.done?e(a.value):(t=a.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}o((s=s.apply(t,n||[])).next())}));var t,n,r,s}),[C,f,e.id]);return(0,n.jsxs)("div",{className:i.a.accountWrapper,children:[(0,n.jsx)("p",{className:i.a.accountTitle,children:"Account Details"}),y&&(0,n.jsxs)("div",{className:"error"===p?i.a.messageError:i.a.messageSuccess,style:{marginLeft:"0"},children:["success"===p&&(0,n.jsx)(m,{}),(0,n.jsx)("span",{children:y})]}),(0,n.jsx)("form",{className:i.a.accountForm,onSubmit:F,children:(0,n.jsxs)("div",{className:`${i.a.accountInputs} ${i.a.accountInputsFullWidth}`,children:[(0,n.jsx)(s.a,{label:"First Name",name:"firstName",type:"text",placeholder:"First Name",autocomplete:"given-name",value:f.firstName,onChange:L("firstName"),errormessage:v.firstName}),(0,n.jsx)(s.a,{label:"Last Name",name:"lastName",type:"text",placeholder:"Last Name",autocomplete:"family-name",value:f.lastName,onChange:L("lastName"),errormessage:v.lastName}),(0,n.jsx)(s.a,{label:"Email",name:"email",type:"email",placeholder:"Email",autocomplete:"email",value:f.email,onChange:L("email"),errormessage:v.email})]})}),(0,n.jsx)("button",{onClick:F,className:b?`${i.a.accountButton}`:`${i.a.accountButton} ${i.a.accountButtonDisabled}`,disabled:!b||"loading"===p,children:(0,n.jsxs)("span",{className:i.a.buttonContent,children:["loading"===p&&(0,n.jsx)("span",{className:i.a.buttonLoader}),(0,n.jsx)("span",{children:"Save Changes"})]})})]})},m=()=>(0,n.jsxs)("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{x:"0.0507812",y:"0.900391",width:"24",height:"24",rx:"12",fill:"black"}),(0,n.jsx)("path",{d:"M10.6312 16.4839C10.4312 16.4839 10.2412 16.4039 10.1012 16.2639L7.27121 13.4339C6.98121 13.1439 6.98121 12.6639 7.27121 12.3739C7.56121 12.0839 8.04121 12.0839 8.33121 12.3739L10.6312 14.6739L15.7712 9.53391C16.0612 9.24391 16.5412 9.24391 16.8312 9.53391C17.1212 9.82391 17.1212 10.3039 16.8312 10.5939L11.1612 16.2639C11.0212 16.4039 10.8312 16.4839 10.6312 16.4839Z",fill:"white"})]})},230:(e,a,t)=>{function n(e){return e&&"string"==typeof e?e.split(" ").map((e=>{const a=e.toLowerCase();return a.charAt(0).toUpperCase()+a.slice(1)})).join(" "):e}function r(e,a=("undefined"!=typeof navigator?navigator.language:"en-US")){const t=parseFloat(e.amount);return new Intl.NumberFormat(a,{style:"currency",currency:e.currencyCode,minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}function s(e,a=("undefined"!=typeof navigator?navigator.language:"en-US"),t=!1){if(!e||"string"!=typeof e)return e;const n=new Date(e);return t?new Intl.DateTimeFormat(a,{year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric"}).format(n):new Intl.DateTimeFormat(a,{year:"numeric",month:"long",day:"numeric"}).format(n)}t.d(a,{a:()=>n,b:()=>s,c:()=>r})}}]);