1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5117],{4980:function(e,t,r){r.r(t),r.d(t,{avatarColor:function(){return g},default:function(){return p}});var n=r(9354),a=r(3288);r(9104);var s=r(8082),l=r(6731),i=r.n(l),o=r(1395);r(2466);var c=r(9041),u=r.n(c),d=r(426);r(369);var f=r(3600),m=r(9878),x=r(4075);function p(){var e,t,r=(0,o.useRouter)(),l=(0,s.Z)("app").t,c=r.query.slug?r.query.slug[0]:void 0,p=(0,m.Ph)(),h=(0,n.Z)((0,f.Rj)({requestPolicy:"cache-only"}),1)[0],v=h.fetching,b=h.data;return h.error?(0,a.jsx)("div",{children:"error"}):(0,a.jsxs)("div",{className:"flex w-full h-screen text-black",children:[(0,a.jsx)(u(),{url:"/static/favicon.png",alertCount:(t=null!==(e=null==b?void 0:b.me.groups.reduce(function(e,t){return e+t.unreadMessages},0))&&void 0!==e?e:0)>9?"9+":t,alertTextColor:"white",alertFillColor:"black"}),(0,a.jsxs)("div",{className:"h-screen overflow-y-auto py-2 bg-white shadow w-80",children:[(0,a.jsx)("h2",{className:"ml-3 mb-2 font-bold text-sm",children:l("chat.groups")}),v&&(0,a.jsx)("div",{className:"mt-12",children:(0,a.jsx)(x.Z,{size:"30px"})}),null==b?void 0:b.me.groups.map(function(e){return(0,a.jsx)(i(),{href:"/app/chat/".concat(e.id),legacyBehavior:!0,children:(0,a.jsxs)("button",{className:"flex flex-row w-full text-left px-3 py-2 hover:bg-gray-300 "+(c===e.id?"bg-gray-300":""),children:[(0,a.jsx)("img",{src:e.pictureUrl,alt:"",className:"self-center w-9 h-9 inline rounded-full"})," ",(0,a.jsxs)("div",{className:"relative w-full ml-2",children:[e.name,e.unreadMessages>0&&(0,a.jsx)("div",{className:"absolute right-0 w-6 h-6 text-sm leading-6 text-center text-white transform -translate-y-1/2 bg-blue-500 rounded-full top-1/2",children:e.unreadMessages}),(0,a.jsx)("div",{className:"ml-2 mt-0",children:(0,a.jsx)("div",{className:"flex flex-row",children:e.members.map(function(t){var r=e.id in p&&t.user.id in p[e.id];return(0,a.jsxs)("div",{className:"".concat(r?"bg-white mr-3":"bg-transparent"," rounded-full flex flex-row transition-all duration-200 -ml-2"),children:[(0,a.jsx)("img",{alt:"",src:t.user.avatarUrl,className:"w-5 h-5 rounded-full",style:{backgroundColor:g(t.user.id)}}),r&&(0,a.jsx)(d.g4,{color:"black",wrapperClass:"px-2",height:20,width:16})]},t.id)})})})]})]})},e.id)})]}),c&&(0,a.jsx)(m.ri,{groupId:c},c)]})}var h=["#83c4f3","#f39b83","#b8f383","#9b83f3","#f3b283"];function g(e){return h[e.charCodeAt(e.length-1)%h.length]}},9878:function(e,t,r){r.d(t,{aQ:function(){return es},ri:function(){return el},Ph:function(){return ec}});var n,a,s,l,i=r(1017),o=r(1960),c=r(8098),u=r(9354),d=r(6382),f=r(6840),m=r(132),x=r(3288),p=r(2583),h=r(2210),g=r(65),v=r(2008),b=r(1978),j=r(8082),w=r(6731),y=r.n(w),N=r(2466),Z=r(8192),k=r(2829),I=r(8004),C=r(7890),S=r(3656),_=r(3229),P=r(426),E=r(3787),M=r(1585),D=r(6543),R=r(8480),T=r(3600),A=r(4980),L=r(4692);function q(e){var t,r,n=e.pictureId,a=e.bookmarkedBy,s=(0,L.Z)(),l=(0,u.Z)((0,N.useState)(a),2),o=l[0],c=l[1],d=(0,u.Z)((0,T.xp)(),2),p=(d[0].fetching,d[1]),h=(0,u.Z)((0,T.F3)(),2),g=(h[0].fetching,h[1]);return(0,N.useEffect)(function(){c(a)},[a]),(0,x.jsx)("button",{onClick:(0,i.Z)(function(){var e,t;return(0,m.__generator)(this,function(r){switch(r.label){case 0:if(t=null!==(e=localStorage.getItem("accountId"))&&void 0!==e?e:"",a.includes(t))return[3,2];return c((0,f.Z)(a).concat([t])),[4,p({pictureId:n})];case 1:return r.sent(),[3,4];case 2:return c(a.filter(function(e){return e!=t})),[4,g({pictureId:n})];case 3:r.sent(),r.label=4;case 4:return[2]}})}),children:(0,x.jsxs)("div",{className:"relative",children:[s==L.l.PIXWIRE?(0,x.jsx)(k.M_L,{color:o.length>0?o.includes(null!==(t=localStorage.getItem("accountId"))&&void 0!==t?t:"")?"rgb(185, 28, 28)":"rgb(252, 165, 165)":"white",className:"h-10 w-10 transition-all duration-300"}):(0,x.jsx)(S.AAE,{color:o.length>0?o.includes(null!==(r=localStorage.getItem("accountId"))&&void 0!==r?r:"")?"#14746F":"#88D4AB":"white",className:"h-10 w-10 transition-all duration-300"}),a.length>1&&(0,x.jsxs)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-xs text-white -ml-0.5 -mt-0.5",children:["+",a.length-1]})]})})}var z=r(3761),O=r.n(z),U=r(7552),F=r(4075),B=r(4436),K=r(7323);function W(e){var t=e.files,r=e.groupId,n=e.close,a=e.sendPicture,s=function(e){var t=P.current[e];if(t.current){var r=t.current.value.trim();t.current.value="",v[e].tags.includes(r)||(k({id:v[e].id,tags:[r]}),v[e].tags.push(r),b((0,f.Z)(v)),c())}},l=function(){if(E&&E.current){var e=E.current.value.trim();E.current.value="",G.includes(e)||(v.map(function(t,r){v[r].tags.includes(e)||(k({id:v[r].id,tags:[e]}),v[r].tags.push(e))}),b((0,f.Z)(v)),G.push(e),X((0,f.Z)(G)))}},o=function(e){v.map(function(t,r){_({id:v[r].id,tags:v[r].tags}),v[r].tags=v[r].tags.filter(function(t){return t!==e})}),b((0,f.Z)(v)),X(G.filter(function(t){return t!==e}))},c=function(){var e=new Map;
1v.forEach(function(t){t.tags.forEach(function(t){var r;e.set(t,(null!==(r=e.get(t))&&void 0!==r?r:0)+1)})}),e.forEach(function(e,t){e!=v.length||G.find(function(e){return e==t})||G.push(t)}),X((0,f.Z)(G))},p=function(e){if(1==v.length){n();return}v[e].uploading&&(W.abort(),Y(new AbortController)),b((0,f.Z)(v.filter(function(t,r){return r!==e}))),c()},h=function(e,t){v[e].people.has(t)?(v[e].people.delete(t),_({id:v[e].id,tags:["pixwire:person:"+t]})):(v[e].people=v[e].people.add(t),k({id:v[e].id,tags:["pixwire:person:"+t]})),b((0,f.Z)(v))},g=(0,u.Z)((0,N.useState)([]),2),v=g[0],b=g[1],w=(0,j.Z)("app").t,y=(0,u.Z)((0,T.Mc)(),2),Z=y[0],Z=null!==Z?Z:(0,d.Z)(TypeError("Cannot destructure undefined")),k=y[1],I=(0,u.Z)((0,T.Kz)(),2),C=I[0],C=null!==C?C:(0,d.Z)(TypeError("Cannot destructure undefined")),_=I[1],P=(0,N.useRef)(Array.from({length:t.length},function(){return(0,N.createRef)()})),E=(0,N.useRef)(null),M=(0,u.Z)((0,N.useState)(!1),2),D=M[0],R=M[1],A=(0,u.Z)((0,N.useState)(0),2),L=A[0],q=A[1],z=(0,u.Z)((0,N.useState)(new AbortController),2),W=z[0],Y=z[1],Q=(0,u.Z)((0,N.useState)([]),2),G=Q[0],X=Q[1],H=(0,u.Z)((0,N.useState)(!1),2),J=H[0],V=H[1],$=(0,u.Z)((0,T.xR)({requestPolicy:"cache-and-network",variables:{id:r}}),1)[0],ee=($.fetching,$.data);function et(){return(et=(0,i.Z)(function(e,t){var r;return(0,m.__generator)(this,function(n){switch(n.label){case 0:return(r=new FormData).append("file",e),[4,O().post("".concat("https://api.pixwire.net","/media"),r,{signal:W.signal,withCredentials:!0,params:{group:t},headers:{"Content-Type":"multipart/form-data"},onUploadProgress:function(e){q(e.loaded/e.total*100)}})];case 1:return[2,n.sent()]}})})).apply(this,arguments)}function er(){return(er=(0,i.Z)(function(){return(0,m.__generator)(this,function(e){switch(e.label){case 0:var t;return R(!0),[4,Promise.all(v.map((t=(0,i.Z)(function(e){return(0,m.__generator)(this,function(t){switch(t.label){case 0:return[4,a(e.id)];case 1:return t.sent(),[2]}})}),function(e){return t.apply(this,arguments)})))];case 1:return e.sent(),n(),[2]}})})).apply(this,arguments)}return $.error,(0,N.useEffect)(function(){var e;return Promise.all(t.map((e=(0,i.Z)(function(e){return(0,m.__generator)(this,function(t){return[2,{id:"",file:e,uploading:!1,uploaded:!1,tags:[],error:!1,url:URL.createObjectURL(e),people:new Set}]})}),function(t){return e.apply(this,arguments)}))).then(function(e){return b(e)}),function(){null==W||W.abort()}},[]),(0,N.useEffect)(function(){function e(){return(e=(0,i.Z)(function(){var e,t,n,a,s;return(0,m.__generator)(this,function(l){switch(l.label){case 0:if(!v)return[2];e=0,l.label=1;case 1:if(!(e<v.length))return[3,4];if(v[e].uploading)return[2];if(v[e].uploaded)return[3,3];return v[e].uploading=!0,b((0,f.Z)(v)),[4,function(e,t){return et.apply(this,arguments)}(v[e].file,r)];case 2:return n=(t=l.sent()).data,a=t.status,v[e].uploading=!1,201!==a?v[e].error=!0:(v[e].id=n.picture_id,v[e].uploading=!1,v[e].uploaded=!0,v[e].tags=null!==(s=n.tags)&&void 0!==s?s:[]),q(0),b((0,f.Z)(v)),[2];case 3:return e++,[3,1];case 4:return[2]}})})).apply(this,arguments)}!function(){e.apply(this,arguments)}()},[v]),(0,x.jsxs)("div",{className:"fixed top-0 left-0 z-50 w-screen h-screen overflow-y-auto text-white bg-white ",children:[(0,x.jsx)("div",{className:"flex flex-col ",children:(0,x.jsx)("div",{className:"grid grid-cols-3 w-3/4 mx-auto pt-12",children:v.map(function(e,t){return(0,x.jsxs)("div",{className:"relative m-5",children:[(0,x.jsx)("button",{className:"absolute z-50 w-12 h-12 p-4 bg-gray-800 rounded-full hover:bg-gray-900 -top-6 -right-6",onClick:function(){return p(t)},children:(0,x.jsx)(S.FU5,{className:"w-full h-full"})}),!e.uploaded&&(0,x.jsx)("div",{className:"absolute w-full h-min z-40",children:e.uploading&&(0,x.jsx)("div",{className:"w-full bg-gray-200 rounded-full h-1.5",children:(0,x.jsx)("div",{className:"bg-sky-500 h-1.5 rounded-full transition-all duration-300",style:{width:"".concat(L,"%")}})})}),(0,x.jsx)("div",{className:"bg-gray-200 flex justify-center items-center content-center",children:(0,x.jsx)("div",{className:e.uploaded?"":"opacity-60",children:e.file.type.startsWith("video")?(0,x.jsx)("video",{controls:!0,src:e.url,children:"Not supported"},t):(0,x.jsx)("img",{src:e.url,className:"max-h-80"})})}),e.id&&(0,x.jsxs)("div",{children:[(0,x.jsx)("h2",{className:"text-black text-lg",children:w("app:uploadPictureModal.peo
1ple")}),ee&&(0,x.jsx)("div",{className:"flex flex-row flex-wrap",children:ee.group.members.map(function(r){return(0,x.jsx)(K.o,{user:r.user,selectAction:function(e){h(t,e)},selected:e.people.has(r.user.id)})})}),(0,x.jsx)("h2",{className:"text-black text-lg",children:w("app:uploadPictureModal.tags")}),e.tags.map(function(r){return(0,x.jsx)(B.V,{name:r,onDelete:function(){_({id:e.id,tags:[r]}),v[t].tags=v[t].tags.filter(function(e){return e!==r}),b((0,f.Z)(v)),X(G.filter(function(e){return e!==r}))}},r)}),(0,x.jsxs)("span",{className:"inline-block px-3 py-1 mx-1 my-1 text-sm text-black bg-gray-300 rounded",children:[(0,x.jsx)("input",{ref:P.current[t],type:"text",id:"add-tag",className:"bg-transparent w-28",placeholder:w("gallery.add_tag"),onKeyPress:function(e){"Enter"===e.key&&(s(t),e.preventDefault())}}),(0,x.jsx)("button",{className:"p-[2px] text-white bg-gray-500 rounded-full",onClick:function(){s(t)},children:(0,x.jsx)(U.D0w,{})})]})]})]},t)})})}),(0,x.jsx)("div",{className:"sticky bottom-0 z-50 flex justify-center w-full py-4 mx-auto bg-white shadow",children:(0,x.jsxs)("div",{className:"flex flex-col",children:[v.length>1&&v.every(function(e){return e.uploaded})&&(0,x.jsxs)("div",{children:[(0,x.jsx)("button",{className:"text-blue-600 text-sm",onClick:function(){V(!J)},children:J?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(S.Ix0,{className:"inline"})," ",w("app:gallery.hide_options")]}):(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(S.rWj,{className:"inline"})," ",w("app:gallery.more_options")]})}),(0,x.jsxs)("div",{className:"transition-all duration-200 "+(J?"":"max-h-0 overflow-hidden"),children:[(0,x.jsx)("h3",{className:"text-black text-center text-lg",children:w("app:uploadPictureModal.commonTags")}),G.map(function(e){return(0,x.jsx)(B.V,{name:e,onDelete:function(){return o(e)}},e)}),(0,x.jsxs)("div",{className:"inline-block px-3 py-1 mx-1 my-1 text-sm text-black bg-gray-300 rounded",children:[(0,x.jsx)("input",{ref:E,type:"text",id:"add-tags",className:"bg-transparent w-28",placeholder:w("gallery.add_tag"),disabled:D,onKeyPress:function(e){"Enter"===e.key&&E&&E.current&&(l(),e.preventDefault())}}),(0,x.jsx)("button",{className:"p-[2px] text-white bg-gray-500 rounded-full",onClick:function(){E&&E.current&&l()},disabled:D,children:(0,x.jsx)(U.D0w,{})})]})]})]}),(0,x.jsxs)("div",{className:"flex flex-row mt-4 self-center",children:[(0,x.jsx)("button",{className:"p-2 mr-8 text-red-400 border border-red-400 rounded",onClick:n,children:"Cancel"}),(0,x.jsx)("button",{className:"px-4 py-2 text-gray-100 bg-blue-500 rounded disabled:bg-blue-200",onClick:function(){return er.apply(this,arguments)},disabled:v.some(function(e){return!e.uploaded})||D,children:D?(0,x.jsx)(F.Z,{size:"20px"}):"Send"})]})]})})]})}var Y=r(5021),Q=r(8547);function G(e){var t=e.messageId,r=e.close,n=(0,u.Z)((0,T.lh)({requestPolicy:"cache-first",variables:{id:t}}),1)[0],a=n.fetching,s=n.data;return n.error?(0,x.jsx)("div",{children:"error"}):a||!s?(0,x.jsx)(F.Z,{size:"4"}):(0,x.jsxs)("div",{className:"flex flex-row ml-3",children:[r&&(0,x.jsx)("button",{onClick:function(){r()},children:(0,x.jsx)(S.B4e,{className:"text-red-600 text-4xl m-2 p-1"})}),(0,x.jsxs)("div",{className:"bg-gray-500/20 m-2 p-1 rounded-sm ",children:[(0,x.jsx)("div",{className:"px-1 pl-2 pb-1 pr-2 font-bold text-sm",children:null==s?void 0:s.message.sender.displayName}),s.message.text&&(0,x.jsx)("div",{className:"m-2 p-1 pl-2 border-l-2 border-gray-500 text-sm",children:s.message.text}),s.message.picture&&(0,x.jsx)("div",{className:"m-2 p-1 max-w-xs",children:(0,x.jsx)(Q.Z,{media:s.message.picture,onClick:function(){}})})]})]})}var X=r(7652),H=r(1158),J=r(8691),V=r(6636),$=r(1005);function ee(e){var t=e.groupId,r=e.onClose,n=(0,u.Z)((0,N.useState)(s.GroupInfo),2),a=n[0],l=n[1];return(0,x.jsxs)("div",{className:"absolute left-0 right-0 w-min mx-auto bg-white rounded-md top-1/2 shadow-md max-h-[85%] flex flex-col overflow-hidden transition-all duration-200",style:{transform:"translateY(-50%)"},onClick:function(e){return e.stopPropagation()},children:[(0,x.jsx)("button",{className:"absolute top-0 right-0 m-2 bg-white rounded-full bg-opacity-70 text-gray-800 hover:bg-opacity-90 hover:text-black transition-all",onClick:r,children:(0,x.jsx)(H.eSQ,{className:"text-3xl"})}),a===s.GroupInfo&&(0,x.jsx)(et,{groupId:t,addMembers:function(){return l(s.AddMember)}}),a===s.AddMember&&(0,x.jsx)(en,{groupId:t,backToInfo:function(){return l(s.GroupInfo)}})]})}function et(e){var t=e.groupId,r=e.addMembers,n=(0,j.Z)("app").t,a=(0,L.Z)(),s=(0,u.Z)((0,T.Jg)({requestPolicy:"cache-and-network",variables:{id:t}}),1)[0],l=s.data;return s.fetching,s.error,(0,x.jsxs)("div",{className:"w-96 xl:w-[36rem]",children:[l&&(0,x.jsx)("div",{className:"w-full h-72 bg-fit bg-no-repeat bg-black bg-center rounded-t-md",style:{backgroundImage:"url(".concat((0,Y.c)(l.group.pictureUrl,"large"),")")},children:(0,x.jsx)("h2",{className:"bg-black bg-opacity-60 w-full p-3 text-lg rounded-t-md text-white",children:l.group.name})}),(0,x.jsxs)("div",{className:"p-5 overflow-y-auto",children:[l&&(0,x.jsx)($.$,{stats:l.group.stats}),l&&(0,x.jsx)(er,{members:l.group.members}),a===L.l.HONI&&(0,x.jsxs)(J.z,{onClick:r,children:[(0,x.jsx)(S.x06,{className:"inline"})," ",n("group.addMembers")]})]})]})}function er(e){var t=e.members,r=(0,j.Z)("app"),n=r.t;return r.lang,(0,x.jsxs)("div",{className:"mt-5",children:[(0,x.jsx)("h3",{className:"text-lg font-bold mb-4",children:n("group.groupMembers")}),(0,x.jsx)("div",{className:"flex flex-row flex-wrap",children:t.map(function(e){return(0,x.jsx)(K.Y,{user:e.user})})})]})}function en(e){var t=e.groupId,r=e.backToInfo,n=(0,j.Z)("app").t,a=(0,u.Z)((0,T.qv)({variables:{groupId:t},requestPolicy:"cache-and-network"}),2),s=a[0],l=s.data,o=(s.error,s.fetching,a[1]);return l?(0,x.jsxs)("div",{className:"w-max pt-3 bg-gray-100",children:[(0,x.jsxs)("button",{className:"px-3 text-blue-800 mb-5 text-sm",onClick:r,children:[(0,x.jsx)(S.KYK,{className:"inline mr-1"})," ",n("group.settings")]}),(0,x.jsx)("h3",{className:"text-xl mb-3 ml-7 mr-20 bg-transparent",children:n("group.addMembers")}),(0,x.jsxs)("div",{className:"min-h-[30vh] overflow-y-auto max-h-[40vh] bg-white pt-3",children:[0===l.suggestedMembers.length&&(0,x.jsx)("p",{className:"mx-3 italic text-center",children:n("group.noUserToAdd")}),l.suggestedMembers.map(function(e){return(0,x.jsx)(ea,{groupId:t,user:e,reloadList:(0,i.Z)(function(){return(0,m.__generator)(this,function(e){switch(e.label){case 0:return[4,o()];case 1:return e.sent(),[2]}})})},e.id)})]})]}):(0,x.jsx)(F.Z,{})}function ea(e){var t=e.groupId,r=e.user,n=e.reloadList,a=(0,j.Z)("app").t,s=(0,u.Z)((0,N.useState)(l.Default),2),o=s[0],c=s[1],f=(0,u.Z)((0,N.useState)(void 0),2),p=f[0],h=f[1],g=(0,u.Z)((0,T.oq)(),2),v=g[0],v=null!==v?v:(0,d.Z)(TypeError("Cannot destructure undefined")),b=g[1];if(p)return(0,x.jsx)(V.Q,{error:p});return(0,x.jsxs)("button",{className:"w-full px-5 py-2 text-left text-md transition-all duration-200 gap-3 flex flex-row ".concat(o===l.Default?"hover:bg-gray-300":""),onClick:function(){o===l.Default&&c(l.Confirm)},children:[(0,x.jsxs)("div",{className:"grow flex flex-row gap-2",children:[o===l.Loading?(0,x.jsx)(F.Z,{className:"w-min",size:"25"}):(0,x.jsx)("img",{src:r.avatarUrl,className:"w-7 h-7 rounded-full inline"})," ",r.displayName]}),o===l.Confirm&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("button",{className:"text-gray-700 text-sm",onClick:function(){return c(l.Default)},children:a("cancel")}),(0,x.jsx)("button",{className:"text-blue-800 text-sm",onClick:function(){return function(){return w.apply(this,arguments)}()},children:a("add")})]})]});function w(){return(w=(0,i.Z)(function(){var e;return(0,m.__generator)(this,function(a){switch(a.label){case 0:return c(l.Loading),[4,b({input:{groupId:t,userId:r.id}})];case 1:if(!(e=a.sent()).error)return[3,2];return h(e.error),[3,4];case 2:return[4,n()];case 3:a.sent(),a.label=4;case 4:return c(l.Default),[2]}})})).apply(this,arguments)}}(n=s||(s={}))[n.GroupInfo=0]="GroupInfo",n[n.AddMember=1]="AddMember",(a=l||(l={}))[a.Default=0]="Default",a[a.Confirm=1]="Confirm",a[a.Loading=2]="Loading";var es=30;function el(e){var t=e.groupId,r=function(e){ey((0,f.Z)(ew).concat([{cursor:e}]))},n=function(e,t){eZ[e]=t,ek(eZ)},a=function(){eI.query(T.Lh,{groupId:t,cursor:void 0,limit:es},{requestPolicy:"network-only"}).toPromise()},s=(0,j.Z)("app").t,l=(0,L.Z)(),g=(0,u.Z)((0,N.useState)(!1),2),v=g[0],b=g[1],w=(0,u.Z)((0,N.useState)([]),2),_=w[0],P=w[1],M=(0,N.useRef)(null),A=(0,u.Z)((0,N.useState)(),2),q=A[0],z=A[1],O=(0,u.Z)((0,T.xR)({requestPolicy:"cache-and-network",pause:!t,variables:{id:null!=t?t:""}}),1)[0],U=(O.fetching,O.data);O.error;var F=(0,N.useCallback)(function(e){z(e)},[]),B=(0,Z.uI)({onDrop:F,accept:"image/jpeg, image/png, video/mp4",n
1oClick:!0,noKeyboard:!0}),K=B.getRootProps,Q=B.getInputProps,X=B.isDragActive,H=B.open,J=(0,u.Z)((0,N.useState)(!1),2),V=J[0],$=J[1],et=(0,u.Z)((0,N.useState)(0),2),er=et[0],en=et[1],ea=(0,u.Z)((0,T.at)(),2),el=ea[0],el=null!==el?el:(0,d.Z)(TypeError("Cannot destructure undefined")),ec=ea[1],eu=(0,u.Z)((0,T.pL)(),2),ed=eu[0],ed=null!==ed?ed:(0,d.Z)(TypeError("Cannot destructure undefined")),ef=eu[1],em=(0,R.y1)((0,i.Z)(function(){return(0,m.__generator)(this,function(e){switch(e.label){case 0:if(!t)return[2];return[4,ef({groupId:t})];case 1:return e.sent(),[2]}})}),1e3,{leading:!0}),ex=(0,u.Z)((0,N.useState)([]),2),ep=ex[0],eh=ex[1],eg=(0,u.Z)((0,N.useState)(void 0),2),ev=eg[0],eb=eg[1],ej=(0,u.Z)((0,N.useState)([{cursor:void 0}]),2),ew=ej[0],ey=ej[1],eN=(0,u.Z)((0,N.useState)([]),2),eZ=eN[0],ek=eN[1],eI=(0,D.m8)();function eC(){return eS.apply(this,arguments)}function eS(){return(eS=(0,i.Z)(function(){var e,r,n,s;return(0,m.__generator)(this,function(l){switch(l.label){case 0:if(!(r=M.current.textareaRef.value))return[2];return M.current.state.value="",M.current.textareaRef.value="",n={id:new Date().getTime().toString(),message:r,status:0,time:new Date,replyTo:ev},ev&&eb(void 0),P([n].concat((0,f.Z)(_))),[4,ec({input:{groupId:t,replyTo:ev,text:r}})];case 1:if(!(s=l.sent()).data)return[2];return n.id=null===(e=s.data)||void 0===e?void 0:e.sendMessage.id,P([n].concat((0,f.Z)(_))),a(),[2]}})})).apply(this,arguments)}function e_(){return(e_=(0,i.Z)(function(e){return(0,m.__generator)(this,function(r){switch(r.label){case 0:return[4,ec({input:{groupId:t,pictureId:e}})];case 1:return r.sent(),[2]}})})).apply(this,arguments)}if((0,N.useEffect)(function(){ey([{cursor:void 0}]),ek([])},[t]),!t)return(0,x.jsx)("div",{className:"relative flex flex-col flex-grow",children:(0,x.jsx)("div",{className:"flex flex-grow h-screen",children:(0,x.jsx)("div",{className:"self-center w-full text-center",children:s("app:chat.select_conversation")})})});if(q)return(0,x.jsx)(W,{files:q,groupId:t,close:function(){z(void 0),a()},sendPicture:function(e){return e_.apply(this,arguments)}});var eP=function(e){var t=e.entity;return(0,x.jsx)("div",{className:"py-1 mx-3",children:"".concat(t.id," ").concat(t.native)})};return(0,x.jsxs)(x.Fragment,{children:[V&&(0,x.jsx)(Y.Z,{close:function(){return $(!1)},allPictures:ep,defaultIndex:er}),(0,x.jsxs)("div",(0,c.Z)((0,o.Z)({className:"relative flex flex-col flex-grow"},K()),{onPaste:function(e){var t=e.clipboardData.items;for(var r in t){var n=t[r];if("file"===n.kind){var a=n.getAsFile();if(!a)continue;z([a])}}},children:[X&&(0,x.jsx)("div",{className:"fixed top-0 left-0 z-50 flex items-center justify-center w-screen h-screen text-2xl text-gray-500 bg-white bg-opacity-80",children:(0,x.jsxs)("div",{className:"flex items-center p-24 border-4 border-gray-500 border-dashed",children:[(0,x.jsx)(C.Jpv,{className:"inline-block mr-8"})," Upload files"]})}),v&&(0,x.jsx)("div",{className:"absolute z-40 w-full h-full",style:{backgroundColor:"rgba(0, 0, 0, 0.5)"},onClick:function(){return b(!1)},children:(0,x.jsx)(ee,{groupId:t,onClose:function(){return b(!1)}})}),(0,x.jsxs)("div",{className:"flex flex-row px-4 py-2 h-12 bg-white shadow",children:[U?(0,x.jsx)("img",{alt:"",src:U.group.pictureUrl,className:"self-center inline w-8 h-8 rounded-full"}):(0,x.jsx)("div",{className:"w-8 h-8 rounded-full bg-gray-300 self-center"}),U?(0,x.jsx)(y(),{href:"/app/gallery/".concat(t),legacyBehavior:!0,children:(0,x.jsxs)("button",{className:"flex flex-col ml-3 text-left self-center",children:[(0,x.jsx)("div",{className:"text-base",children:U.group.name}),(0,x.jsx)("div",{className:"text-xs",children:U.group.members.map(function(e){return e.user.displayName}).join(", ")})]})}):(0,x.jsxs)("div",{className:"flex flex-col ml-3 h-10 self-center",children:[(0,x.jsx)(E.Z,{width:"200px",height:"16px"}),(0,x.jsx)("div",{className:"-mt-1",children:(0,x.jsx)(E.Z,{width:"150px",height:"12px"})})]}),U&&(0,x.jsxs)("div",{className:"flex items-center ml-auto gap-5",children:[U.group.publicAlbum.enabled&&U.group.publicAlbum.url&&(0,x.jsx)(y(),{href:U.group.publicAlbum.url,target:"_blank",children:(0,x.jsx)(S.zNX,{className:"w-6 h-6 text-black"})}),(0,x.jsx)(y(),{href:"/app/gallery/".concat(t),children:l===L.l.HONI?(0,x.jsx)(S.djY,{className:"w-6 h-6 text-black"}):(0,x.jsx)(I.sWX,{className:"w-6 h-6 text-black"})}),(0,x.jsx)("button",{onClick:function(){return b(!0)},children:(0,x.jsx)(S.b9P,{className:"w-6 h-6 text-black"})})]})]}),(0,x.jsx)("div",{className:"flex flex-col-reverse w-full h-screen overflow-y-scroll px-3",children:t&&ew.map(function(e,a){return(0,x.jsx)(ei,{page:a,lastPage:a==ew.length-1,cursor:e.cursor,groupId:t,temporaryMessages:0==a?_:[],deleteTemporaryMessage:function(e){P(_.filter(function(t){return t.id!=e}))}
1,loadMore:r,onPictureClick:function(e){var t=eZ.flatMap(function(e){return e}).reverse();eh(t),en(t.findIndex(function(t){return t.id==e})),$(!0)},setPictures:n,reset:function(){ey([{cursor:void 0}])},setCurrentReplyTo:eb},a)})}),(0,x.jsx)("div",{className:"px-5 py-2",children:(0,x.jsxs)("div",{className:"flex flex-row items-center px-3 py-2 bg-white rounded-2xl",children:[ev&&(0,x.jsx)("div",{className:"max-w-sm",children:(0,x.jsx)(G,{messageId:ev,close:function(){eb(void 0)}})}),(0,x.jsx)(p.Z,{containerClassName:"flex-grow flex",ref:M,loadingComponent:function(){return(0,x.jsx)("span",{children:"Loading"})},textAreaComponent:eo,onKeyPress:function(e){"Enter"===e.key?e.shiftKey||(eC(),e.preventDefault()):em()},trigger:{":":{dataProvider:function(e){return h.bj.search(e,{maxResults:10})},component:eP,output:function(e,t){return e.native}}}}),(0,x.jsxs)("div",{className:"flex",children:[(0,x.jsxs)("button",{className:"flex items-center w-10 h-10 mr-5 text-white bg-gray-500 rounded-full",onClick:H,children:[(0,x.jsx)("input",(0,o.Z)({},Q())),(0,x.jsx)(k.Ypm,{className:"flex m-auto"})]}),(0,x.jsx)("button",{className:"flex items-center w-10 h-10 mr-5 text-white bg-blue-700 rounded-full",children:(0,x.jsx)(S.D6S,{className:"flex m-auto",onClick:eC})})]})]})})]}))]})}function ei(e){var t=e.page,r=e.lastPage,n=e.groupId,a=e.cursor,s=e.temporaryMessages,l=e.deleteTemporaryMessage,i=e.loadMore,o=e.setPictures,c=e.onPictureClick,d=e.reset,f=e.setCurrentReplyTo,m=function(){b&&!document.hidden&&!C&&b.group.unreadMessages>0&&E({group:n,message:b.group.messages[0].id})},p=(0,u.Z)((0,T.Cq)({requestPolicy:"cache-and-network",variables:{groupId:n,cursor:a,limit:es}}),1)[0],h=p.fetching,b=p.data,j=(p.error,p.stale),w=(0,u.Z)((0,N.useState)(!1),2),y=w[0],Z=w[1],I=(0,u.Z)((0,T.MB)(),2),C=I[0].fetching,E=I[1],M=ec();(0,N.useEffect)(function(){0==t&&Z(!1)},[n,a]),(0,N.useEffect)(function(){j&&0==t&&d()},[j]),(0,N.useEffect)(function(){if(!h){var e=null==b?void 0:b.group.messages.filter(function(e){return e.picture}).map(function(e){return e.picture});o(t,null!=e?e:[])}},[b]);var D=s.filter(function(e){var t=null==b?void 0:b.group.messages.findIndex(function(t){return t.id===e.id});return -1!==t&&l(e.id),-1===t});return(0,x.jsxs)("div",{className:"flex flex-col-reverse",onMouseMove:function(){0===t&&m()},children:[h&&(0,x.jsx)(F.Z,{}),D.map(function(e){return(0,x.jsxs)("div",{className:"relative bg-white mx-3 my-2 w-max max-w-sm px-2 py-2 rounded ml-auto bg-gray-300",children:[e.replyTo&&(0,x.jsx)(G,{messageId:e.replyTo}),(0,x.jsx)(g.wZ,{content:e.message,newWindow:!0,matchers:[new v.xc("url",{customTLDs:["watch"]})]}),(0,x.jsxs)("div",{className:"flex flex-row justify-end w-full mt-2",children:[(0,x.jsxs)("div",{className:"text-xs text-gray-500",children:[e.time.toLocaleDateString()," ",e.time.toLocaleTimeString()]}),(0,x.jsx)(k.y1n,{className:"text-gray-500 ml-3"})]})]},e.id)}),null==b?void 0:b.group.messages.map(function(e){var t=new Date(e.receivedAt),r=localStorage.getItem("accountId"),a=e.sender.id===r;return(0,x.jsxs)("div",{children:[(0,x.jsxs)("div",{className:"relative group before:table after:clear-both after:content-none bg-white mx-3 my-2 w-max max-w-sm rounded break-words "+(a?"ml-auto bg-gray-300":""),children:[(0,x.jsx)("button",{className:"group-hover:visible bg-opacity-70 rounded-full absolute top-0 right-0 mt-2 mr-2 invisible "+(a?"bg-gray-300":"bg-white"),onClick:function(){f(e.id)},children:(0,x.jsx)(S.MPh,{className:"text-3xl text-gray-600 hover:text-black p-1"})}),e.replyTo&&(0,x.jsx)(G,{messageId:e.replyTo}),e.picture&&(0,x.jsx)("div",{className:"w-96 bg-gray-400 rounded-t cursor-pointer",onClick:function(){c(e.picture.id)},children:(0,x.jsx)(Q.Z,{media:e.picture,previewOnly:e.picture.kind===T.D4.Report},e.id)}),e.text&&(0,x.jsx)("div",{className:"px-2 py-2",children:(0,x.jsx)(g.wZ,{content:e.text,newWindow:!0,matchers:[new v.xc("url",{customTLDs:["watch"]})]})}),(0,x.jsxs)("div",{className:"flex flex-row justify-end w-full px-2 pb-2 mt-2",children:[(0,x.jsxs)("div",{className:"mr-5 text-xs text-gray-500",children:[t.toLocaleDateString()," ",t.toLocaleTimeString()]}
1),!a&&(0,x.jsx)("div",{className:"text-xs",children:e.sender.displayName}),!a&&(0,x.jsx)("img",{alt:"",src:e.sender.avatarUrl,className:"w-4 h-4 ml-3 mr-1 rounded-full",style:{backgroundColor:(0,A.avatarColor)(e.sender.id)}})]}),e.picture&&(0,x.jsx)("div",{className:"absolute px-3",style:a?{right:0,marginRight:"100%",top:"50%",transform:"translateY(-50%)"}:{left:0,marginLeft:"100%",top:"50%",transform:"translateY(-50%)"},children:(0,x.jsx)(q,{pictureId:e.picture.id,bookmarkedBy:e.picture.bookmarkedBy?e.picture.bookmarkedBy.map(function(e){return e.id}):[]},e.picture.id)})]},e.id),(0,x.jsx)("div",{className:"flex flex-row ml-3 w-min-content",children:b.group.members.filter(function(t){return t.lastRead===e.id&&t.user.id!==r}).map(function(e){var t=n in M&&e.user.id in M[n];return(0,x.jsxs)("div",{className:"".concat(t?"bg-white":"bg-transparent"," rounded-full flex flex-row transition-all duration-200"),children:[(0,x.jsx)("img",{alt:"",src:e.user.avatarUrl,className:"w-5 h-5 rounded-full",style:{backgroundColor:(0,A.avatarColor)(e.user.id)}}),t&&(0,x.jsx)(P.g4,{color:"black",wrapperClass:"px-2",height:20,width:16})]},e.id)})})]},e.id)}),r&&(null==b?void 0:b.group.messages)&&(null==b?void 0:b.group.messages.length)==es&&(0,x.jsx)(_.df,{triggerOnce:!0,onChange:function(e,t){e&&!y&&(i(null==b?void 0:b.group.messages[(null==b?void 0:b.group.messages.length)-1].id),Z(!0))},children:(0,x.jsx)(F.Z,{})})]})}var eo=N.forwardRef(function(e,t){var r=e.onKeyPress;return(0,x.jsx)(M.Z,(0,c.Z)((0,o.Z)({},e),{ref:t,maxRows:3,placeholder:"Enter a message",className:"flex-grow ml-5 resize-none bg-white",onKeyPress:r,autoFocus:!0}),"message-textarea")});function ec(){var e=(0,u.Z)((0,N.useState)({}),2),t=e[0],r=e[1];return(0,N.useEffect)(function(){var e=X.Typing.subscribe(function(e){r((0,b.cloneDeep)(e))});return function(){return e.unsubscribe()}}),t}},8691:function(e,t,r){r.d(t,{z:function(){return i}});var n=r(1960),a=r(8098),s=r(8525),l=r(3288);function i(e){var t=e.children,r=e.className,i=(0,s.Z)(e,["children","className"]);return(0,l.jsx)("button",(0,a.Z)((0,n.Z)({className:"px-5 py-2 bg-gray-200 hover:bg-gray-400 transition-all duration-100 rounded flex flex-row items-center gap-1 ".concat(void 0===r?"":r)},i),{children:t}))}r(2466)},6636:function(e,t,r){r.d(t,{Q:function(){return l}});var n=r(3288),a=r(8082);r(2466);var s=r(3656);function l(e){var t=e.error,r=(0,a.Z)("app").t,l=r("errors.an_error_happened"),i=null!==(o=null==t?void 0:t.graphQLErrors)&&void 0!==o?o:[];if((null==i?void 0:i.length)>0){var o,c,u=null===(c=i[0].extensions)||void 0===c?void 0:c.code;switch(u){case"INTERNAL_ERROR":l=r("errors.gql.INTERNAL_ERROR");break;case"ACCESS_DENIED":l=r("errors.gql.ACCESS_DENIED")}}return(0,n.jsxs)("div",{className:"bg-red-400 rounded px-4 py-2 text-white mb-5",children:[(0,n.jsx)(s.vVM,{className:"inline"})," ",l]})}},7652:function(e,t,r){r.r(t),r.d(t,{Typing:function(){return k},default:function(){return C}});var n=r(1017),a=r(9354),s=r(132),l=r(3288),i=r(5857),o=r(3828),c=r(8082),u=r(6731),d=r.n(u),f=r(1395),m=r(2466),x=r(2829),p=r(8004),h=r(8774),g=r(4765),v=r(6543),b=r(3600),j=r(4075),w=r(1885),y=r(9878),N=r(4692),Z=r(3656),k=new w.x,I=new Map;function C(){var e=function(){var e=new Map,t=Date.now().valueOf(),r=!0,n=!1,s=void 0;try{for(var l,i=I[Symbol.iterator]();!(r=(l=i.next()).done);r=!0){var o=(0,a.Z)(l.value,2),c=o[0],u=o[1],d=!0,f=!1,m=void 0;try{for(var x,p=u[Symbol.iterator]();!(d=(x=p.next()).done);d=!0){var h=(0,a.Z)(x.value,2),g=h[0],v=h[1];t-v<3e3&&(e.has(c)||(e[c]={}),e[c][g]=v)}}catch(b){f=!0,m=b}finally{try{d||null==p.return||p.return()}finally{if(f)throw m}}}}catch(j){n=!0,s=j}finally{try{r||null==i.return||i.return()}finally{if(n)throw s}}I=e,k.next(I)},t=(0,N.Z)(),r=(0,a.Z)((0,m.useState)(!1),2),u=r[0],w=r[1],C=(0,a.Z)((0,b.UE)({requestPolicy:"cache-and-network"}),1)[0],P=C.fetching,E=C.data,M=C.error,D=(0,f.useRouter)(),R=(0,c.Z)("app").t,T=(0,v.m8)(),A=(0,a.Z)((0,m.useState)(null),2),L=A[0],q=A[1],z=(0,a.Z)((0,b.Rj)({requestPolicy:"cache-and-network"}),1)[0],O=(z.fetching,z.data),U=z.error;if("true"!==localStorage.getItem("loggedin"))return D.push("/"),null;function F(e){return B.apply(this,arguments)}function B(){return(B=(0,n.Z)(function(t){var r,n,a,l,i;return(0,s.__generator)(this,function(s){if("{"!==t.data[0])return[2];switch(n=(r=JSON.parse(t.data)).type,r.group_id,n){case"read_message":case"message":case"bookmark":case"unbookmark":T.query(b.IF,{},{requestPolicy:"network-only"}).toPromise(),T.query(b.Lh,{groupId:r.group_id,cursor:void 0,limit:y.aQ},{requestPolicy:"network-only"}).toPromise();break;case"typing":if(a=r.group_id,(l=r.user_id)==localStorage.getItem("accountId"))break;I.has(a)||(I[a]={}),i=Date.now().valueOf(),I[a][l]=i,setTimeout(e,3e3),k.next(I)}return[2]})})).apply(this,arguments)}function K(){return(K=(0,n.Z)(function(){return(0,s.__generator)(this,function(e){switch(e.label){case 0:return w(!0),[4,fetch("https://api.pixwire.net/users/logout",{credentials:"include"})];case 1:return e.sent(),localStorage.clear(),D.push("/"),[2]}})})).apply(this,arguments)}if((0,m.useEffect)(function(){return function e(){var t=new WebSocket("".concat("https://api.pixwire.net".replace("http","ws"),"/websocket"));t.onopen=function(e){(function e(){t.readyState!=t.CLOSED&&(setTimeout(e,5e3),t.readyState===t.OPEN&&t.send("ping"))})(),q(t)},t.onmessage=F,t.onclose=function(t){4001!==t.code&&e()}}(),function(){null==L||L.close(4001)}},[]),U&&401===U.response.status&&(localStorage.clear(),D.push("/")),P||M||!E)return(0,l.jsx)("div",{});var W=(null==O?void 0:O.me.groups.reduce(function(e,t){return t.unreadMessages+e},0))||0;return W>=99&&(W="99+"),(0,l.jsxs)("div",{className:"relative z-50 w-screen h-16 md:w-auto md:h-screen bg-white shadow-md flex flex-row md:flex-col items-center",children:[(0,l.jsx)(_,{}),(0,l.jsx)(S,{path:"/app/gallery",children:t===N.l.PIXWIRE?(0,l.jsx)(p.sW
1X,{className:"inline-block"}):(0,l.jsx)(Z.djY,{className:"inline-block"})}),(0,l.jsxs)(S,{path:"/app/chat",children:[0!==W&&(0,l.jsx)("div",{className:"absolute top-0 right-0 flex items-center justify-center w-6 h-6 p-1 mt-1 mr-1 text-gray-200 bg-black rounded-full text-xs",children:W}),(0,l.jsx)(h.qa$,{className:"inline-block"})]}),t===N.l.HONI&&(0,l.jsx)(S,{path:"/app/org/settings",children:(0,l.jsx)(g.P66,{className:"inline-block"})}),(0,l.jsx)("div",{className:"absolute right-0 md:bottom-0 h-full md:h-auto md:w-full",children:(0,l.jsxs)(i.v,{children:[(0,l.jsx)(i.v.Button,{className:"h-full md:h-auto md:w-full",children:(0,l.jsx)("button",{className:"block relative p-3 w-14 h-full md:h-auto md:w-full md:mb-2 text-gray-800 hover:bg-gray-800 group "+(-1!==D.pathname.indexOf("app/settings")?"border-b-4 md:border-b-0 md:border-l-4 border-gray-800":""),children:(0,l.jsx)("img",{src:E.me.avatarUrl,alt:"",className:"inline w-6 h-6 rounded-full"})})}),(0,l.jsx)(o.u,{enter:"transition duration-100 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-75 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",children:(0,l.jsxs)(i.v.Items,{className:"absolute bottom-0 flex flex-col items-start py-3 -ml-2 text-black bg-white rounded shadow top-full md:top-auto right-0 md:right-auto md:left-full w-max h-max",children:[(0,l.jsx)(i.v.Item,{children:(0,l.jsx)(d(),{href:"/app/settings",legacyBehavior:!0,children:(0,l.jsxs)("button",{className:"p-3 hover:bg-gray-800 hover:text-white w-full",children:[(0,l.jsx)(x.QAE,{className:"inline w-4 h-4 mr-2"}),"Settings"]})})}),(0,l.jsx)(i.v.Item,{children:(0,l.jsxs)("button",{className:"p-3 hover:bg-gray-800 hover:text-white w-full",onClick:function(){return K.apply(this,arguments)},disabled:u,title:R("app:sidebar.logout"),children:[u?(0,l.jsx)("div",{className:"flex items-center w-4 h-4",children:(0,l.jsx)(j.Z,{size:"20px"})}):(0,l.jsx)(h.cKt,{className:"inline w-4 h-4 mr-2"}),"Log out"]})})]})})]})})]})}function S(e){var t=e.path,r=e.children,n=(0,f.useRouter)();return(0,l.jsx)(d(),{href:t,legacyBehavior:!0,children:(0,l.jsx)("button",{className:"relative text-2xl w-14 h-full md:h-auto md:w-full text-center py-3 text-gray-800 hover:bg-gray-800 hover:text-white hover:border-gray-900 "+(-1!==n.pathname.indexOf(t)?"border-b-4 md:border-b-0 md:border-l-4 border-gray-800":""),children:r})})}function _(){return(0,N.Z)()===N.l.HONI?(0,l.jsx)(d(),{href:"/app/gallery",children:(0,l.jsx)("img",{src:"/honi/favicon.png",className:"w-16 md:mb-10 px-3 self-center hover:bg-[#23432A] py-3"})}):(0,l.jsx)(d(),{href:"/",children:(0,l.jsx)("img",{src:"/logo-transparent.png",className:"w-16 md:mt-4 md:mb-10 ml-4 mr-5 md:ml-0 md:mr-0 self-center"})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.