https://cybercodeonline.com/static/js/MobileMailDetailPage.9f58624e.chunk.js

1"use strict";(self.webpackChunkcoder=self.webpackChunkcoder||[]).push([[9366],{38850:function(e,t,n){var r=n(90675),a=n(10467),i=n(9950),o=n(3027),s=n(14574),l=n(9912),c=n(35119),u=n(21567),d=n(44414);t.A=function(e){var t=e.items,n=e.title,m=e.onSelect,f=e.showDetails,h=i.memo((function(e){var n,i=e.index,l=e.style,c=t[i];return(0,d.jsx)(o.A,{className:"w-full",style:l,color:null===c||void 0===c||null===(n=c.getTier())||void 0===n?void 0:n.getColor(),onClick:(0,a.A)((0,r.A)().mark((function e(){return(0,r.A)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,null===m||void 0===m?void 0:m(c);case 2:case"end":return e.stop()}}),e)}))),loadingType:"background",children:(0,d.jsx)(s.M,{item:c,showDetails:!!f})})}),l.t7);return(0,d.jsxs)("div",{className:"flex-1",children:[(0,d.jsx)("p",{className:"display-font font-semibold",children:n}),(0,d.jsx)("div",{className:"relative border border-black-normal rounded mt-2 mb-2",style:{height:"50vh"},children:(0,d.jsxs)("div",{className:"absolute top-0 left-0 h-full w-full",children:[t.length>0&&(0,d.jsx)(u.A,{children:function(e){var n=e.height,r=e.width;return(0,d.jsx)(l.Y1,{height:n,itemCount:t.length,itemSize:f?70:48,layout:"vertical",width:r,children:h})}}),0===t.length&&(0,d.jsx)("span",{className:"h-full w-full flex text-primary-dark justify-center items-center text-xs uppercase flex-row",children:(0,c.vV)("selectItemModal.noItems","No available items")})]})})]})}},35528:function(e,t,n){n.r(t),n.d(t,{default:function(){return q}});var r=n(90675),a=n(10467),i=n(5544),o=n(20454),s=n(28424),l=n(48392),c=n(31673),u=n(9950),d=n(23198),m=n(52607),f=n(20307),h=n(26116),v=n(75910),p=n(41742),x=n(8684),g=n(40401),A=n(10819),w=n(19059),y=n(76987),N=n(96618),b=n(89849),j=n(87042),k=n(23327),I=function(e,t){return e.getTime().getTime()>t.getTime().getTime()?-1:1},S=n(18445),T=n(35119),C=n(90374),E=n(24439),M=n(79394),D=n(48375),L=n(38850),R=n(39512),V=n(13387),_=n(52070),O=n(44414),U=u.lazy((function(){return Promise.all([n.e(9104),n.e(2330)]).then(n.bind(n,12330))})),q=function(e){return(0,c.q3)((function(){(0,o.A)(e);var t=A.i.getQueryString(),n=t.roomId,c=t.otherId,q=function(e){var t=e.roomId,n=u.useState([]),o=(0,i.A)(n,2),s=o[0],l=o[1];return u.useEffect((function(){var e;if(t)return(0,a.A)((0,r.A)().mark((function n(){var a,i;return(0,r.A)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,y.U.emit("/m/ms",{i:t,t:k.A.authToken});case 2:a=n.sent,i=(i=a.mails).map((function(e){return j.p.hydrate(N.g,e,"Mail")})),l(i.sort(I)),e=y.U.on("ma",(function(e){var n=e.mail;if((n=j.p.hydrate(N.g,n,"Mail")).roomId===t){b.V.logInfo("MAIL","UPDATE",n),(i=i.filter((function(e){return e.id!==n.id}))).push(n);var r=i.sort(I);l(r)}}));case 7:case"end":return n.stop()}}),n)})))(),function(){y.U.off("ma",e)}}),[t]),s}({roomId:n}).filter((function(e,t){return t<=32})),P=k.A.mailRooms.find((function(e){return e.id===n})),Y=k.A.getPlayer(),$=u.useState(""),z=(0,i.A)($,2),F=z[0],W=z[1],G=u.useState(!1),H=(0,i.A)(G,2),Q=H[0],X=H[1],Z=u.useState(!1),B=(0,i.A)(Z,2),J=B[0],K=B[1],ee=u.useState(void 0),te=(0,i.A)(ee,2),ne=te[0],re=te[1],ae=u.useState(null),ie=(0,i.A)(ae,2),oe=ie[0],se=ie[1],le=u.useState(!1),ce=(0,i.A)(le,2),ue=ce[0],de=ce[1],me=function(){var e=(0,a.A)((0,r.A)().mark((function e(){return(0,r.A)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(null===F||void 0===F||!F.trim()){e.next=18;break}if(W(""),e.prev=2,X(!0),!("ZT7WCk"!==c&&Y.proxyCreated&&Y.getLevel()<p.T.PROXY_RULES.MIN_LEVEL_TO_MAIL)){e.next=9;break}return e.next=7,(0,S.yy)(1e3);case 7:return w.A.showErrorNotification((0,T.vV)("ui.mail.levelRequiredToChat","You need to be at least level ${level} to chat",{level:p.T.PROXY_RULES.MIN_LEVEL_TO_MAIL})),e.abrupt("return");case 9:return e.next=11,g.o.sendMail(c,F,ne,null===oe||void 0===oe?void 0:oe.id);case 11:e.next=15;break;case 13:e.prev=13,e.t0=e.catch(2);case 15:X(!1),re(void 0),se(null);case 18:case"end":return e.stop()}}),e,null,[[2,13]])})));return function(){return e.apply(this,arguments)}}();u.useEffect((function(){null!==P&&void 0!==P&&P.isUnread(Y)&&!J&&(0,a.A)((0,r.A)().mark((function e(){return(0,r.A)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return K(!0),e.next=3,g.o.readAllMails(n);case 3:K(!1);case 4:case"end":return e.stop()}}),e)})))()}),[null===P||void 0===P?void 0:P.isUnread(Y)]);var fe=u.useRef(),he=u.useMemo((function(){return x.f.groupChatMessages(q,"mailChat")}

1),[q]),ve=function(){var e=(0,a.A)((0,r.A)().mark((function e(){var t,n;return(0,r.A)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=Y.getOwnedDonationTypes().some((function(e){return e.canSendImage()})),"ZT7WCk"===c&&(t=!0),t){e.next=8;break}return w.A.showErrorNotification((0,T.vV)("ui.mail.noDonationToSendImage","Sending messages with images requires donation tier of '${donationName}' or above.",{donationName:D.N.donation3.getDisplayName()})),e.next=6,(0,S.yy)(500);case 6:return A.i.navigateTo(M.S.NPC_DETAILS("DONATION")),e.abrupt("return");case 8:return e.next=10,E.F.getImageWithInput();case 10:n=e.sent,re(n);case 12:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),pe=[{key:"image",icon:(0,O.jsx)(d.A,{className:"w-4 h-4 text-secondary"}),label:(0,T.vV)("ui.mail.addImage","Add Image"),onClick:ve},{key:"item",icon:(0,O.jsx)(m.A,{className:"w-4 h-4 text-secondary"}),label:(0,T.vV)("ui.mail.shareItem","Share Item"),onClick:function(){Y.getDonationType().canShareItemInChat()?w.A.showDialog((function(){return(0,O.jsx)(L.A,{items:_.p.getShareableEquipment(Y),title:(0,T.vV)("ui.mail.selectEquipmentToShare","Select Equipment to Share"),onSelect:function(){var e=(0,a.A)((0,r.A)().mark((function e(t){return(0,r.A)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return w.A.dismissDialog(),e.next=3,(0,S.yy)(250);case 3:se(t);case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),showDetails:!0})})):w.A.showErrorNotification((0,T.vV)("ui.mail.cantShareItem","Only players with ${tierName} donation tier and above can share items.",{tierName:D.N.donation2.getDisplayName()}))}}],xe="SYSTEM"===c;return(0,O.jsxs)("div",{className:"h-full",children:[(0,O.jsx)("div",{className:"flex-1 relative bg-yellow",children:(0,O.jsx)("div",{className:"absolute z-10 flex-col-reverse w-full h-full overflow-x-hidden overflow-y-auto",children:he.map((function(e){return(0,O.jsx)(h.A,{className:"m-4 mt-1 mb-1",group:e},e.id)}))})}),!xe&&(0,O.jsx)(s.M0,{children:(0,O.jsxs)(u.Fragment,{children:[(0,O.jsx)(V.A,{image:ne,taggedItem:oe,onRemoveImage:function(){re(void 0)},onRemoveItem:function(){return se(null)},className:"bottom-12 left-4 right-auto max-w-[60%]"}),(0,O.jsxs)("div",{className:"bg-black-darker",children:["DexterHuang"===(null===Y||void 0===Y?void 0:Y.getName())&&(0,O.jsx)("div",{className:"flex-row flex-wrap gap-1 m-1 mx-2",children:(0,O.jsx)("div",{className:"w-full py-1",children:(0,O.jsx)(u.Suspense,{fallback:(0,O.jsx)("div",{}),children:(0,O.jsx)(U,{msgGroups:he,onClick:function(e){W(F+e)},onSendClick:function(){var e=(0,a.A)((0,r.A)().mark((function e(t){return(0,r.A)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,g.o.sendMail(c,t);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),addText:function(e){W(F+e)}})})})}),(0,O.jsxs)("div",{className:"relative flex-row items-center h-10",style:{backgroundColor:C.Q.PRIMARY_LIGHT},children:[(0,O.jsx)(R.A,{isOpen:ue,actions:pe,onClose:function(){return de(!1)},className:"bottom-12 left-2 border-highlight-bright min-w-[11rem]"}),(0,O.jsx)("span",{className:"pl-2 cursor-pointer",onClick:function(){return de(!0)},children:(0,O.jsx)(f.A,{className:"w-5 h-5 opacity-70"})}),(0,O.jsx)(v.A,{style:{flex:1,paddingLeft:16,backgroundColor:"transparent",color:"white",paddingRight:56},onChange:W,onSubmit:function(){return me()},value:F,hideDollarSign:!0,ref:fe}),(0,O.jsxs)("div",{className:"absolute right-0 items-center justify-center w-10 h-10",onClick:function(){return me()},children:[!Q&&(0,O.jsx)(s.iq,{icon:l.NF$}),Q&&(0,O.jsx)(s.w2,{className:"w-4 h-4 ",color:"secondary",name:"crescent"})]})]}),(0,O.jsx)("div",{className:"safe-area-bottom"})]})]})})]})}))}}}]);