https://dyte-proc.netlify.app/static/js/874.8df15c61.chunk.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[874],{9220:function(e,t,i){var n;i.d(t,{R:function(){return n}}),function(e){e.REQUEST_RECEIVED="REQUEST_RECEIVED",e.REQUEST_SENT="REQUEST_SENT",e.INCOMING_REQUEST_ACCEPTED="INCOMING_REQUEST_ACCEPTED",e.OUTGOING_REQUEST_ACCEPTED="OUTGOING_REQUEST_ACCEPTED",e.INCOMING_REQUEST_ENDED="INCOMING_REQUEST_ENDED",e.OUTGOING_REQUEST_ENDED="OUTGOING_REQUEST_ENDED"}(n||(n={}))},874:function(e,t,i){i.r(t),i.d(t,{dyte_screenshare_view:function(){return d}});var n=i(5671),o=i(3144),a=i(2304),r=i(5855),s=i(7622),l=i(9220),c=i(6107),d=function(){function e(t){var i=this;(0,n.Z)(this,e),(0,a.r)(this,t),this.stateUpdate=(0,a.c)(this,"dyteStateUpdate",7),this.fullScreenListener=function(){i.isFullScreen=(0,c.i)()},this.onRemoteUpdate=function(e){var t,n,o=e.payload,a=e.type,r="";if(a===l.R.INCOMING_REQUEST_ACCEPTED){var s=i.meeting.participants.joined.get(o.request.remotePeerId);r="".concat(s.name," is controlling your screen.")}if(a===l.R.OUTGOING_REQUEST_ACCEPTED){var c=i.meeting.participants.joined.get(o.request.hostPeerId);r="You are controlling ".concat(c.name,"'s screen.")}a!==l.R.INCOMING_REQUEST_ENDED&&a!==l.R.OUTGOING_REQUEST_ENDED||(r=""),a!==l.R.REQUEST_RECEIVED||Boolean(null===(n=null===(t=i.meeting)||void 0===t?void 0:t.remote)||void 0===n?void 0:n.active)||i.stateUpdate.emit({activeRemoteAccessManager:!0}),i.remoteControlInfo=r},this.onMouseEvent=function(e){var t,n;i.shouldSkipEventTrigger()||(e.stopPropagation(),e.preventDefault(),null===(n=null===(t=i.meeting)||void 0===t?void 0:t.remote)||void 0===n||n.mouseEvent(e,i.videoEl))},this.onKeyDown=function(e){var t,n;i.shouldSkipEventTrigger()||null===(n=null===(t=i.meeting)||void 0===t?void 0:t.remote)||void 0===n||n.keyboardEvent(e)},this.toggleFullScreen=function(){i.isFullScreen?((0,c.e)(),i.isFullScreen=!1):((0,c.r)(i.host),i.isFullScreen=!0)},this.hideFullScreenButton=!1,this.nameTagPosition="bottom-left",this.participant=void 0,this.meeting=void 0,this.variant="solid",this.size=void 0,this.iconPack=r.d,this.t=(0,s.u)(),this.videoExpanded=!1,this.screenShareEnabled=!1,this.isFullScreen=!1,this.remoteControlInfo=void 0}return(0,o.Z)(e,[{key:"connectedCallback",value:function(){null===window||void 0===window||window.addEventListener("fullscreenchange",this.fullScreenListener),null===window||void 0===window||window.addEventListener("webkitfullscreenchange",this.fullScreenListener)}},{key:"componentDidLoad",value:function(){this.participantChanged(this.participant)}},{key:"disconnectedCallback",value:function(){var e,t,i;this.screenShareListener&&(null===(e=this.participant)||void 0===e||e.removeListener("screenShareUpdate",this.screenShareListener)),null===(i=null===(t=this.meeting)||void 0===t?void 0:t.remote)||void 0===i||i.removeListener("remoteUpdate",this.onRemoteUpdate),null===window||void 0===window||window.removeEventListener("fullscreenchange",this.fullScreenListener),null===window||void 0===window||window.removeEventListener("webkitfullscreenchange",this.fullScreenListener)}},{key:"participantChanged",value:function(e){var t,i,n,o,r,s=this;null!=e&&(this.screenShareListener=function(e){var t=e.screenShareEnabled,i=e.screenShareTracks,n=t&&null!=i.video;if((0,a.w)((function(){s.screenShareEnabled=n})),n){var o=new MediaStream;o.addTrack(i.video),null!=s.videoEl&&(s.videoEl.srcObject=o,s.videoEl.play())}else null!=s.videoEl&&(s.videoEl.srcObject=void 0)},this.screenShareListener(e),Boolean(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.remote)||void 0===i?void 0:i.active)&&[this.meeting.remote.active.hostPeerId,this.meeting.remote.active.remotePeerId].includes(null===e||void 0===e?void 0:e.id)&&this.onRemoteUpdate({payload:{request:this.meeting.remote.active},type:(null===(n=this.meeting.remote.active)||void 0===n?void 0:n.hostPeerId)===this.meeting.self.id?"INCOMING_REQUEST_ACCEPTED":"OUTGOING_REQUEST_ACCEPTED"}),e.addListener("screenShareUpdate",this.screenShareListener),null===(r=null===(o=this.meeting)||void 0===o?void 0:o.remote)||void 0===r||r.addListener("remoteUpdate",this.onRemoteUpdate))}},{key:"shouldSkipEventTrigger",value:function(){var e,t,i;return null==this.meeting||null==this.participant||(!Boolean(null===(e=this.meeting.remote)||void 0===e?void 0:e.active)||!Boolean(this.meeting.participants.joined.get(null===(t=this.meeting.remote)||void 0===t?void 0:t.active.hostPeerId))||(null===(i=this.meeting.remote)||void 0===i?void 0:i.active.hostPeerId)!=this.participant.id)}},{key:"render",value:function(){var e,t,i,n,o,r,s,l,d=this,u=(null===(e=this.participant)||void 0===e?void 0:e.id)===(null===(t=this.meeting)||void 0===t?void 0:t.self.id),h=this.isFullScreen?this.t("Exit Fullscreen"):this.t("Fullscreen Screen Share"),p=this.isFullScreen?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize;return(0,a.h)(a.H,{class:{isSelf:u}},Boolean((null===(n=null===(i=this.meeting)||void 0===i?void 0:i.remote)||void 0===n?void 0:n.active)&&this.remoteControlInfo)&&(0,a.h)("div",{id:"remote-control-self",key:"remote-control-self"},(0,a.h)("p",{class:"remote-control-message"},this.remoteControlInfo),(0,a.h)("dyte-button",{onClick:function(){var e;return null===(e=d.meeting.remote)||void 0===e?void 0:e.endControl()},iconPack:this.iconPack,t:this.t},(null===(r=null===(o=this.meeting.remote)||void 0===o?void 0:o.active)||void 0===r?void 0:r.hostPeerId)===this.meeting.self.id?"Revoke access":"Stop")),(0,a.h)("div",{key:"video-container",id:"video-container",class:{expand:this.videoExpanded},contentEditable:Boolean(null===(s=this.meeting.remote)||void 0===s?void 0:s.active),onKeyDown:this.onKeyDown},(0,a.h)("video",{ref:function(e){return d.videoEl=e},class:{visible:this.screenShareEnabled,"fit-in-container":this.participant.supportsRemoteControl}

1,playsInline:!0,autoPlay:!0,muted:!0,id:"screen-share-video-".concat(this.participant.id),onMouseMove:this.onMouseEvent,onClick:this.onMouseEvent,onContextMenu:this.onMouseEvent})),(0,a.h)("div",{id:"controls",key:"controls"},!this.hideFullScreenButton&&!u&&(0,c.a)()&&(0,a.h)("dyte-tooltip",{label:h,iconPack:this.iconPack,t:this.t},(0,a.h)("dyte-button",{id:"full-screen-btn",kind:"icon",onClick:this.toggleFullScreen,title:h,iconPack:this.iconPack,t:this.t},(0,a.h)("dyte-icon",{icon:p,"aria-hidden":!0,tabIndex:-1,iconPack:this.iconPack,t:this.t}))),!0===(null===(l=this.participant)||void 0===l?void 0:l.supportsRemoteControl)&&(0,a.h)("dyte-menu",{id:"menu",key:"menu",iconPack:this.iconPack,t:this.t},(0,a.h)("dyte-button",{variant:"secondary",kind:"icon",slot:"trigger",iconPack:this.iconPack,t:this.t},(0,a.h)("dyte-icon",{icon:this.iconPack.more_vertical,iconPack:this.iconPack,t:this.t})),(0,a.h)("dyte-menu-list",{iconPack:this.iconPack,t:this.t},!u&&(0,a.h)("dyte-menu-item",{style:{cursor:this.participant.supportsRemoteControl?"pointer":"not-allowed"},iconPack:this.iconPack,t:this.t,onClick:function(){var e,t;(null===(e=d.participant)||void 0===e?void 0:e.supportsRemoteControl)&&(null===(t=d.meeting.remote)||void 0===t||t.requestControl(d.participant.id))}},"Request remote control"),u&&(0,a.h)("dyte-menu-item",{iconPack:this.iconPack,t:this.t,onClick:function(){return d.stateUpdate.emit({activeRemoteAccessManager:!0})}},"Manage remote control requests")))),u&&(0,a.h)("div",{id:"self-message",key:"self-message"},(0,a.h)("h3",null,this.t("Your screen is being shared")),(0,a.h)("div",{class:"actions"},null!=this.meeting&&(0,a.h)("dyte-button",{variant:"danger",onClick:function(){d.meeting.self.disableScreenShare()},iconPack:this.iconPack,t:this.t},(0,a.h)("dyte-icon",{icon:this.iconPack.share_screen_stop,slot:"start",iconPack:this.iconPack,t:this.t}),this.t("share_screen_stop")),(0,a.h)("dyte-button",{variant:"secondary",id:"expand-btn",iconPack:this.iconPack,t:this.t,onClick:function(){d.videoExpanded=!d.videoExpanded}},(0,a.h)("dyte-icon",{icon:this.videoExpanded?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize,slot:"start",iconPack:this.iconPack,t:this.t}),this.videoExpanded?this.t("Minimize Preview"):this.t("Expand Preview")))),(0,a.h)("slot",null))}},{key:"host",get:function(){return(0,a.g)(this)}}],[{key:"watchers",get:function(){return{participant:["participantChanged"]}}}]),e}();d.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif);height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--dyte-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}::slotted(dyte-name-tag){position:absolute;left:var(--dyte-space-3, 12px);bottom:var(--dyte-space-3, 12px);opacity:0.8}#video-container{position:absolute;display:block;height:100%;width:100%}#video-container .fit-in-container{-o-object-fit:fill;object-fit:fill}video{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}:host([variant='gradient']) ::slotted(dyte-audio-visualizer){position:absolute;top:var(--dyte-space-2, 8px);right:var(--dyte-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--dyte-space-2, 8px)}:host([variant='gradient']) ::slotted(dyte-name-tag){bottom:var(--dyte-space-0, 0px);left:var(--dyte-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--dyte-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--dyte-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}:host([size='sm'][variant='gradient']) ::slotted(dyte-audio-visualizer){height:var(--dyte-space-5, 20px);width:var(--dyte-space-5, 20px)}video.visible{-webkit-animation:video-fadein 0.4s ease;animation:video-fadein 0.4s ease}#controls{display:none;position:absolute;top:var(--dyte-space-3, 12px);right:var(--dyte-space-3, 12px);align-items:center;justify-content:flex-end;

1gap:var(--dyte-space-2, 8px)}:host(:hover) #controls,:host(:active) #controls,:host(:focus-visible) #controls{display:flex}#full-screen-btn{--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin-top:var(--dyte-space-10, 40px);margin-bottom:var(--dyte-space-6, 24px);text-align:center;font-size:20px;font-weight:500}:host([size='sm']) h3{font-size:16px}#self-message{padding-left:var(--dyte-space-4, 16px);padding-right:var(--dyte-space-4, 16px)}:host(.isSelf) #self-view{flex:1 1 0%}:host(.isSelf) #video-container{position:static;aspect-ratio:auto;height:auto;width:50%;max-width:var(--dyte-space-96, 384px);border-radius:var(--dyte-border-radius-md, 8px);transition:0.6s ease}:host(.isSelf) #video-container.expand{width:60%;max-width:100%}.actions{display:flex;align-items:center;justify-content:center;gap:var(--dyte-space-2, 8px)}:host([size='sm'].isSelf) #video-container,:host([size='md'].isSelf) #video-container,:host([size='sm'].isSelf) #expand-btn,:host([size='md'].isSelf) #expand-btn{display:none}p{margin:var(--dyte-space-0, 0px);padding:var(--dyte-space-0, 0px)}.remote-control{z-index:10;height:100%;max-height:100%;flex:0 1 auto}#remote-control-self{position:absolute;top:var(--dyte-space-0, 0px);left:50%;z-index:10;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;box-sizing:border-box;display:flex;height:var(--dyte-space-8, 32px);align-items:center;overflow:hidden;border-radius:var(--dyte-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-warning, 255 205 7) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--dyte-colors-text-1000, 255 255 255));transform:translateX(-50%)}#remote-control-self p{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)}#remote-control-self dyte-button{height:100%;border-radius:var(--dyte-border-radius-none, 0);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-danger, 255 45 45) / var(--tw-bg-opacity));font-size:12px}:host([size='sm']) #remote-control-self{height:auto;flex-direction:column}:host([size='sm']) #remote-control-self dyte-button{width:100%;padding-top:var(--dyte-space-1, 4px);padding-bottom:var(--dyte-space-1, 4px)}:host([name-tag-position='bottom-right']) ::slotted(dyte-name-tag){left:auto;right:var(--dyte-space-3, 12px)}:host([name-tag-position='bottom-center']) ::slotted(dyte-name-tag){left:auto;right:auto}:host([name-tag-position='top-left']) ::slotted(dyte-name-tag){top:var(--dyte-space-3, 12px);bottom:auto}:host([name-tag-position='top-right']) ::slotted(dyte-name-tag){top:var(--dyte-space-3, 12px);right:var(--dyte-space-3, 12px);left:auto;bottom:auto}:host([name-tag-position='top-center']) ::slotted(dyte-name-tag){left:auto;right:auto;bottom:auto;top:var(--dyte-space-3, 12px)}@-webkit-keyframes video-fadein{0%{opacity:0;transform:scale(1.4) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes video-fadein{0%{opacity:0;transform:scale(1.4) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}::slotted(dyte-network-indicator){position:absolute;right:var(--dyte-space-3, 12px);bottom:var(--dyte-space-3, 12px)}"},6107:function(e,t,i){i.d(t,{a:function(){return r},e:function(){return o},i:function(){return a},r:function(){return n}});var n=function(e){null!=e&&(null!=e.requestFullscreen?e.requestFullscreen():null!=e.mozRequestFullScreen?e.mozRequestFullScreen():null!=e.webkitRequestFullscreen?e.webkitRequestFullscreen():null!=e.msRequestFullscreen&&e.msRequestFullscreen())},o=function(){null!=document.exitFullscreen?document.exitFullscreen():null!=document.mozExitFullScreen?document.mozExitFullScreen():null!=document.webkitExitFullscreen?document.webkitExitFullscreen():null!=document.msExitFullscreen&&document.msExitFullscreen()},a=function(){return null!=document.fullscreenElement||null!=document.webkitCurrentFullScreenElement},r=function(){return"undefined"!==typeof document&&(document.fullscreenEnabled||document.mozFullscreenEnabled||document.webkitFullscreenEnabled||document.msFullscreenEnabled)}}}]);
2//# sourceMappingURL=874.8df15c61.chunk.js.map