https://dyte-multi-faces.netlify.app/static/js/9361.c330890d.chunk.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[9361],{9361:function(e,t,i){i.r(t),i.d(t,{dyte_participant_tile:function(){return p}});var n=i(4942),o=i(5671),a=i(3144),r=i(2304),s=i(2274),d=i(5855),u=i(7622),c=i(1723),l=i(5542),v=i(2725),p=(i(4130),i(5231),function(){function e(t){var i=this;(0,o.Z)(this,e),(0,r.r)(this,t),this.onVideoUpdate=function(e){i.videoState=e,null!=i.participant&&(e.videoEnabled?c.s.enableSource(i.participant.id):c.s.disableSource(i.participant.id))},this.onPinned=function(e){var t=e.isPinned;i.isPinned=t},this.isSelf=function(){var e;return i.isPreview||i.participant.id===(null===(e=i.meeting)||void 0===e?void 0:e.self.id)},this.videoState=void 0,this.isPinned=!1,this.nameTagPosition="bottom-left",this.isPreview=!1,this.participant=void 0,this.meeting=void 0,this.states=void 0,this.config=v.d,this.variant="solid",this.size=void 0,this.iconPack=d.d,this.t=(0,u.u)()}return(0,a.Z)(e,[{key:"onVideoRef",value:function(e){this.videoEl=e,this.isPreview||null==this.participant||(c.s.addSource(this.participant.id,this.videoEl,this.participant.videoEnabled),this.participant.videoEnabled&&c.s.enableSource(this.participant.id))}},{key:"connectedCallback",value:function(){this.participantsChanged(this.participant)}},{key:"componentDidLoad",value:function(){this.videoStateChanged(this.videoState)}},{key:"disconnectedCallback",value:function(){this.playTimeout&&clearTimeout(this.playTimeout),null!=this.participant&&(this.participant.removeListener("videoUpdate",this.onVideoUpdate),this.participant.removeListener("pinned",this.onPinned),this.participant.removeListener("unpinned",this.onPinned),c.s.removeSource(this.participant.id))}},{key:"participantsChanged",value:function(e){null!=e&&(this.videoState={videoEnabled:e.videoEnabled,videoTrack:e.videoTrack},this.isPinned=e.isPinned,e.addListener("videoUpdate",this.onVideoUpdate),e.addListener("pinned",this.onPinned),e.addListener("unpinned",this.onPinned))}},{key:"videoStateChanged",value:function(e){var t,i=this;if(null!=e&&null!=this.videoEl)if(e.videoEnabled){(null===(t=this.meeting)||void 0===t?void 0:t.__internals__.features.hasFeature(l.F.LOG_PLAYING_FAILURES))&&(this.playTimeout&&clearTimeout(this.playTimeout),this.playTimeout=setTimeout((function(){var e;null===(e=i.meeting)||void 0===e||e.__internals__.logger.log("dyte-participant-tile::playing_timeout")}),6e3));var n=new MediaStream;if(null==e.videoTrack)return;n.addTrack(e.videoTrack),this.videoEl.srcObject=n}else this.playTimeout&&clearTimeout(this.playTimeout),this.videoEl.srcObject=void 0}},{key:"isMirrored",value:function(){var e;if(null!=this.participant&&this.isSelf()){var t=this.states||s.s,i=null===(e=null===t||void 0===t?void 0:t.prefs)||void 0===e?void 0:e.mirrorVideo;if("boolean"===typeof i)return i}return!1}},{key:"render",value:function(){var e,t,i,o,a=this;return(0,r.h)(r.H,null,(0,r.h)("video",{ref:function(e){return a.onVideoRef(e)},class:(0,n.Z)({visible:null===(e=this.videoState)||void 0===e?void 0:e.videoEnabled,mirror:this.isMirrored()},null!==(o=null===(i=null===(t=this.config)||void 0===t?void 0:t.config)||void 0===i?void 0:i.videoFit)&&void 0!==o?o:"cover",!0),onPlaying:function(){a.playTimeout&&clearTimeout(a.playTimeout)},onPause:function(e){var t,i;a.isSelf()&&(null===(t=a.meeting)||void 0===t?void 0:t.__internals__.features.hasFeature(l.F.PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE))&&(a.meeting.__internals__.logger.warn("Video player paused for ".concat(a.participant.id," isSelf: ").concat(a.isSelf())),null===(i=null===e||void 0===e?void 0:e.target)||void 0===i||i.play())},autoPlay:!0,playsInline:!0,muted:!0}),this.isPinned&&(0,r.h)("dyte-icon",{class:"pinned-icon",icon:this.iconPack.pin,"aria-label":this.t("Pinned"),iconPack:this.iconPack,t:this.t}),(0,r.h)("slot",null))}}],[{key:"watchers",get:function(){return{participant:["participantsChanged"],videoState:["videoStateChanged"]}}}]),e}());p.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif);position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--dyte-space-56, 224px);overflow:hidden;border-radius:var(--dyte-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--dyte-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--dyte-transition-property:none}}::slotted(dyte-name-tag){position:absolute;

1left:var(--dyte-space-3, 12px);bottom:var(--dyte-space-3, 12px)}:host([size='sm'][variant='solid']) ::slotted(dyte-name-tag){left:var(--dyte-space-2, 8px);bottom:var(--dyte-space-2, 8px);height:var(--dyte-space-4, 16px)}::slotted(dyte-network-indicator){position:absolute;right:var(--dyte-space-3, 12px);bottom:var(--dyte-space-3, 12px)}:host([size='sm']) ::slotted(dyte-network-indicator){right:var(--dyte-space-2, 8px);bottom:var(--dyte-space-2, 8px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--dyte-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}.pinned-icon{position:absolute;left:var(--dyte-space-3, 12px);top:var(--dyte-space-3, 12px);height:var(--dyte-space-5, 20px);width:var(--dyte-space-5, 20px);padding:var(--dyte-space-1, 4px);border-radius:var(--dyte-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) .pinned-icon{top:var(--dyte-space-2, 8px);left:var(--dyte-space-2, 8px)}: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}video.mirror{transform:scaleX(-1)}: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)}"},5542:function(e,t,i){i.d(t,{F:function(){return o},i:function(){return a},u:function(){return r}});var n=i(5231),o={PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE:"play_participant_tile_video_on_pause",DISABLE_EMOJI_PICKER:"disable_emoji_picker",FEAT_PAGINATED_CHAT:"feat_paginated_chat",LOG_PLAYING_FAILURES:"log_playing_failures"},a=function(e){return e.connectedMeetings.supportsConnectedMeetings},r=function(e){var t;return(0,n.s)(e)||(null===(t=null===e||void 0===e?void 0:e.__internals__)||void 0===t?void 0:t.features.hasFeature("feat_paginated_chat"))}},5231:function(e,t,i){i.d(t,{P:function(){return n},a:function(){return r},b:function(){return l},c:function(){return c},d:function(){return o},e:function(){return d},f:function(){return u},i:function(){return a},s:function(){return s}});var n,o,a=function(e){return!!s(e)&&("LIVESTREAM"===e.meta.viewType&&"ON_STAGE"!==e.stage.status)},r=function(e){var t;return!!s(e)&&("LIVESTREAM"===e.meta.viewType&&(null===(t=null===e||void 0===e?void 0:e.self)||void 0===t?void 0:t.permissions.canLivestream))},s=function(e){var t;return(null===(t=null===e||void 0===e?void 0:e.self)||void 0===t?void 0:t.permissions.isV2)&&(null===e||void 0===e?void 0:e.livestream)};!function(e){e.BUFFERING="Buffering",e.ENDED="Ended",e.IDLE="Idle",e.PLAYING="Playing",e.READY="Ready"}(n||(n={})),function(e){e.INITIALIZED="PlayerInitialized",e.QUALITY_CHANGED="PlayerQualityChanged",e.DURATION_CHANGED="PlayerDurationChanged",e.VOLUME_CHANGED="PlayerVolumeChanged",e.MUTED_CHANGED="PlayerMutedChanged",e.PLAYBACK_RATE_CHANGED="PlayerPlaybackRateChanged",e.REBUFFERING="PlayerRebuffering",e.AUDIO_BLOCKED="PlayerAudioBlocked",e.PLAYBACK_BLOCKED="PlayerPlaybackBlocked",e.ERROR="PlayerError",e.RECOVERABLE_ERROR="PlayerRecoverableError",e.ANALYTICS_EVENT="PlayerAnalyticsEvent",e.TIME_UPDATE="PlayerTimeUpdate",e.BUFFER_UPDATE="PlayerBufferUpdate",e.SEEK_COMPLETED="PlayerSeekCompleted",e.SESSION_DATA="PlayerSessionData",e.STATE_CHANGED="PlayerStateChanged",e.WORKER_ERROR="PlayerWorkerError",e.METADATA="PlayerMetadata",e.TEXT_CUE="PlayerTextCue",e.TEXT_METADATA_CUE="PlayerTextMetadataCue",e.AD_CUE="PlayerAdCue",e.STREAM_SOURCE_CUE="PlayerStreamSourceCue",e.NETWORK_UNAVAILABLE="PlayerNetworkUnavailable",e.SEGMENT_DISCONTINUITY="PlayerSegmentDiscontinuity",e.SEGMENT_METADATA="PlayerSegmentMetadata",e.PLAYER_METADATA="PlayerMetadata"}(o||(o={}));var d=[o.TIME_UPDATE,o.BUFFER_UPDATE,o.TEXT_METADATA_CUE,o.PLAYER_METADATA],u=[o.REBUFFERING,o.AUDIO_BLOCKED,o.PLAYBACK_BLOCKED,o.ERROR,o.RECOVERABLE_ERROR,o.WORKER_ERROR,o.NETWORK_UNAVAILABLE,o.ANALYTICS_EVENT,o.PLAYBACK_RATE_CHANGED,o.QUALITY_CHANGED,o.INITIALIZED],c=function(e){var t,i,n,o,a,r;return!!s(e)&&("ALLOWED"===(null===(i=null===(t=null===e||void 0===e?void 0:e.self)||void 0===t?void 0:t.permissions)||void 0===i?void 0:i.canProduceAudio)||"ALLOWED"===(null===(o=null===(n=null===e||void 0===e?void 0:e.self)||void 0===n?void 0:n.permissions)||void 0===o?void 0:o.canProduceScreenshare)||"ALLOWED"===(null===(r=null===(a=null===e||void 0===e?void 0:e.self)||void 0===a?void 0:a.permissions)||void 0===r?void 0:r.canProduceVideo))},l=function(e){var t,i,n,o,a,r,d,u;return!!s(e)&&("NOT_ALLOWED"!==(null===(i=null===(t=null===e||void 0===e?void 0:e.self)||void 0===t?void 0:t.permissions)||void 0===i?void 0:i.canProduceAudio)||"NOT_ALLOWED"!==(null===(o=null===(n=null===e||void 0===e?void 0:e.self)||void 0===n?void 0:n.permissions)||void 0===o?void 0:o.canProduceScreenshare)||"

1NOT_ALLOWED"!==(null===(r=null===(a=null===e||void 0===e?void 0:e.self)||void 0===a?void 0:a.permissions)||void 0===r?void 0:r.canProduceVideo)||(null===(u=null===(d=null===e||void 0===e?void 0:e.self)||void 0===d?void 0:d.permissions)||void 0===u?void 0:u.canLivestream))}},1723:function(e,t,i){i.d(t,{P:function(){return n},s:function(){return c}});var n,o=i(9439),a=i(5671),r=i(3144),s=720,d=1280,u=function(e,t,i,n,o,a){var r,s,d,u,c=o,l=a,v=Math.min(i/c,n/l),p=c*v,f=l*v,h=1;return p<i&&(h=i/p),Math.abs(h-1)<1e-14&&f<n&&(h=n/f),(r=.5*(c-(d=c/((p*=h)/i))))<0&&(r=0),(s=.5*(l-(u=l/((f*=h)/n))))<0&&(s=0),d>c&&(d=c),u>l&&(u=l),[r,s,d,u,e,t,i,n]};!function(e){e.CAMERA="CAMERA",e.MIC="MIC",e.END="END"}(n||(n={}));var c=new(function(){function e(){(0,a.Z)(this,e),this.tracks=[],this.sources=[],this.enabled=!1}return(0,r.Z)(e,[{key:"isSupported",value:function(){return!!window.chrome&&document.pictureInPictureEnabled}},{key:"cleanup",value:function(){this.isSupported()&&void 0!==document.exitPictureInPicture&&null!==document.pictureInPictureElement&&document.exitPictureInPicture(),this.canvas=void 0,this.video=void 0,this.tracks=[],this.request=void 0}},{key:"createCanvas",value:function(){var e=document.createElement("canvas");e.height=s,e.width=d,this.canvas=e}},{key:"setupEvents",value:function(e){void 0!==navigator.mediaSession&&void 0!==navigator.mediaSession.setCameraActive&&navigator.mediaSession.setActionHandler("hangup",(function(){e(n.END)}))}},{key:"mountAudioEvents",value:function(e){void 0!==navigator.mediaSession&&void 0!==navigator.mediaSession.setCameraActive&&navigator.mediaSession.setActionHandler("togglemicrophone",(function(){e(n.MIC)}))}},{key:"mountVideoEvents",value:function(e){void 0!==navigator.mediaSession&&void 0!==navigator.mediaSession.setCameraActive&&navigator.mediaSession.setActionHandler("togglecamera",(function(){e(n.CAMERA)}))}},{key:"unmountAudioEvents",value:function(){void 0!==navigator.mediaSession&&void 0!==navigator.mediaSession.setCameraActive&&navigator.mediaSession.setActionHandler("togglemicrophone",void 0)}},{key:"unmountVideoEvents",value:function(){void 0!==navigator.mediaSession&&void 0!==navigator.mediaSession.setCameraActive&&navigator.mediaSession.setActionHandler("togglecamera",void 0)}},{key:"drawGrid",value:function(e,t,i){if(void 0!==this.canvas){var n=this.canvas.getContext("2d");n.fillStyle="#000000",n.fillRect(0,0,d,s);for(var a=0,r=0;a<715;){for(var c=0;c<1275&&r<i;){var l=this.tracks[r],v=u(c,a,e,t,l.videoWidth,l.videoHeight),p=(0,o.Z)(v,8),f=p[0],h=p[1],y=p[2],g=p[3],m=p[4],E=p[5],A=p[6],P=p[7];n.drawImage(l,f,h,y,g,m,E,A,P),r+=1,c+=e}a+=t}}}},{key:"paintCanvas",value:function(){var e=this.tracks.length,t=function(e){switch(e){case 0:case 1:return[d,s];case 2:return[Math.floor(640),s];case 3:case 4:return[Math.floor(640),Math.floor(360)];default:return[Math.floor(426.6666666666667),Math.floor(360)]}}(e),i=(0,o.Z)(t,2),n=i[0],a=i[1];this.drawGrid(n,a,e)}},{key:"animate",value:function(){var e=this;void 0!==this.tracks&&this.paintCanvas(),void 0!==this.request&&(this.request=requestAnimationFrame((function(){return e.animate()})))}},{key:"create",value:function(e,t,i){var n=this;this.cleanup(),this.createCanvas(),this.setupEvents(i);var o=document.createElement("video");o.height=s,o.width=d,o.autoplay=!0,o.srcObject=this.canvas.captureStream(24),this.video=o,this.video.onloadedmetadata=function(){try{e(),n.video.onleavepictureinpicture=function(){t()}}catch(i){t(i.getMessage())}},this.paintCanvas()}},{key:"updateMediaSession",value:function(e,t){void 0!==navigator.mediaSession&&(e===n.CAMERA&&void 0!==navigator.mediaSession.setCameraActive&&navigator.mediaSession.setCameraActive(t),e===n.MIC&&void 0!==navigator.mediaSession.setMicrophoneActive&&navigator.mediaSession.setMicrophoneActive(t))}},{key:"updateVideoSources",value:function(){var e=Object.values(this.sources).filter((function(e){return e.enabled})),t=[];e.map((function(e){t.push(e.element)})),this.tracks=t}},{key:"enableSource",value:function(e){void 0!==this.sources[e]&&(this.sources[e].enabled=!0),this.updateVideoSources()}},{key:"disableSource",value:function(e){void 0!==this.sources[e]&&(this.sources[e].enabled=!1),this.updateVideoSources()}},{key:"addSource",value:function(e,t,i){this.sources[e]={element:t,enabled:i}}},{key:"removeSource",value:function(e){delete this.sources[e]}},{key:"removeAllSource",value:function(){this.sources=[]}},{key:"enable",value:function(){var e=this;this.enabled=!0,this.request=requestAnimationFrame((function(){return e.animate()})),this.video.requestPictureInPicture()}},{key:"disable",value:function(){this.enabled=!1,cancelAnimationFrame(this.request),this.request=void 0,document.exitPictureInPicture()}}]),e}())},2274:function(e,t,i){i.d(t,{o:function(){return l},s:function(){return c}});var n=i(7762),o=i(2304),a=function(e){return!("isConnected"in e)||e.isConnected},r=function(e,t){var i;return function(){for(var n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];i&&clearTimeout(i),i=setTimeout((function(){i=0,e.apply(void 0,o)}),t)}}((function(e){var t,i=(0,n.Z)(e.keys());try{for(i.s();!(t=i.n()).done;){var o=t.value;e.set(o,e.get(o).filter(a))}}catch(r){i.e(r)}finally{i.f()}}),2e3),s=function(e){return"function"===typeof e?e():e},d=function(e,t){var i=e.indexOf(t);i>=0&&(e[i]=e[e.length-1],e.length--)},u=function(e,t){var i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(e,t){return e!==t},i=s(e),n=new Map(Object.entries(null!==i&&void 0!==i?i:{})),o={dispose:[],get:[],set:[],reset:[]},a=function(){var t;n=new Map(Object.entries(null!==(t=s(e))&&void 0!==t?t:{})),o.reset.forEach((function(e){return e()}))},r=function(e){return o.get.forEach((function(t){return t(e)})),n.get(e)},u=function(e,i){var a=n.get(e);t(i,a,e)&&(n.set(e,i),o.set.forEach((function(t){return t(e,i,a)})))},c="undefined"===typeof Proxy?{}:new Proxy(i,{get:function(e,t){return r(t)},ownKeys:function(e){return Array.from(n.keys())},getOwnPropertyDescriptor:function(){return{enumerable:!0,configurable:!0}},has:function(e,t){return n.has(t)},set:function(e,t,i){return u(t,i),!0}}),l=function(e,t){return o[e].push(t),function(){d(o[e],t)}};return{state:c,get:r,set:u,on:l,onChange:function(t,i){var n=l("set",(function(e,n){e===t&&i(n)})),o=l("reset",(function(){return i(s(e)[t])}));return function(){n(),o()}},use:function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=t.reduce((function(e,t){return t.set&&e.push(l("set",t.set)),t.get&&e.push(l("get",t.get)),t.reset&&e.push(l("reset",t.reset)),t.dispose&&e.push(l("dispose",t.dispose)),e}),[]);

1return function(){return n.forEach((function(e){return e()}))}},dispose:function(){o.dispose.forEach((function(e){return e()})),a()},reset:a,forceUpdate:function(e){var t=n.get(e);o.set.forEach((function(i){return i(e,t,t)}))}}}(e,t);return i.use(function(){if("function"!==typeof o.a)return{};var e=new Map;return{dispose:function(){return e.clear()},get:function(t){var i=(0,o.a)();i&&function(e,t,i){var n=e.get(t);n?n.includes(i)||n.push(i):e.set(t,[i])}(e,t,i)},set:function(t){var i=e.get(t);i&&e.set(t,i.filter(o.f)),r(e)},reset:function(){e.forEach((function(e){return e.forEach(o.f)})),r(e)}}}()),i}({}),c=u.state,l=u.onChange}}]);
2//# sourceMappingURL=9361.c330890d.chunk.js.map