https://www.cryptoslots.com/en/file/js/app_messagesDialog.js?hash=f8e3b65be09de4f0

1"use strict";(self.webpackChunkcryptoslotsapp=self.webpackChunkcryptoslotsapp||[]).push([["944"],{1045(e,s,t){t.r(s),t.d(s,{default:()=>y});var a=t(48431),r=t(58483),i=t(22035),n=t(14007),p=t(17664),l=t(21342),o=t(79765),d=t(89161),h=t(58449),m=t(66533),c=t(79297),u=t(17884),g=t(96133);let f=(0,g.Nf)("/user/message-mark-read/json2"),E=(0,g.Nf)("/user/message-delete/json2"),R=(0,g.LY)("/file/css/simple-message.css",`?build=${o.X.clientBuild.css.simpleMessage}`);class b extends a.Component{constructor(e){super(e),this.toggle=this.toggle.bind(this),this.markRead=this.markRead.bind(this),this.deleteMessage=this.deleteMessage.bind(this),this.updateHeight=this.updateHeight.bind(this),this.messageRef=a.createRef(),this.iframeRef=a.createRef()}componentDidMount(){this.iframeRef.current.contentWindow.addEventListener("load",()=>{let e=this.iframeRef.current.contentDocument;if(!e.doctype){let s=e.createElement("link");s.rel="stylesheet",s.href=R,e.head.appendChild(s)}let s=e.createElement("base");s.target="_parent",e.head.appendChild(s)})}componentDidUpdate(){this.updateHeight()}updateHeight(){var e,s;this.props.isExpanded&&(null==(s=this.iframeRef.current)||null==(e=s.contentDocument)?void 0:e.documentElement)&&(this.iframeRef.current.style.setProperty("--message-body-height","0"),this.iframeRef.current.style.setProperty("--message-body-height",`${this.iframeRef.current.contentDocument.documentElement.scrollHeight}px`))}markRead(){null===this.props.id||this.props.requestPending||this.props.makeRequest(f,{formData:{messageId:this.props.id},success:()=>{this.props.dispatch(n.aI(this.props.id))}})}deleteMessage(){null===this.props.id||this.props.requestPending||this.props.makeRequest(E,{formData:{messageId:this.props.id},success:()=>{this.props.dispatch(n.RC(this.props.id))}})}toggle(){this.props.isExpanded?this.props.dispatch(n.D3(this.props.id)):(this.props.isRead||this.markRead(),this.props.dispatch(n.cr(this.props.id)))}render(){let e="message";return this.props.isExpanded||(e+=" collapsed"),a.createElement("div",{className:e,ref:this.messageRef},this.props.isExpanded?a.createElement(c.A,{resize:this.updateHeight}):null,a.createElement("div",{className:"message-header",onClick:this.toggle},a.createElement(m.A,null,a.createElement(d.A,{className:"message-date-time",timestamp:this.props.createdTime}),a.createElement("span",{className:"message-subject"},this.props.isRead?null:a.createElement("span",{className:"new"},"New"),this.props.subject),a.createElement("button",{className:"message-toggle-button"},a.createElement(h.A,{expanded:this.props.isExpanded})))),a.createElement("iframe",{className:"message-body",hidden:!this.props.isExpanded,src:(0,g.Nf)(`/user/message/${this.props.id}`),ref:this.iframeRef}))}}let k=(0,u.A)(b),N=(0,g.Nf)("/user/messages/json2");class M extends a.Component{constructor(e){super(e),this.getData=this.getData.bind(this),this.loadMore=this.loadMore.bind(this),this.containerRef=a.createRef()}componentDidMount(){this.getData()}componentWillUnmount(){this.props.dispatch(n.a$())}getData(){this.props.requestPending||this.props.makeRequest(N,{success:e=>{this.props.dispatch(n.vH(e.messages))}})}loadMore(){if(this.props.requestPending)return;let e=this.props.messages.size;this.props.makeRequest(N,{formData:{skip:e},success:e=>{this.props.dispatch(n.vH(e.messages))}})}renderMessagesList(e){let s,t;if(!r.Ay.OrderedSet.isOrderedSet(e)||0===e.size)return null;let i=[],n=e.valueSeq();for(s=0;s<n.size;s++)t=n.get(s).toObject(),i.push(a.createElement("li",{key:t.id},a.createElement(k,{...t,containerRef:this.containerRef})));return i}renderLoadMore(){return r.Ay.OrderedSet.isOrderedSet(this.props.messages)&&this.props.messages.size<this.props.messagesTotal?a.createElement("p",null,a.createElement(p.A,{handleClick:this.loadMore,value:"Show more"})):null}render(){let e,s=this.renderMessagesList(this.props.messages);return e=null!==s?a.createElement("ul",{className:"messages-list"},s):this.props.requestPending?null:a.createElement("p",null,"You have no messages"),a.createElement(a.Fragment,null,a.createElement("div",{className:"dialog-header"},a.createElement("h2",{className:"dialog-heading"},"Your messages")),a.createElement("div",{className:"dialog-content message-container",ref:this.containerRef},e,this.props.requestPending?a.createElement(l.A,null):this.renderLoadMore()))}}let y=(0,i.Ng)(function(e){return{messages:e.get("messages"),messagesTotal:e.get("userStatus").totalMessagesCount}})((0,u.A)(M))}}]);