react-agora/dist/react-agora.cjs.production.min.js

A React wrapper for AgoraRTC Video.

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),r=e(require("agora-rtc-sdk-ng")),o=require("agora-access-token");function i(e,t,n,r,o,i,a){try{var c=e[i](a),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,o)}function a(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function c(e){i(a,r,o,c,u,"next",e)}function u(e){i(a,r,o,c,u,"throw",e)}c(void 0)}))}}var c,u=(function(e){var t=function(e){var t=Object.prototype,n=t.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",a=r.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=Object.create((t&&t.prototype instanceof d?t:d).prototype),i=new E(r||[]);return o._invoke=function(e,t,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return{value:void 0,done:!0}}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=y(a,n);if(c){if(c===s)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var u=l(e,t,n);if("normal"===u.type){if(r=n.done?"completed":"suspendedYield",u.arg===s)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r="completed",n.method="throw",n.arg=u.arg)}}}(e,n,i),o}function l(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var s={};function d(){}function h(){}function f(){}var g={};g[o]=function(){return this};var p=Object.getPrototypeOf,m=p&&p(p(B([])));m&&m!==t&&n.call(m,o)&&(g=m);var A=f.prototype=d.prototype=Object.create(g);function w(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function v(e,t){var r;this._invoke=function(o,i){function a(){return new t((function(r,a){!function r(o,i,a,c){var u=l(e[o],e,i);if("throw"!==u.type){var s=u.arg,d=s.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(d).then((function(e){s.value=e,a(s)}),(function(e){return r("throw",e,a,c)}))}c(u.arg)}(o,i,r,a)}))}return r=r?r.then(a,a):a()}}function y(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,y(e,t),"throw"===t.method))return s;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return s}var r=l(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,s;var o=r.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,s):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,s)}function b(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function I(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(b,this),this.reset(!0)}function B(e){if(e){var t=e[o];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function t(){for(;++r<e.length;)if(n.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return i.next=i}}return{next:G}}function G(){return{value:void 0,done:!0}}return h.prototype=A.constructor=f,f.constructor=h,h.displayName=c(f,a,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,f):(e.__proto__=f,c(e,a,"GeneratorFunction")),e.prototype=Object.create(A),e},e.awrap=function(e){return{__await:e}},w(v.prototype),v.prototype[i]=function(){return this},e.AsyncIterator=v,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var a=new v(u(t,n,r,o),i);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},w(A),c(A,a,"Generator"),A[o]=function(){return this},A.toString=function(){return"[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=B,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(I),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(n,r){return a.type="throw",a.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,s):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),s},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),I(n),s}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;I(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:B(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),s}},e}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}}(c={exports:{}}),c.exports),l=function(e,t,n,o,i){var c=this;this.localAudioTrack=null,this.localVideoTrack=null,this.localScreenTrack=null,this.activeStreamId=null,this.join=a(u.mark((function e(){var t;return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c.joined=!0,e.next=3,c.client.join(c.appId,c.channelId,c.token,c.userId);case 3:return e.next=5,r.createMicrophoneAudioTrack();case 5:return c.localAudioTrack=e.sent,e.next=8,r.createCameraVideoTrack();case 8:return c.localVideoTrack=e.sent,e.next=11,c.client.publish([c.localAudioTrack,c.localVideoTrack]);case 11:console.log("Logging client after publishing",c.client),(t=document.createElement("div")).id=c.userId.toString(),t.style.width="20vw",t.style.height="11.25vw",t.addEventListener("click",(function(){c.changeActiveStream(t.id)})),document.getElementsByClassName("agora-streams")[0].append(t),c.localVideoTrack.play(t);case 19:case"end":return e.stop()}}),e)}))),this.leave=a(u.mark((function e(){var t,n,r;return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c.joined=!1,null==(t=c.localAudioTrack)||t.close(),null==(n=c.localVideoTrack)||n.close(),(r=document.getElementById(c.userId.toString()))&&r.remove(),c.client.remoteUsers.forEach((function(e){var t=document.getElementById(e.uid.toString());t&&t.remove()})),e.next=8,c.client.leave();case 8:case"end":return e.stop()}}),e)}))),this.onUserPublished=function(){var e=a(u.mark((function e(t,n){var r,o;return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c.client.subscribe(t,n);case 2:"video"===n&&(r=t.videoTrack,(o=document.createElement("div")).id=t.uid.toString(),o.addEventListener("click",(function(){c.changeActiveStream(o.id)})),o.style.width="20vw",o.style.height="11.25vw",document.getElementsByClassName("agora-streams")[0].append(o),r.play(o)),"audio"===n&&t.audioTrack.play();case 4:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),this.startScreenShare=a(u.mark((function e(){var t,n,o;return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=s(c.appId,c.appCertificate,c.channelId,t=+c.userId+1e4),e.next=4,c.screenClient.join(c.appId,c.channelId,n,t);case 4:return e.next=6,r.createScreenVideoTrack({encoderConfig:"1080p_1"},"auto");case 6:return c.localScreenTrack=o=e.sent,e.next=10,c.screenClient.publish(o);case 10:return e.abrupt("return",o);case 11:case"end":return e.stop()}}),e)}))),this.stopScreenShare=a(u.mark((function e(){var t,n,r;return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c.screenClient.unpublish(c.localScreenTrack);case 2:return Array.isArray(c.localScreenTrack)?null==(t=c.localScreenTrack[0])||t.close():null==(n=c.localScreenTrack)||n.close(),(r=document.getElementById((c.userId+1e4).toString()))&&(null==r||r.remove()),e.next=7,c.screenClient.leave();case 7:case"end":return e.stop()}}),e)}))),this.onUserUnpublished=function(e){var t=document.getElementById(e.uid.toString());t&&t.remove()},this.toggleMuteSelf=function(){var e;null==(e=c.localAudioTrack)||e.setVolume(c.selfMuted?100:0),c.selfMuted=!c.selfMuted},this.changeActiveStream=function(e){var t=document.getElementsByClassName("agora-active-stream")[0];if(null==t||t.classList.remove("agora-active-stream"),c.activeStreamId!==e){var n=document.getElementById(e);null==n||n.classList.add("agora-active-stream"),c.activeStreamId=e}else c.activeStreamId=null},this.selfMuted=!1,this.joined=!1,this.appId=e,this.appCertificate=t,this.channelId=n,this.userId=o,this.token=i,this.client=r.createClient({mode:"rtc",codec:"vp8"}),this.screenClient=r.createClient({mode:"rtc",codec:"vp8"}),this.client.on("user-published",this.onUserPublished),this.client.on("user-unpublished",this.onUserUnpublished)},s=function(e,t,n,r){var i=Math.floor(Date.now()/1e3)+3600;try{return o.RtcTokenBuilder.buildTokenWithUid(e,t,n,r,o.RtcRole.PUBLISHER,i)}catch(e){return console.log(e),null}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".agora-container {\n  display: flex;\n  flex-direction: column;\n  margin: auto;\n  background-color: rgb(39, 39, 39);\n  padding: 2rem;\n}\n\n.agora-streams {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin: auto;\n  grid-auto-flow: row;\n}\n\n.agora-streams div {\n  cursor: pointer;\n  -webkit-order: 2;\n  order: 2;\n}\n\n.button {\n  width: fit-content;\n  border-radius: 10px;\n  padding: 10px 30px;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  font-weight: bold;\n  margin: auto;\n  border-radius: 30px;\n}\n\n.button img {\n  height: 2rem;\n  margin: auto;\n}\n\n.muted {\n  background-color: rgb(94, 94, 94);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.leave-btn {\n  color: white;\n  background-color: rgb(175, 48, 48);\n}\n\n.leave-btn img {\n  filter: invert();\n}\n\n.join-btn {\n  color: black;\n}\n\n.mute-btn {\n  margin: 10px auto;\n}\n\n.unmuted:hover {\n  background-color: rgb(175, 48, 48);\n}\n\n.agora-active-stream {\n  grid-column: 1 / 3;\n  grid-row: 1 / 3;\n  width: 40vw !important;\n  height: 22.5vw !important;\n  order: 1 !important;\n  -webkit-order: 1 !important;\n}\n\n.agora-util-buttons {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin: auto;\n  gap: 20px;\n}\n"),exports.VideoCall=function(e){var r=e.appId,o=e.appCertificate,i=e.userId,c=e.channelId,d=t.useState(),h=d[0],f=d[1],g=t.useState(!1),p=g[0],m=g[1],A=t.useState(!1),w=A[0],v=A[1];t.useEffect((function(){var e=new l(r,o,c,i,s(r,o,c,i));f(e)}),[r,i,c]),t.useEffect((function(){m(!1)}),[null==h?void 0:h.joined]);var y=function(){var e=a(u.mark((function e(){return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,I();case 3:return e.next=5,h.leave();case 5:m(!1);case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),b=function(){var e=a(u.mark((function e(){return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,h.join();case 3:m(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),I=function(){var e=a(u.mark((function e(){return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return v(!1),e.next=3,h.stopScreenShare();case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return t.useEffect((function(){m(!1)}),[null==h?void 0:h.selfMuted]),r&&o&&c&&i?h?n.createElement("div",{className:"agora-container"},n.createElement("div",{className:"agora-streams",style:{marginBottom:null!=h&&h.joined?"50px":"0"}}),n.createElement("div",{className:"agora-util-buttons"},h.joined?n.createElement("button",{disabled:p,className:"button leave-btn",onClick:y},n.createElement("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAADMElEQVR4nO3cO09UQRiH8ceNS+JHQPgKNnYWmniLiZfG2tYEAgWdlrR+HdHGXiQK2tpbaWKhi1watdglcs7OYefMmXfnPfL/JachuzO77xPYBQbgnwVgHdgB9oE/uirXPvAOWJvMytRl4GOhJ9rHaw9YTJp0hAUUI+XaBYYJ855p3cGT6+u1mjDvmXZqm7xk/CVMqpaALaqz2rbYaFTbZMlik//EMtVZ/cy9wYXJwvWPSTPTeQ1yLibdKYgzCuKMgjijIM4oiDMK4oyCOKMgziiIMwrijIK099x6g/rP+GW2ZxjOS0HSnETJ6mLuBc+RF8Cl3Ivq9yHO6EXdGQVxRkGcUZB4V4A3wGvgquVGetsb5/RhwhFw3WojBYnzheqczKIoSJynTM9qBNzIvZGCxNsAflOd1y/gZs5NFKSdpii3cm2gIO2ZRlGQNGZRFCSdSRQF6aYpyu3UBRWku6xRFCSPbFEUJJ+mKHfaLKIgeYWiHNAiioLk1ymKgthIjqIgdkJRjoAHZ91JQWy1jqIg9lpFUZD5aIrysH5DBZmfqCgKMl+hKMfAo5MblA7yBPgWeBzn7ToE7pU+SjoEfmBwRranDkqfyxqgL5MVpYMcMz7N8bXw4/DgCHgM5V9DzpsNpmdeeaelIPMzMwaBG4iNphhT360riL3oGARuKHmFYhwAd5vuoCB2mmKc+TsRBbGRFIPAnaS75BgE7ijdhGK0OnmiIPk0xWh1NktB8sgSg8Ai0l5TjKRD1wrSTdYYBBaTeNljEFhQ4pjEILCozGYWg8DCcramGNn+EldB4pnHILCBhK0xPSv944BChow/E+ox9K81ChkA35lDDFCQWPeBz8An4JrVJqUPyklN6XNZUqMgziiIMwrSzabFonqXlWYTo3kpSHsnMRTEgdMxss9L34e0Zzovvag7oyDOKIgzCuKMgjijIM4oiDMK4oyCOKMgziiIMwPGJyhOWy7xQHqiPpv67LLYofrTyy1gyWKjnlsGXlGd1bbFRqETebrirpWEec+0AOw5eHJ9u94zPtFoYhHYdfAk+3J9mMzM1BBYBd4yfrEq/aS9XaPJbFYw/Mz4C695iL6eZXMDAAAAAElFTkSuQmCC",alt:"Leave"})):n.createElement("button",{disabled:p,className:"button join-btn",onClick:b},"Join"),h.joined&&n.createElement("button",{disabled:p,onClick:function(){m(!0),h.toggleMuteSelf()},className:"button mute-btn "+(h.selfMuted?"muted":"unmuted")},n.createElement("img",{src:h.selfMuted?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTE2VDAyOjA2OjMzKzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0xNlQwMjoyODo0NCswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNy0xNlQwMjoyODo0NCswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNzUyZjIxNi03NTQwLTQxNGEtOGRhMy1iNjU3ZGZhNGYwNjQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjMmY1MTk2Ny1kNTk1LTYxNGEtYWVlOC1hZDZjYjJhYzJlNTQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMmI0MGM4OC00MjJmLTEwNGEtYmI1ZC0yNjRhNzY5NDlhZWEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyYjQwYzg4LTQyMmYtMTA0YS1iYjVkLTI2NGE3Njk0OWFlYSIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0xNlQwMjowNjozMyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzUyZjIxNi03NTQwLTQxNGEtOGRhMy1iNjU3ZGZhNGYwNjQiIHN0RXZ0OndoZW49IjIwMjEtMDctMTZUMDI6Mjg6NDQrMDU6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NfhcGAAAH7ElEQVR42u1cC2wUVRQtvwKKEEEjlIJoRBKsRUpKRIomEBFlKYUU/ERBEj/hUwooCv6CEUQjBGNMA5GKYIOypfy05aeCklTQCGpoChTkD4K00G6B0t94b7yN6/PNvLfbfUunc19yQrOz83bmnOG+++69c2Msy4phXD8wCSwAC8BgAVgABgvQNLEmIWEFYCagBQsQffKfAViEbwE9vC5AT0AGYAvgAKCScIA+mwboESHy7wCUBwmA2OVVAboDlgFqLfWoA/gBvRpBfitAoUD+VUCi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":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAAEdUlEQVR4nO2dXYhVVRTHf6M2jpIooqDOTcIPfK2HgkrCUCFtsunBJ8HoKfzIohcxEAoafFZCGAIR7aXwxUiNCIoelOoh8qUi86M0SZtynOoh58OHdW8Ow9yz9rn37LP2ua4fLBhmz157rf0/d3+cc/YdcBzHcRzHcRznfqPLOoCcLAdeAJ4DHgZq9d9fBS4DHwMngV9NoutgeoFBYBSYUGwM+BARyCmAfmAEveOn2m1gi0G8HcVryBWdt/Mnfxr2lB51h9BPe50/WQT/JOSkRmvDTtZwtKzUDCrOEYrr/Ia9V2oGFWY5YaudvDbKvWVrMsywDmAa+oGZEfzORPYQSZGiAJsi+t4c0XdLpCjAqoi+V0b03TEUufqZaiMl5hFEiveCJiL7TyrnFIeg+woXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwBgXwJhYAswFDgBXgH+As8i5rhBivjwV6rsPOIfEfgUYQHKqBLOAL5j+zbTtAfV/bFK3CPshoP2XmtT9vJ5b8rxM8w74C+hR6p/JqN+unVLa7gFuZdQPuYByEWMIWpdRtgDYoNTXOqkdNN8bgfkZ5c8UGAsQR4AxpfxJpfxkgI9WGAU+Uv7mKaV8vKBY/ieGAOeV8qxPCMgh66MFxTKZI8iB7iy0K1zLLQnWkj0OjwFLFR+9yMG6osb+4YA2a8gVnuXnCTX7BHiA7IlsAtgX4GcTxZwVGwOeD2hvv+LnVj23SnCC7GQuA90BfvbQ/kHtVwPamY0MfVm+Pgjwkwxb0TtnR6CvLbQ2HA0jG6oQdgf4ezHQVxJ0AzfJTuhP4KFAf4uBg8AdxWfjqj+GPuY36AWGFJ+/U6Hhp8EAemedId+RoRqwCzgNfI/cWhip/3wK2Em+s8BdwKcBcb6dw2cyLEbupWjJhYzRsXg9I66G/Q0ssgqwXd5BT3AU2GYQWx9hQ9pbBrEVxoPI5kdL8g4ycZdFH/BvQFy/UKG7oM3oI2zV8h8yJMQ8RtoFvFFvS4tnHHg2YiylMkj48vETYEmEGJYRNuE27HCEGMzoAb4iPPmbyGonZLOm0Y1M9H/kaP8csjnrKHqRHXBoJzTG4H31unmpAW+i73Cn2iXC9xBtU/ax/dXAl+QfYsaBb5CnUl8DF4Br3HvEOA8RaTXwOHJX8zHy53cdeLruv2NZAfxEvquyDLsIrImYd1IsJd+cENvOEmfiT5rZwLvo9+Bj2jhwiGIm+8qyEZn4yu78n4H1JeRXCeYCe9Ef5BRhI8jthTmlZFYxFiJLx98ovuOvIUvahaVlU2FmIV+w9z76c4UsuwEcRx5vJvlSVVJf39WEGcAjyLr+UeAV5e8HgW+R/cJ3RHiVpEiqIMBUJpTySuXkb0cb4wIY4wIY4wIY4wIY4wIY4wIYU0UBss55DZcWRUFUUYDPWixzCmIN07/LOYQ8knRKoIb8t7zhup3AO99xHMdxHMdxHMdxHMdJnLsDaT7BoaMAJQAAAABJRU5ErkJggg==",alt:h.selfMuted?"Unmute":"Mute"})),h.joined&&(w?n.createElement("button",{className:"button",onClick:I},"Stop screen share"):n.createElement("button",{className:"button",onClick:function(){v(!0),h.startScreenShare().then((function(e){Array.isArray(e)?e[0].on("track-ended",a(u.mark((function e(){return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,I();case 2:case"end":return e.stop()}}),e)})))):e.on("track-ended",a(u.mark((function e(){return u.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,I();case 2:case"end":return e.stop()}}),e)}))))})).catch()}},"Share screen")))):null:n.createElement("div",null,"Incorrect config. Please verify that you provided all of these: appId, appCertificate, channelId, userId.")};
//# sourceMappingURL=react-agora.cjs.production.min.js.map