1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[261],{7261:function(e,n,t){t.r(n),t.d(n,{default:function(){return k}});var r=t(5666),o=t.n(r),a=t(5893),s=t(7294),c=t(461),i=t(9669),u=t.n(i),l=t(5152),d=t(4578);function p(e,n,t,r,o,a,s){try{var c=e[a](s),i=c.value}catch(u){return void t(u)}c.done?n(i):Promise.resolve(i).then(r,o)}function f(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function s(e){p(a,r,o,s,c,"next",e)}function c(e){p(a,r,o,s,c,"throw",e)}s(void 0)}))}}function m(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=[],r=!0,o=!1,a=void 0;try{for(var s,c=e[Symbol.iterator]();!(r=(s=c.next()).done)&&(t.push(s.value),!n||t.length!==n);r=!0);}catch(i){o=!0,a=i}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return t}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function h(e){return function(e){if(Array.isArray(e)){for(var n=0,t=new Array(e.length);n<e.length;n++)t[n]=e[n];return t}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var v=(0,l.default)(f(o().mark((function e(){var n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(221).then(t.bind(t,5221));case 2:return e.sent,e.next=5,t(1430);case 5:return n=e.sent,e.abrupt("return",n);case 7:case"end":return e.stop()}}),e)}))),{loadableGenerated:{webpack:function(){return[5221]},modules:["../Components/PlayGround/Vonage.js -> opentok-react"]},ssr:!1}),g=(0,l.default)(f(o().mark((function e(){var n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(221).then(t.bind(t,5221));case 2:return e.sent,e.next=5,t(1069);case 5:return n=e.sent,e.abrupt("return",n);case 7:case"end":return e.stop()}}),e)}))),{loadableGenerated:{webpack:function(){return[5221]},modules:["../Components/PlayGround/Vonage.js -> opentok-react"]},ssr:!1}),b=(0,l.default)(f(o().mark((function e(){var n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(221).then(t.bind(t,5221));case 2:return e.sent,e.next=5,t(6341);case 5:return n=e.sent,e.abrupt("return",n);case 7:case"end":return e.stop()}}),e)}))),{loadableGenerated:{webpack:function(){return[5221]},modules:["../Components/PlayGround/Vonage.js -> opentok-react"]},ssr:!1}),w=(0,l.default)(f(o().mark((function e(){var n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(221).then(t.bind(t,5221));case 2:return e.sent,e.next=5,t(6774);case 5:return n=e.sent,e.abrupt("return",n);case 7:case"end":return e.stop()}}),e)}))),{loadableGenerated:{webpack:function(){return[5221]},modules:["../Components/PlayGround/Vonage.js -> opentok-react"]},ssr:!1});function k(e){e.username;var n=e.handleToggle,t=m((0,c.Z)(["token"]),3),r=(t[0],t[1],t[2],m((0,c.Z)(["username"]),3)),o=r[0],i=(r[1],r[2],(0,s.useState)(null)),l=i[0],p=i[1],f=(0,s.useState)(null),k=f[0],x=f[1];(0,s.useEffect)((function(){u().post("https://codetogetherback.herokuapp.com/api/opentok-token/",{user_name:o.username,groupname:"shayan"}).then((function(e){console.log(e.data),p(e.data.session_id),x(e.data.token)})).catch((function(e){console.log(e)}))}),[]);var y=(0,s.useState)([]),j=(y[0],y[1],(0,s.useState)([])),E=j[0],C=(j[1],[]),A={streamCreated:function(e){console.log(e),console.log(e.stream.connection.data),C.push(e.stream.connection.data),console.log(C),document.getElementById("connected-users").innerHTML+='<li id="online-li" >\n <svg id="online-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />\n </svg>\n <span id="name">'.concat(e.stream.connection.data,"</span>\n </li>")},streamDestroyed:function(e){console.log("disc"),console.log(e.stream.connection.data),console.log(E);var n=h(E);console.log(n);for(var t=0;t<E.length;t++)E[t]===e.stream.connection.data&&n.splice(t,1);console.log(n),document.getElementById("connected-users").innerHTML="",n.forEac
1h((function(e){document.getElementById("connected-users").innerHTML+='\n <li id="online-li" >\n <svg id="online-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />\n </svg>\n <span id="name">'.concat(e,"</span>\n </li>\n ")}))}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex justify-between ",children:(0,a.jsx)("button",{className:"p-2 text-xl",onClick:function(){n()},children:(0,a.jsx)(d.ven,{})})}),(0,a.jsx)("ul",{className:"mb-3 mt-5 px-2",id:"connected-users"}),p&&k?(0,a.jsxs)("div",{className:"container",children:[E.map((function(e){return(0,a.jsx)("h1",{children:e})})),(0,a.jsxs)(g,{apiKey:"47411641",sessionId:l,token:k,eventHandlers:A,children:[(0,a.jsx)(v,{properties:{height:0,width:0,publishVideo:!1,audioFallbackEnabled:!1,disableAudioProcessing:!0,videoSource:void 0}}),(0,a.jsx)(b,{children:(0,a.jsx)(w,{properties:{height:0,width:0,subscribeToVideo:!1,publishVideo:!1,disableAudioProcessing:!0,audioFallbackEnabled:!1,videoSource:void 0}})})]})]}):""]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.