call-control-sdk 5.0.7 → 5.0.9

package/dist/index.d.mts

@@ -1,25 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface CallData {
-    mobileNumber?: string;
-    callReferenceId?: string;
-    convoxId?: string;
-    type?: string;
-    status?: string;
-    agent_id?: string;
-    phone_number?: string;
-    event_time?: string;
-    convox_id?: string;
-    process_id?: string;
-    process_name?: string;
-}
-interface CallControlPanelProps {
-    onDataChange?: (data: any) => void;
-}
-type CallStatus = "idle" | "ready" | "break" | "on call" | "wrap up" | "dial" | "hold" | "mute";
-
-declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element;
-
 interface LogoutResponse {
     success: boolean;
     message?: string;
@@ -44,6 +24,26 @@ declare const useLogout: (options?: UseLogoutOptions) => {
     data: any;
 };
 
+interface CallData {
+    mobileNumber?: string;
+    callReferenceId?: string;
+    convoxId?: string;
+    type?: string;
+    status?: string;
+    agent_id?: string;
+    phone_number?: string;
+    event_time?: string;
+    convox_id?: string;
+    process_id?: string;
+    process_name?: string;
+}
+interface CallControlPanelProps {
+    onDataChange?: (data: any) => void;
+}
+type CallStatus = "idle" | "ready" | "break" | "on call" | "wrap up" | "dial" | "hold" | "mute";
+
+declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Initialize the Call Control SDK with an API key
  * @param sdkApiKey - The API key for SDK authentication
@@ -53,7 +53,8 @@ type intiSDKParams = {
     apiKey: string;
     tenantId: string;
     agentId: string;
+    baseURL: string;
 };
-declare function initSDK({ apiKey, tenantId, agentId }: intiSDKParams): void;
+declare function initSDK({ apiKey, tenantId, agentId, baseURL, }: intiSDKParams): void;
 
 export { CallControlPanel, type CallControlPanelProps, type CallData, type CallStatus, initSDK, useLogout };

package/dist/index.d.ts

@@ -1,25 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface CallData {
-    mobileNumber?: string;
-    callReferenceId?: string;
-    convoxId?: string;
-    type?: string;
-    status?: string;
-    agent_id?: string;
-    phone_number?: string;
-    event_time?: string;
-    convox_id?: string;
-    process_id?: string;
-    process_name?: string;
-}
-interface CallControlPanelProps {
-    onDataChange?: (data: any) => void;
-}
-type CallStatus = "idle" | "ready" | "break" | "on call" | "wrap up" | "dial" | "hold" | "mute";
-
-declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element;
-
 interface LogoutResponse {
     success: boolean;
     message?: string;
@@ -44,6 +24,26 @@ declare const useLogout: (options?: UseLogoutOptions) => {
     data: any;
 };
 
+interface CallData {
+    mobileNumber?: string;
+    callReferenceId?: string;
+    convoxId?: string;
+    type?: string;
+    status?: string;
+    agent_id?: string;
+    phone_number?: string;
+    event_time?: string;
+    convox_id?: string;
+    process_id?: string;
+    process_name?: string;
+}
+interface CallControlPanelProps {
+    onDataChange?: (data: any) => void;
+}
+type CallStatus = "idle" | "ready" | "break" | "on call" | "wrap up" | "dial" | "hold" | "mute";
+
+declare function CallControlPanel({ onDataChange }: CallControlPanelProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Initialize the Call Control SDK with an API key
  * @param sdkApiKey - The API key for SDK authentication
@@ -53,7 +53,8 @@ type intiSDKParams = {
     apiKey: string;
     tenantId: string;
     agentId: string;
+    baseURL: string;
 };
-declare function initSDK({ apiKey, tenantId, agentId }: intiSDKParams): void;
+declare function initSDK({ apiKey, tenantId, agentId, baseURL, }: intiSDKParams): void;
 
 export { CallControlPanel, type CallControlPanelProps, type CallData, type CallStatus, initSDK, useLogout };

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var _o=Object.create;var ct=Object.defineProperty,ko=Object.defineProperties,Ao=Object.getOwnPropertyDescriptor,No=Object.getOwnPropertyDescriptors,Po=Object.getOwnPropertyNames,go=Object.getOwnPropertySymbols,Oo=Object.getPrototypeOf,fo=Object.prototype.hasOwnProperty,Uo=Object.prototype.propertyIsEnumerable;var Bt=(r,t,n)=>t in r?ct(r,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[t]=n,d=(r,t)=>{for(var n in t||(t={}))fo.call(t,n)&&Bt(r,n,t[n]);if(go)for(var n of go(t))Uo.call(t,n)&&Bt(r,n,t[n]);return r},$=(r,t)=>ko(r,No(t));var Mo=(r,t)=>{for(var n in t)ct(r,n,{get:t[n],enumerable:!0})},mo=(r,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of Po(t))!fo.call(r,p)&&p!==n&&ct(r,p,{get:()=>t[p],enumerable:!(l=Ao(t,p))||l.enumerable});return r};var Bo=(r,t,n)=>(n=r!=null?_o(Oo(r)):{},mo(t||!r||!r.__esModule?ct(n,"default",{value:r,enumerable:!0}):n,r)),Ho=r=>mo(ct({},"__esModule",{value:!0}),r);var q=(r,t,n)=>Bt(r,typeof t!="symbol"?t+"":t,n);var jo={};Mo(jo,{CallControlPanel:()=>Lo,initSDK:()=>Ko,useLogout:()=>Io});module.exports=Ho(jo);var v=require("@mui/icons-material"),u=require("@mui/material"),P=require("react");var Ht=class{constructor(){q(this,"state");q(this,"listeners",[]);q(this,"STORAGE_KEY","call-control-sdk-state");this.state=this.getInitialState(),this.loadFromStorage()}getInitialState(){return{apiKey:null,process:null,agentId:"",isInitialized:!1,isHolding:!1,isMuted:!1,status:"idle",callStartTime:null,controlPanelPosition:{x:10,y:10},iframePosition:{x:10,y:80},callData:{agent_id:"",status:"",type:"",event_time:"",phone_number:""},conferenceLine:[{line:1,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:2,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:3,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:4,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:5,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1}]}}loadFromStorage(){try{let t=localStorage.getItem(this.STORAGE_KEY);if(t){let n=JSON.parse(t);this.state=$(d({},this.state),{apiKey:n.apiKey||"",agentId:n.agentId||"",process:n.process||null,isInitialized:n.isInitialized||!1,isHolding:n.isHolding||!1,isMuted:n.isMuted||!1,status:n.status||"idle",callStartTime:n.callStartTime||null,controlPanelPosition:n.controlPanelPosition||{x:10,y:10},iframePosition:n.iframePosition||{x:10,y:80},callData:n.callData||{mobileNumber:"",callReferenceId:"",agentLoginId:""},conferenceLine:n.conferenceLine&&Array.isArray(n.conferenceLine)&&n.conferenceLine.length>0?n.conferenceLine:this.state.conferenceLine})}}catch(t){console.warn("Failed to load SDK state from localStorage:",t)}}saveToStorage(){try{let t={apiKey:this.state.apiKey,agentId:this.state.agentId,process:this.state.process,isInitialized:this.state.isInitialized,isHolding:this.state.isHolding,isMuted:this.state.isMuted,status:this.state.status,callStartTime:this.state.callStartTime,controlPanelPosition:this.state.controlPanelPosition,iframePosition:this.state.iframePosition,callData:this.state.callData,conferenceLine:this.state.conferenceLine};localStorage.setItem(this.STORAGE_KEY,JSON.stringify(t))}catch(t){console.warn("Failed to save SDK state to localStorage:",t)}}notifyListeners(){this.listeners.forEach(t=>t())}initialize(t,n){if(!t||typeof t!="string"||t.trim().length===0)throw new Error("API key not available");this.state.apiKey=t,this.state.agentId=n,this.state.isInitialized=!0,this.saveToStorage(),this.notifyListeners()}getState(){return d({},this.state)}subscribe(t){return this.listeners.push(t),()=>{let n=this.listeners.indexOf(t);n>-1&&this.listeners.splice(n,1)}}setHolding(t){this.state.isHolding=t,this.saveToStorage(),this.notifyListeners()}setMuted(t){this.state.isMuted=t,this.saveToStorage(),this.notifyListeners()}setStatus(t){this.state.status=t,this.saveToStorage(),this.notifyListeners()}setProcess(t){this.state.process=t,this.saveToStorage(),this.notifyListeners()}setControlPanelPosition(t){this.state.controlPanelPosition=t,this.saveToStorage(),this.notifyListeners()}setIframePosition(t){this.state.iframePosition=t,this.saveToStorage(),this.notifyListeners()}startCall(){this.state.callStartTime=Date.now(),this.state.status="on call",this.saveToStorage(),this.notifyListeners()}endCall(){this.state.callStartTime=null,this.state.status="idle",this.state.isHolding=!1,this.state.isMuted=!1,this.saveToStorage(),this.notifyListeners()}updateCallData(t){this.state.callData=d(d({},this.state.callData),t),this.saveToStorage(),this.notifyListeners()}setConferenceLine(t){var l;(!this.state.conferenceLine||!Array.isArray(this.state.conferenceLine))&&(console.warn("Conference line data corrupted, resetting to initial state"),this.state.conferenceLine=this.getInitialState().conferenceLine);let n=(l=this.state.conferenceLine)==null?void 0:l.map(p=>p.line===t.line?t:p);this.state.conferenceLine=n,this.saveToStorage(),this.notifyListeners()}resetConferenceLines(){this.state.conferenceLine=this.getInitialState().conferenceLine,this.saveToStorage(),this.notifyListeners()}clearStorageAndReset(){try{localStorage.removeItem(this.STORAGE_KEY),this.state=this.getInitialState(),this.notifyListeners()}catch(t){console.warn("Failed to clear localStorage:",t)}}debugStorage(){try{let t=localStorage.getItem(this.STORAGE_KEY);console.log("Current localStorage data:",t),t&&console.log("Parsed localStorage data:",JSON.parse(t)),console.log("Current state:",this.state)}catch(t){console.error("Error debugging storage:",t)}}getConferenceLines(){return this.state.conferenceLine||[]}},I=new Ht;var F=require("react");function $t(r,t){let[n,l]=(0,F.useState)(r),[p,e]=(0,F.useState)(!1),f=(0,F.useRef)(),h=(0,F.useRef)({x:0,y:0}),L=(0,F.useRef)({x:0,y:0}),C=(0,F.useCallback)(D=>{let N=f.current;if(!N)return;let H=N.getBoundingClientRect(),B=window.innerWidth,o=window.innerHeight,m={x:Math.max(0,Math.min(D.x,B-H.width)),y:Math.max(0,Math.min(D.y,o-H.height))};l(m),t==null||t(m)},[t]),w=(0,F.useCallback)((D,N)=>{e(!0),h.current={x:D,y:N},L.current=n;let H=(x,y)=>{let S=x-h.current.x,g=y-h.current.y;C({x:L.current.x+S,y:L.current.y+g})},B=x=>{x.preventDefault(),H(x.clientX,x.clientY)},o=x=>{x.preventDefault();let y=x.touches[0];y&&H(y.clientX,y.clientY)},m=()=>{e(!1),document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",m),document.removeEventListener("touchmove",o),document.removeEventListener("touchend",m)};document.addEventListener("mousemove",B),document.addEventListener("mouseup",m),document.addEventListener("touchmove",o,{passive:!1}),document.addEventListener("touchend",m)},[n,C]),M=(0,F.useCallback)(D=>{D.preventDefault(),w(D.clientX,D.clientY)},[w]),T=(0,F.useCallback)(D=>{D.preventDefault();let N=D.touches[0];N&&w(N.clientX,N.clientY)},[w]);return{position:n,isDragging:p,dragRef:f,handleMouseDown:M,handleTouchStart:T}}var Pt=require("react");function ot(){let[r,t]=(0,Pt.useState)(I.getState());return(0,Pt.useEffect)(()=>I.subscribe(()=>{t(I.getState())}),[]),r}var k="http://192.168.100.143:8095",$o="ws://192.168.100.143:8095",U={v1:"/api/v1"},A={LOGIN:`${k}${U.v1}/cti/login?provider=convox`,READY_AGENT:`${k}${U.v1}/cti/ready-agent?provider=convox`,UPDATE_AGENT_BREAK:`${k}${U.v1}/cti/update-agent-status?provider=convox`,CLICK_TO_CALL:`${k}${U.v1}/cti/calls?provider=convox`,HOLD_CALL:`${k}${U.v1}/cti/calls/hold?provider=convox`,MUTE_CALL:`${k}${U.v1}/cti/calls/mute?provider=convox`,UNMUTE_CALL:`${k}${U.v1}/cti/unmute-call?provider=convox`,END_CALL:`${k}${U.v1}/cti/calls/end?provider=convox`,LOGOUT:`${k}${U.v1}/cti/logout?provider=convox`,CONFERENCE_CALL:`${k}${U.v1}/cti/calls/conference?provider=convox`,CONFERENCE_CALL_HOLD_OR_UN_HOLD:`${k}${U.v1}/cti/calls/conference/hold?provider=convox`,CONFERENCE_CALL_MUTE_OT_UN_MUTE:`${k}${U.v1}/cti/calls/conference/mute?provider=convox`,CONFERENCE_CALL_END:`${k}${U.v1}/cti/calls/conference/hangup?provider=convox`,CONFERENCE_CALL_END_ALL:`${k}${U.v1}/cti/calls/conference/hangup/all?provider=convox`,TRANSFER_CALL:`${k}${U.v1}/cti/calls/transfer?provider=convox`,AGENTS_LIST:`${k}${U.v1}/cti/users`,PROCESS_LIST:`${k}${U.v1}/cti/processes-list`,TRANSFER_TO_DETAILS:`${k}${U.v1}/cti/transfer-to-details?provider=convox`},xo={WS:`${$o}${U.v1}/cti/ws`};var Ut=require("react");var ho=Bo(require("axios"));var zo="12345",zt=ho.default.create({baseURL:k,headers:{"Content-Type":"application/json",Authorization:zo},timeout:1e4});zt.interceptors.request.use(r=>{let t="12345";return t&&r.headers&&(r.headers.Authorization=`Bearer ${t}`),r},r=>Promise.reject(r instanceof Error?r:new Error(String(r))));zt.interceptors.response.use(r=>r,async r=>{var n;let t=r.config;return((n=r.response)==null?void 0:n.status)===401&&!t._retry&&(t._retry=!0),Promise.reject(r instanceof Error?r:new Error(String(r)))});var Y=zt;var Ot=require("@mui/material"),yo=require("react"),Wt=require("react/jsx-runtime");function pt(){let[r,t]=(0,yo.useState)(!1),n=(p,e)=>{e!=="clickaway"&&t(!1)};return{showToast:(p,e)=>(t(!0),(0,Wt.jsx)(Ot.Snackbar,{anchorOrigin:{vertical:"top",horizontal:"right"},open:r,onClose:n,children:(0,Wt.jsx)(Ot.Alert,{onClose:n,severity:e,variant:"filled",sx:{width:"100%"},children:p})}))}}var Wo={isLoading:!1,isSuccess:!1,isError:!1,error:null,data:null},qo=(r,t)=>{if(t.type==="isLoading")return $(d({},r),{isLoading:t.payload});if(t.type==="isSuccess")return $(d({},r),{isSuccess:!0,data:t.payload});if(t.type==="isError")return $(d({},r),{isError:!0,error:t.payload});if(t.type==="reset")return{isLoading:!1,isSuccess:!1,isError:!1,error:null,data:null};throw Error("Unknown action.")};var W=(r={})=>{let{onSuccess:t=null,onError:n=null}=r,{showToast:l}=pt(),[p,e]=(0,Ut.useReducer)(qo,Wo);return[(0,Ut.useCallback)((h,L,C={})=>{e({type:"isLoading",payload:!0}),Y.post(h,L,C).then(w=>{e({type:"isSuccess",payload:w.data}),t==null||t(w.data,L)}).catch(w=>{var T,D,N,H,B,o,m,x,y,S,g,E;let M={status:(D=(T=w.response)==null?void 0:T.status)!=null?D:500,message:((H=(N=w.response)==null?void 0:N.data)==null?void 0:H.detail)||((o=(B=w.response)==null?void 0:B.data)==null?void 0:o.message)||w.message||"An unknown error occurred",data:(x=(m=w.response)==null?void 0:m.data)!=null?x:null,statusText:(S=(y=w.response)==null?void 0:y.statusText)!=null?S:"",code:(g=w==null?void 0:w.code)!=null?g:"",name:(E=w==null?void 0:w.name)!=null?E:""};l(M.message,"error"),e({type:"isError",payload:M}),n==null||n(M,L)}).finally(()=>{e({type:"isLoading",payload:!1})})},[t,n,l]),p]};var R=require("@mui/icons-material"),s=require("@mui/material"),at=require("react");var vo=require("@mui/material"),Fo=()=>{let r=(0,vo.useTheme)();return{disabled:{padding:"0px",margin:"0px",minWidth:"40px !important",borderRadius:"16px",border:"1px solid rgb(206, 204, 204)",height:"40px","&:hover":{boxShadow:" 0px 2px 2px rgba(0, 0, 0, 0.79)",border:`1px solid ${r.palette.primary.main}`},"&:active":{bgcolor:"primary.main",boxShadow:`inset 1px -2px 4px ${r.palette.primary.light}`}},enabled:{padding:"0px",margin:"0px",minWidth:"40px !important",borderRadius:"16px",boxShadow:" 0px 2px 1px rgba(0, 0, 0, 0.507)",border:`1px solid ${r.palette.primary.main}`,height:"40px","&:hover":{boxShadow:" 0px 2px 1px rgba(0, 0, 0, 0.507)",border:`1px solid ${r.palette.primary.main}`},"&:active":{bgcolor:"primary.main",boxShadow:`inset 1px -2px 4px ${r.palette.primary.light}`}},outlined:{padding:"0px",margin:"0px",minWidth:"40px !important",borderRadius:"16px",backgroundColor:r.palette.grey[200],boxShadow:`0px 2px 1px ${r.palette.primary.light}`,border:`0px solid ${r.palette.primary.main}`,height:"40px","&:hover":{boxShadow:`0px 2px 1px ${r.palette.primary.main}`,border:`0px solid ${r.palette.primary.main}`},"&:active":{bgcolor:"primary.main",boxShadow:`inset 1px -2px 4px ${r.palette.primary.light}`}}}},Mt=Fo;var a=require("react/jsx-runtime");function Co({open:r,setOpen:t}){var H,B;let n=ot(),{disabled:l,enabled:p,outlined:e}=Mt(),f=(0,s.useTheme)(),h=()=>{t(!1)},L=(o,m)=>{I.setConferenceLine(d(d({},o),m))},C=(o,m)=>{var S,g,E,_;let x=d(d({},o),m),y={action:"EXTERNAL_CONFERENCE",operation:`CALL${x.line}`,line_used:String(x.line),thirdparty_no:x.phone,userid:(g=(S=n.callData)==null?void 0:S.agent_id)!=null?g:"",process:(_=(E=n.callData)==null?void 0:E.process_name)!=null?_:""};Y.post(A.CONFERENCE_CALL,y).then(()=>{I.setConferenceLine(d(d({},o),m))})},w=(o,m)=>{var S,g,E,_;let x=d(d({},o),m),y={action:"EXTERNAL_CONFERENCE",operation:"CONFERENCE",line_used:String(x.line),thirdparty_no:x.phone,userid:(g=(S=n.callData)==null?void 0:S.agent_id)!=null?g:"",process:(_=(E=n.callData)==null?void 0:E.process_name)!=null?_:""};Y.post(A.CONFERENCE_CALL,y).then(()=>{I.setConferenceLine(d(d({},o),m))})},M=(o,m,x)=>{var g,E,_,z;let y=d(d({},o),m),S={action:"EXTERNAL_CONFERENCE",operation:x,hold_channel_no:x==="HOLDUSER"?`hold${y.line}`:`unhold${y.line}`,userid:(E=(g=n.callData)==null?void 0:g.agent_id)!=null?E:"",process:(z=(_=n.callData)==null?void 0:_.process_name)!=null?z:""};Y.post(A.CONFERENCE_CALL_HOLD_OR_UN_HOLD,S).then(()=>{I.setConferenceLine(d(d({},o),m))})},T=(o,m,x)=>{var g,E,_,z;let y=d(d({},o),m),S={action:"EXTERNAL_CONFERENCE",operation:x,channel_no:x==="MUTEUSER"?`mute${y.line}`:`play${y.line}`,userid:(E=(g=n.callData)==null?void 0:g.agent_id)!=null?E:"",thirdparty_no:y.phone,process:(z=(_=n.callData)==null?void 0:_.process_name)!=null?z:""};Y.post(A.CONFERENCE_CALL_MUTE_OT_UN_MUTE,S).then(()=>{I.setConferenceLine(d(d({},o),m))})},D=(o,m)=>{var S,g,E,_;let x=d(d({},o),m),y={action:"EXTERNAL_CONFERENCE",operation:"HANGUP_CHANNEL",line_used:String(x.line-1),user_type:`THIRDPARTY${x.line-1}`,thirdparty_no:x.phone,userid:(g=(S=n.callData)==null?void 0:S.agent_id)!=null?g:"",process:(_=(E=n.callData)==null?void 0:E.process_name)!=null?_:""};Y.post(A.CONFERENCE_CALL_END,y).then(()=>{I.setConferenceLine(d(d({},o),m))})},N=()=>{var m,x,y,S;let o={action:"EXTERNAL_CONFERENCE",operation:"ENDCONFERENCE",userid:(x=(m=n.callData)==null?void 0:m.agent_id)!=null?x:"",process:(S=(y=n.callData)==null?void 0:y.process_name)!=null?S:""};Y.post(A.CONFERENCE_CALL_END_ALL,o).then(()=>{I.resetConferenceLines(),h()})};return(0,at.useEffect)(()=>{var m,x,y,S;let o={line:1,status:(x=(m=n.callData)==null?void 0:m.status)!=null?x:"",type:"internal",phone:(S=(y=n.callData)==null?void 0:y.phone_number)!=null?S:"",isMute:!1,isHold:!1,isMergeCall:!1,isCallStart:!0};I.setConferenceLine(o)},[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"md",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px"},children:[(0,a.jsxs)(s.Typography,{variant:"body1",children:[(H=n==null?void 0:n.agentId)!=null?H:""," conference"]}),(0,a.jsx)(s.IconButton,{onClick:h,children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsx)(s.Box,{sx:{boxShadow:"0px 1px 2px #e7e5e5ff",padding:"2px 6px",margin:"0px 10px",borderRadius:"20px"},children:(B=n==null?void 0:n.conferenceLine)==null?void 0:B.map((o,m)=>{var x,y;return(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:1},children:[(0,a.jsx)(s.Box,{sx:{color:"white",bgcolor:"warning.main",fontWeight:"bold",fontSize:14,minWidth:70,textAlign:"center",border:"2px solid primary.main",borderRadius:"10px 50px 50px 10px"},children:(0,a.jsx)(s.Typography,{children:(x=o==null?void 0:o.line)!=null?x:""})}),(0,a.jsx)(s.Typography,{variant:"body2",sx:{px:1,border:"2px solid gray",borderRadius:"10px",textAlign:"center",width:"80px",maxWidth:"100px"},children:(y=o==null?void 0:o.status)!=null?y:""}),(0,a.jsx)(s.Button,{sx:{textTransform:"capitalize"},size:"small",children:(0,a.jsx)(s.Typography,{variant:"body2",children:(o==null?void 0:o.line)===1?"Internal":"External"})}),(0,a.jsx)(s.TextField,{size:"small",placeholder:"Phone Number",value:(o==null?void 0:o.phone)||"",disabled:(o==null?void 0:o.line)===1,onChange:S=>{L(o,{phone:S.target.value})}}),(0,a.jsx)(s.Tooltip,{title:"Call",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isCallStart?"outlined":"contained",color:"success",sx:o!=null&&o.isCallStart?d({},l):$(d({},p),{border:`0px solid ${f.palette.success.light}`,"&:hover":{bgcolor:"success.light",boxShadow:`0px 2px 1px ${f.palette.success.light}`,border:`0px solid ${f.palette.success.light}`},"&:active":{bgcolor:"success.light",boxShadow:`inset 1px -2px 4px ${f.palette.primary.light}`}}),onClick:()=>{C(o,{isCallStart:!0,status:"ONCALL"})},disabled:o==null?void 0:o.isCallStart,children:(0,a.jsx)(R.Call,{sx:{color:o!=null&&o.isCallStart?"default":"#fff"}})})}),(0,a.jsx)(s.Tooltip,{title:"Merge Call",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isMergeCall?"contained":"outlined",sx:o!=null&&o.isMergeCall&&(o!=null&&o.isCallStart)?d({},l):o!=null&&o.isCallStart?d({},e):d({},l),onClick:()=>{w(o,{isMergeCall:!0,status:"ONCALL"})},disabled:!(o!=null&&o.isCallStart),children:(0,a.jsx)(R.CallSplit,{})})}),(0,a.jsx)(s.Tooltip,{title:o.isHold?"Hold":"Un Hold",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isHold?"contained":"outlined",sx:o!=null&&o.isHold&&(o!=null&&o.isCallStart)?d({},l):o!=null&&o.isCallStart?d({},e):d({},l),onClick:()=>{o.isHold?M(o,{isHold:!1},"UNHOLDUSER"):M(o,{isHold:!0},"HOLDUSER")},disabled:!(o!=null&&o.isCallStart),children:o.isHold?(0,a.jsx)(R.PlayArrow,{}):(0,a.jsx)(R.Pause,{})})}),(0,a.jsx)(s.Tooltip,{title:o.isMute?"Mute":"Un Mute",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isMute?"contained":"outlined",sx:o!=null&&o.isMute&&(o!=null&&o.isCallStart)?d({},l):o!=null&&o.isCallStart?d({},e):d({},l),onClick:()=>{o.isMute?T(o,{isMute:!1},"PLAYUSER"):T(o,{isMute:!0},"MUTEUSER")},disabled:!(o!=null&&o.isCallStart),children:o.isMute?(0,a.jsx)(R.MicOff,{}):(0,a.jsx)(R.Mic,{})})}),(0,a.jsx)(s.Tooltip,{title:"End Call",children:(o==null?void 0:o.line)!==1?(0,a.jsx)(s.Button,{variant:o!=null&&o.isCallStart?"contained":"outlined",color:"error",sx:o!=null&&o.isCallStart?$(d({},p),{minWidth:"60px !important",border:`0px solid ${f.palette.error.light}`,"&:hover":{bgcolor:"error.light",boxShadow:`0px 2px 1px ${f.palette.error.light}`,border:`0px solid ${f.palette.error.light}`},"&:active":{bgcolor:"error.light",boxShadow:`inset 1px -2px 4px ${f.palette.primary.light}`}}):$(d({},l),{minWidth:"60px !important"}),onClick:()=>{D(o,{isCallStart:!1,isMergeCall:!1,isMute:!1,isHold:!1,status:"IDLE"})},disabled:!(o!=null&&o.isCallStart),children:(0,a.jsx)(R.CallEnd,{})}):(0,a.jsx)(s.Button,{variant:o!=null&&o.isCallStart?"contained":"outlined",sx:$(d({},l),{visibility:"hidden",minWidth:"60px !important"}),onClick:()=>{D(o,{isCallStart:!1,isMergeCall:!1,isMute:!1,isHold:!1,status:"IDLE"})},disabled:!(o!=null&&o.isCallStart),children:(0,a.jsx)(s.Typography,{children:(0,a.jsx)(R.CallEnd,{sx:{visibility:"hidden"}})})})})]},m)})}),(0,a.jsx)(s.Box,{textAlign:"center",m:2,children:(0,a.jsxs)(s.Button,{variant:"outlined",color:"error",size:"large",onClick:N,sx:{px:2,borderRadius:"20px",textTransform:"capitalize"},children:[(0,a.jsx)(s.IconButton,{sx:{bgcolor:"error.main","&:hover":{bgcolor:"error.dark"},marginRight:"8px",width:"28px",height:"28px",fontSize:"12px",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.02em",textTransform:"capitalize",color:"white",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%"},children:(0,a.jsx)(R.PhoneDisabled,{sx:{color:"white",fontSize:"16px",fontWeight:"600"}})}),"End Conference"]})})]})})})}function bo({open:r,setOpen:t}){var T,D,N,H,B,o,m,x,y,S;let[n]=W({onSuccess:g=>{console.log("res",g),t(!1)},onError:g=>{console.log("error",g)}}),l=ot(),[p,e]=(0,at.useState)("process"),[f,{data:h}]=W(),[L,{data:C}]=W(),w=()=>{t(!1)},M=(g,E)=>{var _,z,X,J,tt,Q,j,dt,ut,gt,ft,st,mt,xt,ht,yt,vt,nt,Ct,bt,St,Et,Tt,Lt,Dt,It,Rt,wt,_t,kt,At,it,Nt;if(console.log(g,"data34"),E==="PROCESS"){let et={mobile_number:(z=(_=l.callData)==null?void 0:_.phone_number)!=null?z:"",userid:(J=(X=l.callData)==null?void 0:X.agent_id)!=null?J:"",type:"PROCESS",transfer_to:(tt=g==null?void 0:g.process_name)!=null?tt:"",callreferenceid:(j=(Q=l.callData)==null?void 0:Q.convox_id)!=null?j:"",processid:String((ut=(dt=l.callData)==null?void 0:dt.process_id)!=null?ut:""),process_name:(ft=(gt=l.callData)==null?void 0:gt.process_name)!=null?ft:""};n(A.TRANSFER_CALL,et)}else if(E==="QUEUE"){let et={mobile_number:(mt=(st=l.callData)==null?void 0:st.phone_number)!=null?mt:"",userid:(ht=(xt=l.callData)==null?void 0:xt.agent_id)!=null?ht:"",type:"QUEUE",transfer_to:(yt=g==null?void 0:g.queue_name)!=null?yt:"",callreferenceid:(nt=(vt=l.callData)==null?void 0:vt.convox_id)!=null?nt:"",processid:String((bt=(Ct=l.callData)==null?void 0:Ct.process_id)!=null?bt:""),process_name:(Et=(St=l.callData)==null?void 0:St.process_name)!=null?Et:""};n(A.TRANSFER_CALL,et)}else if(E==="AGENT"){let et={mobile_number:(Lt=(Tt=l.callData)==null?void 0:Tt.phone_number)!=null?Lt:"",userid:(It=(Dt=l.callData)==null?void 0:Dt.agent_id)!=null?It:"",type:"AGENT",transfer_to:(Rt=g==null?void 0:g.user_id)!=null?Rt:"",callreferenceid:(_t=(wt=l.callData)==null?void 0:wt.convox_id)!=null?_t:"",processid:String((At=(kt=l.callData)==null?void 0:kt.process_id)!=null?At:""),process_name:(Nt=(it=l.callData)==null?void 0:it.process_name)!=null?Nt:""};n(A.TRANSFER_CALL,et)}};return(0,at.useEffect)(()=>{f(A.AGENTS_LIST,{status:"IDLE",active:!0}),L(A.TRANSFER_TO_DETAILS,{status:"ACTIVE",active:!0})},[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"md",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:[(0,a.jsx)(s.Typography,{variant:"body1",children:" Call Transfer"}),(0,a.jsx)(s.IconButton,{onClick:w,children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsxs)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px 10px",margin:"10px",borderRadius:"10px"},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",gap:1},children:[(0,a.jsx)(s.Button,{variant:p==="process"?"contained":"outlined",onClick:()=>e("process"),children:"Process"}),(0,a.jsx)(s.Button,{variant:p==="queues"?"contained":"outlined",onClick:()=>e("queues"),children:"Queues"}),(0,a.jsx)(s.Button,{variant:p==="agents"?"contained":"outlined",onClick:()=>e("agents"),children:"Agents"})]}),p==="process"&&(0,a.jsx)(s.Box,{sx:{display:"flex",gap:1},children:((D=(T=C==null?void 0:C.data)==null?void 0:T.process)==null?void 0:D.length)>0?(H=(N=C==null?void 0:C.data)==null?void 0:N.process)==null?void 0:H.map((g,E)=>(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px","&:hover":{bgcolor:"action.selected"}},children:[(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),g.process_name]}),(0,a.jsx)(s.IconButton,{color:"success",sx:{bgcolor:"action.hover","&:hover":{bgcolor:"action.selected"}},onClick:()=>{M(g,"PROCESS")},children:(0,a.jsx)(R.Call,{})})]},E)):(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",textAlign:"center",width:"100%",margin:"10px 0px",color:"gray"},children:"No Process Found"})}),p==="queues"&&(0,a.jsx)(s.Box,{sx:{display:"flex",gap:1},children:((o=(B=C==null?void 0:C.data)==null?void 0:B.queue)==null?void 0:o.length)>0?(x=(m=C==null?void 0:C.data)==null?void 0:m.queue)==null?void 0:x.map((g,E)=>{var _,z,X,J,tt,Q;return(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px","&:hover":{bgcolor:"action.selected"}},children:[(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),g.queue_name,(X=(z=(_=C==null?void 0:C.data)==null?void 0:_.process)==null?void 0:z.find(j=>j.process_id===g.process_id))!=null&&X.process_name?(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",color:"gray"},children:"("+((Q=(tt=(J=C==null?void 0:C.data)==null?void 0:J.process)==null?void 0:tt.find(j=>j.process_id===g.process_id))==null?void 0:Q.process_name)+")"}):""]}),(0,a.jsx)(s.IconButton,{color:"success",sx:{bgcolor:"action.hover","&:hover":{bgcolor:"action.selected"}},onClick:()=>{M(g,"QUEUE")},children:(0,a.jsx)(R.Call,{})})]},E)}):(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",textAlign:"center",width:"100%",margin:"10px 0px",color:"gray"},children:"No Queues Found"})}),p==="agents"&&(0,a.jsx)(s.Box,{sx:{display:"flex",gap:1},children:((y=h==null?void 0:h.data)==null?void 0:y.length)>0?(S=h==null?void 0:h.data)==null?void 0:S.map((g,E)=>(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px","&:hover":{bgcolor:"action.selected"}},children:[(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),g.name]}),(0,a.jsx)(s.IconButton,{color:"success",sx:{bgcolor:"action.hover","&:hover":{bgcolor:"action.selected"}},onClick:()=>{M(g,"AGENT")},children:(0,a.jsx)(R.Call,{})})]},E)):(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",textAlign:"center",width:"100%",margin:"10px 0px",color:"gray"},children:"No Agents Found"})})]})]})})})}function So({open:r,setOpen:t,onSubmitDisposition:n}){var w,M;let[l,p]=(0,at.useState)({disposition:{label:"Resolved",value:"RES"},followUp:{label:"No",value:"N"},callbackDate:"",callbackHrs:"",callbackMins:""}),e=[{label:"Not Interested",value:"NI"},{label:"Resolved",value:"RES"}],f=[{label:"Yes",value:"Y"},{label:"No",value:"N"}],h=(T,D)=>{p(N=>$(d({},N),{[T]:D}))},L=()=>{p({disposition:{label:"Resolved",value:"RES"},followUp:{label:"No",value:"N"},callbackDate:"",callbackHrs:"",callbackMins:""})},C=()=>{L(),t(!1)};return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"xs",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsx)(s.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:(0,a.jsxs)(s.Typography,{variant:"body1",m:1,children:[" ","Call Disposition"]})}),(0,a.jsx)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",padding:"10px",margin:"10px",borderRadius:"10px"},children:(0,a.jsxs)(s.Grid,{container:!0,spacing:2,children:[(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.Autocomplete,{value:l.disposition,options:e,getOptionLabel:T=>T.label,onChange:(T,D)=>h("disposition",D),size:"small",renderInput:T=>(0,a.jsx)(s.TextField,$(d({},T),{label:"Disposition",fullWidth:!0}))})}),(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.Autocomplete,{options:f,getOptionLabel:T=>T.label,value:l.followUp,onChange:(T,D)=>h("followUp",D),size:"small",renderInput:T=>(0,a.jsx)(s.TextField,$(d({},T),{label:"Follow Up",fullWidth:!0}))})}),((M=(w=l==null?void 0:l.followUp)==null?void 0:w.label)==null?void 0:M.toLowerCase())==="yes"&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.TextField,{size:"small",label:"Callback Date",type:"date",slotProps:{inputLabel:{shrink:!0}},value:l.callbackDate,onChange:T=>h("callbackDate",T.target.value),fullWidth:!0})}),(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.TextField,{size:"small",label:"Hours (0-23)",type:"text",inputProps:{min:0,max:23},value:l.callbackHrs,onChange:T=>h("callbackHrs",T.target.value),fullWidth:!0})}),(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.TextField,{size:"small",label:"Minutes (0-59)",type:"text",inputProps:{min:0,max:59},value:l.callbackMins,onChange:T=>h("callbackMins",T.target.value),fullWidth:!0})})]})]})}),(0,a.jsxs)(s.Box,{textAlign:"right",m:2,children:[(0,a.jsx)(s.Button,{variant:"outlined",color:"error",size:"large",onClick:C,sx:{px:2,mx:1,borderRadius:"10px",textTransform:"capitalize"},children:"cancel"}),(0,a.jsx)(s.Button,{variant:"contained",color:"primary",size:"large",onClick:()=>n(l),sx:{px:2,borderRadius:"10px",textTransform:"capitalize"},children:"Submit"})]})]})})})}function Eo({open:r,setOpen:t,processList:n=[],handleSelectedProcessor:l}){return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",maxWidth:"xs",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:[(0,a.jsx)(s.Typography,{variant:"body1",children:" Process List"}),(0,a.jsx)(s.IconButton,{onClick:()=>{t(!1)},children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsx)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px 10px",margin:"10px",borderRadius:"10px"},children:(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,f)=>(0,a.jsx)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px",cursor:"pointer","&:hover":{bgcolor:"action.selected"}},onClick:()=>{l(e)},children:(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),e.process_name]})},f)):null})]})})})}function To({open:r,setOpen:t}){return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"md",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:[(0,a.jsx)(s.Typography,{variant:"body1",children:" Call History"}),(0,a.jsx)(s.IconButton,{onClick:()=>{t(!1)},children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsx)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",margin:"10px",borderRadius:"10px",textAlign:"center",fontSize:"16px",fontWeight:"bold"},p:6,children:"Coming Soon..."})]})})})}var c=require("react/jsx-runtime");function Lo({onDataChange:r}){var Gt,Kt,jt,Yt,Xt,Jt,Qt,Vt,Zt,te,ee,oe,ne,ae,se,ie,re,le,ce,pe,de,ue,ge,fe,me,xe,he,ye,ve,Ce,be,Se,Ee,Te,Le,De,Ie,Re,we,_e,ke,Ae,Ne,Pe,Oe,Ue,Me,Be,He,$e,ze,We,qe,Fe,Ge,Ke,je,Ye,Xe,Je,Qe,Ve,Ze,to,eo,oo;let t=(0,u.useTheme)(),{disabled:n,enabled:l,outlined:p}=Mt(),e=ot(),{showToast:f}=pt(),h=(0,P.useRef)(null),[L,C]=(0,P.useState)(null),[w,M]=(0,P.useState)(!0),[T,D]=(0,P.useState)(null),[N,H]=(0,P.useState)(null),[B,o]=(0,P.useState)(!1),[m,x]=(0,P.useState)(!1),[y,S]=(0,P.useState)(!1),[g,E]=(0,P.useState)(!1),[_,z]=(0,P.useState)(!1),[X,J]=(0,P.useState)(""),[tt,Q]=(0,P.useState)(0),{position:j,isDragging:dt,dragRef:ut,handleMouseDown:gt,handleTouchStart:ft}=$t(e.controlPanelPosition,i=>I.setControlPanelPosition(i)),{position:st,isDragging:mt,dragRef:xt,handleMouseDown:ht,handleTouchStart:yt}=$t(e.iframePosition,i=>I.setIframePosition(i)),[vt,{data:nt}]=W({onSuccess:i=>{var b;console.log("res",i),i&&i.data&&((b=i==null?void 0:i.data)==null?void 0:b.length)>1?E(!0):(I.setProcess(i==null?void 0:i.data[0]),E(!1))},onError:()=>{E(!1)}}),[Ct]=W(),[bt]=W({onSuccess:()=>{I.setHolding(!e.isHolding)},onError:i=>{console.log("error",i)}}),[St]=W({onSuccess:()=>{I.setMuted(!e.isMuted)},onError:i=>{console.log("error",i)}}),[Et]=W(),[Tt]=W(),[Lt]=W(),Dt=(0,P.useCallback)(i=>{let b=Math.floor(i/60),O=i%60;return`${b.toString().padStart(2,"0")}:${O.toString().padStart(2,"0")}`},[]),It=()=>{C(null)},Rt=i=>{M(!0),H(i.currentTarget),I.setStatus("dial")},wt=()=>{e.status!=="on call"&&I.setStatus("idle"),H(null)},_t=i=>{D(i.currentTarget)},kt=()=>{D(null)},At=()=>{let i={action:"READYAGENT",userId:e.agentId};Et(A.READY_AGENT,i)},it=i=>{D(null);let b={action:"AGENTBREAK",break_type:i,userId:e.agentId};Tt(A.UPDATE_AGENT_BREAK,b)},Nt=i=>{if(i.length!==10)f("Invalid phone number","error"),alert("Invalid phone number");else if(!/^\d+$/.test(i))f("Invalid phone number","error");else{let b={action:"CALL",phone_number:i,userId:e.agentId};Ct(A.CLICK_TO_CALL,b)}},et=()=>{let i={action:e.isHolding?"UNHOLD":"HOLD",userId:e.agentId};bt(A.HOLD_CALL,i)},Ro=()=>{let i={action:e.isMuted?"UNMUTE":"MUTE",userId:e.agentId};St(A.MUTE_CALL,i)},wo=i=>{var O,G,K,V,Z,rt,lt,no,ao,so,io,ro,lo,co,po,uo;console.log("data",i);let b={action:"ENDCALL",userId:e.agentId,processid:(K=(G=(O=e.process)==null?void 0:O.process_id)==null?void 0:G.toString())!=null?K:"",process_name:(Z=(V=e.process)==null?void 0:V.process_name)!=null?Z:"",callreferenceid:(lt=(rt=e.callData)==null?void 0:rt.convox_id)!=null?lt:"",mobile_number:(ao=(no=e.callData)==null?void 0:no.phone_number)!=null?ao:"",disposition:(io=(so=i==null?void 0:i.disposition)==null?void 0:so.value)!=null?io:"",set_followUp:(lo=(ro=i==null?void 0:i.followUp)==null?void 0:ro.value)!=null?lo:"",callback_date:(co=i==null?void 0:i.callbackDate)!=null?co:"",callback_hrs:(po=i==null?void 0:i.callbackHrs)!=null?po:"",callback_mins:(uo=i==null?void 0:i.callbackMins)!=null?uo:"",endcall_type:"CLOSE"};J(""),Lt(A.END_CALL,b),I.endCall(),S(!1)};return(0,P.useEffect)(()=>{let i;return e.callData.status&&e.callData.status==="ONCALL"?i=setInterval(()=>{let b=Math.floor((Date.now()-e.callStartTime)/1e3);Q(b)},1e3):Q(0),()=>{i&&clearInterval(i)}},[e.callData.status]),(0,P.useEffect)(()=>{r&&r(e.callData)},[e.callData,r]),(0,P.useEffect)(()=>{e.agentId?vt(A.PROCESS_LIST,{userId:e.agentId,action:"GETAGENTPROCESSLIST",refno:"1234221233"}):console.log("No agentId available, skipping API call")},[e.agentId]),(0,P.useEffect)(()=>(e.agentId&&(h.current=new WebSocket(`${xo.WS}?agent_id=${e.agentId}`),h.current.onopen=()=>{console.log("WebSocket connection established")},h.current.onmessage=i=>{try{let b=JSON.parse(i.data);console.log("parsedJSON:",b),I.updateCallData(b),b.status==="ONCALL"&&I.startCall(),b.status==="WRAPUP"&&I.endCall()}catch(b){console.log("Raw message:",i.data)}},h.current.onclose=()=>{console.log("WebSocket connection closed")},h.current.onerror=i=>{console.error("WebSocket error:",i)}),()=>{var i;(i=h.current)==null||i.close()}),[e.agentId]),!e.isInitialized||!e.process?(0,c.jsx)(u.Box,{children:!!g&&(0,c.jsx)(Eo,{processList:nt==null?void 0:nt.processes,open:g,setOpen:E,handleSelectedProcessor:i=>{I.setProcess(i)}})}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(u.Fade,{in:!0,timeout:300,children:(0,c.jsx)(u.Paper,{ref:ut,elevation:dt?4:1,sx:{position:"fixed",left:j.x,top:j.y,p:.5,borderRadius:3,bgcolor:"background.paper",zIndex:9999999999,transition:t.transitions.create(["box-shadow","transform"],{duration:t.transitions.duration.short}),userSelect:"none"},children:(0,c.jsxs)(u.Box,{sx:{display:"flex",alignItems:"center"},children:[(0,c.jsxs)(u.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,c.jsxs)(u.IconButton,{component:"div",size:"small",sx:{cursor:"all-scroll"},onMouseDown:gt,onTouchStart:ft,children:[(0,c.jsx)(v.DragIndicator,{})," "]}),(0,c.jsx)(u.Box,{sx:{marginRight:"10px"},children:(0,c.jsx)(u.Tooltip,{title:"Dial",children:(0,c.jsx)(u.IconButton,{size:"small",onClick:i=>{var b,O,G,K,V,Z,rt,lt;((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())!=="ONCALL"&&((K=(G=e.callData)==null?void 0:G.status)==null?void 0:K.toUpperCase())!=="BREAK"&&((Z=(V=e.callData)==null?void 0:V.status)==null?void 0:Z.toUpperCase())!=="RINGING"&&((lt=(rt=e.callData)==null?void 0:rt.status)==null?void 0:lt.toUpperCase())!=="WRAPUP"&&Rt(i)},sx:{bgcolor:"action.hover","&:hover":{bgcolor:"warning"}},children:(0,c.jsx)(v.WifiCalling3,{sx:{color:((Kt=(Gt=e.callData)==null?void 0:Gt.status)==null?void 0:Kt.toUpperCase())==="ONCALL"||((Yt=(jt=e.callData)==null?void 0:jt.status)==null?void 0:Yt.toUpperCase())==="BREAK"||((Jt=(Xt=e.callData)==null?void 0:Xt.status)==null?void 0:Jt.toUpperCase())==="RINGING"||((Vt=(Qt=e.callData)==null?void 0:Qt.status)==null?void 0:Vt.toUpperCase())==="WRAPUP"?"action.selected":"success.main"}})})})}),(0,c.jsx)(u.Typography,{sx:{color:"success.main",width:"40px",marginRight:"10px"},children:Dt(tt)}),(0,c.jsx)(u.Typography,{variant:"body2",sx:{fontWeight:"bold"},children:(ee=(te=(Zt=e.callData)==null?void 0:Zt.status)==null?void 0:te.toUpperCase())!=null?ee:"N/A"}),(0,c.jsxs)(u.Button,{size:"small",variant:"text",onClick:_t,disabled:!!e.callStartTime,children:[(0,c.jsx)(v.ArrowDropDown,{})," "]})]}),(0,c.jsxs)(u.Box,{sx:{display:"flex",gap:1,justifyContent:"center",alignItems:"center"},children:[(0,c.jsx)(u.Tooltip,{title:"Agent Ready",children:(0,c.jsx)(u.Button,{variant:((ne=(oe=e.callData)==null?void 0:oe.status)==null?void 0:ne.toUpperCase())==="BREAK"||((se=(ae=e.callData)==null?void 0:ae.status)==null?void 0:se.toUpperCase())==="MISSED"?"outlined":"contained",onClick:i=>{var b,O,G,K;(((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="BREAK"||((K=(G=e.callData)==null?void 0:G.status)==null?void 0:K.toUpperCase())==="MISSED")&&(i.stopPropagation(),At())},classes:{root:((re=(ie=e.callData)==null?void 0:ie.status)==null?void 0:re.toUpperCase())==="BREAK"||((ce=(le=e.callData)==null?void 0:le.status)==null?void 0:ce.toUpperCase())==="MISSED"?"outlined":"enabled"},sx:d({},((de=(pe=e.callData)==null?void 0:pe.status)==null?void 0:de.toUpperCase())==="BREAK"||((ge=(ue=e.callData)==null?void 0:ue.status)==null?void 0:ge.toUpperCase())==="MISSED"?p:l),children:(0,c.jsx)(v.SupportAgent,{})})}),(0,c.jsx)(u.Tooltip,{title:e.isHolding?"Resume":"Hold",children:(0,c.jsx)(u.Button,{variant:e.isHolding&&((me=(fe=e.callData)==null?void 0:fe.status)==null?void 0:me.toUpperCase())==="ONCALL"?"contained":"outlined",onClick:i=>{i.stopPropagation(),et()},sx:e.isHolding&&((he=(xe=e.callData)==null?void 0:xe.status)==null?void 0:he.toUpperCase())==="ONCALL"?d({},l):((ve=(ye=e.callData)==null?void 0:ye.status)==null?void 0:ve.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((be=(Ce=e.callData)==null?void 0:Ce.status)==null?void 0:be.toUpperCase())!=="ONCALL"&&!e.isHolding,children:e.isHolding?(0,c.jsx)(v.PlayArrow,{}):(0,c.jsx)(v.Pause,{})})}),(0,c.jsx)(u.Tooltip,{title:e.isMuted?"Unmute":"Mute",children:(0,c.jsx)(u.Button,{variant:e.isMuted&&((Ee=(Se=e.callData)==null?void 0:Se.status)==null?void 0:Ee.toUpperCase())==="ONCALL"?"contained":"outlined",onClick:i=>{i.stopPropagation(),Ro()},sx:e.isMuted&&((Le=(Te=e.callData)==null?void 0:Te.status)==null?void 0:Le.toUpperCase())==="ONCALL"?d({},l):((Ie=(De=e.callData)==null?void 0:De.status)==null?void 0:Ie.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((we=(Re=e.callData)==null?void 0:Re.status)==null?void 0:we.toUpperCase())!=="ONCALL"&&!e.isMuted,children:e.isMuted?(0,c.jsx)(v.MicOff,{}):(0,c.jsx)(v.Mic,{})})}),(0,c.jsx)(u.Tooltip,{title:"Transfer Call",children:(0,c.jsx)(u.Button,{variant:m?"contained":"outlined",onClick:i=>{var b,O;((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="ONCALL"&&(i.stopPropagation(),x(!0))},sx:m?d({},l):((ke=(_e=e.callData)==null?void 0:_e.status)==null?void 0:ke.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((Ne=(Ae=e.callData)==null?void 0:Ae.status)==null?void 0:Ne.toUpperCase())!=="ONCALL",children:(0,c.jsx)(v.TransferWithinAStation,{})})}),(0,c.jsx)(u.Tooltip,{title:"Conference Call",children:(0,c.jsx)(u.Button,{variant:B?"contained":"outlined",onClick:i=>{var b,O;((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="ONCALL"&&(i.stopPropagation(),o(!0))},sx:B?d({},l):((Oe=(Pe=e.callData)==null?void 0:Pe.status)==null?void 0:Oe.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((Me=(Ue=e.callData)==null?void 0:Ue.status)==null?void 0:Me.toUpperCase())!=="ONCALL",children:(0,c.jsx)(v.Group,{})})}),(0,c.jsx)(u.Tooltip,{title:"Call History",children:(0,c.jsx)(u.Button,{variant:_?"contained":"outlined",onClick:i=>{i.stopPropagation(),z(!0)},sx:_?d({},l):d({},p),children:(0,c.jsx)(v.History,{})})}),(0,c.jsx)(u.Tooltip,{title:"End Call",children:(0,c.jsx)(u.Button,{variant:((He=(Be=e.callData)==null?void 0:Be.status)==null?void 0:He.toUpperCase())==="ONCALL"||((ze=($e=e.callData)==null?void 0:$e.status)==null?void 0:ze.toUpperCase())==="RINGING"||((qe=(We=e.callData)==null?void 0:We.status)==null?void 0:qe.toUpperCase())==="WRAPUP"?"contained":"outlined",onClick:i=>{var b,O,G,K,V,Z;(((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="ONCALL"||((K=(G=e.callData)==null?void 0:G.status)==null?void 0:K.toUpperCase())==="RINGING"||((Z=(V=e.callData)==null?void 0:V.status)==null?void 0:Z.toUpperCase())==="WRAPUP")&&(i.stopPropagation(),S(!0))},sx:((Ge=(Fe=e.callData)==null?void 0:Fe.status)==null?void 0:Ge.toUpperCase())==="ONCALL"||((je=(Ke=e.callData)==null?void 0:Ke.status)==null?void 0:je.toUpperCase())==="RINGING"||((Xe=(Ye=e.callData)==null?void 0:Ye.status)==null?void 0:Xe.toUpperCase())==="WRAPUP"?$(d({},l),{borderRight:"1px",backgroundColor:"error.main",minWidth:"60px !important",boxShadow:" 0px 2px 1px #5f3f3f",border:`1px solid ${t.palette.error.light}`,height:"40px","&:hover":{bgcolor:"error.light",boxShadow:" 0px 2px 1px #5f3f3f",border:`0px solid ${t.palette.error.light}`},"&:active":{bgcolor:"error.light",boxShadow:`inset 1px -2px 4px ${t.palette.primary.light}`}}):$(d({},n),{minWidth:"60px !important"}),disabled:((Qe=(Je=e.callData)==null?void 0:Je.status)==null?void 0:Qe.toUpperCase())!=="ONCALL"&&((Ze=(Ve=e.callData)==null?void 0:Ve.status)==null?void 0:Ze.toUpperCase())!=="RINGING"&&((eo=(to=e.callData)==null?void 0:to.status)==null?void 0:eo.toUpperCase())!=="WRAPUP",children:(0,c.jsx)(v.CallEnd,{})})})]})]})})}),(0,c.jsx)(u.Fade,{in:!0,timeout:300,children:(0,c.jsxs)(u.Paper,{ref:xt,elevation:mt?4:1,sx:{position:"fixed",left:st.x,top:st.y,p:1,height:"auto",borderRadius:2,bgcolor:"background.paper",zIndex:9999999999,transition:t.transitions.create(["box-shadow","transform"],{duration:t.transitions.duration.short}),visibility:w?"visible":"hidden",userSelect:"none"},children:[(0,c.jsxs)(u.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"all-scroll"},onMouseDown:ht,onTouchStart:yt,children:[(0,c.jsx)(v.DragIndicator,{sx:{transform:"rotate(90deg)"}})," ",(0,c.jsx)(u.IconButton,{onClick:()=>M(!1),children:(0,c.jsx)(v.Close,{})})]}),(0,c.jsx)("iframe",{src:`https://h68.deepijatel.in/ConVoxCCS/iframe?agent_id=${e.agentId}&process_id=${(oo=e.process)==null?void 0:oo.process_id}`,height:380,width:420,allow:"camera; microphone; autoplay"})]})}),(0,c.jsx)(u.Menu,{anchorEl:N,open:!!N,onClose:wt,onClick:i=>i.stopPropagation(),sx:{zIndex:99999},children:(0,c.jsxs)(u.Box,{sx:{all:"unset",padding:"10px","&hover":{backgroundColor:"white"}},children:[(0,c.jsx)(u.TextField,{size:"small",value:X,placeholder:"Enter Mobile No.",onChange:i=>{J(i.target.value)}}),(0,c.jsx)(u.IconButton,{color:"info",onClick:()=>{Nt(X)},children:(0,c.jsx)(v.Phone,{color:"success"})})]})}),(0,c.jsxs)(u.Menu,{anchorEl:T,open:!!T,onClose:kt,onClick:i=>i.stopPropagation(),sx:{zIndex:99999},children:[(0,c.jsx)(u.MenuItem,{onClick:()=>it("Lunch"),children:"- Lunch"}),(0,c.jsx)(u.MenuItem,{onClick:()=>it("Tea"),children:"- Tea"})]}),(0,c.jsx)(u.Menu,{anchorEl:L,open:!!L,onClose:It,onClick:i=>i.stopPropagation(),sx:{zIndex:99999},children:(0,c.jsxs)(u.Box,{sx:{display:"flex",justifyContent:"flex-start",flexDirection:"column",padding:"0px 10px","&hover":{backgroundColor:"white"}},children:[(0,c.jsx)(u.Chip,{icon:(0,c.jsx)(v.Layers,{color:"secondary"}),variant:"outlined",label:"Waiting - 25",sx:{margin:"4px 2px"}}),(0,c.jsx)(u.Chip,{icon:(0,c.jsx)(v.Pending,{color:"info"}),label:"Pending - 99+",variant:"outlined",sx:{margin:"4px 2px"}}),(0,c.jsx)(u.Chip,{icon:(0,c.jsx)(v.Upcoming,{color:"success"}),variant:"outlined",label:"Upcoming - 66",sx:{margin:"4px 2px"}})]})}),!!B&&(0,c.jsx)(Co,{open:B,setOpen:o}),!!m&&(0,c.jsx)(bo,{open:m,setOpen:x}),!!y&&(0,c.jsx)(So,{open:y,setOpen:S,onSubmitDisposition:wo}),!!_&&(0,c.jsx)(To,{open:_,setOpen:z})]})}var qt=class{constructor(){q(this,"config",null);q(this,"ticketId",null);q(this,"baseUrl","");q(this,"eventQueue",[]);q(this,"isOnline",!0);q(this,"retryQueue",[]);q(this,"flushTimer",null)}async init(t){this.config=d({autoTrack:!0,retryAttempts:3,queueSize:100,flushInterval:5e3},t),this.baseUrl=t.baseUrl||(typeof window!="undefined"?window.location.origin:""),this.setupNetworkDetection();let n=await this.createTicket();return this.startPeriodicFlush(),console.log("EventTracker SDK initialized successfully"),n}isInitialized(){return this.config!==null&&this.ticketId!==null}getConfig(){return this.config}getTicketId(){return this.ticketId}async createTicket(){if(!this.config)throw new Error("EventTracker not initialized");try{let t=await this.makeRequest("/api/v1/et/init",{method:"POST",headers:{"Content-Type":"application/json","X-API-Key":this.config.apiKey},body:JSON.stringify({agentId:this.config.agentId,sessionId:this.config.sessionId})});if(!t.ok)throw new Error(`Failed to initialize: ${t.status} ${t.statusText}`);let n=await t.json();return this.ticketId=n.ticketId,this.config.autoTrack&&this.setupAutoTracking(),this.ticketId}catch(t){throw console.error("EventTracker initialization failed:",t),t}}async logEvent(t,n){if(!this.config||!this.ticketId){console.warn("EventTracker not initialized, skipping event:",t);return}let l={eventType:t,eventData:n,timestamp:Date.now()};if(this.eventQueue.push(l),this.eventQueue.length>(this.config.queueSize||100)&&this.eventQueue.shift(),this.isOnline)try{await this.sendEvent(l)}catch(p){console.warn("Failed to send event, will retry later:",p)}}async sendEvent(t){if(!(!this.config||!this.ticketId))try{let n=await this.makeRequest("/api/v1/et/event",{method:"POST",headers:{"Content-Type":"application/json","X-API-Key":this.config.apiKey},body:JSON.stringify({ticketId:this.ticketId,eventType:t.eventType,eventData:t.eventData})});if(!n.ok)throw new Error(`Failed to log event: ${n.status} ${n.statusText}`);let l=this.eventQueue.findIndex(p=>p.timestamp===t.timestamp);l>-1&&this.eventQueue.splice(l,1)}catch(n){console.error("Event logging failed:",n),this.retryQueue.push(()=>this.sendEvent(t))}}async closeTicket(){if(!this.config||!this.ticketId)throw new Error("EventTracker not initialized");await this.flush();try{let t=await this.makeRequest("/api/v1/et/close",{method:"POST",headers:{"Content-Type":"application/json","X-API-Key":this.config.apiKey},body:JSON.stringify({ticketId:this.ticketId})});if(!t.ok)throw new Error(`Failed to close ticket: ${t.status} ${t.statusText}`);this.ticketId=null,this.stopPeriodicFlush(),console.log("Ticket closed successfully")}catch(t){throw console.error("Ticket close failed:",t),t}}async flush(){if(!this.isOnline||this.eventQueue.length===0)return;let t=[...this.eventQueue];for(let l of t)await this.sendEvent(l);let n=[...this.retryQueue];this.retryQueue=[];for(let l of n)try{await l()}catch(p){console.error("Retry failed:",p)}}async makeRequest(t,n){var e;let l=`${this.baseUrl}${t}`,p=((e=this.config)==null?void 0:e.retryAttempts)||3;for(let f=1;f<=p;f++)try{return await fetch(l,n)}catch(h){if(f===p)throw h;let L=Math.min(1e3*Math.pow(2,f-1),1e4);await new Promise(C=>setTimeout(C,L))}throw new Error("Max retries exceeded")}setupAutoTracking(){var l;if(typeof window=="undefined"||!((l=this.config)!=null&&l.autoTrack))return;let t=this.config.autoTrack===!0?{}:this.config.autoTrack;if(t.pageVisits!==!1&&this.logEvent("pageVisit",{url:window.location.href,title:document.title,referrer:document.referrer,userAgent:navigator.userAgent,viewport:{width:window.innerWidth,height:window.innerHeight},timestamp:new Date().toISOString()}).catch(p=>console.warn("Failed to track page visit:",p)),t.clicks!==!1&&document.addEventListener("click",p=>{var f;let e=p.target;(e.tagName==="BUTTON"||e.tagName==="A"||e.onclick||e.getAttribute("role")==="button"||e instanceof HTMLButtonElement&&e.type==="button")&&this.logEvent("click",{element:e.tagName,text:(f=e.textContent)==null?void 0:f.trim().substring(0,100),href:e.getAttribute("href"),id:e.id,className:e.className,role:e.getAttribute("role"),position:{x:p.clientX,y:p.clientY},timestamp:new Date().toISOString()}).catch(h=>console.warn("Failed to track click:",h))}),t.forms!==!1&&document.addEventListener("submit",p=>{let e=p.target,f=new FormData(e),h={};f.forEach((L,C)=>{h[C]=L.toString()}),this.logEvent("formSubmission",{formId:e.id,action:e.action,method:e.method,fields:Object.keys(h),fieldCount:Object.keys(h).length,timestamp:new Date().toISOString()}).catch(L=>console.warn("Failed to track form submission:",L))}),t.inputs!==!1){let p;document.addEventListener("input",e=>{let f=e.target;(f.tagName==="INPUT"||f.tagName==="TEXTAREA"||f.tagName==="SELECT")&&(clearTimeout(p),p=setTimeout(()=>{var h;this.logEvent("fieldChange",{element:f.tagName,type:f.getAttribute("type"),name:f.getAttribute("name"),id:f.id,valueLength:((h=f.value)==null?void 0:h.length)||0,timestamp:new Date().toISOString()}).catch(L=>console.warn("Failed to track field change:",L))},1e3))})}let n=Date.now();window.addEventListener("beforeunload",()=>{let p=Date.now()-n;this.logEvent("pageUnload",{url:window.location.href,sessionDuration:p,timestamp:new Date().toISOString()}),this.ticketId&&navigator.sendBeacon(`${this.baseUrl}/api/v1/et/close`,JSON.stringify({ticketId:this.ticketId}))}),t.visibility!==!1&&document.addEventListener("visibilitychange",()=>{this.logEvent("visibilityChange",{hidden:document.hidden,visibilityState:document.visibilityState,timestamp:new Date().toISOString()})}),t.errors!==!1&&(window.addEventListener("error",p=>{this.logEvent("jsError",{message:p.message,filename:p.filename,lineno:p.lineno,colno:p.colno,timestamp:new Date().toISOString()})}),window.addEventListener("unhandledrejection",p=>{var e;this.logEvent("unhandledRejection",{reason:(e=p.reason)==null?void 0:e.toString(),timestamp:new Date().toISOString()})})),t.performance!==!1&&typeof window.performance!="undefined"&&window.performance.navigation&&window.addEventListener("load",()=>{setTimeout(()=>{let p=window.performance.navigation,e=window.performance.timing;this.logEvent("performanceMetrics",{navigationTime:e.navigationStart,loadTime:e.loadEventEnd-e.navigationStart,domReady:e.domContentLoadedEventEnd-e.navigationStart,renderTime:e.loadEventEnd-e.domContentLoadedEventEnd,navigationType:p.type,redirectCount:p.redirectCount,timestamp:new Date().toISOString()})},1e3)})}setupNetworkDetection(){typeof window!="undefined"&&(this.isOnline=navigator.onLine,window.addEventListener("online",()=>{this.isOnline=!0,console.log("EventTracker: Back online, flushing queued events"),this.flush()}),window.addEventListener("offline",()=>{this.isOnline=!1,console.log("EventTracker: Offline, queueing events")}))}startPeriodicFlush(){var n;this.flushTimer&&clearInterval(this.flushTimer);let t=((n=this.config)==null?void 0:n.flushInterval)||5e3;this.flushTimer=setInterval(()=>{this.flush()},t)}stopPeriodicFlush(){this.flushTimer&&(clearInterval(this.flushTimer),this.flushTimer=null)}},Ft=new qt;typeof window!="undefined"&&(window.EventTracker=Ft);var Do=require("react");var Go=(r={})=>{let{onSuccess:t,onError:n,onComplete:l}=r,p=ot(),[e,f]=W({onSuccess:L=>{t==null||t(L),l==null||l(),I.clearStorageAndReset(),localStorage.clear()},onError:L=>{n==null||n(L),l==null||l()}});return{logout:(0,Do.useCallback)(()=>{let L={action:"LOGOUTUSER",userId:p.agentId||""};e(A.LOGOUT,L)},[e]),isLoading:f.isLoading,isSuccess:f.isSuccess,isError:f.isError,error:f.error,data:f.data}},Io=Go;function Ko({apiKey:r,tenantId:t,agentId:n}){I.initialize(r,n),Ft.init({apiKey:r,tenantId:t,agentId:n,baseUrl:k})}0&&(module.exports={CallControlPanel,initSDK,useLogout});
+"use strict";var ko=Object.create;var ct=Object.defineProperty,Ao=Object.defineProperties,No=Object.getOwnPropertyDescriptor,Po=Object.getOwnPropertyDescriptors,Oo=Object.getOwnPropertyNames,go=Object.getOwnPropertySymbols,Uo=Object.getPrototypeOf,fo=Object.prototype.hasOwnProperty,Mo=Object.prototype.propertyIsEnumerable;var Bt=(r,t,n)=>t in r?ct(r,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[t]=n,d=(r,t)=>{for(var n in t||(t={}))fo.call(t,n)&&Bt(r,n,t[n]);if(go)for(var n of go(t))Mo.call(t,n)&&Bt(r,n,t[n]);return r},$=(r,t)=>Ao(r,Po(t));var Bo=(r,t)=>{for(var n in t)ct(r,n,{get:t[n],enumerable:!0})},mo=(r,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of Oo(t))!fo.call(r,p)&&p!==n&&ct(r,p,{get:()=>t[p],enumerable:!(l=No(t,p))||l.enumerable});return r};var Ho=(r,t,n)=>(n=r!=null?ko(Uo(r)):{},mo(t||!r||!r.__esModule?ct(n,"default",{value:r,enumerable:!0}):n,r)),$o=r=>mo(ct({},"__esModule",{value:!0}),r);var q=(r,t,n)=>Bt(r,typeof t!="symbol"?t+"":t,n);var Yo={};Bo(Yo,{CallControlPanel:()=>Ro,initSDK:()=>jo,useLogout:()=>bo});module.exports=$o(Yo);var Ht=class{constructor(){q(this,"config",null);q(this,"ticketId",null);q(this,"baseUrl","");q(this,"eventQueue",[]);q(this,"isOnline",!0);q(this,"retryQueue",[]);q(this,"flushTimer",null)}async init(t){this.config=d({autoTrack:!0,retryAttempts:3,queueSize:100,flushInterval:5e3},t),this.baseUrl=t.baseUrl||(typeof window!="undefined"?window.location.origin:""),this.setupNetworkDetection();let n=await this.createTicket();return this.startPeriodicFlush(),console.log("EventTracker SDK initialized successfully"),n}isInitialized(){return this.config!==null&&this.ticketId!==null}getConfig(){return this.config}getTicketId(){return this.ticketId}async createTicket(){if(!this.config)throw new Error("EventTracker not initialized");try{let t=await this.makeRequest("/api/v1/et/init",{method:"POST",headers:{"Content-Type":"application/json","X-API-Key":this.config.apiKey},body:JSON.stringify({agentId:this.config.agentId,sessionId:this.config.sessionId})});if(!t.ok)throw new Error(`Failed to initialize: ${t.status} ${t.statusText}`);let n=await t.json();return this.ticketId=n.ticketId,this.config.autoTrack&&this.setupAutoTracking(),this.ticketId}catch(t){throw console.error("EventTracker initialization failed:",t),t}}async logEvent(t,n){if(!this.config||!this.ticketId){console.warn("EventTracker not initialized, skipping event:",t);return}let l={eventType:t,eventData:n,timestamp:Date.now()};if(this.eventQueue.push(l),this.eventQueue.length>(this.config.queueSize||100)&&this.eventQueue.shift(),this.isOnline)try{await this.sendEvent(l)}catch(p){console.warn("Failed to send event, will retry later:",p)}}async sendEvent(t){if(!(!this.config||!this.ticketId))try{let n=await this.makeRequest("/api/v1/et/event",{method:"POST",headers:{"Content-Type":"application/json","X-API-Key":this.config.apiKey},body:JSON.stringify({ticketId:this.ticketId,eventType:t.eventType,eventData:t.eventData})});if(!n.ok)throw new Error(`Failed to log event: ${n.status} ${n.statusText}`);let l=this.eventQueue.findIndex(p=>p.timestamp===t.timestamp);l>-1&&this.eventQueue.splice(l,1)}catch(n){console.error("Event logging failed:",n),this.retryQueue.push(()=>this.sendEvent(t))}}async closeTicket(){if(!this.config||!this.ticketId)throw new Error("EventTracker not initialized");await this.flush();try{let t=await this.makeRequest("/api/v1/et/close",{method:"POST",headers:{"Content-Type":"application/json","X-API-Key":this.config.apiKey},body:JSON.stringify({ticketId:this.ticketId})});if(!t.ok)throw new Error(`Failed to close ticket: ${t.status} ${t.statusText}`);this.ticketId=null,this.stopPeriodicFlush(),console.log("Ticket closed successfully")}catch(t){throw console.error("Ticket close failed:",t),t}}async flush(){if(!this.isOnline||this.eventQueue.length===0)return;let t=[...this.eventQueue];for(let l of t)await this.sendEvent(l);let n=[...this.retryQueue];this.retryQueue=[];for(let l of n)try{await l()}catch(p){console.error("Retry failed:",p)}}async makeRequest(t,n){var e;let l=`${this.baseUrl}${t}`,p=((e=this.config)==null?void 0:e.retryAttempts)||3;for(let f=1;f<=p;f++)try{return await fetch(l,n)}catch(h){if(f===p)throw h;let D=Math.min(1e3*Math.pow(2,f-1),1e4);await new Promise(C=>setTimeout(C,D))}throw new Error("Max retries exceeded")}setupAutoTracking(){var l;if(typeof window=="undefined"||!((l=this.config)!=null&&l.autoTrack))return;let t=this.config.autoTrack===!0?{}:this.config.autoTrack;if(t.pageVisits!==!1&&this.logEvent("pageVisit",{url:window.location.href,title:document.title,referrer:document.referrer,userAgent:navigator.userAgent,viewport:{width:window.innerWidth,height:window.innerHeight},timestamp:new Date().toISOString()}).catch(p=>console.warn("Failed to track page visit:",p)),t.clicks!==!1&&document.addEventListener("click",p=>{var f;let e=p.target;(e.tagName==="BUTTON"||e.tagName==="A"||e.onclick||e.getAttribute("role")==="button"||e instanceof HTMLButtonElement&&e.type==="button")&&this.logEvent("click",{element:e.tagName,text:(f=e.textContent)==null?void 0:f.trim().substring(0,100),href:e.getAttribute("href"),id:e.id,className:e.className,role:e.getAttribute("role"),position:{x:p.clientX,y:p.clientY},timestamp:new Date().toISOString()}).catch(h=>console.warn("Failed to track click:",h))}),t.forms!==!1&&document.addEventListener("submit",p=>{let e=p.target,f=new FormData(e),h={};f.forEach((D,C)=>{h[C]=D.toString()}),this.logEvent("formSubmission",{formId:e.id,action:e.action,method:e.method,fields:Object.keys(h),fieldCount:Object.keys(h).length,timestamp:new Date().toISOString()}).catch(D=>console.warn("Failed to track form submission:",D))}),t.inputs!==!1){let p;document.addEventListener("input",e=>{let f=e.target;(f.tagName==="INPUT"||f.tagName==="TEXTAREA"||f.tagName==="SELECT")&&(clearTimeout(p),p=setTimeout(()=>{var h;this.logEvent("fieldChange",{element:f.tagName,type:f.getAttribute("type"),name:f.getAttribute("name"),id:f.id,valueLength:((h=f.value)==null?void 0:h.length)||0,timestamp:new Date().toISOString()}).catch(D=>console.warn("Failed to track field change:",D))},1e3))})}let n=Date.now();window.addEventListener("beforeunload",()=>{let p=Date.now()-n;this.logEvent("pageUnload",{url:window.location.href,sessionDuration:p,timestamp:new Date().toISOString()}),this.ticketId&&navigator.sendBeacon(`${this.baseUrl}/api/v1/et/close`,JSON.stringify({ticketId:this.ticketId}))}),t.visibility!==!1&&document.addEventListener("visibilitychange",()=>{this.logEvent("visibilityChange",{hidden:document.hidden,visibilityState:document.visibilityState,timestamp:new Date().toISOString()})}),t.errors!==!1&&(window.addEventListener("error",p=>{this.logEvent("jsError",{message:p.message,filename:p.filename,lineno:p.lineno,colno:p.colno,timestamp:new Date().toISOString()})}),window.addEventListener("unhandledrejection",p=>{var e;this.logEvent("unhandledRejection",{reason:(e=p.reason)==null?void 0:e.toString(),timestamp:new Date().toISOString()})})),t.performance!==!1&&typeof window.performance!="undefined"&&window.performance.navigation&&window.addEventListener("load",()=>{setTimeout(()=>{let p=window.performance.navigation,e=window.performance.timing;this.logEvent("performanceMetrics",{navigationTime:e.navigationStart,loadTime:e.loadEventEnd-e.navigationStart,domReady:e.domContentLoadedEventEnd-e.navigationStart,renderTime:e.loadEventEnd-e.domContentLoadedEventEnd,navigationType:p.type,redirectCount:p.redirectCount,timestamp:new Date().toISOString()})},1e3)})}setupNetworkDetection(){typeof window!="undefined"&&(this.isOnline=navigator.onLine,window.addEventListener("online",()=>{this.isOnline=!0,console.log("EventTracker: Back online, flushing queued events"),this.flush()}),window.addEventListener("offline",()=>{this.isOnline=!1,console.log("EventTracker: Offline, queueing events")}))}startPeriodicFlush(){var n;this.flushTimer&&clearInterval(this.flushTimer);let t=((n=this.config)==null?void 0:n.flushInterval)||5e3;this.flushTimer=setInterval(()=>{this.flush()},t)}stopPeriodicFlush(){this.flushTimer&&(clearInterval(this.flushTimer),this.flushTimer=null)}},$t=new Ht;typeof window!="undefined"&&(window.EventTracker=$t);var zt=class{constructor(){q(this,"state");q(this,"listeners",[]);q(this,"STORAGE_KEY","call-control-sdk-state");this.state=this.getInitialState(),this.loadFromStorage()}getInitialState(){return{url:"",apiKey:null,process:null,agentId:"",isInitialized:!1,isHolding:!1,isMuted:!1,status:"idle",callStartTime:null,controlPanelPosition:{x:10,y:10},iframePosition:{x:10,y:80},callData:{agent_id:"",status:"",type:"",event_time:"",phone_number:""},conferenceLine:[{line:1,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:2,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:3,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:4,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1},{line:5,status:"IDLE",type:"",phone:"",isMute:!1,isHold:!1,isCallStart:!1,isMergeCall:!1}]}}loadFromStorage(){try{let t=localStorage.getItem(this.STORAGE_KEY);if(t){let n=JSON.parse(t);this.state=$(d({},this.state),{apiKey:n.apiKey||"",agentId:n.agentId||"",process:n.process||null,isInitialized:n.isInitialized||!1,isHolding:n.isHolding||!1,isMuted:n.isMuted||!1,status:n.status||"idle",url:n.url||"",callStartTime:n.callStartTime||null,controlPanelPosition:n.controlPanelPosition||{x:10,y:10},iframePosition:n.iframePosition||{x:10,y:80},callData:n.callData||{mobileNumber:"",callReferenceId:"",agentLoginId:""},conferenceLine:n.conferenceLine&&Array.isArray(n.conferenceLine)&&n.conferenceLine.length>0?n.conferenceLine:this.state.conferenceLine})}}catch(t){console.warn("Failed to load SDK state from localStorage:",t)}}saveToStorage(){try{let t={url:this.state.url,apiKey:this.state.apiKey,agentId:this.state.agentId,process:this.state.process,isInitialized:this.state.isInitialized,isHolding:this.state.isHolding,isMuted:this.state.isMuted,status:this.state.status,callStartTime:this.state.callStartTime,controlPanelPosition:this.state.controlPanelPosition,iframePosition:this.state.iframePosition,callData:this.state.callData,conferenceLine:this.state.conferenceLine};localStorage.setItem(this.STORAGE_KEY,JSON.stringify(t))}catch(t){console.warn("Failed to save SDK state to localStorage:",t)}}notifyListeners(){this.listeners.forEach(t=>t())}initialize(t,n,l){if(!t||typeof t!="string"||t.trim().length===0)throw new Error("API key not available");this.state.apiKey=t,this.state.agentId=n,this.state.isInitialized=!0,this.state.url=l,this.saveToStorage(),this.notifyListeners()}getState(){return d({},this.state)}subscribe(t){return this.listeners.push(t),()=>{let n=this.listeners.indexOf(t);n>-1&&this.listeners.splice(n,1)}}setHolding(t){this.state.isHolding=t,this.saveToStorage(),this.notifyListeners()}setMuted(t){this.state.isMuted=t,this.saveToStorage(),this.notifyListeners()}setStatus(t){this.state.status=t,this.saveToStorage(),this.notifyListeners()}setProcess(t){this.state.process=t,this.saveToStorage(),this.notifyListeners()}setControlPanelPosition(t){this.state.controlPanelPosition=t,this.saveToStorage(),this.notifyListeners()}setIframePosition(t){this.state.iframePosition=t,this.saveToStorage(),this.notifyListeners()}startCall(){this.state.callStartTime=Date.now(),this.state.status="on call",this.saveToStorage(),this.notifyListeners()}endCall(){this.state.callStartTime=null,this.state.status="idle",this.state.isHolding=!1,this.state.isMuted=!1,this.saveToStorage(),this.notifyListeners()}updateCallData(t){this.state.callData=d(d({},this.state.callData),t),this.saveToStorage(),this.notifyListeners()}setConferenceLine(t){var l;(!this.state.conferenceLine||!Array.isArray(this.state.conferenceLine))&&(console.warn("Conference line data corrupted, resetting to initial state"),this.state.conferenceLine=this.getInitialState().conferenceLine);let n=(l=this.state.conferenceLine)==null?void 0:l.map(p=>p.line===t.line?t:p);this.state.conferenceLine=n,this.saveToStorage(),this.notifyListeners()}resetConferenceLines(){this.state.conferenceLine=this.getInitialState().conferenceLine,this.saveToStorage(),this.notifyListeners()}clearStorageAndReset(){try{localStorage.removeItem(this.STORAGE_KEY),this.state=this.getInitialState(),this.notifyListeners()}catch(t){console.warn("Failed to clear localStorage:",t)}}debugStorage(){try{let t=localStorage.getItem(this.STORAGE_KEY);console.log("Current localStorage data:",t),t&&console.log("Parsed localStorage data:",JSON.parse(t)),console.log("Current state:",this.state)}catch(t){console.error("Error debugging storage:",t)}}getConferenceLines(){return this.state.conferenceLine||[]}getUrl(){return this.state.url||""}},T=new zt;var Co=require("react");var Ot=require("react");var yo=Ho(require("axios"));var xo=T.getUrl(),P=`http://${xo}`,zo=`ws://${xo}`,U={v1:"/api/v1"},k={LOGIN:`${P}${U.v1}/cti/login?provider=convox`,READY_AGENT:`${P}${U.v1}/cti/ready-agent?provider=convox`,UPDATE_AGENT_BREAK:`${P}${U.v1}/cti/update-agent-status?provider=convox`,CLICK_TO_CALL:`${P}${U.v1}/cti/calls?provider=convox`,HOLD_CALL:`${P}${U.v1}/cti/calls/hold?provider=convox`,MUTE_CALL:`${P}${U.v1}/cti/calls/mute?provider=convox`,UNMUTE_CALL:`${P}${U.v1}/cti/unmute-call?provider=convox`,END_CALL:`${P}${U.v1}/cti/calls/end?provider=convox`,LOGOUT:`${P}${U.v1}/cti/logout?provider=convox`,CONFERENCE_CALL:`${P}${U.v1}/cti/calls/conference?provider=convox`,CONFERENCE_CALL_HOLD_OR_UN_HOLD:`${P}${U.v1}/cti/calls/conference/hold?provider=convox`,CONFERENCE_CALL_MUTE_OT_UN_MUTE:`${P}${U.v1}/cti/calls/conference/mute?provider=convox`,CONFERENCE_CALL_END:`${P}${U.v1}/cti/calls/conference/hangup?provider=convox`,CONFERENCE_CALL_END_ALL:`${P}${U.v1}/cti/calls/conference/hangup/all?provider=convox`,TRANSFER_CALL:`${P}${U.v1}/cti/calls/transfer?provider=convox`,AGENTS_LIST:`${P}${U.v1}/cti/users`,PROCESS_LIST:`${P}${U.v1}/cti/processes-list`,TRANSFER_TO_DETAILS:`${P}${U.v1}/cti/transfer-to-details?provider=convox`},ho={WS:`${zo}${U.v1}/cti/ws`};var Wo="12345",Wt=yo.default.create({baseURL:P,headers:{"Content-Type":"application/json",Authorization:Wo},timeout:1e4});Wt.interceptors.request.use(r=>{let t="12345";return t&&r.headers&&(r.headers.Authorization=`Bearer ${t}`),r},r=>Promise.reject(r instanceof Error?r:new Error(String(r))));Wt.interceptors.response.use(r=>r,async r=>{var n;let t=r.config;return((n=r.response)==null?void 0:n.status)===401&&!t._retry&&(t._retry=!0),Promise.reject(r instanceof Error?r:new Error(String(r)))});var Y=Wt;var Pt=require("@mui/material"),vo=require("react"),qt=require("react/jsx-runtime");function pt(){let[r,t]=(0,vo.useState)(!1),n=(p,e)=>{e!=="clickaway"&&t(!1)};return{showToast:(p,e)=>(t(!0),(0,qt.jsx)(Pt.Snackbar,{anchorOrigin:{vertical:"top",horizontal:"right"},open:r,onClose:n,children:(0,qt.jsx)(Pt.Alert,{onClose:n,severity:e,variant:"filled",sx:{width:"100%"},children:p})}))}}var qo={isLoading:!1,isSuccess:!1,isError:!1,error:null,data:null},Fo=(r,t)=>{if(t.type==="isLoading")return $(d({},r),{isLoading:t.payload});if(t.type==="isSuccess")return $(d({},r),{isSuccess:!0,data:t.payload});if(t.type==="isError")return $(d({},r),{isError:!0,error:t.payload});if(t.type==="reset")return{isLoading:!1,isSuccess:!1,isError:!1,error:null,data:null};throw Error("Unknown action.")};var W=(r={})=>{let{onSuccess:t=null,onError:n=null}=r,{showToast:l}=pt(),[p,e]=(0,Ot.useReducer)(Fo,qo);return[(0,Ot.useCallback)((h,D,C={})=>{e({type:"isLoading",payload:!0}),Y.post(h,D,C).then(w=>{e({type:"isSuccess",payload:w.data}),t==null||t(w.data,D)}).catch(w=>{var L,I,A,H,B,o,m,x,y,S,g,E;let M={status:(I=(L=w.response)==null?void 0:L.status)!=null?I:500,message:((H=(A=w.response)==null?void 0:A.data)==null?void 0:H.detail)||((o=(B=w.response)==null?void 0:B.data)==null?void 0:o.message)||w.message||"An unknown error occurred",data:(x=(m=w.response)==null?void 0:m.data)!=null?x:null,statusText:(S=(y=w.response)==null?void 0:y.statusText)!=null?S:"",code:(g=w==null?void 0:w.code)!=null?g:"",name:(E=w==null?void 0:w.name)!=null?E:""};l(M.message,"error"),e({type:"isError",payload:M}),n==null||n(M,D)}).finally(()=>{e({type:"isLoading",payload:!1})})},[t,n,l]),p]};var Ut=require("react");function ot(){let[r,t]=(0,Ut.useState)(T.getState());return(0,Ut.useEffect)(()=>T.subscribe(()=>{t(T.getState())}),[]),r}var Go=(r={})=>{let{onSuccess:t,onError:n,onComplete:l}=r,p=ot(),[e,f]=W({onSuccess:D=>{t==null||t(D),l==null||l(),T.clearStorageAndReset(),localStorage.clear()},onError:D=>{n==null||n(D),l==null||l()}});return{logout:(0,Co.useCallback)(()=>{let D={action:"LOGOUTUSER",userId:p.agentId||""};e(k.LOGOUT,D)},[e]),isLoading:f.isLoading,isSuccess:f.isSuccess,isError:f.isError,error:f.error,data:f.data}},bo=Go;var v=require("@mui/icons-material"),u=require("@mui/material"),N=require("react");var F=require("react");function Ft(r,t){let[n,l]=(0,F.useState)(r),[p,e]=(0,F.useState)(!1),f=(0,F.useRef)(),h=(0,F.useRef)({x:0,y:0}),D=(0,F.useRef)({x:0,y:0}),C=(0,F.useCallback)(I=>{let A=f.current;if(!A)return;let H=A.getBoundingClientRect(),B=window.innerWidth,o=window.innerHeight,m={x:Math.max(0,Math.min(I.x,B-H.width)),y:Math.max(0,Math.min(I.y,o-H.height))};l(m),t==null||t(m)},[t]),w=(0,F.useCallback)((I,A)=>{e(!0),h.current={x:I,y:A},D.current=n;let H=(x,y)=>{let S=x-h.current.x,g=y-h.current.y;C({x:D.current.x+S,y:D.current.y+g})},B=x=>{x.preventDefault(),H(x.clientX,x.clientY)},o=x=>{x.preventDefault();let y=x.touches[0];y&&H(y.clientX,y.clientY)},m=()=>{e(!1),document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",m),document.removeEventListener("touchmove",o),document.removeEventListener("touchend",m)};document.addEventListener("mousemove",B),document.addEventListener("mouseup",m),document.addEventListener("touchmove",o,{passive:!1}),document.addEventListener("touchend",m)},[n,C]),M=(0,F.useCallback)(I=>{I.preventDefault(),w(I.clientX,I.clientY)},[w]),L=(0,F.useCallback)(I=>{I.preventDefault();let A=I.touches[0];A&&w(A.clientX,A.clientY)},[w]);return{position:n,isDragging:p,dragRef:f,handleMouseDown:M,handleTouchStart:L}}var R=require("@mui/icons-material"),s=require("@mui/material"),at=require("react");var So=require("@mui/material"),Ko=()=>{let r=(0,So.useTheme)();return{disabled:{padding:"0px",margin:"0px",minWidth:"40px !important",borderRadius:"16px",border:"1px solid rgb(206, 204, 204)",height:"40px","&:hover":{boxShadow:" 0px 2px 2px rgba(0, 0, 0, 0.79)",border:`1px solid ${r.palette.primary.main}`},"&:active":{bgcolor:"primary.main",boxShadow:`inset 1px -2px 4px ${r.palette.primary.light}`}},enabled:{padding:"0px",margin:"0px",minWidth:"40px !important",borderRadius:"16px",boxShadow:" 0px 2px 1px rgba(0, 0, 0, 0.507)",border:`1px solid ${r.palette.primary.main}`,height:"40px","&:hover":{boxShadow:" 0px 2px 1px rgba(0, 0, 0, 0.507)",border:`1px solid ${r.palette.primary.main}`},"&:active":{bgcolor:"primary.main",boxShadow:`inset 1px -2px 4px ${r.palette.primary.light}`}},outlined:{padding:"0px",margin:"0px",minWidth:"40px !important",borderRadius:"16px",backgroundColor:r.palette.grey[200],boxShadow:`0px 2px 1px ${r.palette.primary.light}`,border:`0px solid ${r.palette.primary.main}`,height:"40px","&:hover":{boxShadow:`0px 2px 1px ${r.palette.primary.main}`,border:`0px solid ${r.palette.primary.main}`},"&:active":{bgcolor:"primary.main",boxShadow:`inset 1px -2px 4px ${r.palette.primary.light}`}}}},Mt=Ko;var a=require("react/jsx-runtime");function Eo({open:r,setOpen:t}){var H,B;let n=ot(),{disabled:l,enabled:p,outlined:e}=Mt(),f=(0,s.useTheme)(),h=()=>{t(!1)},D=(o,m)=>{T.setConferenceLine(d(d({},o),m))},C=(o,m)=>{var S,g,E,_;let x=d(d({},o),m),y={action:"EXTERNAL_CONFERENCE",operation:`CALL${x.line}`,line_used:String(x.line),thirdparty_no:x.phone,userid:(g=(S=n.callData)==null?void 0:S.agent_id)!=null?g:"",process:(_=(E=n.callData)==null?void 0:E.process_name)!=null?_:""};Y.post(k.CONFERENCE_CALL,y).then(()=>{T.setConferenceLine(d(d({},o),m))})},w=(o,m)=>{var S,g,E,_;let x=d(d({},o),m),y={action:"EXTERNAL_CONFERENCE",operation:"CONFERENCE",line_used:String(x.line),thirdparty_no:x.phone,userid:(g=(S=n.callData)==null?void 0:S.agent_id)!=null?g:"",process:(_=(E=n.callData)==null?void 0:E.process_name)!=null?_:""};Y.post(k.CONFERENCE_CALL,y).then(()=>{T.setConferenceLine(d(d({},o),m))})},M=(o,m,x)=>{var g,E,_,z;let y=d(d({},o),m),S={action:"EXTERNAL_CONFERENCE",operation:x,hold_channel_no:x==="HOLDUSER"?`hold${y.line}`:`unhold${y.line}`,userid:(E=(g=n.callData)==null?void 0:g.agent_id)!=null?E:"",process:(z=(_=n.callData)==null?void 0:_.process_name)!=null?z:""};Y.post(k.CONFERENCE_CALL_HOLD_OR_UN_HOLD,S).then(()=>{T.setConferenceLine(d(d({},o),m))})},L=(o,m,x)=>{var g,E,_,z;let y=d(d({},o),m),S={action:"EXTERNAL_CONFERENCE",operation:x,channel_no:x==="MUTEUSER"?`mute${y.line}`:`play${y.line}`,userid:(E=(g=n.callData)==null?void 0:g.agent_id)!=null?E:"",thirdparty_no:y.phone,process:(z=(_=n.callData)==null?void 0:_.process_name)!=null?z:""};Y.post(k.CONFERENCE_CALL_MUTE_OT_UN_MUTE,S).then(()=>{T.setConferenceLine(d(d({},o),m))})},I=(o,m)=>{var S,g,E,_;let x=d(d({},o),m),y={action:"EXTERNAL_CONFERENCE",operation:"HANGUP_CHANNEL",line_used:String(x.line-1),user_type:`THIRDPARTY${x.line-1}`,thirdparty_no:x.phone,userid:(g=(S=n.callData)==null?void 0:S.agent_id)!=null?g:"",process:(_=(E=n.callData)==null?void 0:E.process_name)!=null?_:""};Y.post(k.CONFERENCE_CALL_END,y).then(()=>{T.setConferenceLine(d(d({},o),m))})},A=()=>{var m,x,y,S;let o={action:"EXTERNAL_CONFERENCE",operation:"ENDCONFERENCE",userid:(x=(m=n.callData)==null?void 0:m.agent_id)!=null?x:"",process:(S=(y=n.callData)==null?void 0:y.process_name)!=null?S:""};Y.post(k.CONFERENCE_CALL_END_ALL,o).then(()=>{T.resetConferenceLines(),h()})};return(0,at.useEffect)(()=>{var m,x,y,S;let o={line:1,status:(x=(m=n.callData)==null?void 0:m.status)!=null?x:"",type:"internal",phone:(S=(y=n.callData)==null?void 0:y.phone_number)!=null?S:"",isMute:!1,isHold:!1,isMergeCall:!1,isCallStart:!0};T.setConferenceLine(o)},[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"md",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px"},children:[(0,a.jsxs)(s.Typography,{variant:"body1",children:[(H=n==null?void 0:n.agentId)!=null?H:""," conference"]}),(0,a.jsx)(s.IconButton,{onClick:h,children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsx)(s.Box,{sx:{boxShadow:"0px 1px 2px #e7e5e5ff",padding:"2px 6px",margin:"0px 10px",borderRadius:"20px"},children:(B=n==null?void 0:n.conferenceLine)==null?void 0:B.map((o,m)=>{var x,y;return(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",justifyContent:"space-between",gap:1},children:[(0,a.jsx)(s.Box,{sx:{color:"white",bgcolor:"warning.main",fontWeight:"bold",fontSize:14,minWidth:70,textAlign:"center",border:"2px solid primary.main",borderRadius:"10px 50px 50px 10px"},children:(0,a.jsx)(s.Typography,{children:(x=o==null?void 0:o.line)!=null?x:""})}),(0,a.jsx)(s.Typography,{variant:"body2",sx:{px:1,border:"2px solid gray",borderRadius:"10px",textAlign:"center",width:"80px",maxWidth:"100px"},children:(y=o==null?void 0:o.status)!=null?y:""}),(0,a.jsx)(s.Button,{sx:{textTransform:"capitalize"},size:"small",children:(0,a.jsx)(s.Typography,{variant:"body2",children:(o==null?void 0:o.line)===1?"Internal":"External"})}),(0,a.jsx)(s.TextField,{size:"small",placeholder:"Phone Number",value:(o==null?void 0:o.phone)||"",disabled:(o==null?void 0:o.line)===1,onChange:S=>{D(o,{phone:S.target.value})}}),(0,a.jsx)(s.Tooltip,{title:"Call",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isCallStart?"outlined":"contained",color:"success",sx:o!=null&&o.isCallStart?d({},l):$(d({},p),{border:`0px solid ${f.palette.success.light}`,"&:hover":{bgcolor:"success.light",boxShadow:`0px 2px 1px ${f.palette.success.light}`,border:`0px solid ${f.palette.success.light}`},"&:active":{bgcolor:"success.light",boxShadow:`inset 1px -2px 4px ${f.palette.primary.light}`}}),onClick:()=>{C(o,{isCallStart:!0,status:"ONCALL"})},disabled:o==null?void 0:o.isCallStart,children:(0,a.jsx)(R.Call,{sx:{color:o!=null&&o.isCallStart?"default":"#fff"}})})}),(0,a.jsx)(s.Tooltip,{title:"Merge Call",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isMergeCall?"contained":"outlined",sx:o!=null&&o.isMergeCall&&(o!=null&&o.isCallStart)?d({},l):o!=null&&o.isCallStart?d({},e):d({},l),onClick:()=>{w(o,{isMergeCall:!0,status:"ONCALL"})},disabled:!(o!=null&&o.isCallStart),children:(0,a.jsx)(R.CallSplit,{})})}),(0,a.jsx)(s.Tooltip,{title:o.isHold?"Hold":"Un Hold",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isHold?"contained":"outlined",sx:o!=null&&o.isHold&&(o!=null&&o.isCallStart)?d({},l):o!=null&&o.isCallStart?d({},e):d({},l),onClick:()=>{o.isHold?M(o,{isHold:!1},"UNHOLDUSER"):M(o,{isHold:!0},"HOLDUSER")},disabled:!(o!=null&&o.isCallStart),children:o.isHold?(0,a.jsx)(R.PlayArrow,{}):(0,a.jsx)(R.Pause,{})})}),(0,a.jsx)(s.Tooltip,{title:o.isMute?"Mute":"Un Mute",children:(0,a.jsx)(s.Button,{variant:o!=null&&o.isMute?"contained":"outlined",sx:o!=null&&o.isMute&&(o!=null&&o.isCallStart)?d({},l):o!=null&&o.isCallStart?d({},e):d({},l),onClick:()=>{o.isMute?L(o,{isMute:!1},"PLAYUSER"):L(o,{isMute:!0},"MUTEUSER")},disabled:!(o!=null&&o.isCallStart),children:o.isMute?(0,a.jsx)(R.MicOff,{}):(0,a.jsx)(R.Mic,{})})}),(0,a.jsx)(s.Tooltip,{title:"End Call",children:(o==null?void 0:o.line)!==1?(0,a.jsx)(s.Button,{variant:o!=null&&o.isCallStart?"contained":"outlined",color:"error",sx:o!=null&&o.isCallStart?$(d({},p),{minWidth:"60px !important",border:`0px solid ${f.palette.error.light}`,"&:hover":{bgcolor:"error.light",boxShadow:`0px 2px 1px ${f.palette.error.light}`,border:`0px solid ${f.palette.error.light}`},"&:active":{bgcolor:"error.light",boxShadow:`inset 1px -2px 4px ${f.palette.primary.light}`}}):$(d({},l),{minWidth:"60px !important"}),onClick:()=>{I(o,{isCallStart:!1,isMergeCall:!1,isMute:!1,isHold:!1,status:"IDLE"})},disabled:!(o!=null&&o.isCallStart),children:(0,a.jsx)(R.CallEnd,{})}):(0,a.jsx)(s.Button,{variant:o!=null&&o.isCallStart?"contained":"outlined",sx:$(d({},l),{visibility:"hidden",minWidth:"60px !important"}),onClick:()=>{I(o,{isCallStart:!1,isMergeCall:!1,isMute:!1,isHold:!1,status:"IDLE"})},disabled:!(o!=null&&o.isCallStart),children:(0,a.jsx)(s.Typography,{children:(0,a.jsx)(R.CallEnd,{sx:{visibility:"hidden"}})})})})]},m)})}),(0,a.jsx)(s.Box,{textAlign:"center",m:2,children:(0,a.jsxs)(s.Button,{variant:"outlined",color:"error",size:"large",onClick:A,sx:{px:2,borderRadius:"20px",textTransform:"capitalize"},children:[(0,a.jsx)(s.IconButton,{sx:{bgcolor:"error.main","&:hover":{bgcolor:"error.dark"},marginRight:"8px",width:"28px",height:"28px",fontSize:"12px",fontWeight:"600",lineHeight:"16px",letterSpacing:"0.02em",textTransform:"capitalize",color:"white",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%"},children:(0,a.jsx)(R.PhoneDisabled,{sx:{color:"white",fontSize:"16px",fontWeight:"600"}})}),"End Conference"]})})]})})})}function To({open:r,setOpen:t}){var L,I,A,H,B,o,m,x,y,S;let[n]=W({onSuccess:g=>{console.log("res",g),t(!1)},onError:g=>{console.log("error",g)}}),l=ot(),[p,e]=(0,at.useState)("process"),[f,{data:h}]=W(),[D,{data:C}]=W(),w=()=>{t(!1)},M=(g,E)=>{var _,z,X,J,tt,Q,j,dt,ut,gt,ft,st,mt,xt,ht,yt,vt,nt,Ct,bt,St,Et,Tt,Lt,Dt,It,Rt,wt,_t,kt,At,it,Nt;if(console.log(g,"data34"),E==="PROCESS"){let et={mobile_number:(z=(_=l.callData)==null?void 0:_.phone_number)!=null?z:"",userid:(J=(X=l.callData)==null?void 0:X.agent_id)!=null?J:"",type:"PROCESS",transfer_to:(tt=g==null?void 0:g.process_name)!=null?tt:"",callreferenceid:(j=(Q=l.callData)==null?void 0:Q.convox_id)!=null?j:"",processid:String((ut=(dt=l.callData)==null?void 0:dt.process_id)!=null?ut:""),process_name:(ft=(gt=l.callData)==null?void 0:gt.process_name)!=null?ft:""};n(k.TRANSFER_CALL,et)}else if(E==="QUEUE"){let et={mobile_number:(mt=(st=l.callData)==null?void 0:st.phone_number)!=null?mt:"",userid:(ht=(xt=l.callData)==null?void 0:xt.agent_id)!=null?ht:"",type:"QUEUE",transfer_to:(yt=g==null?void 0:g.queue_name)!=null?yt:"",callreferenceid:(nt=(vt=l.callData)==null?void 0:vt.convox_id)!=null?nt:"",processid:String((bt=(Ct=l.callData)==null?void 0:Ct.process_id)!=null?bt:""),process_name:(Et=(St=l.callData)==null?void 0:St.process_name)!=null?Et:""};n(k.TRANSFER_CALL,et)}else if(E==="AGENT"){let et={mobile_number:(Lt=(Tt=l.callData)==null?void 0:Tt.phone_number)!=null?Lt:"",userid:(It=(Dt=l.callData)==null?void 0:Dt.agent_id)!=null?It:"",type:"AGENT",transfer_to:(Rt=g==null?void 0:g.user_id)!=null?Rt:"",callreferenceid:(_t=(wt=l.callData)==null?void 0:wt.convox_id)!=null?_t:"",processid:String((At=(kt=l.callData)==null?void 0:kt.process_id)!=null?At:""),process_name:(Nt=(it=l.callData)==null?void 0:it.process_name)!=null?Nt:""};n(k.TRANSFER_CALL,et)}};return(0,at.useEffect)(()=>{f(k.AGENTS_LIST,{status:"IDLE",active:!0}),D(k.TRANSFER_TO_DETAILS,{status:"ACTIVE",active:!0})},[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"md",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:[(0,a.jsx)(s.Typography,{variant:"body1",children:" Call Transfer"}),(0,a.jsx)(s.IconButton,{onClick:w,children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsxs)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px 10px",margin:"10px",borderRadius:"10px"},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",gap:1},children:[(0,a.jsx)(s.Button,{variant:p==="process"?"contained":"outlined",onClick:()=>e("process"),children:"Process"}),(0,a.jsx)(s.Button,{variant:p==="queues"?"contained":"outlined",onClick:()=>e("queues"),children:"Queues"}),(0,a.jsx)(s.Button,{variant:p==="agents"?"contained":"outlined",onClick:()=>e("agents"),children:"Agents"})]}),p==="process"&&(0,a.jsx)(s.Box,{sx:{display:"flex",gap:1},children:((I=(L=C==null?void 0:C.data)==null?void 0:L.process)==null?void 0:I.length)>0?(H=(A=C==null?void 0:C.data)==null?void 0:A.process)==null?void 0:H.map((g,E)=>(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px","&:hover":{bgcolor:"action.selected"}},children:[(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),g.process_name]}),(0,a.jsx)(s.IconButton,{color:"success",sx:{bgcolor:"action.hover","&:hover":{bgcolor:"action.selected"}},onClick:()=>{M(g,"PROCESS")},children:(0,a.jsx)(R.Call,{})})]},E)):(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",textAlign:"center",width:"100%",margin:"10px 0px",color:"gray"},children:"No Process Found"})}),p==="queues"&&(0,a.jsx)(s.Box,{sx:{display:"flex",gap:1},children:((o=(B=C==null?void 0:C.data)==null?void 0:B.queue)==null?void 0:o.length)>0?(x=(m=C==null?void 0:C.data)==null?void 0:m.queue)==null?void 0:x.map((g,E)=>{var _,z,X,J,tt,Q;return(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px","&:hover":{bgcolor:"action.selected"}},children:[(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),g.queue_name,(X=(z=(_=C==null?void 0:C.data)==null?void 0:_.process)==null?void 0:z.find(j=>j.process_id===g.process_id))!=null&&X.process_name?(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",color:"gray"},children:"("+((Q=(tt=(J=C==null?void 0:C.data)==null?void 0:J.process)==null?void 0:tt.find(j=>j.process_id===g.process_id))==null?void 0:Q.process_name)+")"}):""]}),(0,a.jsx)(s.IconButton,{color:"success",sx:{bgcolor:"action.hover","&:hover":{bgcolor:"action.selected"}},onClick:()=>{M(g,"QUEUE")},children:(0,a.jsx)(R.Call,{})})]},E)}):(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",textAlign:"center",width:"100%",margin:"10px 0px",color:"gray"},children:"No Queues Found"})}),p==="agents"&&(0,a.jsx)(s.Box,{sx:{display:"flex",gap:1},children:((y=h==null?void 0:h.data)==null?void 0:y.length)>0?(S=h==null?void 0:h.data)==null?void 0:S.map((g,E)=>(0,a.jsxs)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px","&:hover":{bgcolor:"action.selected"}},children:[(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),g.name]}),(0,a.jsx)(s.IconButton,{color:"success",sx:{bgcolor:"action.hover","&:hover":{bgcolor:"action.selected"}},onClick:()=>{M(g,"AGENT")},children:(0,a.jsx)(R.Call,{})})]},E)):(0,a.jsx)(s.Typography,{variant:"body1",sx:{fontSize:"12px",fontWeight:"600",letterSpacing:"0.02em",textTransform:"capitalize",textAlign:"center",width:"100%",margin:"10px 0px",color:"gray"},children:"No Agents Found"})})]})]})})})}function Lo({open:r,setOpen:t,onSubmitDisposition:n}){var w,M;let[l,p]=(0,at.useState)({disposition:{label:"Resolved",value:"RES"},followUp:{label:"No",value:"N"},callbackDate:"",callbackHrs:"",callbackMins:""}),e=[{label:"Not Interested",value:"NI"},{label:"Resolved",value:"RES"}],f=[{label:"Yes",value:"Y"},{label:"No",value:"N"}],h=(L,I)=>{p(A=>$(d({},A),{[L]:I}))},D=()=>{p({disposition:{label:"Resolved",value:"RES"},followUp:{label:"No",value:"N"},callbackDate:"",callbackHrs:"",callbackMins:""})},C=()=>{D(),t(!1)};return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"xs",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsx)(s.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:(0,a.jsxs)(s.Typography,{variant:"body1",m:1,children:[" ","Call Disposition"]})}),(0,a.jsx)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",padding:"10px",margin:"10px",borderRadius:"10px"},children:(0,a.jsxs)(s.Grid,{container:!0,spacing:2,children:[(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.Autocomplete,{value:l.disposition,options:e,getOptionLabel:L=>L.label,onChange:(L,I)=>h("disposition",I),size:"small",renderInput:L=>(0,a.jsx)(s.TextField,$(d({},L),{label:"Disposition",fullWidth:!0}))})}),(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.Autocomplete,{options:f,getOptionLabel:L=>L.label,value:l.followUp,onChange:(L,I)=>h("followUp",I),size:"small",renderInput:L=>(0,a.jsx)(s.TextField,$(d({},L),{label:"Follow Up",fullWidth:!0}))})}),((M=(w=l==null?void 0:l.followUp)==null?void 0:w.label)==null?void 0:M.toLowerCase())==="yes"&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.TextField,{size:"small",label:"Callback Date",type:"date",slotProps:{inputLabel:{shrink:!0}},value:l.callbackDate,onChange:L=>h("callbackDate",L.target.value),fullWidth:!0})}),(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.TextField,{size:"small",label:"Hours (0-23)",type:"text",inputProps:{min:0,max:23},value:l.callbackHrs,onChange:L=>h("callbackHrs",L.target.value),fullWidth:!0})}),(0,a.jsx)(s.Grid,{size:6,children:(0,a.jsx)(s.TextField,{size:"small",label:"Minutes (0-59)",type:"text",inputProps:{min:0,max:59},value:l.callbackMins,onChange:L=>h("callbackMins",L.target.value),fullWidth:!0})})]})]})}),(0,a.jsxs)(s.Box,{textAlign:"right",m:2,children:[(0,a.jsx)(s.Button,{variant:"outlined",color:"error",size:"large",onClick:C,sx:{px:2,mx:1,borderRadius:"10px",textTransform:"capitalize"},children:"cancel"}),(0,a.jsx)(s.Button,{variant:"contained",color:"primary",size:"large",onClick:()=>n(l),sx:{px:2,borderRadius:"10px",textTransform:"capitalize"},children:"Submit"})]})]})})})}function Do({open:r,setOpen:t,processList:n=[],handleSelectedProcessor:l}){return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",maxWidth:"xs",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:[(0,a.jsx)(s.Typography,{variant:"body1",children:" Process List"}),(0,a.jsx)(s.IconButton,{onClick:()=>{t(!1)},children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsx)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px 10px",margin:"10px",borderRadius:"10px"},children:(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,f)=>(0,a.jsx)(s.Box,{sx:{p:1,display:"flex",alignItems:"center",boxShadow:"1px 1px 4px #d3d3d3ff",padding:"6px",margin:"10px 0px",borderRadius:"10px",cursor:"pointer","&:hover":{bgcolor:"action.selected"}},onClick:()=>{l(e)},children:(0,a.jsxs)(s.Typography,{variant:"body1",sx:{mx:1,width:"200px",maxWidth:"250px",display:"flex",alignItems:"center"},children:[(0,a.jsx)(R.SupportAgent,{sx:{marginRight:"4px"}}),e.process_name]})},f)):null})]})})})}function Io({open:r,setOpen:t}){return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(s.Dialog,{open:r,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"md",children:(0,a.jsxs)(s.Paper,{sx:{borderRadius:2},children:[(0,a.jsxs)(s.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"4px 16px",boxShadow:"0px 1px 2px #f5f5f5ff"},children:[(0,a.jsx)(s.Typography,{variant:"body1",children:" Call History"}),(0,a.jsx)(s.IconButton,{onClick:()=>{t(!1)},children:(0,a.jsx)(R.Close,{})})]}),(0,a.jsx)(s.Box,{sx:{boxShadow:"1px 1px 4px #d3d3d3ff",margin:"10px",borderRadius:"10px",textAlign:"center",fontSize:"16px",fontWeight:"bold"},p:6,children:"Coming Soon..."})]})})})}var c=require("react/jsx-runtime");function Ro({onDataChange:r}){var Gt,Kt,jt,Yt,Xt,Jt,Qt,Vt,Zt,te,ee,oe,ne,ae,se,ie,re,le,ce,pe,de,ue,ge,fe,me,xe,he,ye,ve,Ce,be,Se,Ee,Te,Le,De,Ie,Re,we,_e,ke,Ae,Ne,Pe,Oe,Ue,Me,Be,He,$e,ze,We,qe,Fe,Ge,Ke,je,Ye,Xe,Je,Qe,Ve,Ze,to,eo,oo;let t=(0,u.useTheme)(),{disabled:n,enabled:l,outlined:p}=Mt(),e=ot(),{showToast:f}=pt(),h=(0,N.useRef)(null),[D,C]=(0,N.useState)(null),[w,M]=(0,N.useState)(!0),[L,I]=(0,N.useState)(null),[A,H]=(0,N.useState)(null),[B,o]=(0,N.useState)(!1),[m,x]=(0,N.useState)(!1),[y,S]=(0,N.useState)(!1),[g,E]=(0,N.useState)(!1),[_,z]=(0,N.useState)(!1),[X,J]=(0,N.useState)(""),[tt,Q]=(0,N.useState)(0),{position:j,isDragging:dt,dragRef:ut,handleMouseDown:gt,handleTouchStart:ft}=Ft(e.controlPanelPosition,i=>T.setControlPanelPosition(i)),{position:st,isDragging:mt,dragRef:xt,handleMouseDown:ht,handleTouchStart:yt}=Ft(e.iframePosition,i=>T.setIframePosition(i)),[vt,{data:nt}]=W({onSuccess:i=>{var b;console.log("res",i),i&&i.data&&((b=i==null?void 0:i.data)==null?void 0:b.length)>1?E(!0):(T.setProcess(i==null?void 0:i.data[0]),E(!1))},onError:()=>{E(!1)}}),[Ct]=W(),[bt]=W({onSuccess:()=>{T.setHolding(!e.isHolding)},onError:i=>{console.log("error",i)}}),[St]=W({onSuccess:()=>{T.setMuted(!e.isMuted)},onError:i=>{console.log("error",i)}}),[Et]=W(),[Tt]=W(),[Lt]=W(),Dt=(0,N.useCallback)(i=>{let b=Math.floor(i/60),O=i%60;return`${b.toString().padStart(2,"0")}:${O.toString().padStart(2,"0")}`},[]),It=()=>{C(null)},Rt=i=>{M(!0),H(i.currentTarget),T.setStatus("dial")},wt=()=>{e.status!=="on call"&&T.setStatus("idle"),H(null)},_t=i=>{I(i.currentTarget)},kt=()=>{I(null)},At=()=>{let i={action:"READYAGENT",userId:e.agentId};Et(k.READY_AGENT,i)},it=i=>{I(null);let b={action:"AGENTBREAK",break_type:i,userId:e.agentId};Tt(k.UPDATE_AGENT_BREAK,b)},Nt=i=>{if(i.length!==10)f("Invalid phone number","error"),alert("Invalid phone number");else if(!/^\d+$/.test(i))f("Invalid phone number","error");else{let b={action:"CALL",phone_number:i,userId:e.agentId};Ct(k.CLICK_TO_CALL,b)}},et=()=>{let i={action:e.isHolding?"UNHOLD":"HOLD",userId:e.agentId};bt(k.HOLD_CALL,i)},wo=()=>{let i={action:e.isMuted?"UNMUTE":"MUTE",userId:e.agentId};St(k.MUTE_CALL,i)},_o=i=>{var O,G,K,V,Z,rt,lt,no,ao,so,io,ro,lo,co,po,uo;console.log("data",i);let b={action:"ENDCALL",userId:e.agentId,processid:(K=(G=(O=e.process)==null?void 0:O.process_id)==null?void 0:G.toString())!=null?K:"",process_name:(Z=(V=e.process)==null?void 0:V.process_name)!=null?Z:"",callreferenceid:(lt=(rt=e.callData)==null?void 0:rt.convox_id)!=null?lt:"",mobile_number:(ao=(no=e.callData)==null?void 0:no.phone_number)!=null?ao:"",disposition:(io=(so=i==null?void 0:i.disposition)==null?void 0:so.value)!=null?io:"",set_followUp:(lo=(ro=i==null?void 0:i.followUp)==null?void 0:ro.value)!=null?lo:"",callback_date:(co=i==null?void 0:i.callbackDate)!=null?co:"",callback_hrs:(po=i==null?void 0:i.callbackHrs)!=null?po:"",callback_mins:(uo=i==null?void 0:i.callbackMins)!=null?uo:"",endcall_type:"CLOSE"};J(""),Lt(k.END_CALL,b),T.endCall(),S(!1)};return(0,N.useEffect)(()=>{let i;return e.callData.status&&e.callData.status==="ONCALL"?i=setInterval(()=>{let b=Math.floor((Date.now()-e.callStartTime)/1e3);Q(b)},1e3):Q(0),()=>{i&&clearInterval(i)}},[e.callData.status]),(0,N.useEffect)(()=>{r&&r(e.callData)},[e.callData,r]),(0,N.useEffect)(()=>{e.agentId?vt(k.PROCESS_LIST,{userId:e.agentId,action:"GETAGENTPROCESSLIST",refno:"1234221233"}):console.log("No agentId available, skipping API call")},[e.agentId]),(0,N.useEffect)(()=>(e.agentId&&(h.current=new WebSocket(`${ho.WS}?agent_id=${e.agentId}`),h.current.onopen=()=>{console.log("WebSocket connection established")},h.current.onmessage=i=>{try{let b=JSON.parse(i.data);console.log("parsedJSON:",b),T.updateCallData(b),b.status==="ONCALL"&&T.startCall(),b.status==="WRAPUP"&&T.endCall()}catch(b){console.log("Raw message:",i.data)}},h.current.onclose=()=>{console.log("WebSocket connection closed")},h.current.onerror=i=>{console.error("WebSocket error:",i)}),()=>{var i;(i=h.current)==null||i.close()}),[e.agentId]),!e.isInitialized||!e.process?(0,c.jsx)(u.Box,{children:!!g&&(0,c.jsx)(Do,{processList:nt==null?void 0:nt.processes,open:g,setOpen:E,handleSelectedProcessor:i=>{T.setProcess(i)}})}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(u.Fade,{in:!0,timeout:300,children:(0,c.jsx)(u.Paper,{ref:ut,elevation:dt?4:1,sx:{position:"fixed",left:j.x,top:j.y,p:.5,borderRadius:3,bgcolor:"background.paper",zIndex:9999999999,transition:t.transitions.create(["box-shadow","transform"],{duration:t.transitions.duration.short}),userSelect:"none"},children:(0,c.jsxs)(u.Box,{sx:{display:"flex",alignItems:"center"},children:[(0,c.jsxs)(u.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,c.jsxs)(u.IconButton,{component:"div",size:"small",sx:{cursor:"all-scroll"},onMouseDown:gt,onTouchStart:ft,children:[(0,c.jsx)(v.DragIndicator,{})," "]}),(0,c.jsx)(u.Box,{sx:{marginRight:"10px"},children:(0,c.jsx)(u.Tooltip,{title:"Dial",children:(0,c.jsx)(u.IconButton,{size:"small",onClick:i=>{var b,O,G,K,V,Z,rt,lt;((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())!=="ONCALL"&&((K=(G=e.callData)==null?void 0:G.status)==null?void 0:K.toUpperCase())!=="BREAK"&&((Z=(V=e.callData)==null?void 0:V.status)==null?void 0:Z.toUpperCase())!=="RINGING"&&((lt=(rt=e.callData)==null?void 0:rt.status)==null?void 0:lt.toUpperCase())!=="WRAPUP"&&Rt(i)},sx:{bgcolor:"action.hover","&:hover":{bgcolor:"warning"}},children:(0,c.jsx)(v.WifiCalling3,{sx:{color:((Kt=(Gt=e.callData)==null?void 0:Gt.status)==null?void 0:Kt.toUpperCase())==="ONCALL"||((Yt=(jt=e.callData)==null?void 0:jt.status)==null?void 0:Yt.toUpperCase())==="BREAK"||((Jt=(Xt=e.callData)==null?void 0:Xt.status)==null?void 0:Jt.toUpperCase())==="RINGING"||((Vt=(Qt=e.callData)==null?void 0:Qt.status)==null?void 0:Vt.toUpperCase())==="WRAPUP"?"action.selected":"success.main"}})})})}),(0,c.jsx)(u.Typography,{sx:{color:"success.main",width:"40px",marginRight:"10px"},children:Dt(tt)}),(0,c.jsx)(u.Typography,{variant:"body2",sx:{fontWeight:"bold"},children:(ee=(te=(Zt=e.callData)==null?void 0:Zt.status)==null?void 0:te.toUpperCase())!=null?ee:"N/A"}),(0,c.jsxs)(u.Button,{size:"small",variant:"text",onClick:_t,disabled:!!e.callStartTime,children:[(0,c.jsx)(v.ArrowDropDown,{})," "]})]}),(0,c.jsxs)(u.Box,{sx:{display:"flex",gap:1,justifyContent:"center",alignItems:"center"},children:[(0,c.jsx)(u.Tooltip,{title:"Agent Ready",children:(0,c.jsx)(u.Button,{variant:((ne=(oe=e.callData)==null?void 0:oe.status)==null?void 0:ne.toUpperCase())==="BREAK"||((se=(ae=e.callData)==null?void 0:ae.status)==null?void 0:se.toUpperCase())==="MISSED"?"outlined":"contained",onClick:i=>{var b,O,G,K;(((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="BREAK"||((K=(G=e.callData)==null?void 0:G.status)==null?void 0:K.toUpperCase())==="MISSED")&&(i.stopPropagation(),At())},classes:{root:((re=(ie=e.callData)==null?void 0:ie.status)==null?void 0:re.toUpperCase())==="BREAK"||((ce=(le=e.callData)==null?void 0:le.status)==null?void 0:ce.toUpperCase())==="MISSED"?"outlined":"enabled"},sx:d({},((de=(pe=e.callData)==null?void 0:pe.status)==null?void 0:de.toUpperCase())==="BREAK"||((ge=(ue=e.callData)==null?void 0:ue.status)==null?void 0:ge.toUpperCase())==="MISSED"?p:l),children:(0,c.jsx)(v.SupportAgent,{})})}),(0,c.jsx)(u.Tooltip,{title:e.isHolding?"Resume":"Hold",children:(0,c.jsx)(u.Button,{variant:e.isHolding&&((me=(fe=e.callData)==null?void 0:fe.status)==null?void 0:me.toUpperCase())==="ONCALL"?"contained":"outlined",onClick:i=>{i.stopPropagation(),et()},sx:e.isHolding&&((he=(xe=e.callData)==null?void 0:xe.status)==null?void 0:he.toUpperCase())==="ONCALL"?d({},l):((ve=(ye=e.callData)==null?void 0:ye.status)==null?void 0:ve.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((be=(Ce=e.callData)==null?void 0:Ce.status)==null?void 0:be.toUpperCase())!=="ONCALL"&&!e.isHolding,children:e.isHolding?(0,c.jsx)(v.PlayArrow,{}):(0,c.jsx)(v.Pause,{})})}),(0,c.jsx)(u.Tooltip,{title:e.isMuted?"Unmute":"Mute",children:(0,c.jsx)(u.Button,{variant:e.isMuted&&((Ee=(Se=e.callData)==null?void 0:Se.status)==null?void 0:Ee.toUpperCase())==="ONCALL"?"contained":"outlined",onClick:i=>{i.stopPropagation(),wo()},sx:e.isMuted&&((Le=(Te=e.callData)==null?void 0:Te.status)==null?void 0:Le.toUpperCase())==="ONCALL"?d({},l):((Ie=(De=e.callData)==null?void 0:De.status)==null?void 0:Ie.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((we=(Re=e.callData)==null?void 0:Re.status)==null?void 0:we.toUpperCase())!=="ONCALL"&&!e.isMuted,children:e.isMuted?(0,c.jsx)(v.MicOff,{}):(0,c.jsx)(v.Mic,{})})}),(0,c.jsx)(u.Tooltip,{title:"Transfer Call",children:(0,c.jsx)(u.Button,{variant:m?"contained":"outlined",onClick:i=>{var b,O;((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="ONCALL"&&(i.stopPropagation(),x(!0))},sx:m?d({},l):((ke=(_e=e.callData)==null?void 0:_e.status)==null?void 0:ke.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((Ne=(Ae=e.callData)==null?void 0:Ae.status)==null?void 0:Ne.toUpperCase())!=="ONCALL",children:(0,c.jsx)(v.TransferWithinAStation,{})})}),(0,c.jsx)(u.Tooltip,{title:"Conference Call",children:(0,c.jsx)(u.Button,{variant:B?"contained":"outlined",onClick:i=>{var b,O;((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="ONCALL"&&(i.stopPropagation(),o(!0))},sx:B?d({},l):((Oe=(Pe=e.callData)==null?void 0:Pe.status)==null?void 0:Oe.toUpperCase())==="ONCALL"?d({},p):d({},n),disabled:((Me=(Ue=e.callData)==null?void 0:Ue.status)==null?void 0:Me.toUpperCase())!=="ONCALL",children:(0,c.jsx)(v.Group,{})})}),(0,c.jsx)(u.Tooltip,{title:"Call History",children:(0,c.jsx)(u.Button,{variant:_?"contained":"outlined",onClick:i=>{i.stopPropagation(),z(!0)},sx:_?d({},l):d({},p),children:(0,c.jsx)(v.History,{})})}),(0,c.jsx)(u.Tooltip,{title:"End Call",children:(0,c.jsx)(u.Button,{variant:((He=(Be=e.callData)==null?void 0:Be.status)==null?void 0:He.toUpperCase())==="ONCALL"||((ze=($e=e.callData)==null?void 0:$e.status)==null?void 0:ze.toUpperCase())==="RINGING"||((qe=(We=e.callData)==null?void 0:We.status)==null?void 0:qe.toUpperCase())==="WRAPUP"?"contained":"outlined",onClick:i=>{var b,O,G,K,V,Z;(((O=(b=e.callData)==null?void 0:b.status)==null?void 0:O.toUpperCase())==="ONCALL"||((K=(G=e.callData)==null?void 0:G.status)==null?void 0:K.toUpperCase())==="RINGING"||((Z=(V=e.callData)==null?void 0:V.status)==null?void 0:Z.toUpperCase())==="WRAPUP")&&(i.stopPropagation(),S(!0))},sx:((Ge=(Fe=e.callData)==null?void 0:Fe.status)==null?void 0:Ge.toUpperCase())==="ONCALL"||((je=(Ke=e.callData)==null?void 0:Ke.status)==null?void 0:je.toUpperCase())==="RINGING"||((Xe=(Ye=e.callData)==null?void 0:Ye.status)==null?void 0:Xe.toUpperCase())==="WRAPUP"?$(d({},l),{borderRight:"1px",backgroundColor:"error.main",minWidth:"60px !important",boxShadow:" 0px 2px 1px #5f3f3f",border:`1px solid ${t.palette.error.light}`,height:"40px","&:hover":{bgcolor:"error.light",boxShadow:" 0px 2px 1px #5f3f3f",border:`0px solid ${t.palette.error.light}`},"&:active":{bgcolor:"error.light",boxShadow:`inset 1px -2px 4px ${t.palette.primary.light}`}}):$(d({},n),{minWidth:"60px !important"}),disabled:((Qe=(Je=e.callData)==null?void 0:Je.status)==null?void 0:Qe.toUpperCase())!=="ONCALL"&&((Ze=(Ve=e.callData)==null?void 0:Ve.status)==null?void 0:Ze.toUpperCase())!=="RINGING"&&((eo=(to=e.callData)==null?void 0:to.status)==null?void 0:eo.toUpperCase())!=="WRAPUP",children:(0,c.jsx)(v.CallEnd,{})})})]})]})})}),(0,c.jsx)(u.Fade,{in:!0,timeout:300,children:(0,c.jsxs)(u.Paper,{ref:xt,elevation:mt?4:1,sx:{position:"fixed",left:st.x,top:st.y,p:1,height:"auto",borderRadius:2,bgcolor:"background.paper",zIndex:9999999999,transition:t.transitions.create(["box-shadow","transform"],{duration:t.transitions.duration.short}),visibility:w?"visible":"hidden",userSelect:"none"},children:[(0,c.jsxs)(u.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"all-scroll"},onMouseDown:ht,onTouchStart:yt,children:[(0,c.jsx)(v.DragIndicator,{sx:{transform:"rotate(90deg)"}})," ",(0,c.jsx)(u.IconButton,{onClick:()=>M(!1),children:(0,c.jsx)(v.Close,{})})]}),(0,c.jsx)("iframe",{src:`https://h68.deepijatel.in/ConVoxCCS/iframe?agent_id=${e.agentId}&process_id=${(oo=e.process)==null?void 0:oo.process_id}`,height:380,width:420,allow:"camera; microphone; autoplay"})]})}),(0,c.jsx)(u.Menu,{anchorEl:A,open:!!A,onClose:wt,onClick:i=>i.stopPropagation(),sx:{zIndex:99999},children:(0,c.jsxs)(u.Box,{sx:{all:"unset",padding:"10px","&hover":{backgroundColor:"white"}},children:[(0,c.jsx)(u.TextField,{size:"small",value:X,placeholder:"Enter Mobile No.",onChange:i=>{J(i.target.value)}}),(0,c.jsx)(u.IconButton,{color:"info",onClick:()=>{Nt(X)},children:(0,c.jsx)(v.Phone,{color:"success"})})]})}),(0,c.jsxs)(u.Menu,{anchorEl:L,open:!!L,onClose:kt,onClick:i=>i.stopPropagation(),sx:{zIndex:99999},children:[(0,c.jsx)(u.MenuItem,{onClick:()=>it("Lunch"),children:"- Lunch"}),(0,c.jsx)(u.MenuItem,{onClick:()=>it("Tea"),children:"- Tea"})]}),(0,c.jsx)(u.Menu,{anchorEl:D,open:!!D,onClose:It,onClick:i=>i.stopPropagation(),sx:{zIndex:99999},children:(0,c.jsxs)(u.Box,{sx:{display:"flex",justifyContent:"flex-start",flexDirection:"column",padding:"0px 10px","&hover":{backgroundColor:"white"}},children:[(0,c.jsx)(u.Chip,{icon:(0,c.jsx)(v.Layers,{color:"secondary"}),variant:"outlined",label:"Waiting - 25",sx:{margin:"4px 2px"}}),(0,c.jsx)(u.Chip,{icon:(0,c.jsx)(v.Pending,{color:"info"}),label:"Pending - 99+",variant:"outlined",sx:{margin:"4px 2px"}}),(0,c.jsx)(u.Chip,{icon:(0,c.jsx)(v.Upcoming,{color:"success"}),variant:"outlined",label:"Upcoming - 66",sx:{margin:"4px 2px"}})]})}),!!B&&(0,c.jsx)(Eo,{open:B,setOpen:o}),!!m&&(0,c.jsx)(To,{open:m,setOpen:x}),!!y&&(0,c.jsx)(Lo,{open:y,setOpen:S,onSubmitDisposition:_o}),!!_&&(0,c.jsx)(Io,{open:_,setOpen:z})]})}function jo({apiKey:r,tenantId:t,agentId:n,baseURL:l}){T.initialize(r,n,l),$t.init({apiKey:r,tenantId:t,agentId:n,baseUrl:l})}0&&(module.exports={CallControlPanel,initSDK,useLogout});
 //# sourceMappingURL=index.js.map