https://paycall.me/js/queue-management.a6b41488.chunk.js

1"use strict";(self.webpackChunkmy_app=self.webpackChunkmy_app||[]).push([[2572],{70856:(e,a,l)=>{l.r(a),l.d(a,{default:()=>N});var t=l(96540),n=l(22022),c=l(12735),r=(l(36052),l(25615)),s=l(47175),u=l(70778),i=l(90550),o=l(56347),m=l(49846),d=l(44708),v=l(98466),p=l(41327),E=l(9320);function f(e,a){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),l.push.apply(l,t)}return l}function y(e){for(var a=1;a<arguments.length;a++){var l=null!=arguments[a]?arguments[a]:{};a%2?f(Object(l),!0).forEach(function(a){g(e,a,l[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):f(Object(l)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(l,a))})}return e}function g(e,a,l){return(a=function(e){var a=function(e){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var l=a.call(e,"string");if("object"!=typeof l)return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof a?a:a+""}(a))in e?Object.defineProperty(e,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[a]=l,e}const N=()=>{const{t:e}=(0,n.Bd)(),a=(0,o.W6)();(0,E.A)();const l=(0,t.useRef)(null),[f,g]=(0,t.useState)(!0),[N,Q]=(0,t.useState)(null),[h,w]=(0,t.useState)(!1),[b,k]=(0,t.useState)(null),[I,q]=(0,t.useState)(!1),[A,C]=(0,t.useState)(null);(0,t.useEffect)(()=>{const a=(()=>{const e=e=>{const a="; ".concat(document.cookie).split("; ".concat(e,"="));return 2===a.length?a.pop().split(";").shift():null};return e("accessToken")||e("token")||e("jwt")})();return l.current=(0,m.Ay)("https://api.paycall.me",{withCredentials:!0,transports:["websocket"],path:"/socket.io/",auth:a?{token:a}:void 0,reconnection:!0}),l.current.on("connect",()=>{}),l.current.on("disconnect",()=>{}),l.current.on("queue:new-entry",()=>{S()}),l.current.on("queue:updated",()=>{S()}),l.current.on("queue:call-start",e=>{null!=e&&e.token&&null!=e&&e.callId&&T(e)}),l.current.on("call:ended",a=>{a.callId&&a.callId.startsWith("queue_call_")&&(i.oR.info(e("callQueue.callEnded")),S())}),()=>{l.current&&l.current.disconnect()}},[a]);const O=(0,t.useRef)(!1),T=e=>{sessionStorage.setItem("queueCallData",JSON.stringify({callId:e.callId,roomName:e.roomName,token:e.token,url:e.url,callType:e.callType,otherUser:e.otherUser,startTime:(new Date).toISOString(),role:"creator",tokenExpiry:Date.now()+216e5})),window.location.href="VOICE"===e.callType?"/queue/voice-call":"/queue/video-call"},S=async()=>{try{var e,a;const t=await d.default.get("/call-queue/overview");Q(t.data),g(!1);const n=(null===(e=t.data)||void 0===e||null===(e=e.voiceQueue)||void 0===e?void 0:e.find(e=>"IN_CALL"===e.status&&e.actualCallId))||(null===(a=t.data)||void 0===a||null===(a=a.videoQueue)||void 0===a?void 0:a.find(e=>"IN_CALL"===e.status&&e.actualCallId));if(null!=n&&n.actualCallId&&!O.current){var l;O.current=!0;const e=await d.default.get("/call-queue/call-details/".concat(n.actualCallId));null!==(l=e.data)&&void 0!==l&&l.success?T({callId:e.data.callId,roomName:e.data.roomName,token:e.data.creatorToken,url:e.data.url,callType:e.data.callType,otherUser:e.data.otherUser}):O.current=!1}}catch(t){g(!1)}};(0,t.useEffect)(()=>{S();const e=setInterval(S,1e3);return()=>clearInterval(e)},[]);const L=async()=>{if(window.confirm(e("callQueue.endConfirm"))){w(!0);try{var l;await d.default.post("/live-call-session/end-live",{eventPackageId:null==N||null===(l=N.event)||void 0===l?void 0:l.id}),i.oR.success(e("callQueue.ended")),a.push("/dashboard/live-events")}catch(n){var t;i.oR.error((null===(t=n.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.message)||e("callQueue.endFailed")),w(!1)}}},R=(0,t.useRef)(!1);(0,t.useEffect)(()=>{if(null==N||!N.isLive||N.isPaused||R.current)return;const a=[];!1!==N.allowVoice&&a.push(["VOICE",N.voiceQueue||[]]),!1!==N.allowVideo&&a.push(["VIDEO",N.videoQueue||[]]);const l=a.find(e=>{let[,a]=e;return a.some(e=>"WAITING"===e.status)&&!a.some(e=>"NOTIFIED"===e.status||"IN_CALL"===e.status)});l&&(R.current=!0,async function(a){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};w(!0);try{const t=await d.default.post("/call-queue/process-next",{callType:a});

1if(t.data.success){l.silent||i.oR.info(e("callQueue.callingToast")),S();let a=0;const t=setInterval(async()=>{a++;try{var e,l;const a=await d.default.get("/call-queue/overview"),n=(null===(e=a.data.voiceQueue)||void 0===e?void 0:e.find(e=>"IN_CALL"===e.status))||(null===(l=a.data.videoQueue)||void 0===l?void 0:l.find(e=>"IN_CALL"===e.status));if(n&&n.actualCallId){clearInterval(t),i.oR.success("\ud83d\udcde Fan accepted! Joining call...");const e=await d.default.get("/call-queue/call-details/".concat(n.actualCallId));e.data.success&&T({callId:e.data.callId,roomName:e.data.roomName,token:e.data.creatorToken,url:e.data.url,callType:e.data.callType,otherUser:e.data.otherUser})}}catch(n){}},1e3);setTimeout(()=>{clearInterval(t)},35e3)}else l.silent||i.oR.info(t.data.message||e("callQueue.noOne"))}catch(n){var t;l.silent||i.oR.error((null===(t=n.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.message)||e("callQueue.processFailed"))}finally{w(!1)}}(l[0],{silent:!0}).finally(()=>{R.current=!1}))},[N]);const P=(e,a)=>{k(e),C(a),q(!0)};return f?t.createElement("div",null,t.createElement(v.A,null),t.createElement("div",{className:"content"},t.createElement("div",{className:"container"},t.createElement("div",{className:"text-center py-5"},t.createElement(u.A,{animation:"border",variant:"primary"}),t.createElement("p",{className:"mt-3"},e("callQueue.loading")))))):null!=N&&N.isLive?t.createElement("div",null,t.createElement(v.A,null),t.createElement("div",{className:"breadcrumb-bar",style:{backgroundColor:"var(--pc-accent)"}},t.createElement("div",{className:"container"},t.createElement("div",{className:"row align-items-center inner-banner"},t.createElement("div",{className:"col-md-12 col-12 text-center"},t.createElement("h2",{className:"breadcrumb-title",style:{color:"white"}},t.createElement("span",{className:"live-indicator-small me-2"}),e("callQueue.title")))))),t.createElement("div",{className:"content"},t.createElement("div",{className:"container"},t.createElement("div",{className:"row"},t.createElement("div",{className:"col-lg-4 col-xl-3 theiaStickySidebar"},t.createElement(p.A,null)),t.createElement("div",{className:"col-lg-8 col-xl-9"},(l=>{const n=N.allowVideo&&!N.allowVoice?e("callQueue.video"):N.allowVoice&&!N.allowVideo?e("callQueue.voice"):e("callQueue.both"),c=[...!1!==N.allowVoice?(N.voiceQueue||[]).map(e=>y(y({},e),{},{callType:"VOICE"})):[],...!1!==N.allowVideo?(N.videoQueue||[]).map(e=>y(y({},e),{},{callType:"VIDEO"})):[]],s=c.find(e=>"NOTIFIED"===e.status||"IN_CALL"===e.status),u=c.filter(e=>"WAITING"===e.status);return t.createElement(t.Fragment,null,t.createElement("div",{className:"cq-top"},t.createElement("div",null,t.createElement("div",{className:"cq-live"},e("callQueue.live")),t.createElement("h3",{className:"cq-title"},(null===(l=N.event)||void 0===l?void 0:l.name)||e("callQueue.liveSession")),t.createElement("p",{className:"cq-sub"},N.isPaused?e("callQueue.pausedHint"):e("callQueue.autoHint",{mode:n})),t.createElement("p",{className:"cq-sub cq-stay"},e("callQueue.stayHint"))),t.createElement("div",{className:"cq-actions"},t.createElement(r.A,{variant:"outline-secondary",size:"sm",onClick:()=>a.push("/dashboard/live-events")},e("callQueue.liveEvents")),t.createElement(r.A,{variant:"outline-secondary",size:"sm",onClick:async()=>{await d.default.post(N.isPaused?"/live-call-session/resume":"/live-call-session/pause"),S()}},N.isPaused?e("callQueue.resume"):e("callQueue.pause")),t.createElement(r.A,{size:"sm",className:"cq-end",disabled:h,onClick:L},N.event?e("callQueue.endEvent"):e("callQueue.endLive")))),t.createElement("div",{className:"cq-now ".concat(s?"cq-now-active":"")},!s&&0===u.length&&t.createElement(t.Fragment,null,t.createElement("div",{className:"cq-now-kicker"},e("callQueue.waitingKicker")),t.createElement("h4",null,e("callQueue.nobody")),t.createElement("p",null,e("callQueue.nobodyHint"))),!s&&u.length>0&&t.createElement(t.Fragment,null,t.createElement("div",{className:"cq-now-kicker"},e("callQueue.nextUp")),t.createElement("h4",null,e("callQueue.callingName",{name:u[0].fan.username}

1)),t.createElement("p",null,e("callQueue.callingHint"))),"NOTIFIED"===(null==s?void 0:s.status)&&t.createElement(t.Fragment,null,t.createElement("div",{className:"cq-now-kicker"},e("callQueue.calling")),t.createElement("h4",null,s.fan.username),t.createElement("p",null,s.availableMinutes?e("callQueue.minutesOnTicket",{minutes:s.availableMinutes}):e("callQueue.waitingJoin")),t.createElement(r.A,{variant:"outline-dark",size:"sm",onClick:()=>P(s,"skip")},e("callQueue.skip"))),"IN_CALL"===(null==s?void 0:s.status)&&t.createElement(t.Fragment,null,t.createElement("div",{className:"cq-now-kicker"},e("callQueue.connecting")),t.createElement("h4",null,s.fan.username),t.createElement("p",null,e("callQueue.accepted")))),t.createElement("div",{className:"cq-line"},t.createElement("div",{className:"cq-line-head"},e("callQueue.inLine",{count:u.length})),0===u.length?t.createElement("p",{className:"cq-empty"},e("callQueue.lineEmpty")):u.map((a,l)=>t.createElement("div",{key:a.id,className:"cq-person"},t.createElement("div",{className:"cq-pos"},l+1),t.createElement("img",{src:a.fan.image||"/assets/img/default-avatar.png",alt:"",className:"fan-avatar"}),t.createElement("div",{className:"cq-person-main"},t.createElement("strong",null,a.fan.username),t.createElement("span",null,a.availableMinutes?e("callQueue.minutes",{minutes:a.availableMinutes}):e("callQueue.waiting"),"VOICE"===a.callType?" \xb7 ".concat(e("callQueue.voice")):" \xb7 ".concat(e("callQueue.video")))),t.createElement(r.A,{variant:"outline-danger",size:"sm",onClick:()=>P(a,"remove")},e("callQueue.remove"))))))})())))),t.createElement(s.A,{show:I,onHide:()=>q(!1),centered:!0},t.createElement(s.A.Header,{closeButton:!0},t.createElement(s.A.Title,null,e("skip"===A?"callQueue.skipTitle":"callQueue.removeTitle"))),t.createElement(s.A.Body,null,b&&t.createElement(t.Fragment,null,t.createElement("p",null,e("skip"===A?"callQueue.skipBody":"callQueue.removeBody")),t.createElement("div",{className:"d-flex align-items-center"},t.createElement("img",{src:b.fan.image||"/assets/img/default-avatar.png",alt:b.fan.username,style:{width:40,height:40,borderRadius:"50%",marginRight:12}}),t.createElement("strong",null,b.fan.username)))),t.createElement(s.A.Footer,null,t.createElement(r.A,{variant:"secondary",onClick:()=>q(!1)},e("callQueue.cancel")),t.createElement(r.A,{variant:"skip"===A?"warning":"danger",onClick:()=>{"skip"===A?(async a=>{try{await d.default.post("/call-queue/skip/".concat(a)),i.oR.success(e("callQueue.fanSkipped")),S(),q(!1)}catch(l){i.oR.error(e("callQueue.skipFailed"))}})(b.id):"remove"===A&&(async a=>{try{await d.default.delete("/call-queue/remove/".concat(a)),i.oR.success(e("callQueue.fanRemoved")),S(),q(!1)}catch(l){i.oR.error(e("callQueue.removeFailed"))}})(b.id)}},e("skip"===A?"callQueue.skip":"callQueue.remove"))))):t.createElement("div",null,t.createElement(v.A,null),t.createElement("div",{className:"breadcrumb-bar",style:{backgroundColor:"var(--pc-accent)"}},t.createElement("div",{className:"container"},t.createElement("div",{className:"row align-items-center inner-banner"},t.createElement("div",{className:"col-md-12 col-12 text-center"},t.createElement("h2",{className:"breadcrumb-title",style:{color:"white"}},e("callQueue.title")))))),t.createElement("div",{className:"content"},t.createElement("div",{className:"container"},t.createElement("div",{className:"row"},t.createElement("div",{className:"col-lg-4 col-xl-3 theiaStickySidebar"},t.createElement(p.A,null)),t.createElement("div",{className:"col-lg-8 col-xl-9"},t.createElement(c.A,{variant:"info",className:"text-center"},t.createElement("i",{className:"fas fa-info-circle me-2"}),e("callQueue.notLive"),t.createElement("div",{className:"mt-3"},t.createElement(r.A,{variant:"primary",href:"/dashboard"},e("callQueue.goToDashboard")))))))))}}}]);