https://tseh85.ru/_next/static/chunks/d9b21492.f0067736d4f02791ddfd.js

1(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[18],{"4HWu":function(e,t,s){"use strict";var i=s("iYmT"),n=s("rePB"),o=s("LvDl"),a=s.n(o),c=s("q1tI"),r=s.n(c),l=s("ck4X"),h=s("qKvR"),j=s("/MKj"),d=s("cpGi"),x=s("PoRY"),b=s("gkfb"),m=s("c7k8"),u=s("DPJP"),p=s("dCz6"),O=s("YMtv"),g=s("u6BD"),f=s("HjXL"),w=s("CHhj"),C=s("uPRj"),y=s("xkUb"),v=s("Kvkj"),I=s("7Qib"),B=s("Nlzp"),k=s("7tdR");r.a.createElement;function M(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,i)}return s}var D={name:"vooagt",styles:"min-height:100vh;"},P={name:"q2y3yl",styles:"color:inherit;"},S={name:"svcrb4",styles:"min-width:64px;"},T={name:"9zjs9g",styles:"padding:16px 32px;"},F={name:"svcrb4",styles:"min-width:64px;"};class E extends r.a.Component{constructor(e,t){super(e,t),Object(n.a)(this,"resetCacheTimerId",null),Object(n.a)(this,"cache",new m.c({defaultHeight:104,fixedWidth:!1})),Object(n.a)(this,"onWindowResize",()=>{null!==this.resetCacheTimerId&&(clearTimeout(this.resetCacheTimerId),this.resetCacheTimerId=null);const e=this.props.isPhone||I.a&&Object(I.j)().width<=812;if(this.state.isCompact!==e)return this.cache.clearAll(),this.mounted&&this.setState({isCompact:e});this.resetCacheTimerId=setTimeout(()=>{this.resetCacheTimerId=null,this.cache.clearAll(),this.forceUpdate()},100)}),Object(n.a)(this,"onClickToggleEditMode",()=>this.mounted&&this.setState(function(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?M(Object(s),!0).forEach((function(t){Object(n.a)(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):M(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}({editMode:!this.state.editMode,changed:!1},this.state.editMode?{}:{phone:y.a.reformatPhoneNumber((this.props.clientInfo||{}).phone||""),gender:(this.props.clientInfo||{}).gender||0,email:(this.props.clientInfo||{}).email||"",name:(this.props.clientInfo||{}).name||""}))),Object(n.a)(this,"onClickSaveChanges",()=>{!this.state.saveChanges&&this.props.clientInfo&&this.mounted&&this.setState({saveChanges:!0},()=>{const{gender:e,clientGuid:t,dateOfBirth:s}=this.props.clientInfo||{};B.a.auth.editClientInfo({dateOfBirth:s,guid:t,name:this.state.name||"",email:this.state.email||"",gender:this.state.gender||e,phone:this.state.phone?y.a.reformatPhoneNumber(this.state.phone):""}).then(()=>{this.mounted&&this.setState({editMode:!1,changed:!1,saveChanges:!1})}).catch(e=>{alert(e&&e.message||e),this.mounted&&this.setState({saveChanges:!1})})})}),Object(n.a)(this,"renderInfoItem",(e,t,s="-n-",n={},o)=>Object(h.jsx)(b.Box,n||{},Object(h.jsx)(w.a,{category:"subtitle1"},e,"undefined"!==typeof o?Object(h.jsx)(u.a,{className:"confirm-status-icon",css:Object(i.a)({marginLeft:4,color:o?f.a.Bonus:f.a.Warning},""),"data-tip":o?"\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d":"\u041d\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d",icon:o?"check_circle":"warning","data-type":o?"success":"warning",size:16}):null),a.a.isArray(t)?t.length<1?Object(h.jsx)(w.a,{category:"subtitle2"},s):t.map((e,t)=>Object(h.jsx)(w.a,{key:"i."+t,category:"subtitle2"},e)):Object(h.jsx)(w.a,{category:"subtitle2"},t||s))),Object(n.a)(this,"renderOrderItem",({index:e,key:t,parent:s,style:i})=>Object(h.jsx)(m.b,{key:t,parent:s,columnIndex:0,rowIndex:e,cache:this.cache},Object(h.jsx)(b.Box,{pb:20,pr:40,key:t,style:i},Object(h.jsx)(C.a,{order:this.props.orders[e],isCompact:this.state.isCompact})))),Object(n.a)(this,"renderOrderList",()=>Object(h.jsx)(m.a,{disableHeight:!0,style:{overflow:"visible"}},({width:e})=>Object(h.jsx)(m.e,{style:{overflow:"visible"}},({height:t,isScrolling:s,onChildScroll:i,scrollTop:n})=>Object(h.jsx)(m.d,{autoHeight:!0,height:t,scrollTop:n,onScroll:i,isScrolling:s,rowHeight:this.cache.rowHeight,rowRenderer:this.renderOrderItem,rowCount:this.props.orders.length,deferredMeasurementCache:this.cache,style:{overflow:"visible",outline:0},width:e})))),this.mounted=!0,this.state={editMode:!1,saveChanges:!1,collapsedClientInfo:!1,isCompact:e.isPhone||I.a&&Object(I.j)().width<=812}}componentDidMount(){B.a.auth.waitSiteAuth().then(()=>B.a.auth.getClientInfo()).then(()=>B.a.orders.get()),window.addEventListener("resize",this.onWindowResize)}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize)}render(){const{clientInfo:e,hasUserAuth:t}=this.props;return Object(h.jsx)("div",{id:"account",css:k.a.container},Object(h.jsx)(v.g,{fixed:!0,whiteBordered:!0,withLogout:!0,isCompact:this.state.isCompact}),Object(h.jsx)(b.Flex,{flexDirection:"column",justifyContent:"space-between",css:D},t?Object(h.jsx)(r.a.Fragment,null,Object(h.jsx)(b.Box,{width:1,pl:4,pr:4,pt:120}

1,Object(h.jsx)(b.Flex,{flexDirection:["column","column","row"],justifyContent:"space-between"},Object(h.jsx)(b.Box,{width:[1,"auto"],pb:2},Object(h.jsx)(b.Flex,{flexDirection:"row"},Object(h.jsx)(w.a,{category:"h1",style:k.a.title},this.state.editMode?"\u0412\u0430\u0448 \u043f\u0440\u043e\u0444\u0438\u043b\u044c":"\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442"),this.state.editMode?null:Object(h.jsx)(b.Box,{ml:2,pt:[3,3,2]},Object(h.jsx)(g.a,{category:"inline",active:!0,onClick:this.onClickToggleEditMode},this.state.isCompact?Object(h.jsx)(u.a,{icon:"edit",size:24,css:P}):"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c"))),this.state.editMode?null:Object(h.jsx)(b.Flex,{flexDirection:"row",justifyContent:"flex-start"},Object(h.jsx)(b.Box,{mt:[0,0,-2],mb:[3,3,0]},Object(h.jsx)(w.a,null,"\u0411\u043e\u043d\u0443\u0441\u043e\u0432"),Object(h.jsx)(w.a,{category:"points",lineHeight:"52px"},e.points||0)),Object(h.jsx)(b.Box,{mt:2}))),Object(h.jsx)(b.Box,{width:[1,5/9]},Object(h.jsx)(b.Flex,{mb:[3,2],flexDirection:"row",justifyContent:"flex-start"},Object(h.jsx)(b.Box,{width:64,mr:3,css:S},Object(h.jsx)(b.Flex,{flexDirection:"row",justifyContent:"flex-end"},Object(h.jsx)(b.Box,null,Object(h.jsx)(l.a,{alt:e.name||"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c",round:!0,name:this.state.editMode?"+":e.name||"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c",size:64,src:B.a.files.pictureUrl(e.pictureId,e.pictureTime)})))),Object(h.jsx)(b.Box,{flex:1},Object(h.jsx)(b.Flex,{flexDirection:this.state.editMode?["column"]:["column","row"],justifyContent:"flex-start"},this.state.editMode?Object(h.jsx)(r.a.Fragment,null,Object(h.jsx)(b.Box,{width:1,mb:[3,2]},Object(h.jsx)(b.Flex,{flexDirection:["column","row"]},Object(h.jsx)(b.Box,{flex:1,mr:[0,2],mb:[3,0]},Object(h.jsx)(p.a,{placeholder:"\u0418\u043c\u044f \u0438 \u0444\u0430\u043c\u0438\u043b\u0438\u044f",value:this.state.name||"",onChange:e=>this.mounted&&this.setState({name:e.target.value,changed:!0})})),Object(h.jsx)(b.Box,null,Object(h.jsx)(O.a.Group,{selectedValue:this.state.gender||0,onChangeValue:e=>this.mounted&&this.setState({gender:e,changed:!0})},Object(h.jsx)(O.a,{value:1,title:"\u041f\u0430\u0440\u0435\u043d\u044c"}),Object(h.jsx)(O.a,{value:2,title:"\u0414\u0435\u0432\u0443\u0448\u043a\u0430"}))))),Object(h.jsx)(b.Box,{width:1,mb:[3,0]},Object(h.jsx)(b.Flex,{flexDirection:["column","row"]},Object(h.jsx)(b.Box,{flex:1,mr:[0,2],mb:[3,0]},Object(h.jsx)(p.a,{placeholder:"\u0422\u0435\u043b\u0435\u0444\u043e\u043d",as:y.a,value:""+(this.state.phone||""),onChange:e=>this.mounted&&this.setState({phone:e.target.value,changed:!0})})),Object(h.jsx)(b.Box,{flex:1,mb:[3,0]},Object(h.jsx)(p.a,{placeholder:"E-mail",value:this.state.email,onChange:e=>this.mounted&&this.setState({email:e.target.value,changed:!0})}))))):Object(h.jsx)(r.a.Fragment,null,this.renderInfoItem("\u041f\u0440\u043e\u0444\u0438\u043b\u044c",e.name,"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c",{mr:[0,4],mb:[3,0]}),this.renderInfoItem("\u0422\u0435\u043b\u0435\u0444\u043e\u043d",e.phone?Object(x.a)("+"+e.phone,"INTERNATIONAL"):null,"\u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d",{mr:[0,4],mb:[3,0]},e.confirmedPhone),this.renderInfoItem("\u041f\u043e\u0447\u0442\u0430",e.email,"\u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0430",{},e.confirmedEMail),Object(h.jsx)(d.a,{className:"tooltip"}))))),this.state.editMode?Object(h.jsx)(b.Flex,{flexDirection:"row",justifyContent:"flex-end"},Object(h.jsx)(b.Box,null,this.state.saveChanges?null:Object(h.jsx)(g.a,{category:"inline",css:T,onClick:this.onClickToggleEditMode},"\u041e\u0422\u041c\u0415\u041d\u0410"),Object(h.jsx)(g.a,{disabled:!this.state.changed||this.state.saveChanges,onClick:this.onClickSaveChanges},this.state.saveChanges?"\u0421\u041e\u0425\u0420\u0410\u041d\u0415\u041d\u0418\u0415...":"\u0421\u041e\u0425\u0420\u0410\u041d\u0418\u0422\u042c"))):Object(h.jsx)(b.Flex,{mb:[4,0],flexDirection:"row",justifyContent:"flex-start"},Object(h.jsx)(b.Box,{width:64,mr:3,css:F}),this.renderInfoItem("\u0410\u0434\u0440\u0435\u0441\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438",(e.deliveryAddresses||[]).map(e=>e.address),"\u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u044b"))))),this.state.editMode?null:Object(h.jsx)(r.a.Fragment,null,Object(h.jsx)(b.Box,{width:[1,2/3],pl:4,pr:4,pt:3},this.renderOrderList()))):Object(h.jsx)("p",null,"Invalid permissions"),Object(h.jsx)(v.c,{mode:"base",isCompact:this.state.isCompact})))}}t.a=Object(j.b)((e,t)=>({orders:e.orders.list||[],clientInfo:(e.auth||{}).clientInfo||{},siteInfo:(e.config||{}).siteInfo||{},ordersFetching:e.fetching.ordersFetching||!1,hasUserAuth:((e.auth||{}).userToken||"").length>4}))(E)}}]);