| 12 |
- (this["webpackJsonpreact-21-22"]=this["webpackJsonpreact-21-22"]||[]).push([[2],{490:function(e,t,n){"use strict";n.r(t);var o=n(6),a=n(505),r=n(140),c=n(0),i=n(19),l=n(21),s=n(15),d=n(473),b=n(142),j=n(506),u=n(494),p=n(515),f=n(269),x=n.n(f),h=n(268),m=n.n(h),g=n(207),O=n.n(g),v=n(237),y=n.n(v),w=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(-2),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"8px 8px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(4)}}}}})),C=Object(d.a)({container:{position:"absolute",maxWidth:"100%",top:"92vh",right:20,zIndex:10,cursor:"pointer"}}),k=function(e){var t=e.handleSelectedMenu,n=e.setIsMenuSm,a=C(),i=Object(c.useState)(null),l=Object(r.a)(i,2),s=l[0],d=l[1],b=Boolean(s),u=function(){n(!1),d(null)};return Object(o.jsxs)("div",{className:a.container,children:[Object(o.jsx)(j.a,{onClick:function(e){return d(e.currentTarget)},sx:{bgcolor:"rgb(41, 139, 231)",width:56,height:56},children:s?Object(o.jsx)(O.a,{}):Object(o.jsx)(m.a,{})}),Object(o.jsxs)(w,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:s,open:b,onClose:u,children:[Object(o.jsxs)(p.a,{onClick:function(){u(),t(3)},children:[Object(o.jsx)(y.a,{}),"New Contact"]}),Object(o.jsxs)(p.a,{onClick:function(){u(),t(1)},children:[Object(o.jsx)(x.a,{}),"Contacts"]})]})]})},N=n(513),S=n(483),I=n(477),z=n(51),M=Object(d.a)({stackItem:{display:"flex",flexDirection:"column",justifyContent:"center",alignContent:"center",alignItems:"center",padding:5,borderRadius:5,cursor:"pointer","&:hover":{background:"#eeeded"}},titleName:{color:"#575757",fontSize:16,paddingTop:5}}),R=function(e){var t=e.handleListItemClick,n=e.chat,a=M(),r=n.name,c=n.lastName,i=n.color,l=n.avatarUrl,s=n.companionId;return Object(o.jsxs)("div",{onClick:function(){return t(s)},className:a.stackItem,children:[Object(o.jsx)(j.a,{alt:r,src:l?"".concat(z.i,"/").concat(l):void 0,sx:{background:i,width:54,height:54},children:"".concat(Object(z.b)(r)).concat(Object(z.b)(c))}),Object(o.jsx)(I.a,{variant:"h6",className:a.titleName,children:"".concat(Object(z.b)(r)).concat(Object(z.j)(r,8,1))})]})},A=n(479),D=n(481),T=n(480),B=Object(d.a)({listItemInnerText:{display:"flex",alignContent:"center",alignItems:"center",flexWrap:"nowrap"},listItem_iconAvatar:{marginRight:10},listItem_iconRight:{marginRight:10},listItem_icon_time:{fontSize:12,marginLeft:5,paddingBottom:25,color:"#1b1b1b"}}),L=function(e){var t=e.chat,n=e.handleListItemClick,a=B(),r=t.name,c=t.lastName,i=t.avatarUrl,l=t.color,s=t.companionId,d=t.lastMessage,b=t.lastMessageCreatedAt,u=t.createdAt;return Object(o.jsxs)(A.a,{onClick:function(){return n(s)},children:[Object(o.jsx)(T.a,{className:a.listItem_iconAvatar,children:Object(o.jsx)(j.a,{alt:r,src:i?"".concat(z.i,"/").concat(i):void 0,sx:{background:l,width:54,height:54},children:!i&&"".concat(Object(z.b)(r)).concat(Object(z.b)(c))})}),Object(o.jsx)(D.a,{primary:"".concat(Object(z.b)(r)).concat(Object(z.j)(r,15,1)," \n ").concat(Object(z.b)(c)).concat(Object(z.j)(c,15,1)),secondary:"".concat(d?Object(z.j)(d,35):"".concat(Object(z.b)(r)).concat(Object(z.j)(r,8,1)," joined Telegram"))}),Object(o.jsx)(T.a,{className:a.listItem_iconRight,children:Object(o.jsx)(I.a,{className:a.listItem_icon_time,variant:"h6",color:"initial",children:Object(z.l)(b||u)})})]})},E=n(496),W=n(521),_=function(e){var t=e.name;return Object(o.jsx)(S.a,{sx:{width:"100%"},spacing:2,children:Object(o.jsxs)(E.a,{severity:"info",children:[Object(o.jsx)(W.a,{children:"Warning"}),Object(o.jsx)("strong",{children:t})]})})},F=Object(d.a)({stack:{display:"flex",justifyContent:"space-around",paddingTop:20},container:{width:"100%",maxHeight:"86vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}}}),P=function(e){var t=e.value,n=e.date,a=e.filteredAndSorted,r=e.handleListItemClick,c=F();return Object(o.jsxs)(o.Fragment,{children:[!t&&!n&&a.length>0&&Object(o.jsx)(S.a,{direction:"row",className:c.stack,children:a.slice(0,6).map((function(e){return Object(o.jsx)(R,{handleListItemClick:r,chat:e},e.companionId)}))}),(t||n)&&a.length>0&&Object(o.jsx)(N.a,{className:c.container,component:"nav","aria-label":"main mailbox folders",children:a.map((function(e){return Object(o.jsx)(L,{handleListItemClick:r,chat:e},e.companionId)}))}),(t||n)&&0===a.length&&Object(o.jsx)(_,{name:"Can not find Chat by request: ".concat(t)}),!t&&!n&&0===a.length&&Object(o.jsx)(_,{name:"You do not have any Chats yet!"})]})},Y=n(504),H=n(522),U=n(238),V=n.n(U),q=n(484),G=Object(d.a)({container:{width:"100%",maxHeight:"86vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}},folderIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),Z=function(e){var t=e.allMessagesMemo,n=e.value,a=e.date,r=G(),c=t.filter((function(e){return"text"!==e.type}));return Object(o.jsxs)(o.Fragment,{children:[c.length>0&&Object(o.jsx)(N.a,{className:r.container,children:c.map((function(e){var t=e.message,n=e.createdAt,a=e.fullType;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:r.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(V.a,{onClick:function(){return Object(z.d)("".concat(z.i,"/").concat(t),a)},className:r.folderIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{primary:a,secondary:Object(z.l)(n)})]}),Object(o.jsx)(q.a,{variant:"inset"})]},n)}))}),(n||a)&&0===c.length&&Object(o.jsx)(_,{name:"Can not find Files by request: ".concat(n)}),!n&&!a&&0===c.length&&Object(o.jsx)(_,{name:"You do not have Files yet!"})]})},J=n(523),K=n(524),X=n(208),$=n.n(X),Q=Object(d.a)({overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden",boxSizing:"border-box",display:"flex",justifyContent:"center",alignContent:"center",alignItems:"center"},wrapper:{width:"30%",maxHeight:"80%",position:"relative",display:"flex"},downloadIcon:{position:"absolute",content:"",right:0,top:-40,cursor:"pointer",color:"#e9e7e7",padding:0,borderRadius:"50%","&:hover":{backgroundColor:"#ffffff",color:"#b8b7b7"}},img:{cursor:"pointer","&:hover":{scale:.98}},time:{position:"absolute",content:"",color:"#ffffff",top:-30,left:0,borderRadius:10,padding:"2px 6px 2px 6px",backgroundColor:"#707070"}}),ee=function(e){var t=e.message,n=e.fullType,a=e.updatedAt,i=Q(),l=Object(c.useState)(!1),s=Object(r.a)(l,2),d=s[0],b=s[1],j="".concat(z.i,"/").concat(t);return d?Object(o.jsx)("div",{onClick:function(e){return"overlay"===e.target.id&&d&&b(!1)},id:"overlay",className:i.overlay,children:Object(o.jsxs)("div",{className:i.wrapper,children:[Object(o.jsx)("span",{className:i.time,children:Object(z.l)(a)}),Object(o.jsx)($.a,{className:i.downloadIcon,fontSize:"large",onClick:function(){return Object(z.d)(j,n)}}),Object(o.jsx)("img",{width:"100%",height:"auto",alt:"imageItem",src:j})]})}):Object(o.jsx)(K.a,{children:Object(o.jsx)("img",{onClick:function(){return!d&&b(!0)},className:i.img,src:"".concat(j,"?w=164&h=164&fit=crop&auto=format"),srcSet:"".concat(j,"?w=164&h=164&fit=crop&auto=format&dpr=2 2x"),alt:"imageItem",loading:"lazy"})})},te=Object(d.a)({container:{width:"100%",maxHeight:"86vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}}}),ne=function(e){var t=e.allMessagesMemo,n=e.value,a=e.date,r=te(),c=t.filter((function(e){return"image"===e.type}));return Object(o.jsxs)(o.Fragment,{children:[c.length>0&&Object(o.jsx)(J.a,{className:r.container,cols:3,rowHeight:164,children:c.map((function(e){var t=e.message,n=e.createdAt,a=e.fullType,r=e.updatedAt;return Object(o.jsx)(ee,{message:t,fullType:a,updatedAt:r},n)}))}),(n||a)&&0===c.length&&Object(o.jsx)(_,{name:"Can not find Media by request: ".concat(n)}),!n&&!a&&0===c.length&&Object(o.jsx)(_,{name:"You do not have Media yet!"})]})},oe=n(165),ae=n.n(oe),re=n(160),ce=Object(d.a)({container:{width:"100%",maxHeight:"86vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}},copyIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}}}),ie=function(e){var t=e.allMessagesMemo,n=e.value,a=e.date,r=ce(),c=t.filter((function(e){return"text"===e.type}));return Object(o.jsxs)(o.Fragment,{children:[c.length>0&&Object(o.jsx)(N.a,{className:r.container,children:c.map((function(e){var t=e.message,n=e.createdAt,a=e.lastName,c=e.name,i=e.color,l=e.avatarUrl;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:r.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(j.a,{alt:c,src:l?"".concat(z.i,"/").concat(l):void 0,sx:{background:i,width:38,height:38},children:"".concat(Object(z.b)(c)).concat(Object(z.b)(a))})}),Object(o.jsx)(D.a,{style:{wordBreak:"break-word",marginRight:2},primary:t,secondary:Object(z.l)(n),secondaryTypographyProps:{color:"#020202",paddingTop:.5}}),Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Message")},text:t,children:Object(o.jsx)(ae.a,{className:r.copyIcon,fontSize:"large"})})]}),Object(o.jsx)(q.a,{variant:"inset"})]},n)}))}),(n||a)&&0===c.length&&Object(o.jsx)(_,{name:"Can not find Text by request: ".concat(n)}),!n&&!a&&0===c.length&&Object(o.jsx)(_,{name:"You do not have Text yet!"})]})},le=n(271),se=n.n(le),de=Object(d.a)({container:{width:"100%",maxHeight:"86vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}},folderIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),be=function(e){var t=e.allMessagesMemo,n=e.value,a=e.date,r=de(),c=t.filter((function(e){return"audio"===e.type}));return Object(o.jsxs)(o.Fragment,{children:[c.length>0&&Object(o.jsx)(N.a,{className:r.container,children:c.map((function(e){var t=e.message,n=e.createdAt,a=e.fullType;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:r.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(se.a,{onClick:function(){return Object(z.d)("".concat(z.i,"/").concat(t),a)},className:r.folderIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{primary:a,secondary:Object(z.l)(n)})]}),Object(o.jsx)(q.a,{variant:"inset"})]},n)}))}),(n||a)&&0===c.length&&Object(o.jsx)(_,{name:"Can not find Audio by request: ".concat(n)}),!n&&!a&&0===c.length&&Object(o.jsx)(_,{name:"You do not have Audio yet!"})]})},je=n(272),ue=n.n(je),pe=Object(d.a)({container:{width:"100%",maxHeight:"86vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}},folderIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),fe=function(e){var t=e.allMessagesMemo,n=e.value,a=e.date,r=pe(),c=t.filter((function(e){return"video"===e.type}));return Object(o.jsxs)(o.Fragment,{children:[c.length>0&&Object(o.jsx)(N.a,{className:r.container,children:c.map((function(e){var t=e.message,n=e.createdAt,a=e.fullType;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:r.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(ue.a,{onClick:function(){return Object(z.d)("".concat(z.i,"/").concat(t),a)},className:r.folderIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{primary:a,secondary:Object(z.l)(n)})]},n),Object(o.jsx)(q.a,{variant:"inset"})]},n)}))}),(n||a)&&0===c.length&&Object(o.jsx)(_,{name:"Can not find Video by request: ".concat(n)}),!n&&!a&&0===c.length&&Object(o.jsx)(_,{name:"You do not have Video yet!"})]})},xe=n(1),he=n.n(xe),me=n(5),ge=n(43),Oe=n(16),ve=function(){return function(){var e=Object(me.a)(he.a.mark((function e(t){var n;return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(Oe.d)();case 3:(n=e.sent)&&t(Object(ge.b)(n)),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),t(Object(ge.a)());case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(t){return e.apply(this,arguments)}}()},ye=n(45),we=function(){return function(){var e=Object(me.a)(he.a.mark((function e(t){var n;return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(Oe.f)();case 3:(n=e.sent)&&t(Object(ye.b)(n)),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),t(Object(ye.a)());case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(t){return e.apply(this,arguments)}}()},Ce=n(25),ke=Object(Ce.a)([function(e){return e.chats}],(function(e){return e})),Ne=Object(Ce.a)([function(e){return e.allMessages.messages}],(function(e){return e})),Se=function(e){return e.control.isOpen},Ie=function(e){return e.control.scroll},ze=n(31),Me=function(e){return function(){var t=Object(me.a)(he.a.mark((function t(n){var o;return he.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,Object(Oe.y)(e);case 3:(o=t.sent)&&n(Object(ze.c)(o)),t.next=9;break;case 7:t.prev=7,t.t0=t.catch(0);case 9:case"end":return t.stop()}}),t,null,[[0,7]])})));return function(e){return t.apply(this,arguments)}}()},Re=function(e){return function(){var t=Object(me.a)(he.a.mark((function t(n){var o;return he.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,Object(Oe.e)(e);case 3:(o=t.sent)&&n(Object(ze.a)(o)),t.next=9;break;case 7:t.prev=7,t.t0=t.catch(0);case 9:case"end":return t.stop()}}),t,null,[[0,7]])})));return function(e){return t.apply(this,arguments)}}()},Ae=n(35),De=Object(d.a)({container:{height:"7vh",borderBottom:"solid 2px #dddddd",display:"flex",justifyContent:"space-around",alignContent:"center",alignItems:"center",flexWrap:"nowrap",color:"rgba(0, 0, 0, 0.6)"},item:{height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignContent:"center",alignItems:"center",cursor:"pointer"},icon:{fontSize:"1rem",lineHeight:0,marginBottom:0,fontWeight:600},underline:{fontSize:"2.2rem",lineHeight:0}}),Te=function(e){var t=e.value,n=e.setValue,a=e.sort,l=e.date,s=e.setDate,d=De(),b=Object(i.b)(),j=Object(i.c)(ke).chats,u=Object(i.c)(Ne),p=Object(i.c)(Se),f=Object(c.useState)(0),x=Object(r.a)(f,2),h=x[0],m=x[1],g=function(e){m(e),t&&n(""),l&&s("")};Object(c.useEffect)((function(){b(ve()),b(we());var e=setInterval((function(){b(ve()),b(we())}),5e3);return function(){return clearInterval(e)}}),[b]),Object(c.useEffect)((function(){s("")}),[s]);var O=Object(z.k)(j,a).filter((function(e){var n=e.name+" "+e.lastName;return l?n.toLowerCase().includes(t.toLowerCase())&&Object(z.m)(l)===Object(z.m)(e.lastMessageCreatedAt?e.lastMessageCreatedAt:e.createdAt)?e:void 0:n.toLowerCase().includes(t.toLowerCase())})),v=function(e){return e.filter((function(e){if(l){if(!e.fullType&&e.message.toLowerCase().includes(t.toLowerCase())&&Object(z.m)(l)===Object(z.m)(e.createdAt))return e;if(e.fullType&&e.fullType.toLowerCase().includes(t.toLowerCase())&&Object(z.m)(l)===Object(z.m)(e.createdAt))return e}else{if(!e.fullType&&e.message.toLowerCase().includes(t.toLowerCase()))return e;if(e.fullType&&e.fullType.toLowerCase().includes(t.toLowerCase()))return e}}))}(Object(z.e)("createdAt",u,a));return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsxs)("div",{className:d.container,children:[Object(o.jsxs)("div",{className:d.item,style:{color:0===h?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return g(0)},children:[Object(o.jsx)("span",{className:d.icon,children:"Chats"}),Object(o.jsx)("span",{className:d.underline,children:"___"})]}),Object(o.jsxs)("div",{className:d.item,style:{color:1===h?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return g(1)},children:[Object(o.jsx)("span",{className:d.icon,children:"Files"}),Object(o.jsx)("span",{className:d.underline,children:"___"})]}),Object(o.jsxs)("div",{className:d.item,style:{color:2===h?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return g(2)},children:[Object(o.jsx)("span",{className:d.icon,children:"Media"}),Object(o.jsx)("span",{className:d.underline,children:"___"})]}),Object(o.jsxs)("div",{className:d.item,style:{color:3===h?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return g(3)},children:[Object(o.jsx)("span",{className:d.icon,children:"Text"}),Object(o.jsx)("span",{className:d.underline,children:"___"})]}),Object(o.jsxs)("div",{className:d.item,style:{color:4===h?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return g(4)},children:[Object(o.jsx)("span",{className:d.icon,children:"Audio"}),Object(o.jsx)("span",{className:d.underline,children:"___"})]}),Object(o.jsxs)("div",{className:d.item,style:{color:5===h?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return g(5)},children:[Object(o.jsx)("span",{className:d.icon,children:"Video"}),Object(o.jsx)("span",{className:d.underline,children:"___"})]})]}),0===h&&Object(o.jsx)(P,{value:t,date:l,filteredAndSorted:O,handleListItemClick:function(e){p&&b(Object(Ae.a)("")),b(Me(e))}}),1===h&&Object(o.jsx)(Z,{allMessagesMemo:v,value:t,date:l}),2===h&&Object(o.jsx)(ne,{allMessagesMemo:v,value:t,date:l}),3===h&&Object(o.jsx)(ie,{allMessagesMemo:v,value:t,date:l}),4===h&&Object(o.jsx)(be,{allMessagesMemo:v,value:t,date:l}),5===h&&Object(o.jsx)(fe,{allMessagesMemo:v,value:t,date:l})]})},Be=n(517),Le=n(516),Ee=n(366),We=n.n(Ee),_e=n(241),Fe=n.n(_e),Pe=n(501),Ye=n(200),He=n.n(Ye),Ue=n(518),Ve=n(282),qe=n.n(Ve),Ge=n(36),Ze=n(491),Je=Object(d.a)({container:{position:"absolute"}}),Ke=function(e){var t=e.date,n=e.changeDate,a=e.handleOnOpen,r=Je();return Object(o.jsx)(Ze.a,{className:r.container,inputVariant:"outlined",orientation:"portrait",variant:"dialog",openTo:"date",autoOk:!0,value:t||new Date,onOpen:a,onChange:n})},Xe=Object(b.a)("div")((function(e){e.theme;return{position:"relative",borderRadius:"20px",backgroundColor:"#f1f0f0",width:"100%",margin:"0 5% 0 5%"}})),$e=Object(b.a)("div")((function(e){return{padding:e.theme.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}})),Qe=Object(b.a)(Pe.a)((function(e){var t=e.theme;return{color:"inherit","& .MuiInputBase-input":{fontWeight:500,borderRadius:"20px",padding:t.spacing(1,1,1,0),paddingLeft:"calc(1em + ".concat(t.spacing(4),")"),transition:t.transitions.create("width"),width:"100%"}}})),et=Object(d.a)({toolBar:{color:"#b1aeae",height:"7vh"},activeSearch:{outline:"2px solid #2184f7",color:"#2184f7"},iconBtn:{"&:hover":{transform:"rotate(180deg)",transition:"all 250ms ease-out "}},iconArrow:{"&:hover":{transform:"rotate(360deg)",transition:"all 250ms ease-out "}}}),tt={inputProps:{"aria-label":"Switch demo"}},nt=function(e){var t=e.handleClick,n=e.handleFocus,a=e.handleSearch,r=e.isSearch,c=e.value,l=e.sort,d=e.setDate,b=e.date,j=Object(i.b)(),u=et();return Object(o.jsxs)(Be.a,{className:u.toolBar,children:[Object(o.jsx)(Le.a,{onClick:t,children:r?Object(o.jsx)(He.a,{className:u.iconArrow}):Object(o.jsx)(We.a,{className:u.iconBtn})}),Object(o.jsxs)(Xe,{className:c?u.activeSearch:void 0,children:[Object(o.jsx)($e,{children:Object(o.jsx)(Fe.a,{})}),Object(o.jsx)(Qe,{value:c,onFocus:n,onChange:a,placeholder:"Search",inputProps:{"aria-label":"search"}})]}),Object(o.jsxs)(Le.a,{"aria-label":"delete",size:"medium",children:[Object(o.jsx)(Ke,{date:b,changeDate:d,handleOnOpen:function(){return d("")}}),Object(o.jsx)(qe.a,{fontSize:"medium",style:{color:b?"#2184f7":"#b1aeae"}})]}),Object(o.jsx)(Ue.a,Object(s.a)({onClick:function(){Object(Oe.C)({sort:!l}),j(Object(Ge.b)())},checked:l},tt))]})},ot=n(284),at=n.n(ot),rt=n(283),ct=n.n(rt),it=n(161),lt=n.n(it),st=n(497),dt=n(367),bt=n.n(dt),jt=n(507),ut=Object(d.a)({modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"},titleWrapper:{display:"flex",justifyContent:"flex-start",alignContent:"center",alignItems:"center"}}),pt=function(e){var t=e.setModal,n=e.chat,a=ut(),r=n.name,c=n.lastName,i=n.avatarUrl,l=n.color,s=n.companionId;return Object(o.jsx)("div",{onClick:function(e){var n=e.target.id;if("overlay"===n||"cancel"===n)return t(!1);"delete"===n&&(Object(Oe.m)(s),t(!1))},className:a.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:a.modalDelete,children:[Object(o.jsxs)("div",{className:a.titleWrapper,children:[Object(o.jsx)(j.a,{alt:r,src:i?"".concat(z.i,"/").concat(i):void 0,sx:{background:l,width:38,height:38,marginRight:2},children:"".concat(Object(z.b)(r)).concat(Object(z.b)(c))}),Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete chat"})]}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete the\n chat with ".concat("".concat(Object(z.b)(r)).concat(Object(z.j)(r,15,1)," \n ").concat(Object(z.b)(c)).concat(Object(z.j)(c,15,1)),"?")}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE CHAT"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})},ft=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"8px 8px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(4)}}}}})),xt=Object(b.a)(st.a)((function(e){var t=e.theme;return{"& .MuiBadge-badge":{backgroundColor:"#44b700",color:"#44b700",boxShadow:"0 0 0 2px ".concat(t.palette.background.paper),"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",animation:"ripple 1.2s infinite ease-in-out",border:"1px solid currentColor",content:'""'}},"@keyframes ripple":{"0%":{transform:"scale(.8)",opacity:1},"100%":{transform:"scale(2.4)",opacity:0}}}})),ht=Object(d.a)({listItemInnerText:{display:"flex",alignContent:"center",alignItems:"center",flexWrap:"nowrap"},listItemInnerText__icon:{marginLeft:5,color:"#959595"},listItem_iconAvatar:{marginRight:10},listItem_iconRight:{marginRight:10,display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",flexDirection:"column"},listItem_iconTimeChecked:{display:"flex",flexWrap:"nowrap",alignItems:"center",justifyContent:"center",alignContent:"center",marginBottom:2},listItem_iconRightBtn:{background:"#0ac40a",borderRadius:"50%",color:"#ffffff",border:"none",height:24,width:24,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",fontSize:12,marginLeft:"auto","&:hover":{outline:"solid 3px #3ee415"}},listItem_iconRightBtnMute:{background:"#a7aaa7",borderRadius:"50%",color:"#ffffff",border:"none",height:24,width:24,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",fontSize:12,marginLeft:"auto","&:hover":{outline:"solid 3px #cccbcb"}},listItem_iconRightBtnHidden:{background:"inherit",borderRadius:"50%",border:"none",height:24,width:24,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",fontSize:12,marginLeft:"auto"},listItem_icon_time:{fontSize:12,marginLeft:5,color:"#1b1b1b"},listItem_typing:{color:"#4d4d4d",animation:"ripple 4s infinite ease-in-out"},listItem_dots:{color:"#1b1b1b",fontWeight:"bold",display:"inline-block",fontFamily:"monospace",clipPath:"inset(0 3ch 0 0)",animation:"$run 2s steps(5) infinite"},"@keyframes run":{to:{clipPath:"inset(0 -1ch 0 0)"}}}),mt=function(e){var t=e.chat,n=e.handleListItemClick,a=e.handleNewMsgs,i=ht(),l=Object(c.useState)(null),s=Object(r.a)(l,2),d=s[0],b=s[1],u=Object(c.useState)(!1),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Boolean(d),w=t.name,C=t.lastName,k=t.avatarUrl,N=t.color,S=t.companionId,M=t.mute,R=t.seen,B=t.total,L=t.watched,E=t.typing,W=t.online,_=t.lastMessage,F=t.lastMessageCreatedAt,P=t.createdAt,Y=function(e){"mute"===e&&Object(Oe.k)(S),"delete"===e&&v(!0),b(null),h(!1)};return Object(o.jsxs)("div",{children:[O&&Object(o.jsx)(pt,{setModal:v,chat:t}),Object(o.jsxs)(A.a,{selected:x,onClick:function(){return n(S)},onContextMenu:function(e){return function(e){e.preventDefault(),b(e.currentTarget),h(!0)}(e)},children:[Object(o.jsx)(T.a,{className:i.listItem_iconAvatar,children:Object(o.jsx)(xt,{overlap:"circular",variant:"true"===W?"dot":"standard",anchorOrigin:{vertical:"bottom",horizontal:"right"},children:Object(o.jsx)(j.a,{alt:w,src:k?"".concat(z.i,"/").concat(k):void 0,sx:{background:N,width:54,height:54},children:!k&&"".concat(Object(z.b)(w)).concat(Object(z.b)(C))})})}),Object(o.jsx)(D.a,{primary:Object(o.jsxs)("div",{className:i.listItemInnerText,children:[Object(o.jsx)("span",{children:"".concat(Object(z.b)(w)).concat(Object(z.j)(w,15,1)," \n ").concat(Object(z.b)(C)).concat(Object(z.j)(C,15,1))}),M&&Object(o.jsx)(ct.a,{className:i.listItemInnerText__icon,fontSize:"small"})]}),secondary:E?Object(o.jsxs)("span",{className:i.listItem_typing,children:["typing",Object(o.jsx)("span",{className:i.listItem_dots,children:"..."})]}):_?Object(z.j)(_,35):"".concat(Object(z.b)(w)).concat(Object(z.j)(w,8,1)," joined Telegram")}),Object(o.jsxs)(T.a,{className:i.listItem_iconRight,children:[Object(o.jsxs)("div",{className:i.listItem_iconTimeChecked,children:[L&&Object(o.jsx)(bt.a,{style:{color:"#18bd03"},fontSize:"small"}),Object(o.jsx)(I.a,{className:i.listItem_icon_time,variant:"h6",color:"initial",children:Object(z.l)(F||P)})]}),_&&B>R?Object(o.jsx)("button",{onClick:function(e){return a(e,S)},className:M?i.listItem_iconRightBtnMute:i.listItem_iconRightBtn,children:B-R}):Object(o.jsx)("button",{className:i.listItem_iconRightBtnHidden})]})]}),Object(o.jsxs)(ft,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:d,open:y,onClose:Y,children:[Object(o.jsxs)(p.a,{onClick:function(){return Y("mute")},children:[M?Object(o.jsx)(at.a,{}):Object(o.jsx)(ct.a,{}),M?"Unmute chat":"Mute chat"]}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return Y("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete chat"]})]})]})},gt=n(52),Ot=Object(d.a)({list:{width:"100%",maxHeight:"93vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}}}),vt=function(e){var t=e.sort,n=e.date,a=e.value,l=Ot(),s=Object(i.b)(),d=Object(c.useRef)(null),b=Object(c.useState)([]),j=Object(r.a)(b,2),u=j[0],p=j[1],f=Object(i.c)(ke),x=f.total,h=f.chats,m=Object(i.c)(gt.b),g=Object(i.c)(Se),O=Object(c.useCallback)((function(e){return e.filter((function(e){return n?Object(z.m)(n)===Object(z.m)(e.lastMessageCreatedAt?e.lastMessageCreatedAt:e.createdAt)?e:void 0:e}))}),[n]),v=function(e){g&&s(Object(Ae.a)("")),s(Me(e))},y=function(e,t){e.stopPropagation(),s(Object(Ae.b)(!0)),g&&s(Object(Ae.a)("")),s(Me(t))};return Object(c.useEffect)((function(){s(we());var e=setInterval((function(){return s(we())}),3e3);return function(){return clearInterval(e)}}),[s]),Object(c.useEffect)((function(){var e=O(Object(z.k)(h,t));p(e),m.companionId&&!e.find((function(e){return e.companionId===m.companionId}))&&s(Object(ze.b)()),d.current&&d.current.forEach((function(t,n){var o=t.total-t.seen,a=e[n];void 0!==a&&(a.total-a.seen>o&&!a.mute&&(Object(z.h)("".concat(z.i,"/notifications/receive.mp3")),Object(z.f)(a.name,(function(){return e=a.companionId,s(Me(e)),void s(Object(Ae.b)(!0));var e}))))})),d.current=e}),[h,m,t,O,s]),"0"!==x?Object(o.jsx)(N.a,{className:l.list,component:"nav","aria-label":"main mailbox folders",children:u.length>0?u.map((function(e){return Object(o.jsx)(mt,{chat:e,handleListItemClick:v,handleNewMsgs:y},e.number)})):Object(o.jsx)(_,{name:"Can not find Chats by request : ".concat(a)})}):Object(o.jsx)(_,{name:"You do not have Chats yet!"})},yt=n(511),wt=n(512),Ct=n(368),kt=n.n(Ct),Nt=n(369),St=n.n(Nt),It=n(370),zt=n.n(It),Mt=n(371),Rt=n.n(Mt),At=Object(d.a)({overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100},container:{position:"absolute",width:270,maxWidth:"100%",top:60,left:15,zIndex:10,visibility:"visible"},list:{background:"#fdfdfd"},listItemLast:{textAlign:"center"},listIcon:{marginRight:15},listIconText:{marginRight:15,paddingLeft:6}}),Dt={inputProps:{"aria-label":"Switch demo"}},Tt=function(e){var t=e.handleSelectedMenu,n=e.nightMode,a=At(),r=Object(i.b)();return Object(o.jsx)("div",{className:a.overlay,id:"overlay",children:Object(o.jsx)(yt.a,{className:a.container,children:Object(o.jsxs)(wt.a,{className:a.list,children:[Object(o.jsxs)(p.a,{onClick:function(){return t(3)},children:[Object(o.jsx)(T.a,{className:a.listIcon,children:Object(o.jsx)(y.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{children:"New Contact"})]}),Object(o.jsxs)(p.a,{onClick:function(){return t(1)},children:[Object(o.jsx)(T.a,{className:a.listIcon,children:Object(o.jsx)(x.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{children:"Contacts"})]}),Object(o.jsxs)(p.a,{onClick:function(){return t(2)},children:[Object(o.jsx)(T.a,{className:a.listIcon,children:Object(o.jsx)(kt.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{children:"Settings"})]}),Object(o.jsxs)(p.a,{style:{cursor:"default"},children:[Object(o.jsx)(T.a,{className:a.listIcon,children:Object(o.jsx)(St.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{children:"Night Mode"}),Object(o.jsx)(Ue.a,Object(s.a)(Object(s.a)({onClick:function(){Object(Oe.C)({nightMode:!n}),r(Object(Ge.b)())},checked:n},Dt),{},{style:{cursor:"pointer"}}))]}),Object(o.jsx)("a",{style:{textDecoration:"none",color:"inherit"},target:"blank",href:"https://www.makeuseof.com/tag/useful-telegram-features/",children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(T.a,{className:a.listIcon,children:Object(o.jsx)(zt.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{children:"Telegram Features"})]})}),Object(o.jsx)("a",{style:{textDecoration:"none",color:"inherit"},target:"blank",href:"https://bugs.telegram.org/?tag_ids=41&sort=time",children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(T.a,{className:a.listIcon,children:Object(o.jsx)(Rt.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{children:"Report bug"})]})}),Object(o.jsx)("a",{style:{textDecoration:"none",color:"inherit"},target:"blank",href:"https://www.msn.com/en-in/money/tech/telegram-webk-and-webz-web-apps-launched-whats-the-difference/ar-BB1fOwLR",children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(T.a,{className:a.listIconText,children:"K"}),Object(o.jsx)(D.a,{children:"Switch to K Version"})]})}),Object(o.jsx)("a",{style:{textDecoration:"none",color:"inherit"},target:"blank",href:"https://desktop.telegram.org/changelog",children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(T.a,{className:a.listIconText,children:"W"}),Object(o.jsx)(D.a,{children:"Switch to Old Version"})]})}),Object(o.jsx)(q.a,{}),Object(o.jsx)(p.a,{style:{cursor:"default"},children:Object(o.jsx)(D.a,{secondary:"Telegram WebZ 1.32.3",className:a.listItemLast})})]})})})},Bt=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"8px 8px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(4)}}}}})),Lt=Object(d.a)({listItem_iconAvatar:{marginRight:10},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"},titleWrapper:{display:"flex",justifyContent:"flex-start",alignContent:"center",alignItems:"center"}}),Et=function(e){var t=e.contact,n=e.handleListItemClick,a=e.isOpen,l=Lt(),s=Object(i.b)(),d=Object(c.useState)(null),b=Object(r.a)(d,2),u=b[0],f=b[1],x=Object(c.useState)(!1),h=Object(r.a)(x,2),m=h[0],g=h[1],O=Object(c.useState)(!1),v=Object(r.a)(O,2),y=v[0],w=v[1],C=Boolean(u),k=t.name,N=t.lastName,S=t.avatarUrl,I=t.color,M=t.companionId,R=t.createdAt,B=t.number,L=t._id,E=function(e){"copy"===e&&Object(z.a)("Number"),"delete"===e&&w(!0),f(null),g(!1)};return Object(o.jsxs)("div",{children:[Object(o.jsxs)(A.a,{selected:m,onClick:function(){return n(M)},onContextMenu:function(e){return function(e){e.preventDefault(),f(e.currentTarget),g(!0)}(e)},children:[Object(o.jsx)(T.a,{className:l.listItem_iconAvatar,children:Object(o.jsx)(j.a,{alt:k,src:S?"".concat(z.i,"/").concat(S):void 0,sx:{background:I,width:54,height:54},children:!S&&"".concat(Object(z.b)(k)).concat(Object(z.b)(N))})}),Object(o.jsx)(D.a,{primary:"".concat(Object(z.b)(k)).concat(Object(z.j)(k,15,1),"\n ").concat(Object(z.b)(N)).concat(Object(z.j)(N,15,1)),secondary:"Registered since ".concat(Object(z.l)(R))})]}),Object(o.jsxs)(Bt,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:u,open:C,onClose:E,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return E("copy")},text:B,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy number"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return E("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete contact"]})]}),y&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return w(!1);"delete"===t&&("edit"===a&&s(Object(Ae.a)("credentials")),Object(Oe.n)(L),w(!1))},className:l.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsxs)("div",{className:l.titleWrapper,children:[Object(o.jsx)(j.a,{alt:k,src:S?"".concat(z.i,"/").concat(S):void 0,sx:{background:I,width:38,height:38,marginRight:2},children:"".concat(Object(z.b)(k)).concat(Object(z.b)(N))}),Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete contact"})]}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete contact\n ".concat("".concat(Object(z.b)(k)).concat(Object(z.j)(k,15,1),"\n ").concat(Object(z.b)(N)).concat(Object(z.j)(N,15,1)),"?")}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE CONTACT"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})},Wt=function(e){return e.contacts},_t=Object(Ce.a)([function(e){return e.contacts.contacts}],(function(e){return e})),Ft=n(44),Pt=function(){return function(){var e=Object(me.a)(he.a.mark((function e(t){var n;return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(Oe.g)();case 3:(n=e.sent)&&t(Object(Ft.b)(n)),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),t(Object(Ft.a)());case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(t){return e.apply(this,arguments)}}()},Yt=function(e){return function(){var t=Object(me.a)(he.a.mark((function t(n){return he.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,Object(Oe.a)(e);case 3:t.next=7;break;case 5:t.prev=5,t.t0=t.catch(0);case 7:case"end":return t.stop()}}),t,null,[[0,5]])})));return function(e){return t.apply(this,arguments)}}()},Ht=Object(d.a)({list:{width:"100%",maxHeight:"93vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}}}),Ut=function(e){var t=e.value,n=e.handleClick,a=e.sort,r=e.date,l=Ht(),s=Object(i.b)(),d=Object(i.c)(Wt),b=d.total,j=d.contacts,u=Object(i.c)(Se),p=function(e){n(),u&&s(Object(Ae.a)("")),s(Me(e))};Object(c.useEffect)((function(){s(Pt());var e=setInterval((function(){return"credentials"!==u&&s(Pt())}),3e3);return function(){return clearInterval(e)}}),[s,u]);var f=Object(z.e)("name",j,a).filter((function(e){var n=e.name+" "+e.lastName;return r?n.toLowerCase().includes(t.toLowerCase())&&Object(z.m)(r)===Object(z.m)(e.createdAt)?e:void 0:n.toLowerCase().includes(t.toLowerCase())}));return"0"!==b?Object(o.jsx)(N.a,{className:l.list,component:"nav","aria-label":"main mailbox folders",children:f.length>0?f.map((function(e){return Object(o.jsx)(Et,{contact:e,handleListItemClick:p,isOpen:u},e.number)})):Object(o.jsx)(_,{name:"Can not find Contact by request : ".concat(t)})}):Object(o.jsx)(_,{name:"You do not have Contact yet!"})},Vt=n(492),qt=n(486),Gt=Object(d.a)({toolBar:{color:"#b1aeae",height:"7vh"},iconArrow:{"&:hover":{transform:"rotate(360deg)",transition:"all 250ms ease-out "}}}),Zt=function(e){var t=e.handleClick,n=Gt();return Object(o.jsx)(Be.a,{className:n.toolBar,children:Object(o.jsx)(Le.a,{onClick:t,children:Object(o.jsx)(He.a,{className:n.iconArrow})})})},Jt=Object(d.a)({container:{display:"flex",alignItems:"center",alignContent:"center",flexDirection:"column",width:350,margin:"0 auto",paddingBottom:24},title:{marginBottom:20,textAlign:"center"},buttonNext:{marginTop:20,height:50,color:"#f8f8f8",backgroundColor:"#1d74c5"},textField:{marginBottom:20}}),Kt=function(e){var t=e.setSelectedIndex,n=e.handleClick,a=Jt(),l=Object(i.b)(),s=Object(c.useState)(""),d=Object(r.a)(s,2),b=d[0],j=d[1],u=function(){var e=Object(me.a)(he.a.mark((function e(){return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:l(Yt(b)),j(""),t(1);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),p=function(){return!(b.length<13||b.length>13)&&(b.slice(0,1),!0)};return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(Zt,{handleClick:n}),Object(o.jsxs)("div",{onKeyDown:function(e){"Enter"===e.code&&p()&&u()},className:a.container,children:[Object(o.jsx)(I.a,{className:a.title,variant:"h5",color:"initial",children:"Add new contact"}),Object(o.jsx)(Vt.a,{id:"number",name:"NUMBER",label:"Write down a number,+ is requirement",value:b,fullWidth:!0,variant:"outlined",onChange:function(e){var t=e.target.value.split(" ").join("").trim();j(t)},className:a.textField,required:!0}),p()&&Object(o.jsx)(qt.a,{onClick:u,className:a.buttonNext,color:"primary",variant:"contained",fullWidth:!0,children:" ADD"})]})]})},Xt=n(286),$t=n.n(Xt),Qt=n(372),en=n.n(Qt),tn=n(285),nn=n.n(tn),on=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(5),minWidth:180,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(4)}}}}})),an=function(){var e=Object(i.b)(),t=Object(c.useState)(null),n=Object(r.a)(t,2),a=n[0],l=n[1],s=Boolean(a),d=function(t){"logout"===t&&e(Object(Ge.d)()),l(null)};return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(Le.a,{onClick:function(e){return l(e.currentTarget)},"aria-label":"delete",style:{marginLeft:5},size:"medium",children:Object(o.jsx)(nn.a,{fontSize:"medium"})}),Object(o.jsx)(on,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:a,open:s,onClose:d,children:Object(o.jsxs)(p.a,{style:{fontWeight:500},onClick:function(){return d("logout")},children:[Object(o.jsx)(en.a,{}),"Log Out"]})})]})},rn=Object(d.a)({container:{width:"100%",height:"7vh",padding:10,display:"flex",alignContent:"center",alignItems:"center",backgroundColor:"#ffffff"},iconArrow:{"&:hover":{transform:"rotate(360deg)",transition:"all 250ms ease-out "}}}),cn=function(e){var t=e.setSelectedIndex,n=e.handleClick,a=rn();return Object(o.jsxs)(S.a,{className:a.container,direction:"row",spacing:21,children:[Object(o.jsx)(Le.a,{onClick:n,"aria-label":"delete",size:"medium",children:Object(o.jsx)(He.a,{className:a.iconArrow,fontSize:"medium"})}),Object(o.jsx)(I.a,{style:{marginLeft:20,color:"#474747"},variant:"h6",color:"initial",children:"Settings"}),Object(o.jsx)(Le.a,{onClick:function(){return t(4)},style:{marginLeft:"auto"},"aria-label":"delete",size:"medium",children:Object(o.jsx)($t.a,{fontSize:"medium"})}),Object(o.jsx)(an,{})]})},ln=n(24),sn=n(287),dn=Object(d.a)({modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"},titleWrapper:{display:"flex",justifyContent:"flex-start",alignContent:"center",alignItems:"center"}}),bn=function(e){var t=e.setModal,n=e.index,a=e.setIndex,r=dn(),c=Object(i.b)();return Object(o.jsx)("div",{onClick:function(e){var o=e.target.id;if("overlay"===o||"cancel"===o)return t(!1);"delete"===o&&(Object(Oe.p)(n),a(n-1),t(!1),c(Object(Ge.b)()))},className:r.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:r.modalDelete,children:[Object(o.jsx)("div",{className:r.titleWrapper,children:Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete image"})}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete the Image?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE IMAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})},jn=Object(d.a)({container:{width:"100%",backgroundColor:"#ffffff",position:"relative"},nameTile:{position:"absolute",color:"#ffffff",backgroundColor:"rgb(0,0,0)",borderRadius:10,padding:8,fontSize:18,zIndex:10,top:"7%",left:"50%",marginLeft:"-45%",opacity:.7,transition:"opacity .35s ease-in-out"},timeTile:{position:"absolute",color:"#ffffff",backgroundColor:"rgb(0,0,0)",borderRadius:10,padding:4,fontSize:15,top:"1%",left:"50%",marginLeft:"-45%",opacity:.7,transition:"opacity .35s ease-in-out"},iconDeleteWrapper:{position:"absolute",top:"1%",right:"9%"},iconDelete:{"&:hover":{opacity:1,color:"#fa0000",animation:"$shake 0.5s"}},"@keyframes shake":{"0%":{transform:"translate(0.5px, 0.5px) rotate(0deg)"},"10%":{transform:"translate(-0.5px, -1px) rotate(-1deg)"},"20%":{transform:"translate(-1.5px, 0px) rotate(1deg)"},"30%":{transform:"translate(1.5px, 1px) rotate(0deg)"},"40%":{transform:"translate(0.5px, -0.5px) rotate(1deg)"},"50%":{transform:"translate(-0.5px, 1px) rotate(-1deg)"},"60%":{transform:"translate(-1.5px, 0.5px) rotate(0deg)"},"70%":{transform:"translate(1.5px, 0.5px) rotate(-1deg)"},"80%":{transform:"translate(-0.5px, -0.5px) rotate(1deg)"},"90%":{transform:"translate(0.5px, 1px) rotate(0deg)"},"100%":{transform:"translate(0.5px, -1px) rotate(-1deg)"}}}),un=function(){var e=jn(),t=Object(i.c)(ln.b),n=t.name,a=t.lastName,l=t.avatarsArr,s=t.online,d=Object(c.useState)(!1),b=Object(r.a)(d,2),u=b[0],p=b[1],f=Object(c.useState)(0),x=Object(r.a)(f,2),h=x[0],m=x[1];return Object(o.jsxs)("div",{className:e.container,children:[u&&Object(o.jsx)(bn,{setModal:p,index:h,setIndex:m}),Object(o.jsx)(sn.Carousel,{onChange:function(e){return m(e)},selectedItem:h,children:l.map((function(e){var t=e.avatarUrl,n=e.updatedAt;return Object(o.jsxs)("div",{children:[Object(o.jsx)("img",{alt:"pic",src:"".concat(z.i,"/").concat(t)}),Object(o.jsx)("p",{className:"legend",children:Object(z.l)(n)})]},t)}))}),Object(o.jsx)("span",{className:e.nameTile,children:"".concat(Object(z.b)(n)).concat(Object(z.j)(n,15,1),"\n ").concat(Object(z.b)(a)).concat(Object(z.j)(a,15,1))}),Object(o.jsx)("span",{className:e.timeTile,children:"true"===s?"online":"last seen ".concat(Object(z.l)(s))}),l.length>1&&Object(o.jsx)("div",{className:e.iconDeleteWrapper,children:Object(o.jsx)(j.a,{className:e.iconDelete,onClick:function(){return p(!0)},sx:{width:36,height:36,backgroundColor:"rgb(0,0,0)",color:"#ffffff",opacity:.5,cursor:"pointer"},children:Object(o.jsx)(lt.a,{fontSize:"medium"})})})]})},pn=n(293),fn=n.n(pn),xn=Object(d.a)({container:{width:"100%",backgroundColor:"#ffffff"}}),hn=function(){var e=xn(),t=Object(i.c)(ln.a);return Object(o.jsx)(yt.a,{className:e.container,children:Object(o.jsx)(wt.a,{children:Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Number")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(T.a,{style:{marginRight:15},children:Object(o.jsx)(fn.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{primary:t,secondary:"Phone"})]})})})})},mn=function(e){var t=e.setSelectedIndex,n=e.handleClick;return Object(o.jsxs)("div",{style:{backgroundColor:"#f3f2f2",height:"100%",width:"100%"},children:[Object(o.jsx)(cn,{setSelectedIndex:t,handleClick:n}),Object(o.jsx)(un,{}),Object(o.jsx)(hn,{})]})},gn=Object(d.a)({container:{paddingLeft:10,height:"7vh",width:"100%",display:"flex",alignContent:"center",alignItems:"center",backgroundColor:"#ffffff"},iconArrow:{"&:hover":{transform:"rotate(360deg)",transition:"all 250ms ease-out "}}}),On=function(e){var t=e.setSelectedIndex,n=gn();return Object(o.jsxs)(S.a,{className:n.container,direction:"row",spacing:21,children:[Object(o.jsx)(Le.a,{onClick:function(){return t(2)},"aria-label":"delete",size:"medium",children:Object(o.jsx)(He.a,{className:n.iconArrow,fontSize:"medium"})}),Object(o.jsx)(I.a,{style:{marginLeft:20,color:"#474747"},variant:"h6",color:"initial",children:"Edit profile"})]})},vn=n(380),yn=n.n(vn),wn=n(251),Cn=Object(d.a)({container:{display:"flex",alignItems:"center",alignContent:"center",flexDirection:"column",width:"100%",padding:20,paddingTop:0,position:"relative",backgroundColor:"#ffffff"},imgWrapper:{cursor:"pointer",marginBottom:30,position:"relative"},imgDropZoneOverlay:{position:"absolute",width:120,height:120,borderRadius:"50%",backgroundColor:"#6868687d",left:0,zIndex:1,display:"flex",justifyContent:"center",alignContent:"center",alignItems:"center"},addPhoto:{color:"#ffffff",transform:"scale(1.1)","&:hover":{transform:"scale(1.3)"}},avatarArrow:{cursor:"pointer",alignSelf:"flex-end","&:hover":{backgroundColor:"rgb(62, 149, 231)"}}}),kn=function(e){var t=Cn(),n=e.user,a=e.name,r=e.setName,i=e.lastName,l=e.setLastName,d=e.openBtn,b=e.setOpenBtn,u=e.setFile,p=n.avatarUrl,f=n.color,x=Object(wn.a)({noDrag:!0,accept:"image/*"}),h=x.getRootProps,m=x.getInputProps,g=x.acceptedFiles,O=function(e){!d&&b(!0);var t=Object(z.c)(e.target.value);switch(e.target.name){case"name":r(t);break;case"lastName":l(t)}};return Object(c.useEffect)((function(){g.slice(-1)[0]&&(u(g.slice(-1)[0]),b(!0))}),[u,b,g]),Object(o.jsxs)("div",{className:t.container,children:[Object(o.jsxs)(H.a,{className:t.imgWrapper,children:[Object(o.jsxs)("div",Object(s.a)(Object(s.a)({},h({className:t.imgDropZoneOverlay})),{},{children:[Object(o.jsx)(yn.a,{className:t.addPhoto,fontSize:"large"}),Object(o.jsx)("input",Object(s.a)({},m()))]})),Object(o.jsx)(j.a,{alt:a,src:p?"".concat(z.i,"/").concat(p):void 0,sx:{background:f,width:120,height:120},children:"".concat(Object(z.b)(a)).concat(Object(z.b)(i))})]}),Object(o.jsx)(Vt.a,{id:"name",name:"name",label:"Name",value:a,fullWidth:!0,variant:"outlined",onChange:O,style:{marginBottom:20}}),Object(o.jsx)(Vt.a,{id:"lastName",name:"lastName",label:"LastName",value:i,fullWidth:!0,variant:"outlined",onChange:O})]})},Nn=n(294),Sn=n.n(Nn),In=Object(d.a)({container:{position:"absolute",content:"",top:"92vh",right:20},avatarArrow:{cursor:"pointer","&:hover":{backgroundColor:"rgb(62, 149, 231)"}}}),zn=function(e){var t=e.handleSubmit,n=In();return Object(o.jsx)("div",{className:n.container,children:Object(o.jsx)(j.a,{onClick:t,className:n.avatarArrow,sx:{width:56,height:56,backgroundColor:"rgb(41, 139, 231)",color:"#ffffff"},children:Object(o.jsx)(Sn.a,{fontSize:"medium"})})})},Mn=Object(d.a)({container:{width:"100%",height:"100%",backgroundColor:"#f3f2f2",position:"relative"}}),Rn=function(e){var t=e.setSelectedIndex,n=Mn(),a=Object(i.b)(),l=Object(i.c)(ln.b),s=Object(c.useState)(""),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(""),p=Object(r.a)(u,2),f=p[0],x=p[1],h=Object(c.useState)(!1),m=Object(r.a)(h,2),g=m[0],O=m[1],v=Object(c.useState)(null),y=Object(r.a)(v,2),w=y[0],C=y[1],k=l.name,N=l.lastName,S=function(){var e=Object(me.a)(he.a.mark((function e(){var t;return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(b===k&&f===N){e.next=3;break}return e.next=3,Object(Oe.B)({name:b,lastName:f,originalName:b,originalLastName:f});case 3:if(!w){e.next=8;break}return(t=new FormData).append("avatar",w),e.next=8,Object(Oe.D)(t);case 8:w&&C(null),g&&O(!1),a(Object(Ge.b)());case 11:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(c.useEffect)((function(){k&&j(k),N&&x(N)}),[k,N]),Object(o.jsxs)("div",{className:n.container,children:[g&&Object(o.jsx)(zn,{handleSubmit:S}),Object(o.jsx)(On,{setSelectedIndex:t}),Object(o.jsx)(kn,{user:l,name:b,setName:j,lastName:f,setLastName:x,openBtn:g,setOpenBtn:O,file:w,setFile:C})]})},An=function(){var e=Object(i.c)(ln.b),t=e.sort,n=e.nightMode,s=Object(c.useState)(!1),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(!1),p=Object(r.a)(u,2),f=p[0],x=p[1],h=Object(c.useState)(!1),m=Object(r.a)(h,2),g=m[0],O=m[1],v=Object(c.useState)(null),y=Object(r.a)(v,2),w=y[0],C=y[1],N=Object(c.useState)(""),S=Object(r.a)(N,2),I=S[0],z=S[1],M=Object(c.useState)(""),R=Object(r.a)(M,2),A=R[0],D=R[1],T=Object(c.useRef)(null),B=function(){if(I&&z(""),A&&D(""),w&&C(null),!b)return x(!f);j(!1)},L=function(e){j(!0),x(!1),O(!1),I&&z(""),A&&D(""),C(e)};return Object(c.useEffect)((function(){var e=function(e){"overlay"===e.target.id&&(x(!1),O(!1))};if(!T.current){var t=document.getElementById("modal-root");t&&(t.addEventListener("click",e),T.current=t)}return function(){T.current&&(T.current.removeEventListener("click",e),T.current=null)}}),[]),Object(o.jsxs)(a.a,{item:!0,lg:3,style:{position:"relative",backgroundColor:"#ffffff"},onMouseEnter:function(){g||O(!0)},onMouseLeave:function(){g&&O(!1)},children:[2!==w&&3!==w&&4!==w&&Object(o.jsx)(nt,{handleClick:B,handleFocus:function(){return j(!0)},sort:t,handleSearch:function(e){return z(e.target.value)},isSearch:b,value:I,setDate:D,date:A}),!w&&b&&Object(o.jsx)(Te,{value:I,setValue:z,sort:t,date:A,setDate:D}),!w&&!b&&Object(o.jsx)(vt,{sort:t,date:A,value:I}),!w&&g&&!b&&Object(o.jsx)(k,{handleSelectedMenu:L,setIsMenuSm:O}),f&&T.current&&Object(l.createPortal)(Object(o.jsx)(Tt,{handleSelectedMenu:L,nightMode:n}),T.current),1===w&&Object(o.jsx)(Ut,{handleClick:B,value:I,sort:t,date:A}),2===w&&Object(o.jsx)(mn,{setSelectedIndex:C,handleClick:B}),3===w&&Object(o.jsx)(Kt,{setSelectedIndex:C,handleClick:B}),4===w&&Object(o.jsx)(Rn,{setSelectedIndex:C})]})},Dn=n(519),Tn=function(){var e=Object(i.b)(),t=Object(i.c)(gt.a),n=t.name,a=t.lastName,r=t.avatarUrl,l=t.color,s=t.online,d=t.companionId,b=t.seen,u=t.total,p=t.mute,f=Object(c.useRef)(null);return Object(c.useEffect)((function(){var t=setInterval((function(){return d&&e(Re(d))}),3e3);return function(){return clearInterval(t)}}),[e,d]),Object(c.useEffect)((function(){f.current&&localStorage.setItem("isNew",JSON.stringify({new:u-b,mute:p})),f.current={seen:b,total:u}}),[b,u,p]),Object(o.jsxs)(A.a,{onClick:function(){return e(Object(Ae.a)("credentials"))},children:[Object(o.jsx)(T.a,{children:Object(o.jsx)(j.a,{alt:n,src:r?"".concat(z.i,"/").concat(r):void 0,sx:{background:l,width:44,height:44},children:!r&&"".concat(Object(z.b)(n)).concat(Object(z.b)(a))})}),Object(o.jsx)(D.a,{primary:"".concat(Object(z.b)(n)).concat(Object(z.j)(n,15,1),"\n ").concat(Object(z.b)(a)).concat(Object(z.j)(a,15,1)),secondaryTypographyProps:{color:"#0379af"},secondary:"true"===s?"online":"last seen ".concat(Object(z.l)(s))})]})},Bn=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(-2),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"14px 14px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(4)}}}}})),Ln=function(e){var t=e.setModal,n=Object(i.b)(),a=Object(c.useState)(null),l=Object(r.a)(a,2),s=l[0],d=l[1],b=Boolean(s),j=Object(i.c)(gt.a),u=j.companionId,f=j.mute,x=function(e){"mute"===e&&Object(Oe.k)(u),"deleteModal"===e&&t(!0),n(Object(Ae.a)("")),d(null)};return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(Le.a,{onClick:function(e){n(Object(Ae.a)("menu")),d(e.currentTarget)},"aria-label":"delete",size:"medium",children:Object(o.jsx)(nn.a,{fontSize:"medium"})}),Object(o.jsxs)(Bn,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:s,open:b,onClose:x,children:[Object(o.jsxs)(p.a,{onClick:function(){return x("mute")},children:[f?Object(o.jsx)(at.a,{}):Object(o.jsx)(ct.a,{}),f?"Unmute":"Mute"]}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return x("deleteModal")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete chat"]})]})]})},En=Object(d.a)({modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"},titleWrapper:{display:"flex",justifyContent:"flex-start",alignContent:"center",alignItems:"center"}}),Wn=function(e){var t=e.setModal,n=En(),a=Object(i.c)(gt.a),r=a.name,c=a.lastName,l=a.avatarUrl,s=a.color,d=a.companionId;return Object(o.jsx)("div",{onClick:function(e){var n=e.target.id;if("overlay"===n||"cancel"===n)return t(!1);"delete"===n&&(Object(Oe.m)(d),t(!1))},className:n.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:n.modalDelete,children:[Object(o.jsxs)("div",{className:n.titleWrapper,children:[Object(o.jsx)(j.a,{alt:r,src:l?"".concat(z.i,"/").concat(l):void 0,sx:{background:s,width:38,height:38,marginRight:2},children:"".concat(Object(z.b)(r)).concat(Object(z.b)(c))}),Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete chat"})]}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete the\n chat with ".concat("".concat(Object(z.b)(r)).concat(Object(z.j)(r,15,1)," \n ").concat(Object(z.b)(c)).concat(Object(z.j)(c,15,1)),"?")}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE CHAT"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})},_n=Object(d.a)({container:{marginLeft:20}}),Fn=function(){var e=_n(),t=Object(i.b)(),n=Object(c.useState)(!1),a=Object(r.a)(n,2),l=a[0],s=a[1];return Object(o.jsxs)(S.a,{className:e.container,direction:"row",children:[Object(o.jsx)(Le.a,{onClick:function(){return t(Object(Ae.a)("search"))},"aria-label":"delete",size:"medium",children:Object(o.jsx)(Fe.a,{fontSize:"medium"})}),Object(o.jsx)(Ln,{setModal:s}),l&&Object(o.jsx)(Wn,{setModal:s})]})},Pn=Object(d.a)({toolBar:{color:"#6e6d6d",display:"flex",justifyContent:"space-between",backgroundColor:"#ffffff",height:"7vh"}}),Yn=function(){var e=Pn();return Object(o.jsx)(Dn.a,{position:"static",children:Object(o.jsxs)(Be.a,{className:e.toolBar,children:[Object(o.jsx)(Tn,{}),Object(o.jsx)(Fn,{})]})})},Hn=n(381),Un=n.n(Hn),Vn=Object(d.a)({avatarArrowWrapper:{position:"absolute",right:20,top:"70vh",width:56},avatarArrow:{cursor:"pointer","&:hover":{backgroundColor:"rgb(41, 139, 231)",color:"#ffffff"}},listSeenIcon:{position:"absolute",top:-8,left:16,borderRadius:"50%",color:"#ffffff",border:"none",height:24,width:24,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",alignContent:"center",fontSize:12,zIndex:10,cursor:"pointer"}}),qn=function(e){var t=e.isArrow,n=e.handleScrollTo,a=e.isNew,r=Vn();return Object(o.jsxs)("div",{className:r.avatarArrowWrapper,style:{display:t?"block":"none"},children:[Object(o.jsx)("button",{onClick:n,style:{display:a.new?"block":"none",background:a.mute?"#a7aaa7":"#0ac40a"},className:r.listSeenIcon,children:a.new}),Object(o.jsx)(j.a,{onClick:n,className:r.avatarArrow,sx:{backgroundColor:"#ffffff",width:56,height:56,color:"#6b6b6b"},children:Object(o.jsx)(Un.a,{fontSize:"medium"})})]})},Gn=n(386),Zn=n.n(Gn),Jn=n(387),Kn=n.n(Jn),Xn=n(385),$n=n.n(Xn),Qn=n(389),eo=n.n(Qn),to=n(388),no=n.n(to),oo=n(382),ao=n.n(oo),ro=n(383),co=n(243),io=n.n(co),lo=Object(d.a)({container:{width:"100%",position:"relative"},dropZone:{width:"100%",display:"flex",position:"relative",height:20,zIndex:10}}),so=function(e){var t=e.children,n=e.setFile,a=e.setValue,r=e.accept,i=lo(),l=Object(wn.a)({noDrag:!0,accept:r}),d=l.getRootProps,b=l.getInputProps,j=l.acceptedFiles;return Object(c.useEffect)((function(){j.slice(-1)[0]&&(a(""),n(j.slice(-1)[0]))}),[n,a,j]),Object(o.jsxs)("div",{className:i.container,children:[t,Object(o.jsx)("div",Object(s.a)(Object(s.a)({},d({className:i.dropZone})),{},{children:Object(o.jsx)("input",Object(s.a)({placeholder:"Photo or Video"},b()))}))]})},bo=Object(d.a)({list:{background:"#fdfdfd"},listIcon:{position:"absolute",left:0},listText:{position:"absolute",left:40}}),jo=function(e){var t=e.setIsOpenMenu,n=e.setFile,a=e.setValue,r=e.setType,c=bo(),i=function(e){r(e),t(!1)};return Object(o.jsxs)(wt.a,{className:c.list,children:[Object(o.jsx)(p.a,{onClick:function(){return i("content")},children:Object(o.jsxs)(so,{setFile:n,setValue:a,accept:"image/*,video/*,audio/*",children:[Object(o.jsx)(T.a,{className:c.listIcon,children:Object(o.jsx)(io.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{className:c.listText,children:"Upload Image/Audio/Video"})]})}),Object(o.jsx)(p.a,{onClick:function(){return i("application")},children:Object(o.jsxs)(so,{setFile:n,setValue:a,accept:"application/pdf,\r application/vnd.openxmlformats-officedocument.wordprocessingml.document",children:[Object(o.jsx)(T.a,{className:c.listIcon,children:Object(o.jsx)(io.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{className:c.listText,children:"Upload File"})]})})]})},uo=Object(d.a)({container:{width:"35vw",height:"6vh",position:"fixed",bottom:"2vh",borderRadius:8,padding:10,display:"flex",flexWrap:"nowrap",alignContent:"start",alignItems:"start",color:"#6b6b6b",backgroundColor:"#ffffff"},textarea:{width:"100%",height:"100%",outline:"none",border:"none",padding:"0px 10px",marginLeft:8,marginRight:8,overflowY:"auto",resize:"none","&::placeholder":{color:"rgb(82, 82, 82)",fontWeight:600}},attachIcon:{transform:"rotate(30deg)"},borderTop:{position:"absolute",left:0,top:"-2vh",width:"100%",height:1,background:"#ffffff"},filesMenu:{background:"#fdfdfd",position:"absolute",width:"15vw",maxWidth:"100%",left:"61%",bottom:"10vh",zIndex:10,visibility:"visible",borderRadius:10,padding:"4px 6px"},emoji:{position:"absolute",bottom:"10vh",zIndex:10,visibility:"visible"},iconCancel:{position:"absolute",left:-72,bottom:-1,display:"flex",backgroundColor:"#ffffff",color:"rgb(243, 69, 69)",border:"solid 4px rgb(243, 69, 69)",borderRadius:"50%","&:hover":{backgroundColor:"rgb(243, 69, 69)",color:"#ffffff"}},avatarCamera:{position:"absolute",left:-72,bottom:-1,display:"flex",borderRadius:"50%",zIndex:10,border:"solid 14px #ffffff","&:hover":{backgroundColor:"rgb(41, 139, 231)",border:"solid 14px rgb(41, 139, 231)",color:"#ffffff"}},avatarRight:{position:"absolute",right:-72,bottom:-1,display:"flex",borderRadius:"50%",zIndex:10,border:"solid 14px #ffffff","&:hover":{backgroundColor:"rgb(41, 139, 231)",border:"solid 14px rgb(41, 139, 231)",color:"#ffffff"}},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100}}),po=function(e){var t=e.isArrow,n=e.handleScrollTo,a=uo(),l=Object(i.c)(gt.a).companionId,s=Object(i.c)(Se),d=Object(c.useState)(""),b=Object(r.a)(d,2),j=b[0],u=b[1],p=Object(c.useState)(!1),f=Object(r.a)(p,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),v=g[0],y=g[1],w=Object(c.useState)(!1),C=Object(r.a)(w,2),k=C[0],N=C[1],S=Object(c.useState)(!1),I=Object(r.a)(S,2),M=I[0],R=I[1],A=Object(c.useState)(!1),D=Object(r.a)(A,2),T=D[0],B=D[1],L=Object(c.useState)(""),E=Object(r.a)(L,2),W=E[0],_=E[1],F=Object(ro.useReactMediaRecorder)({audio:!0}),P=F.status,Y=F.startRecording,H=F.stopRecording,U=F.mediaBlobUrl,V=F.clearBlobUrl,q=Object(ro.useReactMediaRecorder)({video:!0}),G=q.status,Z=q.startRecording,J=q.stopRecording,K=q.mediaBlobUrl,X=q.clearBlobUrl,$=function(){x&&h(!1),M&&R(!1),T&&B(!1),j&&u(""),W&&_(""),U&&V(),K&&X(),v&&y(!1),k&&N(!1)},Q=function(){var e=Object(me.a)(he.a.mark((function e(){var t,o,a,r,c,i;return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(j&&Object(Oe.u)(l,j),U&&"recording"===W&&((t=new XMLHttpRequest).open("GET",U,!0),t.responseType="blob",t.onload=function(){if(200===t.status){var e=t.response,n=new File([e],"audio.mp3",{type:"audio/mpeg"}),o=new FormData;o.append("audio",n),Object(Oe.r)(l,o),V()}},t.send()),K&&"filming"===W&&((o=new XMLHttpRequest).open("GET",K,!0),o.responseType="blob",o.onload=function(){if(200===o.status){var e=o.response,t=new File([e],"video.mp4",{type:"video/mp4"}),n=new FormData;n.append("video",t),Object(Oe.v)(l,n),X()}},o.send()),!x||!W){e.next=12;break}if(!x.type.includes("image")||"content"!==W){e.next=9;break}return(a=new FormData).append("image",x),e.next=9,Object(Oe.t)(l,a);case 9:x.type.includes("audio")&&"content"===W&&((r=new FormData).append("audio",x),Object(Oe.r)(l,r)),x.type.includes("video")&&"content"===W&&((c=new FormData).append("video",x),Object(Oe.v)(l,c)),x.type.includes("application")&&"application"===W&&((i=new FormData).append("file",x),Object(Oe.s)(l,i));case 12:$(),Object(z.g)("".concat(z.i,"/notifications/send.mp3")),setTimeout(n,4e3);case 15:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),ee=function(){var e=Object(me.a)(he.a.mark((function e(){return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(Oe.z)(l,!0);case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),te=function(){var e=Object(me.a)(he.a.mark((function e(){return he.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(Oe.z)(l,!1);case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(o.jsxs)("div",{className:a.container,children:[t&&Object(o.jsx)("div",{className:a.borderTop}),Object(o.jsx)(O.a,{onClick:$,fontSize:"small",className:a.iconCancel,sx:{width:56,height:56,display:x||j||"stopped"===P||"stopped"===G?"inline-block":"none"}}),Object(o.jsx)($n.a,{onClick:function(){if(T)return J();Z(),_("filming"),B(!0)},className:a.avatarCamera,sx:{backgroundColor:"#ffffff",color:"#7c7c7c",width:56,height:56},style:{display:"idle"!==P||"stopped"===G||x||j?"none":"block",animation:T?"ripple 1.2s infinite ease-in-out":"none"}}),Object(o.jsx)(Zn.a,{onClick:Q,className:a.avatarRight,sx:{backgroundColor:"#ffffff",color:"rgb(41, 139, 231)",width:56,height:56},style:{display:j||x||"stopped"===P||"stopped"===G?"block":"none"}}),Object(o.jsx)(Kn.a,{onClick:function(){if(M)return H();Y(),_("recording"),R(!0)},className:a.avatarRight,sx:{backgroundColor:M?"rgb(41, 139, 231)":"#ffffff",color:M?"#ffffff":"#6b6b6b",width:56,height:56},style:{display:j||x||"stopped"===P||"idle"!==G?"none":"block",animation:M?"ripple 1.2s infinite ease-in-out":"none"}}),Object(o.jsx)(no.a,{onClick:function(){return!k&&N(!0)},fontSize:"medium",sx:{color:k?"rgb(41, 139, 231)":"#6b6b6b",cursor:"pointer",pointerEvents:x||"idle"!==P||"idle"!==G?"none":"auto","&:hover":{color:"rgb(41, 139, 231)"}}}),Object(o.jsx)("div",{onClick:function(e){return"overlay"===e.target.id&&k&&N(!1)},className:a.overlay,id:"overlay",style:{display:k?"block":"none"},children:Object(o.jsx)("div",{className:a.emoji,style:{left:s&&"menu"!==s?"32.5vw":"45vw"},children:Object(o.jsx)(ao.a,{onEmojiClick:function(e,t){u((function(e){return e+t.emoji})),N(!1)}})})}),Object(o.jsx)("textarea",{disabled:!(!x&&"idle"===P&&"idle"===G),value:j,onBlur:te,onFocus:ee,onChange:function(e){return u(e.target.value)},className:a.textarea,placeholder:x?"The File is ready to send":"idle"===P&&"idle"===G?"Message ":"".concat("stopped"===P||"stopped"===G?"Recorded":"Recording in progress"),rows:1}),Object(o.jsx)(eo.a,{onClick:function(){return!v&&y(!0)},className:a.attachIcon,fontSize:"medium",sx:{color:v?"rgb(41, 139, 231)":"#6b6b6b",cursor:"pointer",pointerEvents:j||"idle"!==P||"idle"!==G?"none":"auto","&:hover":{color:"rgb(41, 139, 231)"}}}),Object(o.jsx)("div",{onClick:function(e){return"overlay"===e.target.id&&v&&y(!1)},className:a.overlay,id:"overlay",style:{display:v?"block":"none"},children:Object(o.jsx)("div",{className:a.filesMenu,style:{left:s&&"menu"!==s?"52.5vw":"65vw"},children:Object(o.jsx)(jo,{setFile:h,setValue:u,setIsOpenMenu:y,setType:_})})})]})},fo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),xo=Object(d.a)({container:{display:"flex",justifyContent:"flex-start",marginBottom:15},wrapper:{position:"relative",display:"flex",alignItems:"center",alignContent:"center",maxWidth:450,padding:"10px",paddingBottom:18,backgroundColor:"#ffffff",border:"1px solid #f0f0f0",borderRadius:7},message:{wordBreak:"break-word",textAlign:"left",font:"400 .9em 'Open Sans', sans-serif","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ffffff",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ffffff",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"-1px",left:"-17px"}},messageActive:{wordBreak:"break-word",textAlign:"left",font:"400 .9em 'Open Sans', sans-serif","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #babdbc",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #babdbc",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"-1px",left:"-17px"}},copyIcon:{color:"#b56ff7",cursor:"pointer",marginRight:7,"&:hover":{color:"#9c3bf8"}},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:6,right:6,color:"#414141",padding:3,borderRadius:5},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),ho=function(e){var t=e.message,n=e.name,a=e.lastName,i=e.createdAt,l=e._id,s=xo(),d=Object(c.useState)(null),b=Object(r.a)(d,2),j=b[0],u=b[1],f=Object(c.useState)(!1),x=Object(r.a)(f,2),h=x[0],m=x[1],g=Object(c.useState)(!1),O=Object(r.a)(g,2),v=O[0],y=O[1],w=Boolean(j),C=function(e){"copy"===e&&Object(z.a)("Message"),"delete"===e&&y(!0),u(null),m(!1)};return Object(o.jsx)("div",{className:s.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),u(e.currentTarget),m(!0)}(e)},className:s.wrapper,style:{backgroundColor:h?"#babdbc":void 0,border:h?"#babdbc":void 0},children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Message")},text:t,children:Object(o.jsx)(ae.a,{className:s.copyIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{className:h?s.messageActive:s.message,primary:"".concat(Object(z.b)(n)).concat(Object(z.j)(n,15,1)," \n ").concat(Object(z.b)(a)).concat(Object(z.j)(a,15,1)),primaryTypographyProps:{color:"#0379af"},secondary:t,secondaryTypographyProps:{color:"#0e0d0d"}}),Object(o.jsx)("div",{className:s.time,children:Object(z.n)(i)}),Object(o.jsxs)(fo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:j,open:w,onClose:C,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return C("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy message"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return C("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),v&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return y(!1);"delete"===t&&(Object(Oe.o)(l),y(!1))},className:s.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:s.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},mo=n(488),go=n(295),Oo=n.n(go),vo=n(181),yo=n.n(vo),wo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Co=Object(d.a)({container:{display:"flex",justifyContent:"flex-start",marginBottom:15},wrapper:{width:400,position:"relative",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"space-between",borderRadius:7,padding:"12px 5px 12px 5px",backgroundColor:"#ffffff","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ffffff",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ffffff",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},wrapperActive:{width:400,position:"relative",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"space-between",borderRadius:7,padding:"12px 5px 12px 5px",backgroundColor:"#babdbc","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #babdbc",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #babdbc",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},image:{borderRadius:7,width:300,maxHeight:400,cursor:"pointer"},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden",boxSizing:"border-box",display:"flex",justifyContent:"center",alignContent:"center",alignItems:"center"},wrapperOverlayImg:{width:"30%",maxHeight:"80%",position:"relative",display:"flex"},overlayDownloadIcon:{position:"absolute",content:"",right:0,top:-40,cursor:"pointer",color:"#e9e7e7",padding:0,borderRadius:"50%","&:hover":{backgroundColor:"#ffffff",color:"#b8b7b7"}},overlayTime:{position:"absolute",content:"",color:"#ffffff",top:-30,left:0,borderRadius:10,padding:"2px 6px 2px 6px",backgroundColor:"#707070"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlayDelete:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),ko=function(e){var t=e.url,n=e.createdAt,a=e.color,i=(e.message,e.messages,e.fullType),l=e._id,s=Co(),d=Object(c.useState)(!1),b=Object(r.a)(d,2),j=b[0],u=b[1],f=Object(c.useState)(null),x=Object(r.a)(f,2),h=x[0],m=x[1],g=Object(c.useState)(!1),O=Object(r.a)(g,2),v=O[0],y=O[1],w=Object(c.useState)(!1),C=Object(r.a)(w,2),k=C[0],N=C[1],S=Boolean(h),I=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&N(!0),m(null),y(!1)};return j?Object(o.jsx)("div",{onClick:function(e){return"overlay"===e.target.id&&j&&u(!1)},id:"overlay",className:s.overlay,children:Object(o.jsxs)("div",{className:s.wrapperOverlayImg,children:[Object(o.jsx)("span",{className:s.overlayTime,children:Object(z.l)(n)}),Object(o.jsx)($.a,{className:s.overlayDownloadIcon,fontSize:"large",onClick:function(){return Object(z.d)(t,i)}}),Object(o.jsx)("img",{width:"100%",height:"auto",alt:"imageItem",src:t})]})}):Object(o.jsx)("div",{className:s.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),m(e.currentTarget),y(!0)}(e)},className:v?s.wrapperActive:s.wrapper,children:[Object(o.jsx)(Oo.a,{fontSize:"large",style:{color:"#bd9a00"}}),Object(o.jsx)("img",{onClick:function(){return!j&&u(!0)},className:s.image,alt:"message pic",src:t,style:{backgroundColor:t?"":a},width:"300",height:"400"}),Object(o.jsx)(mo.a,{onClick:function(){return Object(z.d)(t,i)},className:s.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})}),Object(o.jsx)("div",{className:s.time,children:Object(z.n)(n)}),Object(o.jsxs)(wo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:h,open:S,onClose:I,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return I("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy Image link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return I("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),k&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return N(!1);"delete"===t&&(Object(Oe.o)(l),N(!1))},className:s.overlayDelete,id:"overlay",children:Object(o.jsxs)("div",{className:s.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},No=n(297),So=n.n(No),Io=n(296),zo=n.n(Io),Mo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Ro=Object(d.a)({container:{display:"flex",justifyContent:"flex-start",marginBottom:15},wrapper:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",padding:"12px 5px 12px 5px",backgroundColor:"#ffffff",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ffffff",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ffffff",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},wrapperActive:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",padding:"12px 5px 12px 5px",backgroundColor:"#babdbc",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #babdbc",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #babdbc",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},player:{margin:"0 5px 0 5px",borderRadius:7},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),Ao=function(e){var t=e.url,n=e.createdAt,a=e.fullType,i=e._id,l=Ro(),s=Object(c.useState)(null),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(!1),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Boolean(b),w=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&v(!0),j(null),h(!1)};return Object(o.jsx)("div",{className:l.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),j(e.currentTarget),h(!0)}(e)},className:x?l.wrapperActive:l.wrapper,children:[Object(o.jsx)(So.a,{fontSize:"large",style:{color:"#0294c0"}}),Object(o.jsx)(zo.a,{className:l.player,src:t,controls:!0}),Object(o.jsx)(mo.a,{onClick:function(){return Object(z.d)(t,a)},className:l.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})}),Object(o.jsx)("div",{className:l.time,children:Object(z.n)(n)}),Object(o.jsxs)(Mo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:b,open:y,onClose:w,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return w("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy Audio link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return w("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),O&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return v(!1);"delete"===t&&(Object(Oe.o)(i),v(!1))},className:l.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},Do=n(327),To=n.n(Do),Bo=n(298).Player,Lo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Eo=Object(d.a)({container:{display:"flex",justifyContent:"flex-start",marginBottom:15},wrapper:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:400,padding:"12px 5px 12px 5px",backgroundColor:"#ffffff",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ffffff",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ffffff",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},wrapperActive:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:400,padding:"12px 5px 12px 5px",backgroundColor:"#babdbc",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #babdbc",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #babdbc",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,marginLeft:5,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},player:{backgroundColor:"#ffffff"},playerActive:{backgroundColor:"#babdbc"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),Wo=function(e){var t=e.url,n=e.createdAt,a=e.fullType,i=e._id,l=Eo(),s=Object(c.useState)(null),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(!1),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Boolean(b),w=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&v(!0),j(null),h(!1)};return Object(o.jsx)("div",{className:l.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),j(e.currentTarget),h(!0)}(e)},className:x?l.wrapperActive:l.wrapper,children:[Object(o.jsx)(To.a,{fontSize:"large",style:{color:"#03b003"}}),Object(o.jsx)(Bo,{className:x?l.playerActive:l.player,playsInline:!0,src:t}),Object(o.jsx)(mo.a,{onClick:function(){return Object(z.d)(t,a)},className:l.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})}),Object(o.jsx)("div",{className:l.time,children:Object(z.n)(n)}),Object(o.jsxs)(Lo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:b,open:y,onClose:w,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return w("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy Video link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return w("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),O&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return v(!1);"delete"===t&&(Object(Oe.o)(i),v(!1))},className:l.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},_o=n(328),Fo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Po=Object(d.a)({container:{display:"flex",justifyContent:"flex-start",marginBottom:15},wrapper:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:200,padding:"5px 5px 12px 5px",backgroundColor:"#ffffff",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ffffff",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ffffff",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},wrapperActive:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:200,padding:"5px 5px 12px 5px",backgroundColor:"#babdbc",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #babdbc",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0px",left:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #babdbc",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",left:"-17px"}},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},title:{margin:"0 30px 0 5px",color:"#0e0d0d",cursor:"pointer","&:hover":{color:"#54b0fc"}},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},overlay:{position:"sticky",top:0,left:0,width:"100%",minHeight:"100%",backgroundColor:"rgba(104, 105, 104, 0.6)",border:"solid 1px rgba(179, 179, 179, 0.6)",overflow:"hidden",cursor:"pointer"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlayDelete:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),Yo=function(e){var t=e.url,n=e.createdAt,a=e.type,i=e._id,l=Po(),s=Object(c.useState)(!1),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(null),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Object(c.useState)(!1),w=Object(r.a)(y,2),C=w[0],k=w[1],N=Boolean(x),S=function(){return b&&j(!1)},I=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&k(!0),h(null),v(!1)};return Object(o.jsxs)("div",{className:l.container,children:[b&&Object(o.jsx)("div",{className:l.overlay,id:"overlay",onClick:S,children:Object(o.jsx)(_o,{allowFullScreen:!0,fileType:a,filePath:t,onError:S})}),Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),h(e.currentTarget),v(!0)}(e)},className:O?l.wrapperActive:l.wrapper,children:[Object(o.jsx)(io.a,{fontSize:"large",style:{color:"#99b401"}}),!b&&Object(o.jsx)("span",{className:l.title,onClick:function(){return!b&&j(!0)},children:"Read File"}),Object(o.jsx)("a",{href:t,target:"_blank",rel:"noreferrer",download:!0,children:Object(o.jsx)(mo.a,{className:l.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})})}),Object(o.jsx)("div",{className:l.time,children:Object(z.n)(n)}),Object(o.jsxs)(Fo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:x,open:N,onClose:I,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return I("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy File link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return I("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),C&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return k(!1);"delete"===t&&(Object(Oe.o)(i),k(!1))},className:l.overlayDelete,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})]})},Ho=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Uo=Object(d.a)({container:{display:"flex",justifyContent:"flex-end",marginBottom:15},wrapper:{position:"relative",display:"flex",alignItems:"center",alignContent:"center",maxWidth:450,padding:"10px",paddingBottom:18,backgroundColor:"#deffa9",border:"1px solid #d5ff91",borderRadius:7},message:{wordBreak:"break-word",textAlign:"left",font:"400 .9em 'Open Sans', sans-serif","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #deffa9",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #deffa9",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"-1px",right:"-17px"}},messageActive:{wordBreak:"break-word",textAlign:"left",font:"400 .9em 'Open Sans', sans-serif","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ced8d7",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ced8d7",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"-1px",right:"-17px"}},copyIcon:{color:"#b56ff7",cursor:"pointer",marginRight:7,"&:hover":{color:"#9c3bf8"}},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:6,right:6,color:"#414141",padding:3,borderRadius:5},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),Vo=function(e){var t=e.message,n=e.name,a=e.lastName,i=e.createdAt,l=e._id,s=Uo(),d=Object(c.useState)(null),b=Object(r.a)(d,2),j=b[0],u=b[1],f=Object(c.useState)(!1),x=Object(r.a)(f,2),h=x[0],m=x[1],g=Object(c.useState)(!1),O=Object(r.a)(g,2),v=O[0],y=O[1],w=Boolean(j),C=function(e){"copy"===e&&Object(z.a)("Message"),"delete"===e&&y(!0),u(null),m(!1)};return Object(o.jsx)("div",{className:s.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),u(e.currentTarget),m(!0)}(e)},className:s.wrapper,style:{backgroundColor:h?"#ced8d7":void 0,border:h?"#ced8d7":void 0},children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Message")},text:t,children:Object(o.jsx)(ae.a,{className:s.copyIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{className:h?s.messageActive:s.message,primary:"".concat(Object(z.b)(n)).concat(Object(z.j)(n,15,1)," \n ").concat(Object(z.b)(a)).concat(Object(z.j)(a,15,1)),primaryTypographyProps:{color:"#42aee0"},secondary:t,secondaryTypographyProps:{color:"#0e0d0d"}}),Object(o.jsx)("div",{className:s.time,children:Object(z.n)(i)}),Object(o.jsxs)(Ho,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:j,open:w,onClose:C,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return C("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy message"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return C("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),v&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return y(!1);"delete"===t&&(Object(Oe.o)(l),y(!1))},className:s.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:s.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},qo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Go=Object(d.a)({container:{display:"flex",justifyContent:"flex-end",marginBottom:15},wrapper:{width:400,position:"relative",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"space-between",borderRadius:7,padding:"12px 5px 12px 5px",backgroundColor:"#deffa9","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #deffa9",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #deffa9",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},wrapperActive:{width:400,position:"relative",display:"flex",alignItems:"center",alignContent:"center",justifyContent:"space-between",borderRadius:7,padding:"12px 5px 12px 5px",backgroundColor:"#ced8d7","&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ced8d7",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ced8d7",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},image:{borderRadius:7,width:300,maxHeight:400,cursor:"pointer"},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden",boxSizing:"border-box",display:"flex",justifyContent:"center",alignContent:"center",alignItems:"center"},wrapperOverlayImg:{width:"30%",maxHeight:"80%",position:"relative",display:"flex"},overlayDownloadIcon:{position:"absolute",content:"",right:0,top:-40,cursor:"pointer",color:"#e9e7e7",padding:0,borderRadius:"50%","&:hover":{backgroundColor:"#ffffff",color:"#b8b7b7"}},overlayTime:{position:"absolute",content:"",color:"#ffffff",top:-30,left:0,borderRadius:10,padding:"2px 6px 2px 6px",backgroundColor:"#707070"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlayDelete:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),Zo=function(e){var t=e.url,n=e.createdAt,a=e.color,i=(e.message,e.messages,e.fullType),l=e._id,s=Go(),d=Object(c.useState)(!1),b=Object(r.a)(d,2),j=b[0],u=b[1],f=Object(c.useState)(null),x=Object(r.a)(f,2),h=x[0],m=x[1],g=Object(c.useState)(!1),O=Object(r.a)(g,2),v=O[0],y=O[1],w=Object(c.useState)(!1),C=Object(r.a)(w,2),k=C[0],N=C[1],S=Boolean(h),I=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&N(!0),m(null),y(!1)};return j?Object(o.jsx)("div",{onClick:function(e){return"overlay"===e.target.id&&j&&u(!1)},id:"overlay",className:s.overlay,children:Object(o.jsxs)("div",{className:s.wrapperOverlayImg,children:[Object(o.jsx)("span",{className:s.overlayTime,children:Object(z.l)(n)}),Object(o.jsx)($.a,{className:s.overlayDownloadIcon,fontSize:"large",onClick:function(){return Object(z.d)(t,i)}}),Object(o.jsx)("img",{width:"100%",height:"auto",alt:"imageItem",src:t})]})}):Object(o.jsx)("div",{className:s.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),m(e.currentTarget),y(!0)}(e)},className:v?s.wrapperActive:s.wrapper,children:[Object(o.jsx)(Oo.a,{fontSize:"large",style:{color:"#bd9a00"}}),Object(o.jsx)("img",{onClick:function(){return!j&&u(!0)},className:s.image,alt:"message pic",src:t,style:{backgroundColor:t?"":a},width:"300",height:"400"}),Object(o.jsx)(mo.a,{onClick:function(){return Object(z.d)(t,i)},className:s.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})}),Object(o.jsx)("div",{className:s.time,children:Object(z.n)(n)}),Object(o.jsxs)(qo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:h,open:S,onClose:I,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return I("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy Image link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return I("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),k&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return N(!1);"delete"===t&&(Object(Oe.o)(l),N(!1))},className:s.overlayDelete,id:"overlay",children:Object(o.jsxs)("div",{className:s.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},Jo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),Ko=Object(d.a)({container:{display:"flex",justifyContent:"flex-end",marginBottom:15},wrapper:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",padding:"12px 5px 12px 5px",backgroundColor:"#deffa9",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #deffa9",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #deffa9",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},wrapperActive:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",padding:"12px 5px 12px 5px",backgroundColor:"#ced8d7",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ced8d7",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ced8d7",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},player:{margin:"0 5px 0 5px",borderRadius:7},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),Xo=function(e){var t=e.url,n=e.createdAt,a=e.fullType,i=e._id,l=Ko(),s=Object(c.useState)(null),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(!1),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Boolean(b),w=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&v(!0),j(null),h(!1)};return Object(o.jsx)("div",{className:l.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),j(e.currentTarget),h(!0)}(e)},className:x?l.wrapperActive:l.wrapper,children:[Object(o.jsx)(So.a,{fontSize:"large",style:{color:"#0294c0"}}),Object(o.jsx)(zo.a,{className:l.player,src:t,controls:!0}),Object(o.jsx)(mo.a,{onClick:function(){return Object(z.d)(t,a)},className:l.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})}),Object(o.jsx)("div",{className:l.time,children:Object(z.n)(n)}),Object(o.jsxs)(Jo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:b,open:y,onClose:w,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return w("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy Audio link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return w("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),O&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return v(!1);"delete"===t&&(Object(Oe.o)(i),v(!1))},className:l.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},$o=n(298).Player,Qo=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),ea=Object(d.a)({container:{display:"flex",justifyContent:"flex-end",marginBottom:15},wrapper:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:400,padding:"12px 5px 12px 5px",backgroundColor:"#deffa9",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #deffa9",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #deffa9",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},wrapperActive:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:400,padding:"12px 5px 12px 5px",backgroundColor:"#ced8d7",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ced8d7",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ced8d7",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,marginLeft:5,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},player:{backgroundColor:"#deffa9"},playerActive:{backgroundColor:"#ced8d7"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),ta=function(e){var t=e.url,n=e.createdAt,a=e.fullType,i=e._id,l=ea(),s=Object(c.useState)(null),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(!1),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Boolean(b),w=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&v(!0),j(null),h(!1)};return Object(o.jsx)("div",{className:l.container,children:Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),j(e.currentTarget),h(!0)}(e)},className:x?l.wrapperActive:l.wrapper,children:[Object(o.jsx)(To.a,{fontSize:"large",style:{color:"#03b003"}}),Object(o.jsx)($o,{className:x?l.playerActive:l.player,playsInline:!0,src:t}),Object(o.jsx)(mo.a,{onClick:function(){return Object(z.d)(t,a)},className:l.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})}),Object(o.jsx)("div",{className:l.time,children:Object(z.n)(n)}),Object(o.jsxs)(Qo,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:b,open:y,onClose:w,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return w("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy Video link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return w("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),O&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return v(!1);"delete"===t&&(Object(Oe.o)(i),v(!1))},className:l.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})})},na=n(328),oa=Object(b.a)((function(e){return Object(o.jsx)(u.a,Object(s.a)({elevation:0,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"}},e))}))((function(e){var t=e.theme;return{"& .MuiPaper-root":{borderRadius:10,marginTop:t.spacing(0),minWidth:220,color:"light"===t.palette.mode?"rgb(55, 65, 81)":t.palette.grey[500],boxShadow:"rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","& .MuiMenu-list":{padding:"4px 4px"},"& .MuiMenuItem-root":{marginBottom:t.spacing(1),"& .MuiSvgIcon-root":{fontSize:21,color:t.palette.text.secondary,marginRight:t.spacing(2)}}}}})),aa=Object(d.a)({container:{display:"flex",justifyContent:"flex-end",marginBottom:15},wrapper:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:200,padding:"5px 5px 12px 5px",backgroundColor:"#deffa9",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #deffa9",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #deffa9",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},wrapperActive:{position:"relative",display:"flex",justifyContent:"space-between",alignContent:"center",alignItems:"center",width:200,padding:"5px 5px 12px 5px",backgroundColor:"#ced8d7",borderRadius:7,"&:after":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"15px solid #ced8d7",borderLeft:"15px solid transparent",borderRight:"15px solid transparent",bottom:"0",right:"-15px"},"&:before":{content:"''",position:"absolute",width:"0",height:"0",borderBottom:"17px solid #ced8d7",borderLeft:"16px solid transparent",borderRight:"16px solid transparent",bottom:"0px",right:"-17px"}},bntDownload:{backgroundColor:"inherit",color:"#54b0fc",width:30,height:30,"&:hover":{backgroundColor:"#54b0fc",color:"#ffffff"}},title:{margin:"0 30px 0 5px",color:"#0e0d0d",cursor:"pointer","&:hover":{color:"#54b0fc"}},time:{position:"absolute",fontSize:".65em",fontWeight:600,bottom:0,right:6,color:"#414141",padding:3,borderRadius:5},overlay:{position:"sticky",top:0,left:0,width:"100%",minHeight:"100%",backgroundColor:"rgba(104, 105, 104, 0.6)",border:"solid 1px rgba(179, 179, 179, 0.6)",overflow:"hidden",cursor:"pointer"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlayDelete:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"}}),ra=function(e){var t=e.url,n=e.createdAt,a=e.type,i=e._id,l=aa(),s=Object(c.useState)(!1),d=Object(r.a)(s,2),b=d[0],j=d[1],u=Object(c.useState)(null),f=Object(r.a)(u,2),x=f[0],h=f[1],m=Object(c.useState)(!1),g=Object(r.a)(m,2),O=g[0],v=g[1],y=Object(c.useState)(!1),w=Object(r.a)(y,2),C=w[0],k=w[1],N=Boolean(x),S=function(){return b&&j(!1)},I=function(e){"copy"===e&&Object(z.a)("Link"),"delete"===e&&k(!0),h(null),v(!1)};return Object(o.jsxs)("div",{className:l.container,children:[b&&Object(o.jsx)("div",{className:l.overlay,id:"overlay",onClick:S,children:Object(o.jsx)(na,{allowFullScreen:!0,fileType:a,filePath:t,onError:S})}),Object(o.jsxs)("div",{onContextMenu:function(e){return function(e){e.preventDefault(),h(e.currentTarget),v(!0)}(e)},className:O?l.wrapperActive:l.wrapper,children:[Object(o.jsx)(io.a,{fontSize:"large",style:{color:"#99b401"}}),!b&&Object(o.jsx)("span",{className:l.title,onClick:function(){return!b&&j(!0)},children:"Read File"}),Object(o.jsx)("a",{href:t,target:"_blank",rel:"noreferrer",download:!0,children:Object(o.jsx)(mo.a,{className:l.bntDownload,children:Object(o.jsx)(yo.a,{fontSize:"medium"})})}),Object(o.jsx)("div",{className:l.time,children:Object(z.n)(n)}),Object(o.jsxs)(oa,{id:"demo-positioned-menu","aria-labelledby":"demo-positioned-button",anchorEl:x,open:N,onClose:I,children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return I("copy")},text:t,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(ae.a,{}),"Copy File link"]})}),Object(o.jsxs)(p.a,{style:{color:"#f02a2a"},onClick:function(){return I("delete")},children:[Object(o.jsx)(lt.a,{style:{color:"#f02a2a"}}),"Delete message"]})]}),C&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return k(!1);"delete"===t&&(Object(Oe.o)(i),k(!1))},className:l.overlayDelete,id:"overlay",children:Object(o.jsxs)("div",{className:l.modalDelete,children:[Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete message"}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete message?"}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE MESSAGE"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})]})},ca=Object(d.a)({container:{display:"flex",justifyContent:"center",marginBottom:15},wrapper:{textAlign:"center",padding:"1px 10px 3px 10px",backgroundColor:"rgba(104, 105, 104, 0.8)",color:"#ffffff",borderRadius:7,fontSize:".85em",fontWeight:600}}),ia=function(e){var t=e.message,n=ca();return Object(o.jsx)("div",{className:n.container,children:Object(o.jsx)("span",{className:n.wrapper,children:t})})},la=function(e){return e.messages.messages},sa=Object(Ce.a)([la],(function(e){return e})),da=n(42),ba=function(e,t){return function(){var n=Object(me.a)(he.a.mark((function n(o){var a;return he.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,Object(Oe.h)(e);case 3:(a=n.sent)&&o(Object(da.b)(a)),t&&t(),n.next=11;break;case 8:n.prev=8,n.t0=n.catch(0),o(Object(da.a)());case 11:case"end":return n.stop()}}),n,null,[[0,8]])})));return function(e){return n.apply(this,arguments)}}()},ja=n(409),ua=Object(d.a)({container:{height:"93vh",width:"100%",display:"flex",alignItems:"center",alignContent:"center",flexDirection:"column",position:"relative"},messagesScroll:{paddingTop:30,overflowY:"scroll",maxHeight:"83vh",width:"100%",display:"flex",justifyContent:"center","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}},messagesEmpty:{overflowY:"hidden",width:"100%",display:"flex",justifyContent:"center",paddingTop:30},messagesBody:{width:"60%"}}),pa=function(){var e,t=ua(),n=Object(i.b)(),a=Object(i.c)(sa),l=Object(i.c)(ln.a),s=Object(i.c)(gt.a),d=s.companionId,b=s.total,j=Object(i.c)(Ie),u=Object(c.useState)(!1),p=Object(r.a)(u,2),f=p[0],x=p[1],h=Object(c.useState)(!0),m=Object(r.a)(h,2),g=m[0],O=m[1],v=Object(c.useState)({new:0,mute:!1}),y=Object(r.a)(v,2),w=y[0],C=y[1],k=Object(c.useRef)(null),N=function(){k.current&&k.current.scrollTo({top:k.current.scrollHeight,behavior:"smooth"})},S=Object(c.useCallback)((function(e){var t=e.target;g&&O(!1);var n=t.scrollHeight-t.scrollTop;n<900&&Object(Oe.q)(d),x(!(n<1300))}),[g,d]),I=ja(S,300);return Object(c.useEffect)((function(){j&&(n(ba(d,N)),n(Object(Ae.b)(!1)))}),[n,j,d]),Object(c.useEffect)((function(){n(ba(d,N));var e=setInterval((function(){n(ba(d,null));var e=localStorage.getItem("isNew");e&&C(JSON.parse(e))}),3e3);return function(){return clearInterval(e)}}),[n,d]),Object(c.useEffect)((function(){var e=k.current.scrollHeight,t=k.current.clientHeight;g&&e===t&&Object(Oe.q)(d)}),[g,d,b]),Object(o.jsxs)("div",{className:t.container,children:[Object(o.jsx)(qn,{isArrow:f,isNew:w,handleScrollTo:N}),Object(o.jsx)("div",{ref:k,onScroll:I,className:a.length>0?t.messagesScroll:t.messagesEmpty,children:Object(o.jsx)("div",{className:t.messagesBody,children:a.length>0?a.map((function(t){var n,r=t.message,c=t.name,i=t.lastName,s=t.color,d=t.createdAt,b=t.number,j=t.type,u=t.fullType,p=t._id;e?Object(z.m)(e)!==Object(z.m)(d)&&(e=d,n=!0):(n=!0,e=d);var f="".concat(z.i,"/").concat(r);if(b!==l){if("text"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(ho,{message:r,createdAt:d,name:c,lastName:i,_id:p})]},d);if("image"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(ko,{url:f,createdAt:d,color:s,message:r,messages:a,fullType:u,_id:p})]},d);if("audio"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(Ao,{url:f,createdAt:d,fullType:u,_id:p})]},d);if("video"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(Wo,{url:f,createdAt:d,fullType:u,_id:p})]},d);if(j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(Yo,{url:f,createdAt:d,type:j,_id:p})]},d)}else{if("text"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(Vo,{message:r,createdAt:d,name:c,lastName:i,_id:p})]},d);if("image"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(Zo,{url:f,createdAt:d,color:s,message:r,messages:a,fullType:u,_id:p})]},d);if("audio"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(Xo,{url:f,createdAt:d,fullType:u,_id:p})]},d);if("video"===j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(ta,{url:f,createdAt:d,fullType:u,_id:p})]},d);if(j)return Object(o.jsxs)("div",{children:[n&&Object(o.jsx)(ia,{message:Object(z.m)(d)}),Object(o.jsx)(ra,{url:f,createdAt:d,type:j,_id:p})]},d)}})):Object(o.jsx)(_,{name:"You do not have messages yet!"})})}),Object(o.jsx)(po,{isArrow:f,handleScrollTo:N})]})},fa=n(520),xa=Object(d.a)({container:{position:"absolute"}}),ha=function(e){var t=e.disabled,n=e.date,a=e.changeDate,r=e.handleOnOpen,c=xa();return Object(o.jsx)(Ze.a,{disabled:t,className:c.container,inputVariant:"outlined",orientation:"portrait",variant:"dialog",openTo:"date",autoOk:!0,value:n||new Date,onOpen:r,onChange:a})},ma=Object(b.a)("div")((function(e){e.theme;return{position:"relative",borderRadius:"20px",backgroundColor:"#f1f0f0",width:"100%",margin:"0 5% 0 5%"}})),ga=Object(b.a)("div")((function(e){return{padding:e.theme.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}})),Oa=Object(b.a)(Pe.a)((function(e){var t=e.theme;return{color:"inherit","& .MuiInputBase-input":{fontWeight:500,borderRadius:"20px",padding:t.spacing(1,1,1,0),paddingLeft:"calc(1em + ".concat(t.spacing(4),")"),transition:t.transitions.create("width"),width:"100%"}}})),va=Object(d.a)({toolBar:{color:"#b1aeae",height:"7vh"},searchBarActive:{outline:"2px solid #2184f7",color:"#2184f7"}}),ya={inputProps:{"aria-label":"Switch demo"}},wa=function(e){var t=e.handleSearch,n=e.value,a=e.setDate,r=e.date,c=Object(i.b)(),l=va(),d=Object(i.c)(gt.a),b=d.sort,j=d.companionId,u=!(Object(i.c)(la).length>0);return Object(o.jsxs)(Be.a,{className:l.toolBar,children:[Object(o.jsx)(Le.a,{onClick:function(){return c(Object(Ae.a)(""))},"aria-label":"delete",size:"medium",children:Object(o.jsx)(O.a,{fontSize:"medium"})}),Object(o.jsxs)(ma,{className:!n||u?void 0:l.searchBarActive,children:[Object(o.jsx)(ga,{children:Object(o.jsx)(Fe.a,{})}),Object(o.jsx)(Oa,{disabled:u,onChange:t,placeholder:"Search",value:n,inputProps:{"aria-label":"search"}})]}),Object(o.jsxs)(Le.a,{"aria-label":"delete",size:"medium",children:[Object(o.jsx)(ha,{disabled:u,date:r,changeDate:a,handleOnOpen:function(){return a("")}}),Object(o.jsx)(qe.a,{fontSize:"medium",style:{color:r?"#2184f7":"#b1aeae"}})]}),Object(o.jsx)(Ue.a,Object(s.a)(Object(s.a)({onClick:function(){Object(Oe.x)(j),c(Re(j))},checked:b},ya),{},{disabled:u}))]})},Ca=Object(d.a)({container:{height:"100%",backgroundColor:"#ffffff"},list:{maxHeight:"93vh",overflowY:"scroll","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),ka=function(){var e=Ca(),t=Object(i.c)(gt.a).sort,n=Object(i.c)(la),a=Object(c.useState)(""),l=Object(r.a)(a,2),s=l[0],d=l[1],b=Object(c.useState)(""),u=Object(r.a)(b,2),p=u[0],f=u[1],x=function(e){return e.filter((function(e){return p?e.message.toLowerCase().includes(s.toLowerCase())&&Object(z.m)(p)===Object(z.m)(e.createdAt)?e:void 0:e.message.toLowerCase().includes(s.toLowerCase())}))}(Object(z.e)("createdAt",n,t));return Object(o.jsxs)("div",{className:e.container,children:[Object(o.jsx)(wa,{handleSearch:function(e){return d(e.target.value)},value:s,setDate:f,date:p}),Object(o.jsx)("div",{className:n.length>0?e.list:void 0,children:n.length>0?x.length>0?Object(o.jsx)(N.a,{sx:{width:"100%"},children:x.map((function(t){var n=t.name,a=t.lastName,r=t.avatarUrl,c=t.color,i=t.message,l=t.createdAt;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:e.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(j.a,{alt:n,src:r?"".concat(z.i,"/").concat(r):void 0,sx:{background:c,width:44,height:44,marginRight:2},children:!r&&"".concat(Object(z.b)(n)).concat(Object(z.b)(a))})}),Object(o.jsx)(D.a,{primary:"".concat(Object(z.b)(n)).concat(Object(z.j)(n,15,1)," \n ").concat(Object(z.b)(a)).concat(Object(z.j)(a,15,1)),secondary:Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(fa.a,{sx:{display:"block",wordBreak:"break-word"},component:"span",variant:"body2",color:"text.primary",children:i}),Object(z.l)(l)]})})]}),Object(o.jsx)(q.a,{variant:"inset"})]},l)}))}):Object(o.jsx)(_,{name:"Can not find message by request: ".concat(s)}):Object(o.jsx)(_,{name:"You do not have messages yet!"})})]})},Na=Object(d.a)({container:{display:"flex",alignContent:"center",alignItems:"center",height:"7vh"},iconClose:{"&:hover":{transform:"rotate(180deg)",transition:"all 250ms ease-out "}}}),Sa=function(){var e=Object(i.b)(),t=Na(),n=Object(i.c)(_t),a=Object(i.c)(gt.a).number,l=Object(c.useState)(!1),s=Object(r.a)(l,2),d=s[0],b=s[1];return Object(c.useEffect)((function(){e(Pt());var t=setInterval((function(){return e(Pt())}),3e3);return function(){return clearInterval(t)}}),[e]),Object(c.useEffect)((function(){var e=n.find((function(e){return e.number===a}));b(!!e)}),[n,a]),Object(o.jsxs)(S.a,{className:t.container,direction:"row",children:[Object(o.jsx)(Le.a,{onClick:function(){return e(Object(Ae.a)(""))},"aria-label":"delete",size:"medium",children:Object(o.jsx)(O.a,{className:t.iconClose,fontSize:"medium"})}),Object(o.jsx)(I.a,{variant:"h6",color:"initial",style:{marginLeft:20,color:"#474747"},children:"Profile"}),Object(o.jsx)(Le.a,{style:{marginLeft:"auto",marginRight:"3%"},"aria-label":"delete",size:"medium",children:d?Object(o.jsx)($t.a,{onClick:function(){return e(Object(Ae.a)("edit"))},fontSize:"medium"}):Object(o.jsx)(y.a,{onClick:function(){return e(Yt(a))},fontSize:"medium"})})]})},Ia=Object(d.a)({container:{position:"relative"},nameTile:{position:"absolute",color:"#ffffff",backgroundColor:"rgb(0,0,0)",borderRadius:10,padding:8,fontSize:18,zIndex:10,top:"6%",left:"50%",marginLeft:"-45%",opacity:.7,transition:"opacity .35s ease-in-out"},timeTile:{position:"absolute",color:"#ffffff",backgroundColor:"rgb(0,0,0)",borderRadius:10,padding:4,fontSize:15,top:"1%",left:"50%",marginLeft:"-45%",opacity:.7,transition:"opacity .35s ease-in-out"}}),za=function(){var e=Ia(),t=Object(i.c)(gt.a),n=t.name,a=t.lastName,r=t.online,c=t.avatarsArr;return Object(o.jsxs)("div",{className:e.container,children:[Object(o.jsx)(sn.Carousel,{children:c.map((function(e){var t=e.avatarUrl,n=e.updatedAt;return Object(o.jsxs)("div",{children:[Object(o.jsx)("img",{alt:"pic",src:"".concat(z.i,"/").concat(t)}),Object(o.jsx)("p",{className:"legend",children:Object(z.l)(n)})]})}))}),Object(o.jsx)("span",{className:e.nameTile,children:"".concat(Object(z.b)(n)).concat(Object(z.j)(n,15,1),"\n ").concat(Object(z.b)(a)).concat(Object(z.j)(a,15,1))}),Object(o.jsx)("span",{className:e.timeTile,children:"true"===r?"online":"last seen ".concat(Object(z.l)(r))})]})},Ma=n(410),Ra=n.n(Ma),Aa=n(411),Da=n.n(Aa),Ta=n(412),Ba=n.n(Ta),La=Object(d.a)({listIcon:{marginRight:15}}),Ea={inputProps:{"aria-label":"Switch demo"}},Wa=function(){var e=La(),t=Object(i.b)(),n=Object(i.c)(gt.a),a=n.number,r=n.mute,c=n.sort,l=n.companionId,d=n.originalName,b=n.originalLastName,j="".concat(Object(z.b)(d)).concat(Object(z.j)(d,15,1),"\n ").concat(Object(z.b)(b)).concat(Object(z.j)(b,15,1));return Object(o.jsx)(yt.a,{children:Object(o.jsxs)(wt.a,{children:[Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Number")},text:a,children:Object(o.jsxs)(p.a,{children:[Object(o.jsx)(T.a,{className:e.listIcon,children:Object(o.jsx)(fn.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{primary:a,secondary:"Phone"})]})}),Object(o.jsx)(q.a,{variant:"inset"}),Object(o.jsxs)(p.a,{style:{cursor:"default"},children:[Object(o.jsx)(T.a,{className:e.listIcon,children:Object(o.jsx)(Ra.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{primary:"Notification"}),Object(o.jsx)(Ue.a,Object(s.a)(Object(s.a)({style:{cursor:"pointer"},onClick:function(){return Object(Oe.k)(l)}},Ea),{},{defaultChecked:!r}))]}),Object(o.jsx)(q.a,{variant:"inset"}),Object(o.jsxs)(p.a,{style:{cursor:"default"},children:[Object(o.jsx)(T.a,{className:e.listIcon,children:Object(o.jsx)(Da.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{primary:"Sort by Date"}),Object(o.jsx)(Ue.a,Object(s.a)(Object(s.a)({style:{cursor:"pointer"},onClick:function(){Object(Oe.x)(l),t(Re(l))}},Ea),{},{checked:c}))]}),Object(o.jsx)(q.a,{variant:"inset"}),Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Username")},text:j,children:Object(o.jsxs)(p.a,{style:{cursor:"pointer"},children:[Object(o.jsx)(T.a,{className:e.listIcon,children:Object(o.jsx)(Ba.a,{fontSize:"medium"})}),Object(o.jsx)(D.a,{primary:j,secondary:"Username"})]})})]})})},_a=Object(d.a)({folderIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),Fa=function(e){var t=e.messagesMemo,n=_a(),a=t.filter((function(e){return"audio"===e.type}));return a.length>0?Object(o.jsx)(N.a,{children:a.map((function(e){var t=e.message,a=e.createdAt,r=e.fullType;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:n.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(se.a,{onClick:function(){return Object(z.d)("".concat(z.i,"/").concat(t),r)},className:n.folderIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{primary:r,secondary:Object(z.l)(a)})]}),Object(o.jsx)(q.a,{variant:"inset"})]},a)}))}):Object(o.jsx)(_,{name:"You do not have Audio yet!"})},Pa=Object(d.a)({overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden",boxSizing:"border-box",display:"flex",justifyContent:"center",alignContent:"center",alignItems:"center"},wrapper:{width:"30%",maxHeight:"80%",position:"relative",display:"flex"},downloadIcon:{position:"absolute",content:"",right:0,top:-40,cursor:"pointer",color:"#e9e7e7",padding:0,borderRadius:"50%","&:hover":{backgroundColor:"#ffffff",color:"#b8b7b7"}},img:{cursor:"pointer","&:hover":{scale:.98}},time:{position:"absolute",content:"",color:"#ffffff",top:-30,left:0,borderRadius:10,padding:"2px 6px 2px 6px",backgroundColor:"#707070"}}),Ya=function(e){var t=e.message,n=e.fullType,a=e.updatedAt,i=Pa(),l=Object(c.useState)(!1),s=Object(r.a)(l,2),d=s[0],b=s[1],j="".concat(z.i,"/").concat(t);return d?Object(o.jsx)("div",{onClick:function(e){return"overlay"===e.target.id&&d&&b(!1)},id:"overlay",className:i.overlay,children:Object(o.jsxs)("div",{className:i.wrapper,children:[Object(o.jsx)("span",{className:i.time,children:Object(z.l)(a)}),Object(o.jsx)($.a,{className:i.downloadIcon,fontSize:"large",onClick:function(){return Object(z.d)(j,n)}}),Object(o.jsx)("img",{width:"100%",height:"auto",alt:"imageItem",src:j})]})}):Object(o.jsx)(K.a,{children:Object(o.jsx)("img",{onClick:function(){return!d&&b(!0)},className:i.img,src:"".concat(j,"?w=164&h=164&fit=crop&auto=format"),srcSet:"".concat(j,"?w=164&h=164&fit=crop&auto=format&dpr=2 2x"),alt:"imageItem",loading:"lazy"})})},Ha=function(e){var t=e.messagesMemo.filter((function(e){return"image"===e.type}));return t.length>0?Object(o.jsx)(J.a,{sx:{width:"100%",height:"auto",overflow:"hidden"},cols:3,rowHeight:164,children:t.map((function(e){var t=e.message,n=e.createdAt,a=e.fullType,r=e.updatedAt;return Object(o.jsx)(Ya,{message:t,fullType:a,updatedAt:r},n)}))}):Object(o.jsx)(_,{name:"You do not have Media yet!"})},Ua=Object(d.a)({folderIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),Va=function(e){var t=e.messagesMemo,n=Ua(),a=t.filter((function(e){return"text"!==e.type}));return a.length>0?Object(o.jsx)(N.a,{children:a.map((function(e){var t=e.message,a=e.createdAt,r=e.fullType;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:n.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(V.a,{onClick:function(){return Object(z.d)("".concat(z.i,"/").concat(t),r)},className:n.folderIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{primary:r,secondary:Object(z.l)(a)})]}),Object(o.jsx)(q.a,{variant:"inset"})]},a)}))}):Object(o.jsx)(_,{name:"You do not have Files yet!"})},qa=Object(d.a)({listItem:{"&:hover":{backgroundColor:"#f0f0f0"}},copyIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}}}),Ga=function(e){var t=e.messagesMemo,n=qa(),a=t.filter((function(e){return"text"===e.type}));return a.length>0?Object(o.jsx)(N.a,{children:a.map((function(e){var t=e.message,a=e.createdAt,r=e.lastName,c=e.name,i=e.color,l=e.avatarUrl;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:n.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(j.a,{alt:c,src:l?"".concat(z.i,"/").concat(l):void 0,sx:{background:i,width:38,height:38},children:"".concat(Object(z.b)(c)).concat(Object(z.b)(r))})}),Object(o.jsx)(D.a,{style:{wordBreak:"break-word",marginRight:2},primary:t,secondary:Object(z.l)(a),secondaryTypographyProps:{color:"#020202",paddingTop:.5}}),Object(o.jsx)(re.CopyToClipboard,{onCopy:function(){return Object(z.a)("Message")},text:t,children:Object(o.jsx)(ae.a,{className:n.copyIcon,fontSize:"large"})})]}),Object(o.jsx)(q.a,{variant:"inset"})]},a)}))}):Object(o.jsx)(_,{name:"You do not have Text yet!"})},Za=Object(d.a)({folderIcon:{color:"#54b0fc",cursor:"pointer","&:hover":{color:"#016cc3"}},listItem:{"&:hover":{backgroundColor:"#f0f0f0"}}}),Ja=function(e){var t=e.messagesMemo,n=Za(),a=t.filter((function(e){return"video"===e.type}));return a.length>0?Object(o.jsx)(N.a,{children:a.map((function(e){var t=e.message,a=e.createdAt,r=e.fullType;return Object(o.jsxs)("div",{children:[Object(o.jsxs)(Y.a,{alignItems:"flex-start",className:n.listItem,children:[Object(o.jsx)(H.a,{children:Object(o.jsx)(ue.a,{onClick:function(){return Object(z.d)("".concat(z.i,"/").concat(t),r)},className:n.folderIcon,fontSize:"large"})}),Object(o.jsx)(D.a,{primary:r,secondary:Object(z.l)(a)})]},a),Object(o.jsx)(q.a,{variant:"inset"})]},a)}))}):Object(o.jsx)(_,{name:"You do not have Audio yet!"})},Ka=Object(d.a)({container:{borderBottom:"solid 2px #dddddd",display:"flex",justifyContent:"space-around",alignContent:"center",alignItems:"center",flexWrap:"nowrap",height:"7vh",color:"rgba(0, 0, 0, 0.6)"},item:{height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignContent:"center",alignItems:"center",cursor:"pointer"},icon:{fontSize:"1rem",lineHeight:0,marginBottom:0,fontWeight:600},underline:{fontSize:"2.5rem",lineHeight:0}}),Xa=function(){var e=Ka(),t=Object(i.c)(gt.a).sort,n=Object(i.c)(sa),a=Object(c.useState)(0),l=Object(r.a)(a,2),s=l[0],d=l[1],b=function(e){return d(e)},j=Object(z.e)("createdAt",n,t);return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsxs)("div",{className:e.container,children:[Object(o.jsxs)("div",{className:e.item,style:{color:0===s?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return b(0)},children:[Object(o.jsx)("span",{className:e.icon,children:"Files"}),Object(o.jsx)("span",{className:e.underline,children:"___"})]}),Object(o.jsxs)("div",{className:e.item,style:{color:1===s?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return b(1)},children:[Object(o.jsx)("span",{className:e.icon,children:"Media"}),Object(o.jsx)("span",{className:e.underline,children:"___"})]}),Object(o.jsxs)("div",{className:e.item,style:{color:2===s?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return b(2)},children:[Object(o.jsx)("span",{className:e.icon,children:"Text"}),Object(o.jsx)("span",{className:e.underline,children:"___"})]}),Object(o.jsxs)("div",{className:e.item,style:{color:3===s?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return b(3)},children:[Object(o.jsx)("span",{className:e.icon,children:"Audio"}),Object(o.jsx)("span",{className:e.underline,children:"___"})]}),Object(o.jsxs)("div",{className:e.item,style:{color:4===s?"#1976d2":"rgba(0, 0, 0, 0.6)"},onClick:function(){return b(4)},children:[Object(o.jsx)("span",{className:e.icon,children:"Video"}),Object(o.jsx)("span",{className:e.underline,children:"___"})]})]}),0===s&&Object(o.jsx)(Va,{messagesMemo:j}),1===s&&Object(o.jsx)(Ha,{messagesMemo:j}),2===s&&Object(o.jsx)(Ga,{messagesMemo:j}),3===s&&Object(o.jsx)(Fa,{messagesMemo:j}),4===s&&Object(o.jsx)(Ja,{messagesMemo:j})]})},$a=Object(d.a)({container:{backgroundColor:"#ffffff",height:"100%",width:"100%",position:"relative"},scrollContainer:{overflowY:"scroll",maxHeight:"93vh",width:"100%","&::-webkit-scrollbar":{width:"0.4em"},"&::-webkit-scrollbar-track":{boxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",webkitBoxShadow:"inset 0 0 6px rgba(0,0,0,0.00)",backgroundColor:"#eceeec"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#ccc8c8"},"&::-webkit-scrollbar-thumb:focus":{backgroundColor:"#959595"},"&::-webkit-scrollbar-thumb:active":{backgroundColor:"#959595"}}}),Qa=function(){var e=$a();return Object(o.jsxs)("div",{className:e.container,children:[Object(o.jsx)(Sa,{}),Object(o.jsxs)("div",{className:e.scrollContainer,children:[Object(o.jsx)(za,{}),Object(o.jsx)(Wa,{}),Object(o.jsx)(Xa,{})]})]})},er=Object(d.a)({container:{height:"7vh",width:"100%",display:"flex",alignContent:"center",alignItems:"center",backgroundColor:"#ffffff"},iconArrow:{"&:hover":{transform:"rotate(360deg)",transition:"all 250ms ease-out "}}}),tr=function(){var e=Object(i.b)(),t=er();return Object(o.jsxs)(S.a,{className:t.container,direction:"row",spacing:21,children:[Object(o.jsx)(Le.a,{onClick:function(){return e(Object(Ae.a)("credentials"))},"aria-label":"delete",size:"medium",children:Object(o.jsx)(He.a,{className:t.iconArrow,fontSize:"medium"})}),Object(o.jsx)(I.a,{style:{marginLeft:20,color:"#474747"},variant:"h6",color:"initial",children:"Edit chat"})]})},nr=n(500),or=Object(d.a)({container:{display:"flex",alignItems:"center",alignContent:"center",flexDirection:"column",width:"100%",margin:"0 auto",padding:20,marginBottom:15,position:"relative",backgroundColor:"#ffffff"},textField:{marginBottom:20},notifications:{width:"100%",display:"flex",justifyContent:"flex-start",alignContent:"start",alignItems:"start",marginBottom:"auto"},avatarArrow:{cursor:"pointer",alignSelf:"flex-end","&:hover":{backgroundColor:"rgb(62, 149, 231)"}}}),ar={inputProps:{"aria-label":"Checkbox demo"}},rr=function(e){var t=or(),n=e.chat,a=e.name,r=e.setName,c=e.lastName,i=e.setLastName,l=e.mute,d=e.setMute,b=e.openBtn,u=e.setOpenBtn,p=n.avatarUrl,f=n.color,x=n.originalName,h=n.originalLastName,m=function(e){!b&&u(!0);var t=Object(z.c)(e.target.value);switch(e.target.name){case"name":r(t);break;case"lastName":i(t)}};return Object(o.jsxs)("div",{className:t.container,children:[Object(o.jsx)(H.a,{style:{marginBottom:10},children:Object(o.jsx)(j.a,{alt:a,src:p?"".concat(z.i,"/").concat(p):void 0,sx:{background:f,width:120,height:120,marginRight:2},children:"".concat(Object(z.b)(a)).concat(Object(z.b)(c))})}),Object(o.jsx)(I.a,{style:{color:"#080808",fontSize:22,fontWeight:500},children:"".concat(Object(z.b)(x)).concat(Object(z.j)(x,15,1)," \n ").concat(Object(z.b)(h)).concat(Object(z.j)(h,15,1))}),Object(o.jsx)(I.a,{style:{fontSize:17,marginBottom:20},children:"original name"}),Object(o.jsx)(Vt.a,{id:"name",name:"name",label:"Name",value:a,fullWidth:!0,variant:"outlined",onChange:m,className:t.textField}),Object(o.jsx)(Vt.a,{id:"lastName",name:"lastName",label:"LastName",value:c,fullWidth:!0,variant:"outlined",onChange:m,className:t.textField}),Object(o.jsxs)("div",{className:t.notifications,children:[Object(o.jsx)(nr.a,Object(s.a)(Object(s.a)({onChange:function(){d(!l),!b&&u(!0)}},ar),{},{checked:l,style:{marginRight:20}})),Object(o.jsx)(D.a,{primary:"Notifications",primaryTypographyProps:{color:"#0e0d0d"},secondary:l?"Enabled":"Disabled"})]})]})},cr=Object(d.a)({container:{width:"100%",padding:"20px 10px 20px 10px",backgroundColor:"#ffffff"},modalDelete:{background:"#ffffff",position:"absolute",content:"",width:"20%",height:"auto",left:"40%",bottom:"48.5%",borderRadius:10,padding:10,display:"flex",flexDirection:"column"},overlay:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:100,backgroundColor:"rgba(104, 105, 104, 0.6)",overflowY:"hidden"},titleWrapper:{display:"flex",justifyContent:"flex-start",alignContent:"center",alignItems:"center"}}),ir=function(e){var t=e.isContact,n=cr(),a=Object(i.b)(),l=t._id,s=t.avatarUrl,d=t.color,b=t.name,u=t.lastName,f=Object(c.useState)(!1),x=Object(r.a)(f,2),h=x[0],m=x[1];return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)("ul",{className:n.container,children:Object(o.jsxs)(p.a,{onClick:function(){return m(!0)},style:{fontSize:19,color:"#f02a2a"},children:[Object(o.jsx)(lt.a,{fontSize:"medium",style:{marginRight:27}}),"Delete contact"]})}),h&&Object(o.jsx)("div",{onClick:function(e){var t=e.target.id;if("overlay"===t||"cancel"===t)return m(!1);"delete"===t&&(a(Object(Ae.a)("credentials")),Object(Oe.n)(l),m(!1))},className:n.overlay,id:"overlay",children:Object(o.jsxs)("div",{className:n.modalDelete,children:[Object(o.jsxs)("div",{className:n.titleWrapper,children:[Object(o.jsx)(j.a,{alt:b,src:s?"".concat(z.i,"/").concat(s):void 0,sx:{background:d,width:38,height:38,marginRight:2},children:"".concat(Object(z.b)(b)).concat(Object(z.b)(u))}),Object(o.jsx)("h3",{style:{color:"#2c2c2c"},children:"Delete contact"})]}),Object(o.jsx)("p",{style:{color:"#050505"},children:"Are you sure you want to delete contact\n ".concat("".concat(Object(z.b)(b)).concat(Object(z.j)(b,15,1),"\n ").concat(Object(z.b)(u)).concat(Object(z.j)(u,15,1)),"?")}),Object(o.jsx)(jt.a,{id:"delete",variant:"text",color:"error",style:{fontWeight:500,fontSize:22},children:"DELETE CONTACT"}),Object(o.jsx)(jt.a,{id:"cancel",variant:"text",style:{fontWeight:500,fontSize:22},children:"CANCEL"})]})})]})},lr=Object(d.a)({container:{position:"absolute",top:"92vh",left:20},avatarArrow:{cursor:"pointer","&:hover":{backgroundColor:"rgb(62, 149, 231)"}}}),sr=function(e){var t=e.handleSubmit,n=lr();return Object(o.jsx)("div",{className:n.container,children:Object(o.jsx)(j.a,{onClick:t,className:n.avatarArrow,sx:{width:56,height:56,backgroundColor:"rgb(41, 139, 231)",color:"#ffffff"},children:Object(o.jsx)(Sn.a,{fontSize:"medium"})})})},dr=Object(d.a)({editBar:{backgroundColor:"#f3f2f2",height:"100%",position:"relative"}}),br=function(){var e=dr(),t=Object(i.c)(_t),n=Object(i.c)(gt.a),a=Object(c.useState)(!1),l=Object(r.a)(a,2),s=l[0],d=l[1],b=Object(c.useState)(""),j=Object(r.a)(b,2),u=j[0],p=j[1],f=Object(c.useState)(""),x=Object(r.a)(f,2),h=x[0],m=x[1],g=Object(c.useState)(!0),O=Object(r.a)(g,2),v=O[0],y=O[1],w=Object(c.useState)(!1),C=Object(r.a)(w,2),k=C[0],N=C[1],S=n.name,I=n.lastName,z=n.mute,M=n.companionId,R=n._id;return Object(c.useEffect)((function(){var e=t.find((function(e){return e.number===n.number}));e&&d(e)}),[t,n.number]),Object(c.useEffect)((function(){S&&p(S),I&&m(I),y(!z)}),[S,I,z]),Object(o.jsxs)("div",{className:e.editBar,children:[k&&Object(o.jsx)(sr,{handleSubmit:function(){v!==!z&&Object(Oe.k)(M),u===S&&h===I||Object(Oe.A)(s._id,R,u,h,M),k&&N(!1)}}),Object(o.jsx)(tr,{}),Object(o.jsx)(rr,{chat:n,name:u,setName:p,lastName:h,setLastName:m,mute:v,setMute:y,openBtn:k,setOpenBtn:N}),Object(o.jsx)(ir,{isContact:s})]})},jr=function(){var e=Object(i.c)(Se);return Object(o.jsxs)(o.Fragment,{children:["credentials"===e&&Object(o.jsx)(Qa,{}),"search"===e&&Object(o.jsx)(ka,{}),"edit"===e&&Object(o.jsx)(br,{})]})},ur=Object(d.a)({chatBar:{background:"linear-gradient(to bottom right, #e7f097 , #b1e667,#f4f75e)"}}),pr=function(){var e=ur(),t=Object(i.c)(Se),n=t&&"menu"!==t;return Object(i.c)(gt.b)._id?Object(o.jsxs)(a.a,{item:!0,lg:9,style:{display:"flex"},children:[Object(o.jsxs)(a.a,{item:!0,lg:n?8:12,children:[Object(o.jsx)(a.a,{item:!0,lg:12,children:Object(o.jsx)(Yn,{})}),Object(o.jsx)(a.a,{item:!0,lg:12,className:e.chatBar,children:Object(o.jsx)(pa,{})})]}),Object(o.jsx)(a.a,{item:!0,lg:n?4:0,children:Object(o.jsx)(jr,{})})]}):Object(o.jsx)(a.a,{item:!0,lg:9,className:e.chatBar})},fr=Object(d.a)({container:{minHeight:"100vh",maxHeight:"100vh"}});t.default=function(){var e=fr();return Object(o.jsxs)(a.a,{className:e.container,container:!0,spacing:0,children:[Object(o.jsx)(An,{}),Object(o.jsx)(pr,{})]})}}}]);
- //# sourceMappingURL=HomePage.25b757c8.chunk.js.map
|
