https://webinartv.us/static/js/23.fd388baa.chunk.js

1(this.webpackJsonptopwebinars=this.webpackJsonptopwebinars||[]).push([[23],{1165:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(6),s=n(1123);const r=Object(a.a)(s.a)`
2  position: absolute;
3  top: 50%;
4  left: 50%;
5  transform: translate(-50%, -50%);
6  p: 4;
7`},1169:function(e,t,n){"use strict";var a=n(2);t.a=e=>{let{items:t,resourceName:n,itemComponent:s,handler:r,handlerState:c,deleteSpeaker:o}=e;return Object(a.jsx)(a.Fragment,{children:t.map(((e,t)=>Object(a.jsx)(s,{index:t,[n]:e,handler:r,handlerState:c,deleteSpeaker:o},t)))})}},1171:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(1111),s=n(6);const r=Object(s.a)(a.a)`
8  background: none;
9  color: #000000;
10  text-transform: none;
11  animation: none;
12  font-size: 14px;
13`;Object(s.a)(a.a)`
14background: none;
15font-weight: 500;
16color: #000000;
17border: 1px solid #eff3f6;
18height: 34px !important;
19width: 34px !important;
20padding: 0 !important;
21`},1202:function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return l})),n.d(t,"a",(function(){return d}));var a=n(6),s=n(1136),r=n(1154),c=n(1072),o=n(315);const i=Object(a.a)(c.a)((e=>{let{theme:t}=e;return{[`&.${o.a.head}`]:{backgroundColor:"#fff",color:"#000000"},[`&.${o.a.body}`]:{fontSize:14},padding:"10px 26px 10px 26px",width:"33%"}})),l=Object(a.a)(s.a)((e=>{let{theme:t}=e;return{"&:nth-of-type(odd)":{backgroundColor:"#fafafa"},"&:last-child td, &:last-child th":{border:0},"& td, & th":{border:"none"}}})),d=Object(a.a)(r.a)`
22  box-shadow: none;
23  position: relative;
24  overflow-x: auto;
25`},1203:function(e,t,n){"use strict";var a=n(0),s=n(850),r=n(119),c=n(1112),o=n(1137),i=n(891),l=n.n(i),d=n(1165),j=n(324),b=n(2);t.a=e=>{let{dataType:t,pollData:n}=e;const[i,u]=Object(a.useState)(!1),{webinarId:p,topic:h}=Object(r.d)((e=>e.event.webinarEvent)),m=Object(r.d)((e=>e.user.firebaseToken)),O=Object(r.d)((e=>e.user.userData)),x=Object(r.d)((e=>e.event.messageHistory)),f=e=>{if(h){const t=h.replace(/\s+/g,"_");if("people"===e)return`${t}-attendees.csv`;if("chat"===e)return`${t}-chat.csv`;if("polls"===e)return`${t}-polls.csv`}},g=async()=>{const e=setTimeout((async()=>{const e={message:"HTTP request took over 10 seconds",name:"Activity: download CSV"};await Object(j.a)(e,`${p||null} fetchTransformEmails | ${null===e||void 0===e?void 0:e.message}`,O)}),1e4),t=`https://us-central1-webinarstvus.cloudfunctions.net/getAttendeeCsv?webinarId=${p}`,n={headers:{Authorization:`Bearer ${m}`,"Content-Type":"application/json"}};try{u(!0);let a=await s.a.get(t,n);if(clearTimeout(e),a&&a.data){const e=new Blob([a.data],{type:"text/csv"}),t=document.createElement("a");t.href=window.URL.createObjectURL(e),t.download=f("people"),document.body.appendChild(t),t.click(),document.body.removeChild(t)}}catch(a){clearTimeout(e),console.log(`Error getting event data: ${a}`),await Object(j.a)(a,`${p||null} fetchTransformEmails | ${null!==a&&void 0!==a&&a.message?a.message:a.toString()}`,O)}finally{u(!1)}};return Object(b.jsxs)(b.Fragment,{children:[Object(b.jsx)("button",{className:"ripple-button",style:{margin:"0px 0px 0px 8px",padding:"5px 5px"},onClick:async()=>{"messages"===t?(()=>{let e="data:text/csv;charset=utf-8,";if(e+="ID,Content,Deleted,Email,Name,Timestamp,Type\n",x&&x.length){x.forEach((t=>{let n;n=0===t.type?"chat":"question";const a=[t.id,`"${t.content.replace(/"/g,'""')}"`,t.deleted,t.email,`"${t.name.replace(/"/g,'""')}"`,new Date(t.timestamp).toISOString(),n].join(",");e+=a+"\n"}));const t=encodeURI(e),n=document.createElement("a");n.setAttribute("href",t),n.setAttribute("download",f("chat")),document.body.appendChild(n),n.click(),document.body.removeChild(n)}})():"emails"===t?await g():"polls"===t&&function(){let e="data:text/csv;charset=utf-8,";e+="ID,Question,Mandatory,Multiple Choice,Time to Complete,Total Answers";const t=n.reduce(((e,t)=>Math.max(e,t.options.length)),0);for(let n=1;n<=t;n++)e+=`,Option ${n},Result ${n}`;e+="\n",n.forEach((t=>{let n=`${t.id},"${t.question}",${t.mandatory},${t.multiple_choice},${t.timeToComplete},${t.totalAnswers}`;t.options.forEach(((e,a)=>{let s=t.results&&t.results[a]||0;n+=`,"${e}",${s}`})),e+=n+"\n"}));const a=encodeURI(e),s=document.createElement("a");s.setAttribute("href",a),s.setAttribute("download",f("polls")),document.body.appendChild(s),s.click(),document.body.removeChild(s)}()},children:Object(b.jsx)(l.a,{sx:{fontSize:"20px"}})}),Object(b.jsx)(c.a,{open:i,"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description",children:Object(b.jsx)(d.a,{children:Object(b.jsx)(o.a,{})})})]})}},1242:function(e,t,n){"use strict";n(0);var a=n(249),s=n(1130),r=n(2);const c=Object(a.a)(s.a)`
26  /* Customize the pagination component styles here */
27`;t.a=e=>{let{count:t,page:n,rowsPerPage:a,onPageChange:s,onRowsPerPageChange:o}=e;return Object(r.jsx)(r.Fragment,{children:Object(r.jsx)(c,{rowsPerPageOptions:[25,50,100,{label:"All",value:-1}],colSpan:4,count:t,rowsPerPage:a,page:n,onPageChange:s,onRowsPerPageChange:o,component:"div",SelectProps:{inputProps:{"aria-label":"rows per page"}}})})}},1462:function(e,t,n){"use strict";n.r(t);var a=n(0),s=n(850),r=n(858),c=n.n(r),o=n(18),i=n(119),l=n(1137),d=n(951),j=n.n(d),b=(n(195),n(500),n(1166)),u=n(1111),p=(n(1171),n(166)),h=n(2);var m=()=>{const e=Object(i.c)(),t=Object(i.d)((e=>e.event.joinedFilterType)),n=t=>{e(Object(p.m)(t))};return Object(a.useEffect)((()=>()=>{e(Object(p.m)("all"))}),[]),Object(h.jsx)(h.Fragment,{children:Object(h.jsxs)("div",{className:"people-button-container",children:[Object(h.jsx)(u.a,{sx:{borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",borderBottomRightRadius:"0",borderTopRightRadius:"0",textTransform:"none"},variant:"all"===t?"contained":"outlined",onClick:()=>n("all"),children:"Registered"}),Object(h.jsx)(u.a,{sx:{borderRadius:0,borderLeft:"none",borderRight:"none",textTransform:"none","&:hover":{borderLeft:"none",borderRight:"none"}},variant:"joined"===t?"contained":"outlined",onClick:()=>n("joined"),children:"Attended"}),Object(h.jsx)(u.a,{sx:{borderTopLeftRadius:"0",borderBottomLeftRadius:"0",borderBottomRightRadius:"8px",borderTopRightRadius:"8px",textTransform:"none"},variant:"not_joined"===t?"contained":"outlined",onClick:()=>n("not_joined"),children:"Missed"})]})})},O=n(1124),x=n(1134),f=n(1155),g=n(1136),v=n(1135),w=n(1202),y=n(1169),C=(n(88),n(1129)),S=n(1110);var T=e=>{let{listItems:t}=e;const{name:n,email:a,joined:s,duration:r,cta:c,pollAnswers:o}=t,l=Object(i.d)((e=>e.event.pollQuestionIndex));return Object(h.jsx)(h.Fragment,{children:Object(h.jsxs)(w.c,{children:[Object(h.jsx)(w.b,{align:"left",children:Object(h.jsxs)("div",{className:"person-name-email-avatar",children:[Object(h.jsx)(C.a,{children:null===n||void 0===n?void 0:n.slice(0,1).toUpperCase()}),Object(h.jsx)("div",{className:"person-name-email",children:Object(h.jsx)("span",{style:{color:"#000000"},children:n})})]})}),Object(h.jsx)(w.b,{align:"left",sx:{color:"#000000"},children:a}),Object(h.jsx)(w.b,{align:"center",sx:{color:"#000000"},children:r}),Object(h.jsx)(w.b,{align:"center",sx:{color:"#000000"},children:o&&o.length>0?(d=o[l||0],Array.isArray(d)?d.join(", "):d):""}),Object(h.jsx)(w.b,{align:"center",sx:{color:"#000000"},children:Object(h.jsx)(S.a,{checked:c,sx:{cursor:"default"}})})]},a)});var d},$=n(1242),I=n(194),P=n(1203);var R=()=>{const[e,t]=Object(a.useState)(0),[n,s]=Object(a.useState)(25),r=Object(i.d)((e=>e.event.peopleData||[])),c=Object(i.d)((e=>e.event.filteredPeople||[])),o=Object(i.d)((e=>e.event.peopleSearchQuery||"")),l=Object(i.d)((e=>e.event.joinedFilterType)),d=Object(i.c)();Object(a.useEffect)((()=>{let e=r.filter((e=>0===o.length||(null===e||void 0===e?void 0:e.name)&&(null===e||void 0===e?void 0:e.name.toLowerCase().includes(o.toLowerCase()))));return"joined"===l?e=e.filter((e=>!0===e.joined)):"not_joined"===l&&(e=e.filter((e=>!1===e.joined))),d(Object(p.j)(e)),()=>{d(Object(p.j)([]))}}),[r,o,l]);const j=-1===n?c:c.slice(e*n,e*n+n),b=()=>{const e=c.map((e=>e.email)).join(", ");navigator.clipboard.writeText(e),d(Object(I.m)({open:!0,message:"Emails Copied!"}))};return Object(h.jsx)(h.Fragment,{children:Object(h.jsxs)(w.a,{component:O.a,children:[Object(h.jsxs)(x.a,{"aria-label":"customized table",children:[Object(h.jsx)(f.a,{children:Object(h.jsxs)(g.a,{children:[Object(h.jsx)(w.b,{sx:{fontSize:"18px"},children:"Name"}),Object(h.jsx)(w.b,{sx:{fontSize:"18px"},align:"left",children:Object(h.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:["Email",Object(h.jsx)("button",{className:"ripple-button",style:{margin:"0px 0px 0px 8px",fontSize:"12px"},onClick:()=>b(),children:"Copy"}),Object(h.jsx)(P.a,{dataType:"emails"})]})}),Object(h.jsx)(w.b,{align:"center",style:{fontSize:"18px"},children:"Attended"}),Object(h.jsx)(w.b,{align:"center",style:{fontSize:"18px"},children:"Poll Answer"}),Object(h.jsx)(w.b,{align:"center",style:{fontSize:"18px"},children:"CTA Clicked"})]})}),Object(h.jsx)(v.a,{children:Object(h.jsx)(y.a,{items:j,resourceName:"listItems",itemComponent:T})})]}),Object(h.jsx)("div",{className:"pagination-container",children:Object(h.jsx)($.a,{count:c.length,page:e,rowsPerPage:n,onPageChange:(e,n)=>{t(n)},onRowsPerPageChange:e=>{s(parseInt(e.target.value,10)),t(0)}})})]})})},k=n(863),N=n.n(k);var A=()=>{const e=Object(i.d)((e=>e.event.filteredPeople||[])),t=Object(i.d)((e=>e.event.peopleSearchQuery)),n=Object(i.c)();return Object(a.useEffect)((()=>()=>{n(Object(p.s)(""))}),[n]),Object(h.jsx)(h.Fragment,{children:Object(h.jsxs)("div",{className:"search-webinars-container",style:{marginRight:"40px"},children:[Object(h.jsxs)("span",{className:"webinars-search-total",style:{marginLeft:"0px"},children:[e.length," People"]}),Object(h.jsxs)("div",{className:"search-container",children:[Object(h.jsx)("input",{className:"search-input",placeholder:"Type to search",type:"text",value:t,onChange:e=>n(Object(p.s)(e.target.value))}),Object(h.jsx)(N.a,{className:"search-icon"})]})]})})},E=n(1106),z=n(1141);var F=e=>{let{pollQuestions:t}=e;const n=Object(i.d)((e=>e.event.pollQuestionIndex||0)),a=Object(i.c)();return Object(h.jsx)(h.Fragment,{children:Object(h.jsx)("div",{children:Object(h.jsxs)(E.a,{value:n||"",onChange:e=>{const t=e.target.value;a(Object(p.t)(t))},displayEmpty:!0,sx:{maxWidth:"200px",minWidth:"200px",height:"40px",".MuiOutlinedInput-notchedOutline":{borderColor:"#e8ecf3"},".MuiSelect-select":{color:"#000000"}},children:[Object(h.jsx)(z.a,{disabled:!0,value:"",children:Object(h.jsx)("em",{children:"Select a question"})}),t.map(((e,t)=>Object(h.jsx)(z.a,{value:t,children:e},t)))]})})})},L=n(167),D=(n(1165),n(324));t.default=()=>{const[e,t]=Object(a.useState)(!1),[n,r]=Object(a.useState)(!1),[d,u]=Object(a.useState)(!1),[O,x]=Object(a.useState)([]),[f,g]=Object(a.useState)([]),v=()=>t(!1),w=Object(i.d)((e=>e.user.firebaseToken)),y=Object(i.d)((e=>e.user.userData)),C=Object(i.d)((e=>e.event.webinarStartEndTime)),S=Object(i.d)((e=>e.event.usersClickedCTA)),T=Object(i.d)((e=>

27e.analytics.registeredData)),{wid:$}=Object(o.u)(),I=Object(i.c)(),P=new AbortController,k=async e=>{t(!0),u(!0);try{if(!T||0===T.length)return r(!1),void v();const t=b.firebase2.database().ref(`events/${$}/history/attendee`),n=(await t.once("value")).val();if(n){if(Object.keys(n).length){const t=Object.entries(n).reduce(((e,t)=>{let[n,a]=t;return n!==(null===y||void 0===y?void 0:y.userId)&&(e[n]=(e=>{const t=Object.entries(e);let n="\u2014",a=null,s=null;t.forEach((e=>{let[t,n]=e;const r=n.timestamp;"online"===n.state&&(null===a||r<a)&&(a=r),"offline"===n.state&&(null===s||r>s)&&(s=r)})),C&&C.end_timestamp?(s-a)/(C.end_timestamp-C.start_timestamp)>=.92?n="100%":(n=a&&s?c.a.duration(s-a).humanize():"In webinar...","a minute"===n&&(n="1 minute")):a&&s?(n=c.a.duration(s-a).humanize(),"a few seconds"===n&&(n="\u2014\u2014")):n=a&&null===s?"In webinar...":"\u2014\u2014";return{duration:n}})(a)),e}),{}),a=await(async e=>{const t=`https://us-central1-webinarstvus.cloudfunctions.net/getResources?webinarId=${$}`;let n=w;const a=b.firebase2.auth().currentUser;a&&(n=await a.getIdToken(!0),I(Object(L.e)(n)));const c={headers:{Authorization:`Bearer ${n}`,"Content-Type":"application/json"}};try{u(!0);const n=(await s.a.get(t,c)).data.polls,a=b.firebase2.database().ref(`events/${$}/poll_results`),o=(await a.once("value")).val();let i=[];if(o){const t=n.map((e=>{const t=(o[e.id]||{}).answers||{};i.push(e.question);const n=Object.entries(t).map((t=>{let[n,a]=t;if(!0===e.multipleChoice){if(a.length>1){let e=[];return a.split(",").forEach((t=>{const n=String.fromCharCode(65+parseInt(t,10));e.push(n)})),{userId:n,choice:e}}return{userId:n,choice:String.fromCharCode(65+parseInt(a,10))}}return e.options?{userId:n,choice:String.fromCharCode(65+parseInt(a,10))}:{userId:n,choice:a}}));return{id:e.id,question:e.question,options:e.options,userAnswers:n}}));return e()||(g(i),x(t),r(!0)),t}return g(i),x([]),[]}catch(o){await Object(D.a)(o,`${$||""} getPollResultsWithUserInfo | ${null!==o&&void 0!==o&&o.message?o.message:o.toString()}`,y)}finally{u(!1)}})(e),o=a.reduce(((e,t)=>(t.userAnswers.forEach((t=>{e[t.userId]||(e[t.userId]=[]),e[t.userId].push(t.choice)})),e)),{}),i=T.map((e=>{const n=t[e.id]||{duration:"\u2014\u2014"},a=S.includes(e.id);return{...e,...n,cta:a,pollAnswers:o[e.id]||[]}}));e()||(r(!0),I(Object(p.r)(i)))}}else{const e=T.map((e=>{const t=S.includes(e.id);return{...e,duration:"\u2014\u2014",cta:t}}));I(Object(p.r)(e)),r(!0)}}catch(n){s.a.isCancel(n)?console.log("Request canceled:",n.message):(r(!1),console.log(`Error getting event data: ${n}`),await Object(D.a)(n,`${$||""} getPeopleData | ${null!==n&&void 0!==n&&n.message?n.message:n.toString()}`,y))}finally{v(),u(!1)}};return Object(a.useEffect)((()=>{let e=!1;return k((()=>e)),()=>{P.abort(),I(Object(p.r)([])),x([]),g([]),I(Object(p.t)(0)),e=!0}}),[$,S,T]),Object(h.jsx)(h.Fragment,{children:Object(h.jsxs)("div",{children:[Object(h.jsxs)("div",{className:"people-header",children:[Object(h.jsx)("div",{className:"people-actions-container",children:Object(h.jsxs)("div",{className:"refresh-people-filter",children:[Object(h.jsx)(A,{}),Object(h.jsxs)("div",{className:"btn-filter-refresh",children:[Object(h.jsx)(m,{}),Object(h.jsx)("button",{"aria-label":"refresh registered people list button",className:"ripple-button-refresh-people",onClick:k,children:Object(h.jsx)(j.a,{sx:{fontSize:"26px"}})})]})]})}),Object(h.jsxs)("div",{className:"poll-question-label",children:[Object(h.jsx)("span",{style:{color:"#000000"},children:"Poll Questions:\xa0"}),Object(h.jsx)(F,{pollQuestions:f})]})]}),d?Object(h.jsx)("div",{className:"loading-container",children:Object(h.jsx)(l.a,{})}):n?Object(h.jsx)("div",{className:"people-container",children:Object(h.jsx)(R,{})}):Object(h.jsx)("div",{className:"loading-container",children:Object(h.jsx)("p",{className:"no-data-message",children:"People data will appear here"})})]})})}}}]);
28//# sourceMappingURL=23.fd388baa.chunk.js.map