https://dyte-proc.netlify.app/static/js/813.4b1105ea.chunk.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[813],{3905:function(e,t,a){a.d(t,{d:function(){return r},e:function(){return o},f:function(){return i}});var r=function(e,t){var a=t.getTime()-e.getTime();return Math.round(Math.abs(a/1e3/60))},o=function(e,t){var a=r(e,t);if(a<2)return"just now";if(a<60)return"".concat(a,"m ago");var o=Math.round(a/60);if(a<90)return"about ".concat(o,"h ago");if(o<24)return"".concat(o,"h ago");var i=Math.round(o/24);if(i<7)return"".concat(i,"d ago");var s=Math.round(i/7);return"".concat(s,"w ago")},i=function(e){return e.toDateString()+" "+e.toLocaleTimeString()}},813:function(e,t,a){a.r(t),a.d(t,{dyte_chat_composer_ui:function(){return b},dyte_chat_messages_ui:function(){return f},dyte_chat_messages_ui_paginated:function(){return m},dyte_chat_selector_ui:function(){return x}});var r=a(4165),o=a(5861),i=a(7762),s=a(9439),n=a(5671),c=a(3144),d=a(2304),l=a(5855),h=a(7622),p=a(9666),u=a(4130),g=a(4153),y=a(3905),v=a(1463),b=function(){function e(t){var a=this;(0,n.Z)(this,e),(0,d.r)(this,t),this.onNewMessage=(0,d.c)(this,"dyteNewMessage",7),this.handleKeyDown=function(e){"Enter"===e.key&&e.shiftKey?a.$textArea.clientHeight<200&&(a.$textArea.style.height=a.$textArea.clientHeight+20+"px"):"Enter"===e.key?(e.preventDefault(),a.handleSendMessage()):"Backspace"===e.key&&(a.$textArea.value.endsWith("\n")?a.$textArea.style.height=a.$textArea.clientHeight-20+"px":""===a.$textArea.value&&(a.$textArea.style.height="auto"))},this.onPaste=function(e){var t=e.clipboardData||e.originalEvent.clipboardData;(0,p.h)(t.items,a.sendFile)},this.sendFile=function(e,t){a.canSendFiles&&("image"===e?a.onNewMessage.emit({type:"image",file:t}):a.onNewMessage.emit({type:"file",file:t}))},this.initializeTextField=function(e){a.$textArea=e;var t=u.g.getItem("dyte-text-message")||"";a.$textArea.value=t},this.canSendTextMessage=!1,this.canSendFiles=!1,this.size=void 0,this.iconPack=l.d,this.t=(0,h.u)(),this.disableEmojiPicker=!1,this.emojiPickerActive=!1}return(0,c.Z)(e,[{key:"handleSendMessage",value:function(){if(this.canSendTextMessage){var e=this.$textArea.value.trim();e.length>0&&(this.onNewMessage.emit({type:"text",message:e}),this.$textArea.value="",this.$textArea.style.height="auto",u.g.setItem("dyte-text-message",""))}}},{key:"uploadFile",value:function(e){var t=this,a=document.createElement("input");a.type="file","image"===e&&(a.accept="image/*"),a.onchange=function(a){var r=a.target,o=r.validity,i=(0,s.Z)(r.files,1)[0];o.valid&&t.sendFile(e,i)},a.click()}},{key:"render",value:function(){var e=this,t={iconPack:this.iconPack,t:this.t,size:this.size};return(0,d.h)(d.H,null,this.canSendTextMessage&&this.emojiPickerActive&&(0,d.h)("dyte-emoji-picker",{part:"emoji-picker",onDyteEmojiClicked:function(t){e.$textArea.value+=t.detail,e.$textArea.focus()},t:this.t}),(0,d.h)("slot",{name:"chat-addon"}),(0,d.h)("div",{class:"chat-input",part:"chat-input"},this.canSendTextMessage&&(0,d.h)("textarea",{class:"scrollbar",part:"textarea",placeholder:"Message..",ref:this.initializeTextField,autoFocus:!0,onPaste:this.onPaste,onKeyDown:this.handleKeyDown,onInput:function(e){u.g.setItem("dyte-text-message",e.target.value)}}),(0,d.h)("div",{class:"chat-buttons",part:"chat-buttons"},(0,d.h)("div",{class:"left",part:"chat-buttons-left"},this.canSendFiles&&[(0,d.h)("dyte-tooltip",Object.assign({label:this.t("Send a file")},t),(0,d.h)("dyte-button",{variant:"ghost",kind:"icon",onClick:function(){return e.uploadFile("file")},title:this.t("Send a file"),iconPack:this.iconPack,t:this.t},(0,d.h)("dyte-icon",{icon:this.iconPack.attach}))),(0,d.h)("dyte-tooltip",Object.assign({label:this.t("Send an image")},t),(0,d.h)("dyte-button",{variant:"ghost",kind:"icon",onClick:function(){return e.uploadFile("image")},title:this.t("Send an image"),iconPack:this.iconPack,t:this.t},(0,d.h)("dyte-icon",{icon:this.iconPack.image})))],this.canSendTextMessage&&!this.disableEmojiPicker&&(0,d.h)("dyte-tooltip",Object.assign({label:this.t("Send Emoji")},t),(0,d.h)("dyte-button",{variant:"ghost",kind:"icon",class:{active:this.emojiPickerActive},title:this.t("Send Emoji"),iconPack:this.iconPack,t:this.t,onClick:function(){e.emojiPickerActive=!e.emojiPickerActive}},(0,d.h)("dyte-icon",{icon:this.iconPack.emoji_multiple})))),this.canSendTextMessage&&(0,d.h)("div",{class:"right",part:"chat-buttons-right"},(0,d.h)("dyte-tooltip",Object.assign({variant:"primary",label:this.t("Send message"),delay:2e3},t),(0,d.h)("dyte-button",{kind:"icon",onClick:function(){return e.handleSendMessage()},title:this.t("Send message"),iconPack:this.iconPack,t:this.t},(0,d.h)("dyte-icon",{icon:this.iconPack.send}

1)))))))}}]),e}();b.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif);display:flex;flex-direction:column}.chat-input{z-index:10;box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top:var(--dyte-border-width-sm, 1px) solid rgb(var(--dyte-colors-background-600, 60 60 60))}textarea{box-sizing:border-box;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--dyte-space-3, 12px);color:rgb(var(--dyte-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}textarea::placeholder{color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}textarea{font-family:var(--dyte-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--dyte-border-width-none, 0);border-style:none;min-height:80px;font-size:14px}.chat-buttons{display:flex;align-items:center;justify-content:space-between;padding-left:var(--dyte-space-3, 12px);padding-right:var(--dyte-space-3, 12px);padding-top:var(--dyte-space-2, 8px);padding-bottom:var(--dyte-space-2, 8px)}.chat-buttons .left dyte-button{margin-right:var(--dyte-space-1, 4px)}.chat-buttons .left dyte-button dyte-icon{height:var(--dyte-space-5, 20px);width:var(--dyte-space-5, 20px)}.chat-buttons>div{display:flex;align-items:center}dyte-emoji-picker{z-index:0;border-top:var(--dyte-border-width-sm, 1px) solid rgb(var(--dyte-colors-background-600, 60 60 60));-webkit-animation:0.3s slide-up ease;animation:0.3s slide-up ease}@-webkit-keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}";var f=function(){function e(t){var a=this;(0,n.Z)(this,e),(0,d.r)(this,t),this.observingEl=[],this.onScroll=function(e){var t=e.target;(0,d.w)((function(){t.scrollTop+t.clientHeight+10>=t.scrollHeight?(a.autoScrollEnabled=!0,a.showLatestMessageButton=!1):a.autoScrollEnabled=!1}))},this.scrollToBottom=function(){(0,v.s)(a.$chat)},this.observeMessage=function(e){e&&a.observingEl.push(e);try{a.intersectionObserver.observe(e)}catch(t){}},this.selectedGroup=void 0,this.messages=[],this.selfUserId=void 0,this.size=void 0,this.iconPack=l.d,this.t=(0,h.u)(),this.now=new Date,this.showLatestMessageButton=!1}return(0,c.Z)(e,[{key:"connectedCallback",value:function(){var e,t=this;this.lastReadTimestamp=null!==(e=g.c.everyone)&&void 0!==e?e:new Date("0001-01-01T00:00:00Z"),this.intersectionObserver=new IntersectionObserver((function(e){document.hasFocus()&&(0,d.w)((function(){var a,r=(0,i.Z)(e);try{for(r.s();!(a=r.n()).done;){var o=a.value;if(o.isIntersecting)parseInt(o.target.getAttribute("data-timestamp"))>t.lastReadTimestamp.getTime()&&(g.c[t.selectedGroup]=new Date)}}catch(s){r.e(s)}finally{r.f()}}))}));this.request=requestAnimationFrame((function e(){t.now=new Date,t.timeout=setTimeout((function(){null!=t.request&&(t.request=requestAnimationFrame(e))}),6e4)})),this.chatChanged(this.messages)}},{key:"componentDidLoad",value:function(){this.$chat.addEventListener("scroll",this.onScroll)}},{key:"componentDidRender",value:function(){this.autoScrollEnabled?(0,v.s)(this.$chat):null==this.autoScrollEnabled&&(0,v.s)(this.$chat,!1)}},{key:"chatChanged",value:function(e){if(null!=this.$chat&&!this.autoScrollEnabled&&this.$chat.clientHeight!==this.$chat.scrollHeight)for(var t=e.length-1;t>=0;t--)if(e[t].message.time>this.lastReadTimestamp&&e[t].message.userId!==this.selfUserId){this.showLatestMessageButton=!0;break}}},{key:"selectedBucketChanged",value:function(){var e=this;this.autoScrollEnabled=void 0,this.observingEl.forEach((function(t){e.intersectionObserver.unobserve(t)})),this.observingEl=[]}},{key:"disconnectedCallback",value:function(){this.$chat.removeEventListener("scroll",this.onScroll),this.intersectionObserver.disconnect(),clearTimeout(this.timeout),cancelAnimationFrame(this.request)}},{key:"render",value:function(){var e,t=this,a=null,r=!1;return(0,d.h)(d.H,null,(0,d.h)("div",{class:"chat-container scrollbar",ref:function(e){return t.$chat=e},part:"container"},(0,d.h)("div",{class:"spacer",part:"spacer"}),(0,d.h)("div",{class:"chat",part:"chat"},null===(e=this.messages)||void 0===e?void 0:e.map((function(e){if("chat"===e.type){var o=e.message,i=!(o.userId===t.selfUserId)&&!t.autoScrollEnabled&&!r&&o.time>t.lastReadTimestamp;i&&(r=i);var s=!i&&o.userId===(null===a||void 0===a?void 0:a.userId)&&(0,y.d)(o.time,null===a||void 0===a?void 0:a.time)<2;switch(a=o,o.type){case"text":return(0,d.h)("div",{"is-continued":s,key:e.message.id},i&&(0,d.h)("div",{class:"new-chat-marker",part:"new-chat-marker"},t.t("chat.new")),(0,d.h)("dyte-text-message",{message:o,now:t.now,isContinued:s,"data-timestamp":o.time.getTime(),ref:t.observeMessage,iconPack:t.iconPack,t:t.t}));case"image":return(0,d.h)("div",{"is-continued":s,key:e.message.id},i&&(0,d.h)("div",{class:"new-chat-marker",part:"new-chat-marker"},t.t("chat.new")),(0,d.h)("dyte-image-message",{message:o,now:t.now,isContinued:s,iconPack:t.iconPack,"data-timestamp":o.time.getTime(),ref:t.observeMessage,t:t.t}));case"file":return(0,d.h)("div",{"is-continued":s,key:e.message.id},i&&(0,d.h)("div",{class:"new-chat-marker",part:"new-chat-marker"},t.t("chat.new")),(0,d.h)("dyte-file-message",{message:o,now:t.now,isContinued:s,iconPack:t.iconPack,t:t.t,"data-timestamp":o.time.getTime(),ref:t.observeMessage}))}}return null})))),(0,d.h)("div",{class:"show-new-messages-ctr"},(0,d.h)("dyte-button",{class:{"show-new-messages":!0,active:this.showLatestMessageButton},kind:"icon",part:"show-new-messages",onClick:this.scrollToBottom,iconPack:this.iconPack,t:this.t},(0,d.h)("dyte-icon",{icon:this.iconPack.chevron_down,iconPack:this.iconPack,t:this.t}))))}}],[{key:"watchers",get:function(){return{messages:["chatChanged"],selectedGroup:["selectedBucketChanged"]}}}]),e}();f.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--dyte-scrollbar-color, rgb(var(--dyte-colors-background-600, 60 60 60)))\n    var(--dyte-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--dyte-space-1\\.5, 6px);width:var(--dyte-space-1\\.5, 6px);border-radius:9999px;background-color:var(--dyte-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--dyte-scrollbar-color, rgb(var(--dyte-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--dyte-space-4, 16px);padding-bottom:var(--dyte-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat *:first-child{margin-top:var(--dyte-space-0, 0px)}.chat .head{display:flex;align-items:center}.chat .head .name{margin-right:var(--dyte-space-4, 16px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}.chat .body{margin-top:var(--dyte-space-2, 8px);margin-bottom:var(--dyte-space-2, 8px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.chat .body .emoji{font-size:24px}p{margin-top:var(--dyte-space-0, 0px);margin-bottom:var(--dyte-space-3, 12px)}dyte-text-message,dyte-image-message,dyte-file-message{margin-top:var(--dyte-space-4, 16px);display:block;padding-left:var(--dyte-space-3, 12px);padding-right:var(--dyte-space-3, 12px);color:rgb(var(--dyte-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--dyte-space-3, 12px)}dyte-text-message[is-continued]{margin-top:var(--dyte-space-2, 8px)}.chat .image{position:relative;height:var(--dyte-space-40, 160px);max-width:var(--dyte-space-64, 256px);cursor:pointer}.chat .image img{display:none;height:100%;width:100%;border-radius:var(--dyte-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.chat .image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.chat .image .image-spinner dyte-spinner{--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat .image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--dyte-border-radius-sm, 4px);background-color:rgba(var(--dyte-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--dyte-colors-danger, 255 45 45) / var(--tw-text-opacity))}.chat .image .actions{display:none;height:var(--dyte-space-8, 32px);align-items:center;position:absolute;top:var(--dyte-space-2, 8px);right:var(--dyte-space-2, 8px);border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--dyte-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

1--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action{height:var(--dyte-space-8, 32px);width:var(--dyte-space-8, 32px);border-radius:var(--dyte-border-radius-none, 0);border-width:var(--dyte-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.chat .file{display:flex;align-items:center;gap:var(--dyte-space-1, 4px);padding-left:var(--dyte-space-2, 8px);padding-right:var(--dyte-space-2, 8px);padding-top:var(--dyte-space-1\\.5, 6px);padding-bottom:var(--dyte-space-1\\.5, 6px);border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--dyte-colors-text-700, 255 255 255 / 0.64))}.chat .file .file-data{flex:1 1 0%}.chat .file .file-data .name{word-break:break-all;color:rgb(var(--dyte-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split{margin-top:var(--dyte-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.chat .file .file-data .file-data-split .ext{margin-right:var(--dyte-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split .divider{height:var(--dyte-space-4, 16px);width:var(--dyte-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.chat .file .file-data .file-data-split .size{margin-left:var(--dyte-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-300, 73 124 253) / var(--tw-text-opacity));-webkit-text-decoration-line:none;text-decoration-line:none}a:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--dyte-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--dyte-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--dyte-space-3, 12px);z-index:0;margin-top:calc(var(--dyte-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--dyte-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--dyte-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";var m=function(){function e(t){var a=this;(0,n.Z)(this,e),(0,d.r)(this,t),this.pageSize=25,this.getChatMessages=function(){var e=(0,o.Z)((0,r.Z)().mark((function e(t,o,i){var s,n;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a.meeting.chat.getMessages(t,o,i);case 2:return s=e.sent,n=s.messages,e.abrupt("return",n);case 5:case"end":return e.stop()}}),e)})));return function(t,a,r){return e.apply(this,arguments)}}(),this.createChatNodes=function(e){return e.map((function(e){var t=void 0===e.userId;return a.createChatNode(e,t)}))},this.disconnectMeeting=function(e){var t;null===(t=null===e||void 0===e?void 0:e.chat)||void 0===t||t.removeListener("chatUpdate",a.chatUpdateListener)},this.createChatNode=function(e,t){return(0,d.h)("dyte-chat-message",{messageItem:{type:"chat",message:e},isContinued:t,isUnread:!1,size:a.size,iconPack:a.iconPack,key:e.id})},this.chatUpdateListener=function(e){a.$paginatedListRef.onNewNode(a.createChatNode(e.message,!1))},this.meeting=void 0,this.size=void 0,this.iconPack=l.d,this.t=(0,h.u)()}

1return(0,c.Z)(e,[{key:"connectedCallback",value:function(){this.meetingChanged(this.meeting)}},{key:"disconnectedCallback",value:function(){this.disconnectMeeting(this.meeting)}},{key:"meetingChanged",value:function(e,t){var a;void 0!=t&&this.disconnectMeeting(t),e&&!e.chat||null!=e&&(null===(a=e.chat)||void 0===a||a.addListener("chatUpdate",this.chatUpdateListener))}},{key:"render",value:function(){var e=this;return(0,d.h)(d.H,null,(0,d.h)("dyte-paginated-list",{ref:function(t){return e.$paginatedListRef=t},pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getChatMessages,createNodes:this.createChatNodes}))}}],[{key:"watchers",get:function(){return{meeting:["meetingChanged"]}}}]),e}();m.style=":host{display:flex;flex:1 0 0px}";var x=function(){function e(t){var a=this;(0,n.Z)(this,e),(0,d.r)(this,t),this.groupChanged=(0,d.c)(this,"dyteChatGroupChanged",7),this.onScopeClick=function(e){a.showParticipantsPanel=!1,a.groupChanged.emit(e)},this.selfUserId=void 0,this.selectedGroupId=void 0,this.unreadCounts={},this.groups=[],this.iconPack=l.d,this.t=(0,h.u)(),this.showParticipantsPanel=!1,this.query=""}return(0,c.Z)(e,[{key:"toggleParticipants",value:function(){this.showParticipantsPanel=!this.showParticipantsPanel}},{key:"getGroups",value:function(){var e=this;return this.groups.filter((function(t){return t.name.toLowerCase().includes(e.query.toLowerCase())}))}},{key:"getName",value:function(){var e=this;if(!this.selectedGroupId||"everyone"===this.selectedGroupId)return this.t("everyone");var t=this.groups.find((function(t){return t.userId===e.selectedGroupId}));return t?t.name:this.t("everyone")}},{key:"render",value:function(){var e=this,t=Object.keys(this.unreadCounts).reduce((function(t,a){return t+e.unreadCounts[a]}),0);return(0,d.h)(d.H,null,(0,d.h)("div",{class:"chat-scope-selector"},this.showParticipantsPanel&&(0,d.h)("div",{class:"participants-container"},(0,d.h)("div",{class:"search",part:"search"},(0,d.h)("dyte-icon",{icon:this.iconPack.search,part:"search-icon"}),(0,d.h)("input",{type:"search",autocomplete:"off",placeholder:"Search",value:this.query,onInput:function(t){e.query=t.target.value},part:"search-input"})),(0,d.h)("ul",{class:"scope-list scrollbar"},""===this.query&&(0,d.h)("li",{class:"scope scope-special",onClick:function(){return e.onScopeClick("everyone")}},(0,d.h)("div",{class:"everyone-icon"},(0,d.h)("dyte-icon",{icon:this.iconPack.participants})),"Everyone",this.unreadCounts.everyone>0&&(0,d.h)("div",{class:"unread-count",part:"unread-count"},(0,d.h)("span",null,this.unreadCounts.everyone))),this.getGroups().map((function(t){var a=e.unreadCounts[(0,p.g)([e.selfUserId,t.userId])];return(0,d.h)("li",{class:"scope",onClick:function(){return e.onScopeClick(t)},key:t.userId},t.name,a>0&&(0,d.h)("div",{class:"unread-count",part:"unread-count"},(0,d.h)("span",null,a)))})))),(0,d.h)("button",{onClick:function(){return e.toggleParticipants()}},(0,d.h)("span",null,"".concat(this.t("To")," ").concat(this.getName()),"  ",t>0&&(0,d.h)("div",{class:"unread-count selector"},(0,d.h)("span",null,t))),(0,d.h)("dyte-icon",{icon:this.showParticipantsPanel?this.iconPack.chevron_up:this.iconPack.chevron_down}))))}}]),e}();x.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--dyte-scrollbar-color, rgb(var(--dyte-colors-background-600, 60 60 60)))\n    var(--dyte-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--dyte-space-1\\.5, 6px);width:var(--dyte-space-1\\.5, 6px);border-radius:9999px;background-color:var(--dyte-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--dyte-scrollbar-color, rgb(var(--dyte-colors-background-600, 60 60 60)))}:host{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--dyte-border-width-none, 0);border-style:none;padding:var(--dyte-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--dyte-colors-text-1000, 255 255 255));font-size:14px;cursor:pointer;height:var(--dyte-space-12, 48px)}

1.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button dyte-icon{height:var(--dyte-space-5, 20px);width:var(--dyte-space-5, 20px)}.chat-scope-selector .search{position:-webkit-sticky;position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--dyte-space-3, 12px);margin-right:var(--dyte-space-3, 12px);margin-top:var(--dyte-space-3, 12px);margin-bottom:var(--dyte-space-0, 0px)}.chat-scope-selector .search dyte-icon{margin-left:var(--dyte-space-2, 8px);margin-right:var(--dyte-space-2, 8px);height:var(--dyte-space-5, 20px);width:var(--dyte-space-5, 20px);color:rgb(var(--dyte-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--dyte-space-9, 36px);width:100%;padding-right:var(--dyte-space-2, 8px);border-width:var(--dyte-border-width-none, 0);border-style:none;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--dyte-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--dyte-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--dyte-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--dyte-space-12, 48px);-webkit-animation:0.3s slide-down ease;animation:0.3s slide-down ease}@-webkit-keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--dyte-space-0, 0px);margin-bottom:var(--dyte-space-0, 0px);list-style-type:none;padding-left:var(--dyte-space-0, 0px);padding-right:var(--dyte-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--dyte-space-3, 12px);padding-right:var(--dyte-space-3, 12px);padding-top:var(--dyte-space-4, 16px);padding-bottom:var(--dyte-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--dyte-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>dyte-icon{height:var(--dyte-space-6, 24px);width:var(--dyte-space-6, 24px);color:rgb(var(--dyte-colors-text-1000, 255 255 255))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--dyte-space-2, 8px);height:var(--dyte-space-8, 32px);width:var(--dyte-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--dyte-space-2, 8px)}.unread-count{position:absolute;right:var(--dyte-space-3, 12px);box-sizing:border-box;padding:var(--dyte-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--dyte-colors-text-1000, 255 255 255));display:flex;height:var(--dyte-space-5, 20px);min-width:var(--dyte-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}dyte-avatar{height:var(--dyte-space-8, 32px);width:var(--dyte-space-8, 32px)}"},1463:function(e,t,a){a.d(t,{s:function(){return r}});var r=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];null!=e&&e.scrollTo({top:e.scrollHeight,behavior:t?"smooth":"auto"})}}}]);
2//# sourceMappingURL=813.4b1105ea.chunk.js.map