@nethesis/phone-island 0.7.78 → 0.7.80

package/dist/components/KeypadView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/KeypadView/index.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { faArrowLeft } from '@nethesis/nethesis-light-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport Actions from './Actions'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { backToCallView } from '../../lib/island/island'\nimport { playDtmfAudio } from '../../lib/phone/call'\nimport Hangup from '../Hangup'\n\nconst DTMF_KEYS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '#']\n\nconst KeypadView: FC<KeypadViewTypes> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const { keypadValue } = useSelector((state: RootState) => state.currentCall)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const keypadValueRef = useRef<typeof keypadValue>(keypadValue)\n\n  function sendKey(key: string) {\n    dispatch.currentCall.updateKeypadValue(`${keypadValueRef.current}${key}`)\n    keypadValueRef.current = `${keypadValueRef.current}${key}`\n    playDtmfAudio(key)\n    sendDTMF(key)\n  }\n\n  useEffect(() => {\n    function handlePhysicalKeydown(event) {\n      if (DTMF_KEYS.includes(event.key)) {\n        sendKey(event.key)\n      }\n    }\n    window.addEventListener('keydown', handlePhysicalKeydown)\n    return () => window.removeEventListener('keydown', handlePhysicalKeydown)\n  }, [])\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button variant='transparent' onClick={backToCallView}>\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              readOnly\n              value={keypadValue}\n              autoFocus\n              className='pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0'\n            />\n          </div>\n          <Actions keyCallback={sendKey} />\n          <div className='pi-flex pi-justify-center'>\n            {/* The button to hangup the currentCall */}\n            <Hangup />\n          </div>\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base'>Keypad</div>\n      )}\n    </>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n"],"names":["DTMF_KEYS","dispatch","useDispatch","keypadValue","useSelector","state","currentCall","isOpen","island","keypadValueRef","useRef","sendKey","key","updateKeypadValue","concat","current","playDtmfAudio","sendDTMF","useEffect","handlePhysicalKeydown","event","includes","window","addEventListener","removeEventListener","React","createElement","Fragment","className","Button","variant","onClick","backToCallView","FontAwesomeIcon","size","icon","faArrowLeft","type","readOnly","value","autoFocus","Actions","keyCallback","Hangup"],"mappings":"gtBAeMA,EAAY,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,qBAElC,WACtC,IAAMC,EAAWC,EAAAA,cACTC,EAAgBC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,2BACxDC,EAAWH,eAAY,SAACC,GAAqB,OAAAA,EAAMG,iBACrDC,EAAiBC,SAA2BP,GAElD,SAASQ,EAAQC,GACfX,EAASK,YAAYO,kBAAkB,GAAAC,OAAGL,EAAeM,SAAOD,OAAGF,IACnEH,EAAeM,QAAU,GAAGD,OAAAL,EAAeM,SAAOD,OAAGF,GACrDI,EAAaA,cAACJ,GACdK,EAAQA,SAACL,EACV,CAYD,OAVAM,EAAAA,WAAU,WACR,SAASC,EAAsBC,GACzBpB,EAAUqB,SAASD,EAAMR,MAC3BD,EAAQS,EAAMR,IAEjB,CAED,OADAU,OAAOC,iBAAiB,UAAWJ,GAC5B,WAAM,OAAAG,OAAOE,oBAAoB,UAAWL,GACpD,GAAE,IAGDM,UACGC,cAAAD,EAAA,QAAAE,SAAA,KAAApB,EACCkB,EAAAA,QAAAC,cAAA,MAAA,CAAKE,UAAU,gCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oBACbH,EAAC,QAAAC,cAAAG,UAAOC,QAAQ,cAAcC,QAASC,kBACrCP,UAACC,cAAAO,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMC,EAAWA,eAE9CX,EAAA,QAAAC,cAAA,QAAA,CAAA,yBACyB,EACvBW,KAAK,OACLC,UACA,EAAAC,MAAOpC,EACPqC,WAAS,EACTZ,UAAU,oPAGdH,EAAAA,QAAAC,cAACe,EAAAA,QAAO,CAACC,YAAa/B,IACtBc,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,6BAEbH,EAAAA,QAAAC,cAACiB,EAAAA,QAAS,QAIdlB,EAAA,QAAAC,cAAA,MAAA,CAAKE,UAAU,yCAIvB"}
+{"version":3,"file":"index.js","sources":["../../../src/components/KeypadView/index.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { faArrowLeft } from '@nethesis/nethesis-light-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport Actions from './Actions'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { backToCallView } from '../../lib/island/island'\nimport { playDtmfAudio } from '../../lib/phone/call'\nimport { Tooltip } from 'react-tooltip/dist/react-tooltip.min.cjs'\n\nconst DTMF_KEYS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '#']\n\nconst KeypadView: FC<KeypadViewTypes> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const { keypadValue } = useSelector((state: RootState) => state.currentCall)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const keypadValueRef = useRef<typeof keypadValue>(keypadValue)\n\n  function sendKey(key: string) {\n    dispatch.currentCall.updateKeypadValue(`${keypadValueRef.current}${key}`)\n    keypadValueRef.current = `${keypadValueRef.current}${key}`\n    playDtmfAudio(key)\n    sendDTMF(key)\n  }\n\n  useEffect(() => {\n    function handlePhysicalKeydown(event) {\n      if (DTMF_KEYS.includes(event.key)) {\n        sendKey(event.key)\n      }\n    }\n    window.addEventListener('keydown', handlePhysicalKeydown)\n    return () => window.removeEventListener('keydown', handlePhysicalKeydown)\n  }, [])\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button\n              variant='transparent'\n              onClick={backToCallView}\n              data-tooltip-id='keyboard-tooltip'\n              data-tooltip-content='Back to call'\n            >\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              readOnly\n              value={keypadValue}\n              autoFocus\n              className='pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0'\n            />\n          </div>\n          <Actions keyCallback={sendKey} />\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base'>Keypad</div>\n      )}\n      <Tooltip className='pi-z-1000' id='keyboard-tooltip' place='bottom' />\n    </>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n"],"names":["DTMF_KEYS","dispatch","useDispatch","keypadValue","useSelector","state","currentCall","isOpen","island","keypadValueRef","useRef","sendKey","key","updateKeypadValue","concat","current","playDtmfAudio","sendDTMF","useEffect","handlePhysicalKeydown","event","includes","window","addEventListener","removeEventListener","React","createElement","Fragment","className","Button","variant","onClick","backToCallView","FontAwesomeIcon","size","icon","faArrowLeft","type","readOnly","value","autoFocus","Actions","keyCallback","Tooltip","id","place"],"mappings":"kwBAeMA,EAAY,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,qBAElC,WACtC,IAAMC,EAAWC,EAAAA,cACTC,EAAgBC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,2BACxDC,EAAWH,eAAY,SAACC,GAAqB,OAAAA,EAAMG,iBACrDC,EAAiBC,SAA2BP,GAElD,SAASQ,EAAQC,GACfX,EAASK,YAAYO,kBAAkB,GAAAC,OAAGL,EAAeM,SAAOD,OAAGF,IACnEH,EAAeM,QAAU,GAAGD,OAAAL,EAAeM,SAAOD,OAAGF,GACrDI,EAAaA,cAACJ,GACdK,EAAQA,SAACL,EACV,CAYD,OAVAM,EAAAA,WAAU,WACR,SAASC,EAAsBC,GACzBpB,EAAUqB,SAASD,EAAMR,MAC3BD,EAAQS,EAAMR,IAEjB,CAED,OADAU,OAAOC,iBAAiB,UAAWJ,GAC5B,WAAM,OAAAG,OAAOE,oBAAoB,UAAWL,GACpD,GAAE,IAGDM,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGpB,EACCkB,EAAK,QAAAC,cAAA,MAAA,CAAAE,UAAU,gCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oBACbH,EAAAA,QAAAC,cAACG,SAAM,CACLC,QAAQ,cACRC,QAASC,EAAAA,eAAc,kBACP,mBAAkB,uBACb,gBAErBP,UAACC,cAAAO,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMC,EAAWA,eAE9CX,EAAA,QAAAC,cAAA,QAAA,CAAA,yBACyB,EACvBW,KAAK,OACLC,UACA,EAAAC,MAAOpC,EACPqC,WAAS,EACTZ,UAAU,oPAGdH,EAAA,QAAAC,cAACe,EAAO,QAAC,CAAAC,YAAa/B,KAGxBc,EAAA,QAAAC,cAAA,MAAA,CAAKE,UAAU,yCAEjBH,EAAAA,QAAAC,cAACiB,UAAQ,CAAAf,UAAU,YAAYgB,GAAG,mBAAmBC,MAAM,WAGjE"}

package/dist/components/Socket.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),n=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/socket.io-client/build/esm/index.js"),c=require("../lib/phone/conversation.js"),o=require("../utils/genericFunctions/withTimeout.js");require("../node_modules/mic-check/lib/index.js"),require("../lib/webrtc/janus.js");var r=require("../store/index.js");require("../node_modules/webrtc-adapter/src/js/adapter_core.js");var u=require("../events/SocketEvents.js"),a=require("../node_modules/react-redux/es/hooks/useDispatch.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(n);exports.Socket=function(s){var d=s.hostName,l=s.username,m=s.authToken,p=s.children,f=a.useDispatch(),g=n.useRef(),k=n.useRef();return n.useEffect((function(){return k.current=t.io(d,{upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3}),k.current.on("connect",(function(){console.debug("Socket connected sid: ".concat(k.current.id))})),k.current.on("disconnect",(function(e){console.log("Socket disconnect - reason: ".concat(e))})),k.current.io.on("error",(function(e){console.debug("Socket error: ",e)})),k.current.on("connect_error",(function(e){console.debug("Socket connect_error: ",e)})),k.current.io.on("reconnect",(function(e){console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(k.current.id,")"))})),k.current.io.on("reconnect_attempt",(function(e){console.debug("Socket reconnect_attempt ".concat(e))})),k.current.io.on("reconnect_error",(function(e){console.debug("Socket reconnect_error: ",e)})),k.current.io.on("reconnect_failed",(function(){console.debug("Socket reconnect_failed")})),g.current=setInterval((function(){var e=Date.now();k.current.volatile.emit("ping",o.withTimeout((function(){f.alerts.removeAlert("socket_down");var n=Date.now()-e;console.debug("Socket latency: ".concat(n,"ms")),console.debug("Socket is reachable!")}),(function(){f.alerts.setAlert("socket_down"),console.debug("Socket is unreachable!")}),2e3))}),5e3),k.current.on("connect",(function(){console.log("Socket on: "+d+" is connected!"),k.current.emit("login",{accessKeyId:"".concat(l),token:m,uaType:"desktop"})})),k.current.on("authe_ok",(function(){console.log("Socket authentication success!")})),k.current.on("userMainPresenceUpdate",(function(n){r.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),u.dispatchMainPresence(n)})),k.current.on("extenUpdate",(function(e){f.users.updateExtension(e),u.dispatchConversations(e);var n=e.conversations[Object.keys(e.conversations)[0]]||{};e.username===l&&function(e,n){var t=e.status;if(Object.keys(n).length>0&&t){var o=r.store.getState().users.extensions;switch(t){case"ringing":f.currentCall.checkIncomingUpdatePlay({conversationId:n.id,displayName:c.getDisplayName(n),number:"".concat(n.counterpartNum),incomingSocket:!0,username:"".concat(o&&o[n.counterpartNum]&&o[n.counterpartNum].username)||""});break;case"busy":n&&n.connected?f.currentCall.updateCurrentCall({conversationId:n.id,displayName:c.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(n.startTime/1e3),username:"".concat(o&&o[n.counterpartNum]&&o[n.counterpartNum].username)||""}):n&&!n.connected&&"out"===n.direction&&f.currentCall.checkOutgoingUpdate({outgoingSocket:!0,displayName:c.getDisplayName(n),number:"".concat(n.counterpartNum),username:"".concat(o&&o[n.counterpartNum]&&o[n.counterpartNum].username)||""})}}}(e,n)})),k.current.on("queueUpdate",(function(e){u.dispatchQueueUpdate(e)})),k.current.on("queueMemberUpdate",(function(e){u.dispatchQueueMemberUpdate(e)})),k.current.on("takeOver",(function(){u.dispatchAlreadyLogin()})),function(){clearInterval(g.current),k.current.close()}}),[]),i.default.createElement(i.default.Fragment,null,p)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),n=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/socket.io-client/build/esm/index.js"),r=require("../lib/phone/conversation.js"),c=require("../utils/genericFunctions/withTimeout.js");require("../node_modules/mic-check/lib/index.js"),require("../lib/webrtc/janus.js");var o=require("../store/index.js");require("../node_modules/webrtc-adapter/src/js/adapter_core.js");var a=require("../events/SocketEvents.js"),u=require("../utils/genericFunctions/timestamp.js"),s=require("../node_modules/react-redux/es/hooks/useDispatch.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(n);exports.Socket=function(i){var d=i.hostName,m=i.username,p=i.authToken,f=i.children,g=s.useDispatch(),b=n.useRef(),k=n.useRef();return n.useEffect((function(){return k.current=t.io(d,{upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3}),k.current.on("connect",(function(){console.debug("Socket connected sid: ".concat(k.current.id))})),k.current.on("disconnect",(function(e){console.log("Socket disconnect - reason: ".concat(e))})),k.current.io.on("error",(function(e){console.debug("Socket error: ",e)})),k.current.on("connect_error",(function(e){console.debug("Socket connect_error: ",e)})),k.current.io.on("reconnect",(function(e){console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(k.current.id,")"))})),k.current.io.on("reconnect_attempt",(function(e){console.debug("Socket reconnect_attempt ".concat(e))})),k.current.io.on("reconnect_error",(function(e){console.debug("Socket reconnect_error: ",e)})),k.current.io.on("reconnect_failed",(function(){console.debug("Socket reconnect_failed")})),b.current=setInterval((function(){var e=Date.now();k.current.volatile.emit("ping",c.withTimeout((function(){g.alerts.removeAlert("socket_down");var n=Date.now()-e;console.debug("Socket latency: ".concat(n,"ms")),console.debug("Socket is reachable!")}),(function(){g.alerts.setAlert("socket_down"),console.debug("Socket is unreachable!")}),2e3))}),5e3),k.current.on("connect",(function(){console.log("Socket on: "+d+" is connected!"),k.current.emit("login",{accessKeyId:"".concat(m),token:p,uaType:"desktop"})})),k.current.on("authe_ok",(function(){console.log("Socket authentication success!")})),k.current.on("userMainPresenceUpdate",(function(n){o.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),a.dispatchMainPresence(n)})),k.current.on("extenUpdate",(function(e){g.users.updateExtension(e),a.dispatchConversations(e);var n=e.conversations[Object.keys(e.conversations)[0]]||{};e.username===m&&function(e,n){var t=o.store.getState().currentCall,c=t.transferring,a=t.transferSwitching,s=t.transferCalls;if(Object.keys(n).length>0&&e.status){var i=o.store.getState().users.extensions;switch(e.status){case"ringing":g.currentCall.checkIncomingUpdatePlay({conversationId:n.id,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),incomingSocket:!0,username:"".concat(i&&i[n.counterpartNum]&&i[n.counterpartNum].username)||""});break;case"busy":if(n&&n.connected)g.currentCall.updateCurrentCall({conversationId:n.id,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(n.startTime/1e3),username:"".concat(i&&i[n.counterpartNum]&&i[n.counterpartNum].username)||""}),g.currentCall.addTransferCalls({type:"transferred",displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(u.getTimestampInSeconds())});else if(n&&!n.connected&&c&&!a){var l=s.find((function(e){return e.number===n.counterpartNum}));!n.connected&&l&&(g.currentCall.updateCurrentCall({transferring:!1}),g.currentCall.updateTransferSwitching(!1))}n&&!n.connected&&"out"===n.direction&&g.currentCall.checkOutgoingUpdate({outgoingSocket:!0,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),username:"".concat(i&&i[n.counterpartNum]&&i[n.counterpartNum].username)||""});case"onhold":var d=n.counterpartName,m=n.counterpartNum,p=n.startTime;c&&m&&d&&"<unknown>"!==d&&(g.currentCall.addTransferCalls({type:"destination",displayName:r.getDisplayName(n),number:m,startTime:"".concat(u.getTimestampInSeconds())}),g.currentCall.updateCurrentCall({displayName:r.getDisplayName(n),number:m,startTime:"".concat(p/1e3)}),g.island.setIslandView("call"))}}}(e,n)})),k.current.on("queueUpdate",(function(e){a.dispatchQueueUpdate(e)})),k.current.on("queueMemberUpdate",(function(e){a.dispatchQueueMemberUpdate(e)})),k.current.on("takeOver",(function(){a.dispatchAlreadyLogin()})),function(){clearInterval(b.current),k.current.close()}}),[]),l.default.createElement(l.default.Fragment,null,f)};
 //# sourceMappingURL=Socket.js.map

package/dist/components/Socket.js.map

@@ -1 +1 @@
-{"version":3,"file":"Socket.js","sources":["../../src/components/Socket.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport { io } from 'socket.io-client'\nimport { getDisplayName } from '../lib/phone/conversation'\nimport {\n  dispatchMainPresence,\n  dispatchConversations,\n  dispatchQueueUpdate,\n  dispatchQueueMemberUpdate,\n  dispatchAlreadyLogin,\n} from '../events'\nimport { store } from '../store'\nimport { withTimeout } from '../utils'\nimport type {\n  ConversationsTypes,\n  ExtensionTypes,\n  QueuesUpdateTypes,\n  QueueUpdateMemberTypes,\n  MainPresenceTypes,\n} from '../types'\n// import { userTotallyFree } from '../lib/user/extensions'\n\ninterface SocketProps {\n  children: ReactNode\n  hostName: string\n  username: string\n  authToken: string\n}\n\nexport const Socket: FC<SocketProps> = ({ hostName, username, authToken, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n  const connectionCheckInterval = useRef<any>()\n  const socket = useRef<any>()\n\n  useEffect(() => {\n    /**\n     * Manages event and data for the currentUser\n     *\n     * @param res The data from the socket\n     * @param conv The conversation data\n     */\n    const handleCurrentUserEvents = (res: any, conv: ConversationsTypes) => {\n      // Initialize status\n      const status: string = res.status\n      // Check conversation isn't empty\n      if (Object.keys(conv).length > 0) {\n        // With conversation\n        if (status) {\n          const { extensions } = store.getState().users\n          switch (status) {\n            case 'ringing':\n              // The name and the number are updated here not in webrtc\n              dispatch.currentCall.checkIncomingUpdatePlay({\n                conversationId: conv.id,\n                displayName: getDisplayName(conv),\n                number: `${conv.counterpartNum}`,\n                incomingSocket: true,\n                username:\n                  `${\n                    extensions &&\n                    extensions[conv.counterpartNum] &&\n                    extensions[conv.counterpartNum].username\n                  }` || '',\n              })\n              break\n            // @ts-ignore\n            case 'busy':\n              if (conv && conv.connected) {\n                // Current call accepted\n                dispatch.currentCall.updateCurrentCall({\n                  conversationId: conv.id,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  startTime: `${conv.startTime / 1000}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n              // Handle outgoing call\n              else if (conv && !conv.connected && conv.direction === 'out') {\n                // Update the current outgoing conversation\n                dispatch.currentCall.checkOutgoingUpdate({\n                  outgoingSocket: true,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n            default:\n              break\n          }\n        }\n      } else {\n        // Without conversation for physical phone management\n        // if (status) {\n        // if (res.status == 'online' && userTotallyFree()) {\n        //     // Stop ringing sounds\n        //     dispatch.player.stopAudioPlayer()\n        //     // Reset current call info\n        //     dispatch.currentCall.reset()\n        // }\n        // }\n      }\n    }\n\n    /**\n     * Initialize socket connection and listeners\n     */\n    const initSocketConnection = () => {\n      socket.current = io(hostName, {\n        upgrade: false,\n        transports: ['websocket'],\n        reconnection: true,\n        reconnectionDelay: 2000,\n      })\n\n      // Handle socket errors\n      socket.current.on('connect', () => {\n        console.debug(`Socket connected sid: ${socket.current.id}`)\n      })\n      socket.current.on('disconnect', (reason) => {\n        console.log(`Socket disconnect - reason: ${reason}`)\n      })\n      socket.current.io.on('error', (err) => {\n        console.debug(`Socket error: `, err)\n      })\n      socket.current.on('connect_error', (err) => {\n        console.debug(`Socket connect_error: `, err)\n      })\n      socket.current.io.on('reconnect', (attempt) => {\n        console.debug(`Socket reconnect attemp ${attempt} (sid: ${socket.current.id})`)\n      })\n      socket.current.io.on('reconnect_attempt', (attempt) => {\n        console.debug(`Socket reconnect_attempt ${attempt}`)\n      })\n      socket.current.io.on('reconnect_error', (err) => {\n        console.debug(`Socket reconnect_error: `, err)\n      })\n      socket.current.io.on('reconnect_failed', () => {\n        console.debug(`Socket reconnect_failed`)\n      })\n\n      // Checks if socket is reachable every 5 seconds\n      connectionCheckInterval.current = setInterval(() => {\n        const start = Date.now()\n        socket.current.volatile.emit(\n          'ping',\n          withTimeout(\n            () => {\n              // Remove socket_down alert\n              dispatch.alerts.removeAlert('socket_down')\n              // Calculate and log latency\n              const latency = Date.now() - start\n              console.debug(`Socket latency: ${latency}ms`)\n              console.debug('Socket is reachable!')\n            },\n            () => {\n              // Set socket_down alert\n              dispatch.alerts.setAlert('socket_down')\n              console.debug('Socket is unreachable!')\n            },\n            2000,\n          ),\n        )\n      }, 5000)\n\n      // Handle connection message\n      socket.current.on('connect', () => {\n        console.log('Socket on: ' + hostName + ' is connected!')\n        socket.current.emit('login', {\n          accessKeyId: `${username}`,\n          token: authToken,\n          uaType: 'desktop',\n        })\n      })\n\n      // Handle authentication success message\n      socket.current.on('authe_ok', () => {\n        console.log('Socket authentication success!')\n      })\n\n      socket.current.on('userMainPresenceUpdate', (res: MainPresenceTypes) => {\n        // Update endpoints store\n        store.dispatch.users.updateEndpointMainPresence({ ...res.mainPresence })\n        // Dispatch dispatchMainPresence Event\n        dispatchMainPresence(res)\n      })\n\n      socket.current.on('extenUpdate', (res: ExtensionTypes) => {\n        // Update extensions and conversations in users store\n        dispatch.users.updateExtension(res)\n        // Dispatch conversations event\n        dispatchConversations(res)\n        // Initialize conversation\n        const conv: ConversationsTypes = res.conversations[Object.keys(res.conversations)[0]] || {}\n        // Handle only the events of the user\n        if (res.username === username) {\n          handleCurrentUserEvents(res, conv)\n        }\n      })\n\n      // `queueUpdate` is the socket event when the data of a queue updates\n      socket.current.on('queueUpdate', (res: QueuesUpdateTypes) => {\n        // Dispatch queueUpdate event\n        dispatchQueueUpdate(res)\n      })\n\n      // `queueMemberUpdate` is the socket event when the data of a queue member changes\n      socket.current.on('queueMemberUpdate', (res: QueueUpdateMemberTypes) => {\n        // Dispatch queueMemberUpdate event\n        dispatchQueueMemberUpdate(res)\n      })\n\n      // `takeOver` is the socket event when the user does login from another new window\n      socket.current.on('takeOver', () => {\n        // Dispatch takeOver event\n        dispatchAlreadyLogin()\n      })\n    }\n\n    initSocketConnection()\n\n    // Stop the check socket interval\n    // Close the socket connection\n    return () => {\n      clearInterval(connectionCheckInterval.current)\n      socket.current.close()\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["_a","hostName","username","authToken","children","dispatch","useDispatch","connectionCheckInterval","useRef","socket","useEffect","current","io","upgrade","transports","reconnection","reconnectionDelay","on","console","debug","concat","id","reason","log","err","attempt","setInterval","start","Date","now","volatile","emit","withTimeout","alerts","removeAlert","latency","setAlert","accessKeyId","token","uaType","res","store","users","updateEndpointMainPresence","__assign","mainPresence","dispatchMainPresence","updateExtension","dispatchConversations","conv","conversations","Object","keys","status","length","extensions","getState","currentCall","checkIncomingUpdatePlay","conversationId","displayName","getDisplayName","number","counterpartNum","incomingSocket","connected","updateCurrentCall","startTime","direction","checkOutgoingUpdate","outgoingSocket","handleCurrentUserEvents","dispatchQueueUpdate","dispatchQueueMemberUpdate","dispatchAlreadyLogin","clearInterval","close","React","createElement","Fragment"],"mappings":"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"}
+{"version":3,"file":"Socket.js","sources":["../../src/components/Socket.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport { io } from 'socket.io-client'\nimport { getDisplayName } from '../lib/phone/conversation'\nimport {\n  dispatchMainPresence,\n  dispatchConversations,\n  dispatchQueueUpdate,\n  dispatchQueueMemberUpdate,\n  dispatchAlreadyLogin,\n} from '../events'\nimport { store } from '../store'\nimport { withTimeout } from '../utils'\nimport type {\n  ConversationsTypes,\n  ExtensionTypes,\n  QueuesUpdateTypes,\n  QueueUpdateMemberTypes,\n  MainPresenceTypes,\n} from '../types'\nimport { getTimestampInSeconds } from '../utils/genericFunctions/timestamp'\n\ninterface SocketProps {\n  children: ReactNode\n  hostName: string\n  username: string\n  authToken: string\n}\n\nexport const Socket: FC<SocketProps> = ({ hostName, username, authToken, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n  const connectionCheckInterval = useRef<any>()\n  const socket = useRef<any>()\n\n  useEffect(() => {\n    /**\n     * Manages event and data for the currentUser\n     *\n     * @param res The data from the socket\n     * @param conv The conversation data\n     */\n    const handleCurrentUserEvents = (res: ExtensionTypes, conv: ConversationsTypes) => {\n      // Handle transferring data\n      const {\n        transferring,\n        transferSwitching,\n        transferCalls,\n      } = store.getState().currentCall\n      // Check conversation isn't empty\n      if (Object.keys(conv).length > 0) {\n        // With conversation\n        if (res.status) {\n          const { extensions } = store.getState().users\n          switch (res.status) {\n            case 'ringing':\n              // The name and the number are updated here not in webrtc\n              dispatch.currentCall.checkIncomingUpdatePlay({\n                conversationId: conv.id,\n                displayName: getDisplayName(conv),\n                number: `${conv.counterpartNum}`,\n                incomingSocket: true,\n                username:\n                  `${\n                    extensions &&\n                    extensions[conv.counterpartNum] &&\n                    extensions[conv.counterpartNum].username\n                  }` || '',\n              })\n              break\n            // @ts-ignore\n            case 'busy':\n              if (conv && conv.connected) {\n                // Current call accepted and update connected call\n                dispatch.currentCall.updateCurrentCall({\n                  conversationId: conv.id,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  startTime: `${conv.startTime / 1000}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n                // Add call to transfer calls\n                dispatch.currentCall.addTransferCalls({\n                  type: 'transferred',\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  startTime: `${getTimestampInSeconds()}`,\n                })\n\n                // // Manage call transferring\n                // if (transferring) {\n                //   // Prepare the call data for the transfer\n                //   if (!transferringName && !transferringNumber && !transferringStartTime) {\n                //     dispatch.currentCall.updateCurrentCall({\n                //       transferringName: getDisplayName(conv),\n                //       transferringNumber: `${conv.counterpartNum}`,\n                //       transferringStartTime: `${conv.startTime / 1000}`,\n                //     })\n                //   }\n                // }\n              }\n              // Handle not connected calls\n              else if (conv && !conv.connected) {\n                if (transferring && !transferSwitching) {\n                  // Handle hangup during transfer\n                  const inTransferCalls = transferCalls.find(\n                    (item) => item.number === conv.counterpartNum,\n                  )\n                  if (!conv.connected && inTransferCalls) {\n                    // Update transferring data for the current call\n                    dispatch.currentCall.updateCurrentCall({\n                      transferring: false,\n                    })\n                    // Reset transfer switching\n                    // TODO - It needs to enhance how conversation connections (conv.connected) are updated server side\n                    // TODO - The transfer end is not handled when the an user hangups or after call switch\n                    dispatch.currentCall.updateTransferSwitching(false)\n                  }\n                }\n              }\n              // Handle outgoing call\n              if (conv && !conv.connected && conv.direction === 'out') {\n                // Update the current outgoing conversation\n                dispatch.currentCall.checkOutgoingUpdate({\n                  outgoingSocket: true,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n            case 'onhold':\n              // The new conversation during transferring\n              const { counterpartName, counterpartNum, startTime } = conv\n              if (\n                transferring &&\n                counterpartNum &&\n                counterpartName &&\n                counterpartName !== '<unknown>'\n              ) {\n                // Add call to transfer calls\n                dispatch.currentCall.addTransferCalls({\n                  type: 'destination',\n                  displayName: getDisplayName(conv),\n                  number: counterpartNum,\n                  startTime: `${getTimestampInSeconds()}`,\n                })\n                // Set the current call informations\n                dispatch.currentCall.updateCurrentCall({\n                  displayName: getDisplayName(conv),\n                  number: counterpartNum,\n                  startTime: `${startTime / 1000}`,\n                })\n                // Set the view of the island to call\n                dispatch.island.setIslandView('call')\n              }\n              break\n            default:\n              break\n          }\n        }\n      } else {\n        // Without conversation for physical phone management\n        // if (status) {\n        // if (res.status == 'online' && userTotallyFree()) {\n        //     // Stop ringing sounds\n        //     dispatch.player.stopAudioPlayer()\n        //     // Reset current call info\n        //     dispatch.currentCall.reset()\n        // }\n        // }\n      }\n    }\n\n    /**\n     * Initialize socket connection and listeners\n     */\n    const initSocketConnection = () => {\n      socket.current = io(hostName, {\n        upgrade: false,\n        transports: ['websocket'],\n        reconnection: true,\n        reconnectionDelay: 2000,\n      })\n\n      // Handle socket errors\n      socket.current.on('connect', () => {\n        console.debug(`Socket connected sid: ${socket.current.id}`)\n      })\n      socket.current.on('disconnect', (reason) => {\n        console.log(`Socket disconnect - reason: ${reason}`)\n      })\n      socket.current.io.on('error', (err) => {\n        console.debug(`Socket error: `, err)\n      })\n      socket.current.on('connect_error', (err) => {\n        console.debug(`Socket connect_error: `, err)\n      })\n      socket.current.io.on('reconnect', (attempt) => {\n        console.debug(`Socket reconnect attemp ${attempt} (sid: ${socket.current.id})`)\n      })\n      socket.current.io.on('reconnect_attempt', (attempt) => {\n        console.debug(`Socket reconnect_attempt ${attempt}`)\n      })\n      socket.current.io.on('reconnect_error', (err) => {\n        console.debug(`Socket reconnect_error: `, err)\n      })\n      socket.current.io.on('reconnect_failed', () => {\n        console.debug(`Socket reconnect_failed`)\n      })\n\n      // Checks if socket is reachable every 5 seconds\n      connectionCheckInterval.current = setInterval(() => {\n        const start = Date.now()\n        socket.current.volatile.emit(\n          'ping',\n          withTimeout(\n            () => {\n              // Remove socket_down alert\n              dispatch.alerts.removeAlert('socket_down')\n              // Calculate and log latency\n              const latency = Date.now() - start\n              console.debug(`Socket latency: ${latency}ms`)\n              console.debug('Socket is reachable!')\n            },\n            () => {\n              // Set socket_down alert\n              dispatch.alerts.setAlert('socket_down')\n              console.debug('Socket is unreachable!')\n            },\n            2000,\n          ),\n        )\n      }, 5000)\n\n      // Handle connection message\n      socket.current.on('connect', () => {\n        console.log('Socket on: ' + hostName + ' is connected!')\n        socket.current.emit('login', {\n          accessKeyId: `${username}`,\n          token: authToken,\n          uaType: 'desktop',\n        })\n      })\n\n      // Handle authentication success message\n      socket.current.on('authe_ok', () => {\n        console.log('Socket authentication success!')\n      })\n\n      socket.current.on('userMainPresenceUpdate', (res: MainPresenceTypes) => {\n        // Update endpoints store\n        store.dispatch.users.updateEndpointMainPresence({ ...res.mainPresence })\n        // Dispatch dispatchMainPresence Event\n        dispatchMainPresence(res)\n      })\n\n      socket.current.on('extenUpdate', (res: ExtensionTypes) => {\n        // Update extensions and conversations in users store\n        dispatch.users.updateExtension(res)\n        // Dispatch conversations event\n        dispatchConversations(res)\n        // Initialize conversation\n        const conv: ConversationsTypes = res.conversations[Object.keys(res.conversations)[0]] || {}\n        // Handle only the events of the user\n        if (res.username === username) {\n          handleCurrentUserEvents(res, conv)\n        }\n      })\n\n      // `queueUpdate` is the socket event when the data of a queue updates\n      socket.current.on('queueUpdate', (res: QueuesUpdateTypes) => {\n        // Dispatch queueUpdate event\n        dispatchQueueUpdate(res)\n      })\n\n      // `queueMemberUpdate` is the socket event when the data of a queue member changes\n      socket.current.on('queueMemberUpdate', (res: QueueUpdateMemberTypes) => {\n        // Dispatch queueMemberUpdate event\n        dispatchQueueMemberUpdate(res)\n      })\n\n      // `takeOver` is the socket event when the user does login from another new window\n      socket.current.on('takeOver', () => {\n        // Dispatch takeOver event\n        dispatchAlreadyLogin()\n      })\n    }\n\n    initSocketConnection()\n\n    // Stop the check socket interval\n    // Close the socket connection\n    return () => {\n      clearInterval(connectionCheckInterval.current)\n      socket.current.close()\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["_a","hostName","username","authToken","children","dispatch","useDispatch","connectionCheckInterval","useRef","socket","useEffect","current","io","upgrade","transports","reconnection","reconnectionDelay","on","console","debug","concat","id","reason","log","err","attempt","setInterval","start","Date","now","volatile","emit","withTimeout","alerts","removeAlert","latency","setAlert","accessKeyId","token","uaType","res","store","users","updateEndpointMainPresence","__assign","mainPresence","dispatchMainPresence","updateExtension","dispatchConversations","conv","conversations","Object","keys","getState","currentCall","transferring","transferSwitching","transferCalls","length","status","extensions","checkIncomingUpdatePlay","conversationId","displayName","getDisplayName","number","counterpartNum","incomingSocket","connected","updateCurrentCall","startTime","addTransferCalls","type","getTimestampInSeconds","inTransferCalls","find","item","updateTransferSwitching","direction","checkOutgoingUpdate","outgoingSocket","counterpartName","island","setIslandView","handleCurrentUserEvents","dispatchQueueUpdate","dispatchQueueMemberUpdate","dispatchAlreadyLogin","clearInterval","close","React","createElement","Fragment"],"mappings":"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"}

package/dist/components/TransferView/ListAvatar.d.ts

@@ -1,6 +1,6 @@
-import { type FC } from 'react';
+import { type FC, ComponentProps } from 'react';
 declare const ListAvatar: FC<ListAvatarProps>;
-interface ListAvatarProps {
+interface ListAvatarProps extends ComponentProps<'div'> {
     username?: string;
     status?: string;
 }

package/dist/components/TransferView/ListAvatar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/react-redux/es/hooks/useSelector.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);exports.default=function(e){var t=e.username,i=e.status,n=r.useSelector((function(e){return e.avatars})).avatars;return a.default.createElement("div",{style:{backgroundImage:"url(".concat(n&&t&&n[t]&&n[t],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-200 pi-flex-shrink-0 pi-relative"},i&&a.default.createElement("span",{style:{marginBottom:"1px",marginRight:"1px"},className:"pi-absolute pi-rounded-full pi-w-3 pi-h-3 ".concat("online"===i?"pi-bg-green-600":"pi-bg-red-600"," pi-bottom-0 pi-right-0 pi-border-2 pi-border-white")}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.default=function(r){var a=r.username,s=r.status,n=e.__rest(r,["username","status"]),o=t.useSelector((function(e){return e.avatars})).avatars;return i.default.createElement("div",e.__assign({style:{backgroundImage:"url(".concat(o&&a&&o[a]&&o[a],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition ".concat("online"===s?"hover:pi-scale-110":"")},n),s&&i.default.createElement("span",{style:{right:"1px",bottom:"1px"},className:"pi-absolute pi-rounded-full pi-w-3 pi-h-3 pi-z-20 ".concat("online"===s?"pi-bg-green-600":"pi-bg-red-600"," pi-border-2 pi-border-white")}))};
 //# sourceMappingURL=ListAvatar.js.map

package/dist/components/TransferView/ListAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAvatar.js","sources":["../../../src/components/TransferView/ListAvatar.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst ListAvatar: FC<ListAvatarProps> = ({ username, status }) => {\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n\n  return (\n    <div\n      style={{\n        backgroundImage: `url(${avatars && username && avatars[username] && avatars[username]})`,\n        backgroundRepeat: 'no-repeat',\n        backgroundSize: 'contain',\n      }}\n      className='pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-200 pi-flex-shrink-0 pi-relative'\n    >\n      {/* The status bullet */}\n      {status && (\n        <span\n          style={{ marginBottom: '1px', marginRight: '1px' }}\n          className={`pi-absolute pi-rounded-full pi-w-3 pi-h-3 ${\n            status === 'online' ? 'pi-bg-green-600' : 'pi-bg-red-600'\n          } pi-bottom-0 pi-right-0 pi-border-2 pi-border-white`}\n        ></span>\n      )}\n    </div>\n  )\n}\n\ninterface ListAvatarProps {\n  username?: string\n  status?: string\n}\n\nexport default ListAvatar\n"],"names":["_a","username","status","avatars","useSelector","state","React","createElement","style","backgroundImage","concat","backgroundRepeat","backgroundSize","className","marginBottom","marginRight"],"mappings":"4TAOwC,SAACA,OAAEC,EAAQD,EAAAC,SAAEC,EAAMF,EAAAE,OACjDC,EAAYC,eAAY,SAACC,GAAqB,OAAAA,EAAMF,mBAE5D,OACEG,UACEC,cAAA,MAAA,CAAAC,MAAO,CACLC,gBAAiB,OAAAC,OAAOP,GAAWF,GAAYE,EAAQF,IAAaE,EAAQF,GAAY,KACxFU,iBAAkB,YAClBC,eAAgB,WAElBC,UAAU,+EAGTX,GACCI,EAAA,QAAAC,cAAA,OAAA,CACEC,MAAO,CAAEM,aAAc,MAAOC,YAAa,OAC3CF,UAAW,6CACTH,OAAW,WAAXR,EAAsB,kBAAoB,gBAAe,yDAMrE"}
+{"version":3,"file":"ListAvatar.js","sources":["../../../src/components/TransferView/ListAvatar.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst ListAvatar: FC<ListAvatarProps> = ({ username, status, ...props }) => {\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n\n  return (\n    <div\n      style={{\n        backgroundImage: `url(${avatars && username && avatars[username] && avatars[username]})`,\n        backgroundRepeat: 'no-repeat',\n        backgroundSize: 'contain',\n      }}\n      data-stop-propagation={true}\n      className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition ${\n        status === 'online' ? 'hover:pi-scale-110' : ''\n      }`}\n      {...props}\n    >\n      {/* The status bullet */}\n      {status && (\n        <span\n          style={{ right: '1px', bottom: '1px' }}\n          className={`pi-absolute pi-rounded-full pi-w-3 pi-h-3 pi-z-20 ${\n            status === 'online' ? 'pi-bg-green-600' : 'pi-bg-red-600'\n          } pi-border-2 pi-border-white`}\n        ></span>\n      )}\n    </div>\n  )\n}\n\ninterface ListAvatarProps extends ComponentProps<'div'> {\n  username?: string\n  status?: string\n}\n\nexport default ListAvatar\n"],"names":["_a","username","status","props","__rest","avatars","useSelector","state","React","createElement","__assign","style","backgroundImage","concat","backgroundRepeat","backgroundSize","className","right","bottom"],"mappings":"+WAOwC,SAACA,GAAE,IAAAC,aAAUC,WAAWC,EAAvBC,EAAAA,OAAAJ,EAAA,CAAA,WAAA,WAC/BK,EAAYC,eAAY,SAACC,GAAqB,OAAAA,EAAMF,mBAE5D,OACEG,EACE,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CAAAC,MAAO,CACLC,gBAAiB,OAAAC,OAAOR,GAAWJ,GAAYI,EAAQJ,IAAaI,EAAQJ,GAAY,KACxFa,iBAAkB,YAClBC,eAAgB,WAEK,yBAAA,EACvBC,UAAW,6FAAAH,OACE,WAAXX,EAAsB,qBAAuB,KAE3CC,GAGHD,GACCM,EAAAA,QACEC,cAAA,OAAA,CAAAE,MAAO,CAAEM,MAAO,MAAOC,OAAQ,OAC/BF,UAAW,qDACTH,OAAW,WAAXX,EAAsB,kBAAoB,gBAAe,kCAMrE"}

package/dist/components/TransferView/TransferActions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),n=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),s=require("../../lib/webrtc/messages.js"),i=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var u=require("../../static/outgoing_ringtone.js"),o=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e);exports.TransferActions=function(){var c=o.useDispatch(),m=l.useSelector((function(e){return e.currentCall})),f=m.transferSwitching,p=m.transferringName,g=m.transferringStartTime,j=m.displayName,v=m.startTime;m.number;var x=e.useState(!0),y=x[0],S=x[1],h=e.useState({}),q=h[0],w=h[1],C=e.useState(""),E=C[0],T=C[1],_=e.useState(""),A=_[0],b=_[1];return e.useEffect((function(){f&&(c.currentCall.updateCurrentCall({transferringName:q[E].name,transferringStartTime:q[E].time}),c.currentCall.updateTransferSwitching(!1))}),[j]),e.useEffect((function(){A&&q[A]&&c.currentCall.updateCurrentCall({startTime:q[A].time})}),[v]),d.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},d.default.createElement("div",null),d.default.createElement(t.Button,{onClick:function(){var e;y&&(w(((e={})[j]={name:j,time:v},e[p]={name:p,time:g},e)),S(!1)),T(j),b(p),c.currentCall.updateTransferSwitching(!0),s.sendDTMF("*"),i.store.getState().player.audioPlayerPlaying||c.player.updateStartAudioPlayer({src:u.default,loop:!0}),setTimeout((function(){s.sendDTMF("4"),c.player.stopAudioPlayer()}),500)},active:f,variant:"default"},f?d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:n.faArrowsRepeat}):d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faArrowsRepeat})),d.default.createElement(t.Button,{variant:"default"},d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faUsers})),d.default.createElement("div",null))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),s=require("../../lib/webrtc/messages.js"),o=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../static/outgoing_ringtone.js"),n=require("../../node_modules/react-tooltip/dist/react-tooltip.min.cjs.js"),l=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e);exports.TransferActions=function(){var e=l.useDispatch(),c=u.useSelector((function(e){return e.currentCall}));return c.transferCalls,c.number,d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},d.default.createElement("div",null),d.default.createElement(t.Button,{onClick:function(){e.currentCall.updateTransferSwitching(!0),s.sendDTMF("*"),o.store.getState().player.audioPlayerPlaying||e.player.updateStartAudioPlayer({src:i.default,loop:!0}),setTimeout((function(){s.sendDTMF("4"),e.player.stopAudioPlayer()}),500)},variant:"default","data-tooltip-id":"transfer-actions-tooltip","data-tooltip-content":"Switch calls"},d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faArrowsRepeat})),d.default.createElement("div",null)),d.default.createElement(n.Tooltip,{className:"pi-z-1000",id:"transfer-actions-tooltip",place:"bottom"}))};
 //# sourceMappingURL=TransferActions.js.map

package/dist/components/TransferView/TransferActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferActions.js","sources":["../../../src/components/TransferView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUsers, faArrowsRepeat } from '@nethesis/nethesis-light-svg-icons'\nimport { faArrowsRepeat as faArrowsRepeatSolid } from '@nethesis/nethesis-solid-svg-icons'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store, Dispatch } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { RootState } from '../../store'\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const {\n    transferSwitching,\n    transferringName,\n    transferringStartTime,\n    displayName,\n    startTime,\n    number,\n  } = useSelector((state: RootState) => state.currentCall)\n  const [firstSwitch, setFirstSwitch] = useState<boolean>(true)\n  const [currentCalls, setCurrentCalls] = useState<CurrentCallsTypes>({})\n  const [frontName, setFrontName] = useState<string>('')\n  const [backName, setBackName] = useState<string>('')\n\n  // Cancels the current transfer through dtmfs\n  function switchTransfer() {\n    if (firstSwitch) {\n      // Save current calls info\n      setCurrentCalls({\n        [displayName]: {\n          name: displayName,\n          time: startTime,\n        },\n        [transferringName]: {\n          name: transferringName,\n          time: transferringStartTime,\n        },\n      })\n      // Set firstSwitch\n      setFirstSwitch(false)\n    }\n    setFrontName(displayName)\n    setBackName(transferringName)\n    // Set transferSwitching\n    dispatch.currentCall.updateTransferSwitching(true)\n    // Start sending the DTMFs for transferring\n    sendDTMF('*')\n    const { audioPlayerPlaying } = store.getState().player\n    // Check if the local audio is already playing and start playing\n    if (!audioPlayerPlaying) {\n      dispatch.player.updateStartAudioPlayer({\n        src: outgoingRingtone,\n        loop: true,\n      })\n    }\n    setTimeout(() => {\n      // Send the second DTMF for transferring\n      sendDTMF('4')\n      dispatch.player.stopAudioPlayer()\n    }, 500)\n  }\n\n  useEffect(() => {\n    if (transferSwitching) {\n      // Update transferringName\n      dispatch.currentCall.updateCurrentCall({\n        transferringName: currentCalls[frontName].name,\n        transferringStartTime: currentCalls[frontName].time,\n      })\n      // Set transfer when displayName was already changed\n      dispatch.currentCall.updateTransferSwitching(false)\n    }\n  }, [displayName])\n\n  useEffect(() => {\n    if (backName && currentCalls[backName]) {\n      // Update transferringName\n      dispatch.currentCall.updateCurrentCall({\n        startTime: currentCalls[backName].time,\n      })\n    }\n  }, [startTime])\n\n  return (\n    <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n      <div></div>\n      <Button onClick={switchTransfer} active={transferSwitching} variant='default'>\n        {transferSwitching ? (\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeatSolid} />\n        ) : (\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeat} />\n        )}\n      </Button>\n      <Button variant='default'>\n        <FontAwesomeIcon size='xl' icon={faUsers} />\n      </Button>\n      <div></div>\n    </div>\n  )\n}\n\ninterface TransferActionsProps {}\n\ninterface CurrentCallsTypes {\n  [name: string]: {\n    name: string\n    time: string\n  }\n}\n"],"names":["dispatch","useDispatch","_a","useSelector","state","currentCall","transferSwitching","transferringName","transferringStartTime","displayName","startTime","_b","useState","firstSwitch","setFirstSwitch","_c","currentCalls","setCurrentCalls","_d","frontName","setFrontName","_e","backName","setBackName","useEffect","updateCurrentCall","name","time","updateTransferSwitching","React","createElement","className","Button","onClick","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","active","variant","FontAwesomeIcon","size","icon","faArrowsRepeatSolid","faArrowsRepeat","faUsers"],"mappings":"wwBAcyD,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAOFC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IANpCC,EAAiBJ,EAAAI,kBACjBC,EAAgBL,EAAAK,iBAChBC,0BACAC,EAAWP,EAAAO,YACXC,EAASR,EAAAQ,mBAGL,IAAAC,EAAgCC,EAAAA,UAAkB,GAAjDC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAkCH,EAAAA,SAA4B,CAAE,GAA/DI,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAA4BN,EAAAA,SAAiB,IAA5CO,EAASD,EAAA,GAAEE,EAAYF,EAAA,GACxBG,EAA0BT,EAAAA,SAAiB,IAA1CU,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GA6D5B,OArBAG,EAAAA,WAAU,WACJlB,IAEFN,EAASK,YAAYoB,kBAAkB,CACrClB,iBAAkBS,EAAaG,GAAWO,KAC1ClB,sBAAuBQ,EAAaG,GAAWQ,OAGjD3B,EAASK,YAAYuB,yBAAwB,GAEjD,GAAG,CAACnB,IAEJe,EAAAA,WAAU,WACJF,GAAYN,EAAaM,IAE3BtB,EAASK,YAAYoB,kBAAkB,CACrCf,UAAWM,EAAaM,GAAUK,MAGxC,GAAG,CAACjB,IAGFmB,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,sHACbF,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAACC,cAAAE,EAAAA,QAAOC,QA7DZ,iBACMpB,IAEFI,IAAef,EAAA,CAAA,GACZO,GAAc,CACbiB,KAAMjB,EACNkB,KAAMjB,GAERR,EAACK,GAAmB,CAClBmB,KAAMnB,EACNoB,KAAMnB,OAIVM,GAAe,IAEjBM,EAAaX,GACbc,EAAYhB,GAEZP,EAASK,YAAYuB,yBAAwB,GAE7CM,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDtC,EAASqC,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WAETT,EAAQA,SAAC,KACTlC,EAASqC,OAAOO,iBACjB,GAAE,IACJ,EA0BoCC,OAAQvC,EAAmBwC,QAAQ,WACjExC,EACCuB,EAAC,QAAAC,cAAAiB,EAAeA,gBAAC,CAAAC,KAAK,KAAKC,KAAMC,EAAmBC,iBAEpDtB,EAAA,QAAAC,cAACiB,kBAAgB,CAAAC,KAAK,KAAKC,KAAME,EAAcA,kBAGnDtB,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACc,QAAQ,WACdjB,UAACC,cAAAiB,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMG,EAAOA,WAE1CvB,EAAAA,QAAWC,cAAA,MAAA,MAGjB"}
+{"version":3,"file":"TransferActions.js","sources":["../../../src/components/TransferView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowsRepeat } from '@nethesis/nethesis-light-svg-icons'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store, Dispatch } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { RootState } from '../../store'\nimport { Tooltip } from 'react-tooltip/dist/react-tooltip.min.cjs'\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const { transferCalls, number } = useSelector((state: RootState) => state.currentCall)\n\n  // Cancels the current transfer through dtmfs\n  function switchTransfer() {\n    dispatch.currentCall.updateTransferSwitching(true)\n    // Start sending the DTMFs for transferring\n    sendDTMF('*')\n    const { audioPlayerPlaying } = store.getState().player\n    // Check if the local audio is already playing and start playing\n    if (!audioPlayerPlaying) {\n      dispatch.player.updateStartAudioPlayer({\n        src: outgoingRingtone,\n        loop: true,\n      })\n    }\n    setTimeout(() => {\n      // Send the second DTMF for transferring\n      sendDTMF('4')\n      dispatch.player.stopAudioPlayer()\n    }, 500)\n  }\n\n  return (\n    <>\n      <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n        <div></div>\n        <Button\n          onClick={switchTransfer}\n          variant='default'\n          data-tooltip-id='transfer-actions-tooltip'\n          data-tooltip-content='Switch calls'\n        >\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeat} />\n        </Button>\n        <div></div>\n      </div>\n      <Tooltip className='pi-z-1000' id='transfer-actions-tooltip' place='bottom' />\n    </>\n  )\n}\n\ninterface TransferActionsProps {}\n\ninterface CurrentCallsTypes {\n  [name: string]: {\n    name: string\n    time: string\n  }\n}\n"],"names":["dispatch","useDispatch","_a","useSelector","state","currentCall","React","createElement","Fragment","className","Button","onClick","updateTransferSwitching","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","variant","FontAwesomeIcon","size","icon","faArrowsRepeat","Tooltip","id","place"],"mappings":"owBAcyD,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAA4BC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAsBpE,gCACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sHACbH,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAAAC,cAACG,SAAM,CACLC,QAxBR,WACEX,EAASK,YAAYO,yBAAwB,GAE7CC,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDjB,EAASgB,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WAETT,EAAQA,SAAC,KACTb,EAASgB,OAAOO,iBACjB,GAAE,IACJ,EAQOC,QAAQ,UAAS,kBACD,2BAA0B,uBACrB,gBAErBlB,UAACC,cAAAkB,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMC,EAAcA,kBAEjDtB,EAAAA,QAAAC,cAAA,MAAA,OAEFD,EAAAA,QAAAC,cAACsB,UAAQ,CAAApB,UAAU,YAAYqB,GAAG,2BAA2BC,MAAM,WAGzE"}

package/dist/components/TransferView/TransferList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../lib/island/island.js"),a=require("./ListAvatar.js"),l=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),s=require("../../lib/phone/call.js"),u=require("../../utils/genericFunctions/timestamp.js"),o=require("../Hangup.js"),c=require("../../node_modules/react-redux/es/hooks/useSelector.js"),f=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(t);exports.TransferListView=function(){var d=c.useSelector((function(e){return e.island})).isOpen,m=c.useSelector((function(e){return e.users})).endpoints,v=c.useSelector((function(e){return e.currentUser})).username,x=t.useState(!1),w=x[0],h=x[1],E=t.useState([]),b=E[0],g=E[1],N=t.useRef(""),j=t.useState(),_=j[0],C=j[1],y=t.useRef(null),T=t.useState(!1),L=T[0],q=T[1],S=t.useState(10),k=S[0],A=S[1],F=t.useState(""),I=F[0],z=F[1],B=f.useDispatch(),W=c.useSelector((function(e){return e.currentCall})),P=W.displayName,V=W.number,D=W.startTime;function H(e){return v&&delete e[v],Object.values(e).filter((function(e){return e.endpoints.extension.find((function(e){return e.id.toLowerCase().startsWith(N.current.toLowerCase())}))||e.username.toLowerCase().startsWith(N.current.toLowerCase())||e.name.toLowerCase().startsWith(N.current.toLowerCase())}))}return t.useEffect((function(){m&&v&&(g(H(m)),h(!0))}),[m,v]),t.useEffect((function(){var e,t,n=function(){var e,t,n;q(!!(y.current&&y.current.scrollTop>3)),y.current&&(null===(e=y.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=y.current)||void 0===t?void 0:t.scrollTop)>=(null===(n=y.current)||void 0===n?void 0:n.scrollHeight)-10&&A((function(e){return e+10}))};return d?null===(e=y.current)||void 0===e||e.addEventListener("scroll",n):null===(t=y.current)||void 0===t||t.removeEventListener("scroll",n),function(){var e;return null===(e=y.current)||void 0===e?void 0:e.removeEventListener("scroll",n)}}),[d]),t.useEffect((function(){z("")}),[N.current]),p.default.createElement(p.default.Fragment,null,d?p.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col pi-gap-7"},p.default.createElement("div",{className:"pi-flex pi-gap-4"},p.default.createElement(n.Button,{variant:"transparent",onClick:i.backToCallView},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowLeft})),p.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){N.current=e.currentTarget.value,m&&g(H(m)),/^[0-9*#+]+$/.test(N.current)?C(!0):C(!1)},value:N.current,autoFocus:!0,className:"pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0"})),p.default.createElement("div",{style:{height:"272px"},ref:y,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-2 pi-overflow-y-auto pi-overflow-x-hidden pi-custom-scrollbar"},L&&p.default.createElement("div",{style:{right:"35px",left:"35px"},className:"pi-fixed pi-z-10 pi-h-6 pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-pointer-events-none"}),_&&0===b.length&&p.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},p.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},p.default.createElement(a.default,null),p.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},N.current)),p.default.createElement("div",{className:"pi-flex pi-gap-3.5"},p.default.createElement(n.Button,{variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowUpToLine})),p.default.createElement(n.Button,{onClick:function(){return s.blindTransfer(N.current)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faPhone})))),b&&b.slice(0,k).map((function(t,i){return p.default.createElement("div",{key:i,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},p.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},p.default.createElement(a.default,{username:t.username,status:t.mainPresence}),p.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},t.name)),p.default.createElement("div",{className:"pi-flex pi-gap-3.5"},p.default.createElement(n.Button,{active:t.username===I,onClick:function(){return z(t.username)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowUpToLine})),p.default.createElement(n.Button,{onClick:function(){return function(t){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,s.attendedTransfer(t.endpoints.mainextension[0].id)];case 1:return e.sent()&&(B.island.setIslandView("call"),B.currentCall.updateCurrentCall({username:t.username,displayName:t.name,number:t.endpoints.mainextension[0].id,startTime:"".concat(u.getTimestampInSeconds()),transferring:!0,transferringName:P,transferringNumber:V,transferringStartTime:D})),[2]}}))}))}(t)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faPhone}))))})),w&&0===b.length&&!_&&p.default.createElement("p",{className:"pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm"},"No users found.")),p.default.createElement(o.default,{isDestination:""!==I,clickCallback:function(){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return I?[4,s.blindTransfer(m&&m[I].endpoints.mainextension[0].id||"")]:[3,2];case 1:!0===e.sent()&&(B.alerts.setAlert("call_transfered"),B.island.setIslandView("call"),setTimeout((function(){B.alerts.removeAlert("call_transfered")}),4e3)),e.label=2;case 2:return[2]}}))}))}})):p.default.createElement("div",{className:"pi-font-medium pi-text-base pi-font-sans"},"Transfer"))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../../lib/island/island.js"),a=require("./ListAvatar.js"),l=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),o=require("../../lib/phone/call.js"),s=require("../../node_modules/react-tooltip/dist/react-tooltip.min.cjs.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),c=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(t);exports.TransferListView=function(){var p=u.useSelector((function(e){return e.island})).isOpen,f=u.useSelector((function(e){return e.users})).endpoints,m=u.useSelector((function(e){return e.currentUser})).username,v=t.useState(!1),x=v[0],h=v[1],E=t.useState([]),w=E[0],g=E[1],b=t.useRef(""),C=t.useState(),N=C[0],j=C[1],y=t.useRef(null),k=t.useState(!1),P=k[0],_=k[1],q=t.useState(10),L=q[0],S=q[1],T=c.useDispatch();function z(e){return m&&delete e[m],Object.values(e).filter((function(e){return e.endpoints.extension.find((function(e){return e.id.toLowerCase().startsWith(b.current.toLowerCase())}))||e.username.toLowerCase().startsWith(b.current.toLowerCase())||e.name.toLowerCase().startsWith(b.current.toLowerCase())}))}function A(t){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,o.attendedTransfer(t)];case 1:return e.sent()&&T.currentCall.updateCurrentCall({transferring:!0}),[2]}}))}))}return t.useEffect((function(){f&&m&&(g(z(f)),h(!0))}),[f,m]),t.useEffect((function(){var e,t,n=function(){var e,t,n;_(!!(y.current&&y.current.scrollTop>3)),y.current&&(null===(e=y.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=y.current)||void 0===t?void 0:t.scrollTop)>=(null===(n=y.current)||void 0===n?void 0:n.scrollHeight)-10&&S((function(e){return e+10}))};return p?null===(e=y.current)||void 0===e||e.addEventListener("scroll",n):null===(t=y.current)||void 0===t||t.removeEventListener("scroll",n),function(){var e;return null===(e=y.current)||void 0===e?void 0:e.removeEventListener("scroll",n)}}),[p]),d.default.createElement(d.default.Fragment,null,p?d.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},d.default.createElement("div",{className:"pi-relative pi-z-50"},d.default.createElement("div",{className:"pi-flex pi-gap-4"},d.default.createElement(n.Button,{variant:"transparent",onClick:function(){o.unpauseCurrentCall(),r.backToCallView()},"data-tooltip-id":"transfer-list-tooltip","data-tooltip-content":"Back to call"},d.default.createElement(i.FontAwesomeIcon,{size:"xl",icon:l.faArrowLeft})),d.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){b.current=e.currentTarget.value,f&&g(z(f)),/^[0-9*#+]+$/.test(b.current)?j(!0):j(!1)},value:b.current,autoFocus:!0,spellCheck:!1,className:"pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0"}))),d.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"},P&&d.default.createElement("div",{className:"pi-h-6 pi-w-full pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-z-100"})),d.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},d.default.createElement("div",{style:{height:"17rem"},ref:y,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden"},N&&0===w.length&&d.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},d.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},d.default.createElement(a.default,null),d.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},b.current)),d.default.createElement("div",{className:"pi-flex pi-gap-3.5"},d.default.createElement(n.Button,{onClick:function(){return A(b.current)},variant:"default","data-tooltip-id":"transfer-list-tooltip","data-tooltip-content":"Call to transfer"},d.default.createElement(i.FontAwesomeIcon,{size:"xl",icon:l.faPhone})))),w&&w.slice(0,L).map((function(e,t){return d.default.createElement("div",{key:t,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},d.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},d.default.createElement(a.default,{onClick:function(){return"online"===e.mainPresence&&A(e.endpoints.mainextension[0].id)},username:e.username,status:e.mainPresence,"data-tooltip-id":"online"===e.mainPresence&&"transfer-list-tooltip","data-tooltip-content":"online"===e.mainPresence&&"Call to transfer"}),d.default.createElement("div",{onClick:function(){return"online"===e.mainPresence&&A(e.endpoints.mainextension[0].id)},style:{maxWidth:"196px"},"data-stop-propagation":!0,"data-tooltip-id":"online"===e.mainPresence&&"transfer-list-tooltip","data-tooltip-content":"online"===e.mainPresence&&"Call to transfer",className:"pi-h-fit pi-font-sans pi-truncate pi-text-sm pi-font-bold pi-text-white pi-transition"},e.name)),d.default.createElement("div",{className:"pi-flex pi-gap-3.5"},"online"===e.mainPresence&&d.default.createElement(n.Button,{onClick:function(){return"online"===e.mainPresence&&A(e.endpoints.mainextension[0].id)},variant:"default",disabled:"online"!==e.mainPresence,"data-tooltip-id":"transfer-list-tooltip","data-tooltip-content":"Call to transfer"},d.default.createElement(i.FontAwesomeIcon,{size:"xl",icon:l.faPhone}))))})),x&&0===w.length&&!N&&d.default.createElement("p",{className:"pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm"},"No users found.")))):d.default.createElement("div",{className:"pi-font-medium pi-text-base pi-font-sans"},"Transfer"),d.default.createElement(s.Tooltip,{className:"pi-z-1000",id:"transfer-list-tooltip",place:"bottom"}))};
 //# sourceMappingURL=TransferList.js.map

package/dist/components/TransferView/TransferList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferView/TransferList.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToCallView } from '../../lib/island/island'\nimport ListAvatar from './ListAvatar'\nimport {\n  faArrowUpToLine,\n  faPhone as faPhoneLight,\n  faArrowLeft,\n} from '@nethesis/nethesis-light-svg-icons'\nimport { UserEndpointsTypes, UsersEndpointsTypes } from '../../types'\nimport { blindTransfer, attendedTransfer } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { getTimestampInSeconds } from '../../utils/genericFunctions/timestamp'\nimport Hangup from '../Hangup'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const TransferListView: FC<TransferListViewProps> = () => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { endpoints } = useSelector((state: RootState) => state.users)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const [listUsers, setListUsers] = useState<UserEndpointsTypes[]>([])\n  const searchValue = useRef<string>('')\n  const [showCustomUser, setShowCustomUser] = useState<boolean>()\n  const relativeRef = useRef<HTMLDivElement>(null)\n  const [showGradient, setShowGradient] = useState<boolean>(false)\n  const [showingUsers, setShowingUsers] = useState<number>(USERS_NUMBER_PER_PAGE)\n  const [transferDestination, setTransferDestination] = useState<string>('')\n  const dispatch = useDispatch<Dispatch>()\n  const { displayName, number, startTime } = useSelector((state: RootState) => state.currentCall)\n\n  function handleChange(event: FormEvent<HTMLInputElement>) {\n    // Update search value\n    searchValue.current = event.currentTarget.value\n    // Filter the users list\n    endpoints && setListUsers(filterUsers(endpoints))\n    // Check if custom user to call must be visible\n    if (/^[0-9*#+]+$/.test(searchValue.current)) {\n      setShowCustomUser(true)\n    } else {\n      setShowCustomUser(false)\n    }\n  }\n\n  function filterUsers(endpoints: UsersEndpointsTypes) {\n    // Remove the currentUser from the list\n    username && delete endpoints[username]\n    // Filter the users\n    return Object.values(endpoints).filter(\n      (userEndpoints: UserEndpointsTypes) =>\n        userEndpoints.endpoints.extension.find((extension) =>\n          extension.id.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n        ) ||\n        userEndpoints.username.toLowerCase().startsWith(searchValue.current.toLowerCase()) ||\n        userEndpoints.name.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n    )\n  }\n\n  async function handleHangupAndTransfer() {\n    // Manage blind transfer and hangup\n    if (transferDestination) {\n      const transfered = await blindTransfer(\n        (endpoints && endpoints[transferDestination].endpoints.mainextension[0].id) || '',\n      )\n      if (transfered === true) {\n        dispatch.alerts.setAlert('call_transfered')\n        dispatch.island.setIslandView('call')\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n        }, 4000)\n      }\n    }\n  }\n\n  async function handleAttendedTransfer(userEndpoints: UserEndpointsTypes) {\n    const transferring = await attendedTransfer(userEndpoints.endpoints.mainextension[0].id)\n    if (transferring) {\n      dispatch.island.setIslandView('call')\n      // Force current call to achieve the expected behavior\n      dispatch.currentCall.updateCurrentCall({\n        username: userEndpoints.username,\n        displayName: userEndpoints.name,\n        number: userEndpoints.endpoints.mainextension[0].id,\n        startTime: `${getTimestampInSeconds()}`,\n        transferring: true,\n        transferringName: displayName,\n        transferringNumber: number,\n        transferringStartTime: startTime,\n      })\n    }\n  }\n\n  // Initialize users list\n  useEffect(() => {\n    if (endpoints && username) {\n      setListUsers(filterUsers(endpoints))\n      setLoaded(true)\n    }\n  }, [endpoints, username])\n\n  useEffect(() => {\n    // Handle users list scrolling\n    const handleScroll = () => {\n      setShowGradient(\n        relativeRef.current && relativeRef.current.scrollTop > SHOW_LIST_GRADIENT_DISTANCE\n          ? true\n          : false,\n      )\n      // Manage scroll to bottom\n      if (\n        relativeRef.current &&\n        relativeRef.current?.offsetHeight + relativeRef.current?.scrollTop >=\n          relativeRef.current?.scrollHeight - 10\n      ) {\n        // Improve showing users\n        setShowingUsers((state) => state + USERS_NUMBER_PER_PAGE)\n      }\n    }\n    // Manage expansion and collapsing\n    if (isOpen) {\n      relativeRef.current?.addEventListener('scroll', handleScroll)\n    } else {\n      relativeRef.current?.removeEventListener('scroll', handleScroll)\n    }\n    return () => relativeRef.current?.removeEventListener('scroll', handleScroll)\n  }, [isOpen])\n\n  // Reset transfer destination value when search value changes\n  useEffect(() => {\n    setTransferDestination('')\n  }, [searchValue.current])\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-relative pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button variant='transparent' onClick={backToCallView}>\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              onChange={handleChange}\n              value={searchValue.current}\n              autoFocus\n              className='pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0'\n            />\n          </div>\n          <div\n            style={{ height: '272px' }}\n            ref={relativeRef}\n            className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-2 pi-overflow-y-auto pi-overflow-x-hidden pi-custom-scrollbar'\n          >\n            {showGradient && (\n              <div\n                style={{ right: '35px', left: '35px' }}\n                className='pi-fixed pi-z-10 pi-h-6 pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-pointer-events-none'\n              ></div>\n            )}\n            {/* The custom user */}\n            {showCustomUser && listUsers.length === 0 && (\n              <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'>\n                <div className='pi-flex pi-items-center pi-gap-4'>\n                  <ListAvatar />\n                  <div\n                    style={{ maxWidth: '146px' }}\n                    className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                  >\n                    {searchValue.current}\n                  </div>\n                </div>\n                <div className='pi-flex pi-gap-3.5'>\n                  <Button variant='default'>\n                    <FontAwesomeIcon size='xl' icon={faArrowUpToLine} />\n                  </Button>\n                  <Button onClick={() => blindTransfer(searchValue.current)} variant='default'>\n                    <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                  </Button>\n                </div>\n              </div>\n            )}\n            {/* The users list */}\n            {listUsers &&\n              listUsers.slice(0, showingUsers).map((userEndpoints, i) => (\n                <div\n                  key={i}\n                  className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'\n                >\n                  <div className='pi-flex pi-items-center pi-gap-4'>\n                    <ListAvatar\n                      username={userEndpoints.username}\n                      status={userEndpoints.mainPresence}\n                    />\n                    <div\n                      style={{ maxWidth: '146px' }}\n                      className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                    >\n                      {userEndpoints.name}\n                    </div>\n                  </div>\n                  <div className='pi-flex pi-gap-3.5'>\n                    <Button\n                      active={userEndpoints.username === transferDestination}\n                      onClick={() => setTransferDestination(userEndpoints.username)}\n                      variant='default'\n                    >\n                      <FontAwesomeIcon size='xl' icon={faArrowUpToLine} />\n                    </Button>\n                    <Button onClick={() => handleAttendedTransfer(userEndpoints)} variant='default'>\n                      <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                    </Button>\n                  </div>\n                </div>\n              ))}\n            {loaded && listUsers.length === 0 && !showCustomUser && (\n              <p className='pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm'>\n                No users found.\n              </p>\n            )}\n          </div>\n          <Hangup\n            isDestination={transferDestination !== ''}\n            clickCallback={handleHangupAndTransfer}\n          />\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base pi-font-sans'>Transfer</div>\n      )}\n    </>\n  )\n}\n\ninterface TransferListViewProps {}\n"],"names":["isOpen","useSelector","state","island","endpoints","users","username","currentUser","_a","useState","loaded","setLoaded","_b","listUsers","setListUsers","searchValue","useRef","_c","showCustomUser","setShowCustomUser","relativeRef","_d","showGradient","setShowGradient","_e","showingUsers","setShowingUsers","_f","transferDestination","setTransferDestination","dispatch","useDispatch","_g","currentCall","displayName","number","startTime","filterUsers","Object","values","filter","userEndpoints","extension","find","id","toLowerCase","startsWith","current","name","useEffect","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","React","createElement","Fragment","className","Button","variant","onClick","backToCallView","FontAwesomeIcon","size","icon","faArrowLeft","type","onChange","event","currentTarget","value","test","autoFocus","style","height","ref","right","left","length","ListAvatar","maxWidth","faArrowUpToLine","blindTransfer","faPhoneLight","faPhone","slice","map","i","key","status","mainPresence","active","attendedTransfer","mainextension","sent","setIslandView","updateCurrentCall","concat","getTimestampInSeconds","transferring","transferringName","transferringNumber","transferringStartTime","handleAttendedTransfer","Hangup","isDestination","clickCallback","alerts","setAlert","setTimeout","removeAlert"],"mappings":"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"}
+{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferView/TransferList.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToCallView } from '../../lib/island/island'\nimport ListAvatar from './ListAvatar'\nimport { faPhone as faPhoneLight, faArrowLeft } from '@nethesis/nethesis-light-svg-icons'\nimport { UserEndpointsTypes, UsersEndpointsTypes } from '../../types'\nimport { attendedTransfer } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { Tooltip } from 'react-tooltip/dist/react-tooltip.min.cjs'\nimport { unpauseCurrentCall } from '../../lib/phone/call'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const TransferListView: FC<TransferListViewProps> = () => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { endpoints } = useSelector((state: RootState) => state.users)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const [listUsers, setListUsers] = useState<UserEndpointsTypes[]>([])\n  const searchValue = useRef<string>('')\n  const [showCustomUser, setShowCustomUser] = useState<boolean>()\n  const relativeRef = useRef<HTMLDivElement>(null)\n  const [showGradient, setShowGradient] = useState<boolean>(false)\n  const [showingUsers, setShowingUsers] = useState<number>(USERS_NUMBER_PER_PAGE)\n  const dispatch = useDispatch<Dispatch>()\n\n  function handleChange(event: FormEvent<HTMLInputElement>) {\n    // Update search value\n    searchValue.current = event.currentTarget.value\n    // Filter the users list\n    endpoints && setListUsers(filterUsers(endpoints))\n    // Check if custom user to call must be visible\n    if (/^[0-9*#+]+$/.test(searchValue.current)) {\n      setShowCustomUser(true)\n    } else {\n      setShowCustomUser(false)\n    }\n  }\n\n  function filterUsers(endpoints: UsersEndpointsTypes) {\n    // Remove the currentUser from the list\n    username && delete endpoints[username]\n    // Filter the users\n    return Object.values(endpoints).filter(\n      (userEndpoints: UserEndpointsTypes) =>\n        userEndpoints.endpoints.extension.find((extension) =>\n          extension.id.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n        ) ||\n        userEndpoints.username.toLowerCase().startsWith(searchValue.current.toLowerCase()) ||\n        userEndpoints.name.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n    )\n  }\n\n  async function handleAttendedTransfer(number: string) {\n    // Send attended transfer message\n    const transferringMessageSent = await attendedTransfer(number)\n    if (transferringMessageSent) {\n      // Set transferring\n      dispatch.currentCall.updateCurrentCall({\n        transferring: true,\n      })\n    }\n  }\n\n  // Initialize users list\n  useEffect(() => {\n    if (endpoints && username) {\n      setListUsers(filterUsers(endpoints))\n      setLoaded(true)\n    }\n  }, [endpoints, username])\n\n  useEffect(() => {\n    // Handle users list scrolling\n    const handleScroll = () => {\n      setShowGradient(\n        relativeRef.current && relativeRef.current.scrollTop > SHOW_LIST_GRADIENT_DISTANCE\n          ? true\n          : false,\n      )\n      // Manage scroll to bottom\n      if (\n        relativeRef.current &&\n        relativeRef.current?.offsetHeight + relativeRef.current?.scrollTop >=\n          relativeRef.current?.scrollHeight - 10\n      ) {\n        // Improve showing users\n        setShowingUsers((state) => state + USERS_NUMBER_PER_PAGE)\n      }\n    }\n    // Manage expansion and collapsing\n    if (isOpen) {\n      relativeRef.current?.addEventListener('scroll', handleScroll)\n    } else {\n      relativeRef.current?.removeEventListener('scroll', handleScroll)\n    }\n    return () => relativeRef.current?.removeEventListener('scroll', handleScroll)\n  }, [isOpen])\n\n  function handleBackClick() {\n    // Unpause the current call\n    unpauseCurrentCall()\n    // Open the call view\n    backToCallView()\n  }\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-relative pi-flex pi-flex-col'>\n          {/* Top section */}\n          <div className='pi-relative pi-z-50'>\n            <div className='pi-flex pi-gap-4'>\n              <Button\n                variant='transparent'\n                onClick={handleBackClick}\n                data-tooltip-id='transfer-list-tooltip'\n                data-tooltip-content='Back to call'\n              >\n                <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n              </Button>\n              <input\n                data-stop-propagation={true}\n                type='text'\n                onChange={handleChange}\n                value={searchValue.current}\n                autoFocus\n                spellCheck={false}\n                className='pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0'\n              />\n            </div>\n          </div>\n          {/* List shadow */}\n          <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'>\n            {showGradient && (\n              <div className='pi-h-6 pi-w-full pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-z-100'></div>\n            )}\n          </div>\n          <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n            {/* List section */}\n            <div\n              style={{ height: '17rem' }}\n              ref={relativeRef}\n              className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden'\n            >\n              {/* The custom searched number */}\n              {showCustomUser && listUsers.length === 0 && (\n                <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'>\n                  <div className='pi-flex pi-items-center pi-gap-4'>\n                    <ListAvatar />\n                    <div\n                      style={{ maxWidth: '146px' }}\n                      className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                    >\n                      {searchValue.current}\n                    </div>\n                  </div>\n                  <div className='pi-flex pi-gap-3.5'>\n                    <Button\n                      onClick={() => handleAttendedTransfer(searchValue.current)}\n                      variant='default'\n                      data-tooltip-id='transfer-list-tooltip'\n                      data-tooltip-content='Call to transfer'\n                    >\n                      <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                    </Button>\n                  </div>\n                </div>\n              )}\n              {/* The users list */}\n              {listUsers &&\n                listUsers.slice(0, showingUsers).map((userEndpoints, i) => (\n                  <div\n                    key={i}\n                    className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'\n                  >\n                    <div className='pi-flex pi-items-center pi-gap-4'>\n                      <ListAvatar\n                        onClick={() =>\n                          userEndpoints.mainPresence === 'online' &&\n                          handleAttendedTransfer(userEndpoints.endpoints.mainextension[0].id)\n                        }\n                        username={userEndpoints.username}\n                        status={userEndpoints.mainPresence}\n                        data-tooltip-id={\n                          userEndpoints.mainPresence === 'online' && 'transfer-list-tooltip'\n                        }\n                        data-tooltip-content={\n                          userEndpoints.mainPresence === 'online' && 'Call to transfer'\n                        }\n                      />\n                      <div\n                        onClick={() =>\n                          userEndpoints.mainPresence === 'online' &&\n                          handleAttendedTransfer(userEndpoints.endpoints.mainextension[0].id)\n                        }\n                        style={{ maxWidth: '196px' }}\n                        data-stop-propagation={true}\n                        data-tooltip-id={\n                          userEndpoints.mainPresence === 'online' && 'transfer-list-tooltip'\n                        }\n                        data-tooltip-content={\n                          userEndpoints.mainPresence === 'online' && 'Call to transfer'\n                        }\n                        className={`pi-h-fit pi-font-sans pi-truncate pi-text-sm pi-font-bold pi-text-white pi-transition`}\n                      >\n                        {/* The user name */}\n                        {userEndpoints.name}\n                      </div>\n                    </div>\n                    <div className='pi-flex pi-gap-3.5'>\n                      {userEndpoints.mainPresence === 'online' && (\n                        <Button\n                          onClick={() =>\n                            userEndpoints.mainPresence === 'online' &&\n                            handleAttendedTransfer(userEndpoints.endpoints.mainextension[0].id)\n                          }\n                          variant='default'\n                          disabled={userEndpoints.mainPresence !== 'online'}\n                          data-tooltip-id='transfer-list-tooltip'\n                          data-tooltip-content='Call to transfer'\n                        >\n                          <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                        </Button>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              {loaded && listUsers.length === 0 && !showCustomUser && (\n                <p className='pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm'>\n                  No users found.\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base pi-font-sans'>Transfer</div>\n      )}\n      <Tooltip className='pi-z-1000' id='transfer-list-tooltip' place='bottom' />\n    </>\n  )\n}\n\ninterface TransferListViewProps {}\n"],"names":["isOpen","useSelector","state","island","endpoints","users","username","currentUser","_a","useState","loaded","setLoaded","_b","listUsers","setListUsers","searchValue","useRef","_c","showCustomUser","setShowCustomUser","relativeRef","_d","showGradient","setShowGradient","_e","showingUsers","setShowingUsers","dispatch","useDispatch","filterUsers","Object","values","filter","userEndpoints","extension","find","id","toLowerCase","startsWith","current","name","handleAttendedTransfer","number","attendedTransfer","sent","currentCall","updateCurrentCall","transferring","useEffect","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","React","createElement","Fragment","className","Button","variant","onClick","unpauseCurrentCall","backToCallView","FontAwesomeIcon","size","icon","faArrowLeft","type","onChange","event","currentTarget","value","test","autoFocus","spellCheck","style","marginTop","height","ref","length","ListAvatar","maxWidth","faPhoneLight","faPhone","slice","map","i","key","mainPresence","mainextension","status","disabled","Tooltip","place"],"mappings":"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"}

package/dist/components/WebRTC.d.ts

@@ -4,6 +4,8 @@ interface WebRTCProps {
     sipExten: string;
     sipSecret: string;
     hostName: string;
+    sipHost: string;
+    sipPort: string;
 }
 export declare const WebRTC: FC<WebRTCProps>;
 export {};

package/dist/components/WebRTC.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/webrtc-adapter/src/js/adapter_core.js"),r=require("../lib/webrtc/janus.js"),a=require("../lib/webrtc/messages.js"),n=require("../store/index.js"),o=require("../lib/devices/devices.js"),i=require("../lib/phone/call.js"),c=require("../lib/webrtc/connection.js"),s=require("../static/outgoing_ringtone.js"),l=require("../node_modules/react-redux/es/hooks/useDispatch.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=u(e),d=r.default;exports.WebRTC=function(r){var u=r.hostName,p=r.sipExten,b=r.sipSecret,f=r.children,m=l.useDispatch(),w=e.useRef(null);return e.useEffect((function(){o.checkMediaPermissions()}),[]),e.useEffect((function(){var e;return d.init({debug:"all",dependencies:d.useDefaultDependencies({adapter:t.default}),callback:function(){var e=new d({server:"https://".concat(u,"/janus"),success:function(){e.attach&&e.attach({plugin:"janus.plugin.sip",opaqueId:"sebastian_"+(new Date).getTime(),success:function(e){e&&(m.webrtc.updateWebRTC({sipcall:e}),a.register(p,b),e&&d.log&&d.log("SIP plugin attached! ("+e.getPlugin()+", id = )"))},error:function(e){d.error&&(d.error("  -- Error attaching plugin..."),d.error(e))},consentDialog:function(e){d.log&&d.log("janus consentDialog (on: ".concat(e,")"))},webrtcState:function(e){d.log&&d.log("Janus says our WebRTC PeerConnection is "+(e?"up":"down")+" now")},iceState:function(e){n.store.getState().webrtc.sipcall&&d.log&&d.log('ICE state of PeerConnection of handle has changed to "'.concat(e,'"'))},mediaState:function(e,t){d.log&&d.log("Janus "+(t?"started":"stopped")+" receiving our "+e)},slowLink:function(e,t){e?d.warn&&d.warn("SLOW link: several missing packets from janus (".concat(t,")")):d.warn&&d.warn("SLOW link: janus is not receiving all your packets (".concat(t,")"))},onmessage:function(e,t){var r=n.store.getState().webrtc.sipcall;d.debug&&(d.debug(" ::: Got a message :::"),d.debug(JSON.stringify(e)));var o=e.error;if(null==o||null==o){var c=e.result;if(null!=c&&void 0!==c.event&&null!==c.event)switch(c.event){case"registration_failed":d.error&&d.error("Registration failed: "+c.code+" "+c.reason);break;case"unregistered":d.log&&d.log("Successfully un-registered as "+c.username+"!");break;case"registered":d.log&&d.log("Successfully registered as "+c.username+"!"),n.store.getState().webrtc.registered||n.store.dispatch.webrtc.updateWebRTC({registered:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"registering":d.log&&d.log("janus registering");break;case"calling":m.currentCall.checkOutgoingUpdate({outgoingWebRTC:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"ringing":n.store.getState().player.audioPlayerPlaying||m.player.updateStartAudioPlayer({src:s.default,loop:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"progress":d.log&&d.log("There's early media from "+c.username+", wairing for the call!"),null!=t&&a.handleRemote(t),m.webrtc.updateLastActivity((new Date).getTime());break;case"incomingcall":m.webrtc.updateWebRTC({jsepGlobal:t}),m.currentCall.checkIncomingUpdatePlay({incomingWebRTC:!0}),d.log&&d.log("Incoming call from "+c.username+"!"),m.webrtc.updateLastActivity((new Date).getTime());break;case"accepted":d.log&&d.log(c.username+" accepted the call!"),t&&a.handleRemote(t),m.currentCall.checkAcceptedUpdate({acceptedWebRTC:!0}),m.currentCall.updateCurrentCall({incoming:!1,incomingWebRTC:!1}),n.store.dispatch.player.stopAudioPlayer(),m.webrtc.updateLastActivity((new Date).getTime());break;case"hangup":i.hangupCurrentCall(),r.hangup(),d.log&&d.log("Call hung up ("+c.code+" "+c.reason+")!"),m.webrtc.updateLastActivity((new Date).getTime())}}else n.store.getState().webrtc.registered?(r&&r.hangup(),n.store.dispatch.player.stopAudioPlayer()):d.log&&d.log("User is not registered")},onlocalstream:function(e){d.debug&&(d.debug(" ::: Got a local stream :::"),d.debug(e))},onremotestream:function(e){d.debug&&d.debug(" ::: Got a remote stream :::"),n.store.dispatch.player.stopAudioPlayer();var t=n.store.getState().player.remoteAudio,r=n.store.getState().player.remoteVideo,a=e.getAudioTracks(),o=e.getVideoTracks();if(d.attachMediaStream){if(a&&a.length>0){var i=new MediaStream(a);t&&t.current&&d.attachMediaStream(t.current,i),n.store.dispatch.webrtc.updateRemoteAudioStream(i)}else console.warn("No audio tracks on remote stream");if(o&&o.length>0){var c=new MediaStream(o);r&&r.current&&d.attachMediaStream(r.current,c)}else console.warn("No video tracks on remote stream")}},oncleanup:function(){d.log&&d.log(" ::: janus Got a cleanup notification :::")},detached:function(){d.warn&&d.warn("SIP plugin handle detached from the plugin itself")}})},error:function(e){d.log&&d.log("error",e),m.alerts.setAlert("webrtc_down")},destroyed:function(){m.webrtc.updateWebRTC({destroyed:!0}),m.alerts.setAlert("webrtc_down")}})}}),e=n.store.getState().webrtc.CHECK_INTERVAL_TIME,w.current||(w.current=setInterval((function(){return c.webrtcCheck((function(){a.register(p,b)}))}),e)),function(){a.unregister(),clearInterval(w.current)}}),[]),g.default.createElement(g.default.Fragment,null,f)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/webrtc-adapter/src/js/adapter_core.js"),r=require("../lib/webrtc/janus.js"),a=require("../lib/webrtc/messages.js"),n=require("../store/index.js"),o=require("../lib/devices/devices.js"),s=require("../lib/phone/call.js"),i=require("../lib/webrtc/connection.js"),c=require("../static/outgoing_ringtone.js"),l=require("../node_modules/react-redux/es/hooks/useDispatch.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=u(e),d=r.default;exports.WebRTC=function(r){var u=r.hostName,p=r.sipExten,b=r.sipSecret,f=r.children,m=r.sipHost,w=r.sipPort,h=l.useDispatch(),v=e.useRef(null);return e.useEffect((function(){o.checkMediaPermissions()}),[]),e.useEffect((function(){var e;return d.init({debug:"all",dependencies:d.useDefaultDependencies({adapter:t.default}),callback:function(){var e=new d({server:"https://".concat(u,"/janus"),success:function(){e.attach&&e.attach({plugin:"janus.plugin.sip",opaqueId:"sebastian_"+(new Date).getTime(),success:function(e){e&&(h.webrtc.updateWebRTC({sipcall:e}),a.register({sipExten:p,sipSecret:b,sipHost:m,sipPort:w}),e&&d.log&&d.log("SIP plugin attached! ("+e.getPlugin()+", id = )"))},error:function(e){d.error&&(d.error("  -- Error attaching plugin..."),d.error(e))},consentDialog:function(e){d.log&&d.log("janus consentDialog (on: ".concat(e,")"))},webrtcState:function(e){d.log&&d.log("Janus says our WebRTC PeerConnection is "+(e?"up":"down")+" now")},iceState:function(e){n.store.getState().webrtc.sipcall&&d.log&&d.log('ICE state of PeerConnection of handle has changed to "'.concat(e,'"'))},mediaState:function(e,t){d.log&&d.log("Janus "+(t?"started":"stopped")+" receiving our "+e)},slowLink:function(e,t){e?d.warn&&d.warn("SLOW link: several missing packets from janus (".concat(t,")")):d.warn&&d.warn("SLOW link: janus is not receiving all your packets (".concat(t,")"))},onmessage:function(e,t){var r=n.store.getState().webrtc.sipcall;d.debug&&(d.debug(" ::: Got a message :::"),d.debug(JSON.stringify(e)));var o=e.error;if(null==o||null==o){var i=e.result;if(null!=i&&void 0!==i.event&&null!==i.event)switch(i.event){case"registration_failed":d.error&&d.error("Registration failed: "+i.code+" "+i.reason);break;case"unregistered":d.log&&d.log("Successfully un-registered as "+i.username+"!");break;case"registered":d.log&&d.log("Successfully registered as "+i.username+"!"),n.store.getState().webrtc.registered||n.store.dispatch.webrtc.updateWebRTC({registered:!0}),h.webrtc.updateLastActivity((new Date).getTime());break;case"registering":d.log&&d.log("janus registering");break;case"calling":h.currentCall.checkOutgoingUpdate({outgoingWebRTC:!0}),h.webrtc.updateLastActivity((new Date).getTime());break;case"ringing":n.store.getState().player.audioPlayerPlaying||h.player.updateStartAudioPlayer({src:c.default,loop:!0}),h.webrtc.updateLastActivity((new Date).getTime());break;case"progress":d.log&&d.log("There's early media from "+i.username+", wairing for the call!"),null!=t&&a.handleRemote(t),h.webrtc.updateLastActivity((new Date).getTime());break;case"incomingcall":h.webrtc.updateWebRTC({jsepGlobal:t}),h.currentCall.checkIncomingUpdatePlay({incomingWebRTC:!0}),d.log&&d.log("Incoming call from "+i.username+"!"),h.webrtc.updateLastActivity((new Date).getTime());break;case"accepted":d.log&&d.log(i.username+" accepted the call!"),t&&a.handleRemote(t),h.currentCall.checkAcceptedUpdate({acceptedWebRTC:!0}),h.currentCall.updateCurrentCall({incoming:!1,incomingWebRTC:!1}),n.store.dispatch.player.stopAudioPlayer(),h.webrtc.updateLastActivity((new Date).getTime());break;case"hangup":s.hangupCurrentCall(),r.hangup(),d.log&&d.log("Call hung up ("+i.code+" "+i.reason+")!"),h.webrtc.updateLastActivity((new Date).getTime())}}else n.store.getState().webrtc.registered?(r&&r.hangup(),n.store.dispatch.player.stopAudioPlayer()):d.log&&d.log("User is not registered")},onlocalstream:function(e){d.debug&&(d.debug(" ::: Got a local stream :::"),d.debug(e))},onremotestream:function(e){d.debug&&d.debug(" ::: Got a remote stream :::"),n.store.dispatch.player.stopAudioPlayer();var t=n.store.getState().player.remoteAudio,r=n.store.getState().player.remoteVideo,a=e.getAudioTracks(),o=e.getVideoTracks();if(d.attachMediaStream){if(a&&a.length>0){var s=new MediaStream(a);t&&t.current&&d.attachMediaStream(t.current,s),n.store.dispatch.webrtc.updateRemoteAudioStream(s)}else console.warn("No audio tracks on remote stream");if(o&&o.length>0){var i=new MediaStream(o);r&&r.current&&d.attachMediaStream(r.current,i)}else console.warn("No video tracks on remote stream")}},oncleanup:function(){d.log&&d.log(" ::: janus Got a cleanup notification :::")},detached:function(){d.warn&&d.warn("SIP plugin handle detached from the plugin itself")}})},error:function(e){d.log&&d.log("error",e),h.alerts.setAlert("webrtc_down")},destroyed:function(){h.webrtc.updateWebRTC({destroyed:!0}),h.alerts.setAlert("webrtc_down")}})}}),e=n.store.getState().webrtc.CHECK_INTERVAL_TIME,v.current||(v.current=setInterval((function(){return i.webrtcCheck((function(){a.register({sipExten:p,sipSecret:b,sipHost:m,sipPort:w})}))}),e)),function(){a.unregister(),clearInterval(v.current)}}),[]),g.default.createElement(g.default.Fragment,null,f)};
 //# sourceMappingURL=WebRTC.js.map

package/dist/components/WebRTC.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebRTC.js","sources":["../../src/components/WebRTC.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useState, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport adapter from 'webrtc-adapter'\nimport JanusLib from '../lib/webrtc/janus.js'\nimport type { JanusTypes } from '../types'\nimport { register, unregister, handleRemote } from '../lib/webrtc/messages'\nimport { store, type RootState } from '../store'\nimport { checkMediaPermissions } from '../lib/devices/devices'\nimport { hangupCurrentCall } from '../lib/phone/call'\nimport { webrtcCheck } from '../lib/webrtc/connection'\nimport outgoingRingtone from '../static/outgoing_ringtone'\n\ninterface WebRTCProps {\n  children: ReactNode\n  sipExten: string\n  sipSecret: string\n  hostName: string\n}\n\nconst Janus: JanusTypes = JanusLib\n\nexport const WebRTC: FC<WebRTCProps> = ({ hostName, sipExten, sipSecret, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize janus check interval id\n  const janusCheckInterval = useRef<any>(null)\n\n  // check audio and video permissions\n  useEffect(() => {\n    checkMediaPermissions()\n  }, [])\n\n  useEffect(() => {\n    const setupDeps = () =>\n      Janus.useDefaultDependencies({\n        adapter,\n      })\n\n    function initWebRTC() {\n      Janus.init({\n        debug: 'all',\n        dependencies: setupDeps(),\n        callback: function () {\n          const janusInstance = new Janus({\n            server: `https://${hostName}/janus`,\n            success: () => {\n              if (janusInstance.attach) {\n                // Use Janus Sip Plugin\n                janusInstance.attach({\n                  plugin: 'janus.plugin.sip',\n                  opaqueId: 'sebastian' + '_' + new Date().getTime(),\n                  success: function (pluginHandle) {\n                    // Set sipcall to the store\n                    if (pluginHandle) {\n                      dispatch.webrtc.updateWebRTC({\n                        sipcall: pluginHandle,\n                      })\n                      // Register the extension to the server\n                      register(sipExten, sipSecret)\n                      if (pluginHandle) {\n                        if (Janus.log)\n                          Janus.log(\n                            'SIP plugin attached! (' + pluginHandle.getPlugin() + ', id = ' + ')',\n                          )\n                      }\n                    }\n                  },\n                  error: function (error) {\n                    if (Janus.error) {\n                      Janus.error('  -- Error attaching plugin...')\n                      Janus.error(error)\n                    }\n                    // reject()\n                  },\n                  consentDialog: function (on) {\n                    if (Janus.log) Janus.log(`janus consentDialog (on: ${on})`)\n                  },\n                  webrtcState: function (on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus says our WebRTC PeerConnection is ' + (on ? 'up' : 'down') + ' now',\n                      )\n                  },\n                  iceState: function (newState) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (sipcall) {\n                      if (Janus.log)\n                        Janus.log(\n                          `ICE state of PeerConnection of handle has changed to \"${newState}\"`,\n                        )\n                    }\n                  },\n                  mediaState: function (medium, on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus ' + (on ? 'started' : 'stopped') + ' receiving our ' + medium,\n                      )\n                  },\n                  slowLink: function (uplink, count) {\n                    if (uplink) {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: several missing packets from janus (${count})`)\n                    } else {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: janus is not receiving all your packets (${count})`)\n                    }\n                  },\n                  onmessage: function (msg, jsep) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a message :::')\n                      Janus.debug(JSON.stringify(msg))\n                    }\n\n                    // Handle errors in message\n                    var error = msg['error']\n                    if (error != null && error != undefined) {\n                      if (!store.getState().webrtc.registered) {\n                        if (Janus.log) Janus.log('User is not registered')\n                      } else {\n                        // Reset status\n                        sipcall && sipcall.hangup()\n\n                        // Stop the local audio element ringing\n                        store.dispatch.player.stopAudioPlayer()\n                      }\n                      return\n                    }\n                    // Manage events\n                    var result = msg['result']\n                    if (\n                      result !== null &&\n                      result !== undefined &&\n                      result['event'] !== undefined &&\n                      result['event'] !== null\n                    ) {\n                      // get event\n                      var event = result['event']\n\n                      //switch event\n                      switch (event) {\n                        case 'registration_failed':\n                          if (Janus.error)\n                            Janus.error(\n                              'Registration failed: ' + result['code'] + ' ' + result['reason'],\n                            )\n                          break\n\n                        case 'unregistered':\n                          if (Janus.log)\n                            Janus.log('Successfully un-registered as ' + result['username'] + '!')\n                          // registered = false\n                          break\n\n                        case 'registered':\n                          if (Janus.log)\n                            Janus.log('Successfully registered as ' + result['username'] + '!')\n                          if (!store.getState().webrtc.registered) {\n                            store.dispatch.webrtc.updateWebRTC({\n                              registered: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'registering':\n                          if (Janus.log) Janus.log('janus registering')\n                          break\n\n                        // This event arrive on outgoing call start\n                        case 'calling':\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkOutgoingUpdate({\n                            outgoingWebRTC: true,\n                          })\n\n                          // Update webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 180 code, it means\n                        // ...that the local outgoing ringtone must be player\n                        case 'ringing':\n                          const { audioPlayerPlaying } = store.getState().player\n\n                          // Check if the local audio is already playing and start playing\n                          if (!audioPlayerPlaying) {\n                            // Update audio player and start playing\n                            dispatch.player.updateStartAudioPlayer({\n                              src: outgoingRingtone,\n                              loop: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 183 code, it means\n                        // ...that the outgoing ringtone arrives from the stream\n                        // ...playing the local outgoing ringtone isn't needed\n                        case 'progress':\n                          if (Janus.log)\n                            Janus.log(\n                              \"There's early media from \" +\n                                result['username'] +\n                                ', wairing for the call!',\n                            )\n                          if (jsep !== null && jsep !== undefined) {\n                            handleRemote(jsep)\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'incomingcall':\n                          dispatch.webrtc.updateWebRTC({ jsepGlobal: jsep })\n\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkIncomingUpdatePlay({\n                            incomingWebRTC: true,\n                          })\n\n                          if (Janus.log) Janus.log('Incoming call from ' + result['username'] + '!')\n                          // Update the webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'accepted':\n                          if (Janus.log) Janus.log(result['username'] + ' accepted the call!')\n                          if (jsep) {\n                            handleRemote(jsep)\n                          }\n                          // Set current call accepted\n                          dispatch.currentCall.checkAcceptedUpdate({\n                            acceptedWebRTC: true,\n                          })\n                          // Set incoming value to false\n                          dispatch.currentCall.updateCurrentCall({\n                            incoming: false,\n                            incomingWebRTC: false,\n                          })\n\n                          // Stop the local audio element ringing\n                          store.dispatch.player.stopAudioPlayer()\n\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'hangup':\n                          hangupCurrentCall()\n                          sipcall.hangup()\n                          // if (\n                          //   result['code'] === 486 &&\n                          //   result['event'] === 'hangup' &&\n                          //   result['reason'] === 'Busy Here'\n                          // ) {\n                          //   dispatch.player.updateAudioSource({\n                          //     src: busyRingtone,\n                          //   })\n                          //   dispatch.player.playAudio()\n                          // }\n                          if (Janus.log)\n                            Janus.log(\n                              'Call hung up (' + result['code'] + ' ' + result['reason'] + ')!',\n                            )\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          // stopScreenSharingI()\n                          break\n\n                        default:\n                          break\n                      }\n                    }\n                  },\n                  onlocalstream: function (stream) {\n                    // const localVideoElement = store.getState().player.localVideo\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a local stream :::')\n                      Janus.debug(stream)\n                    }\n                    // if (Janus.attachMediaStream) Janus.attachMediaStream(localVideoElement, stream)\n                    /* IS VIDEO ENABLED ? */\n                    // var videoTracks = stream.getVideoTracks()\n                    /* */\n                  },\n                  onremotestream: function (stream: MediaStream) {\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a remote stream :::')\n                    }\n                    // Stop the local audio element ringing\n                    store.dispatch.player.stopAudioPlayer()\n\n                    // Get remote audio and video elements\n                    const remoteAudioElement = store.getState().player.remoteAudio\n                    const remoteVideoElement = store.getState().player.remoteVideo\n\n                    // Get audio and video from stream\n                    const audioTracks: MediaStreamTrack[] = stream.getAudioTracks()\n                    const videoTracks: MediaStreamTrack[] = stream.getVideoTracks()\n\n                    if (Janus.attachMediaStream) {\n                      // Initialize the new media stream for remote audio\n                      if (audioTracks && audioTracks.length > 0) {\n                        const audioStream: MediaStream = new MediaStream(audioTracks)\n                        remoteAudioElement &&\n                          remoteAudioElement.current &&\n                          Janus.attachMediaStream(remoteAudioElement.current, audioStream)\n\n                        // Save the new audio stream to the store\n                        store.dispatch.webrtc.updateRemoteAudioStream(audioStream)\n                      } else {\n                        console.warn('No audio tracks on remote stream')\n                      }\n                      // Initialize the new media stream for remote video\n                      if (videoTracks && videoTracks.length > 0) {\n                        const videoStream: MediaStream = new MediaStream(videoTracks)\n                        remoteVideoElement &&\n                          remoteVideoElement.current &&\n                          Janus.attachMediaStream(remoteVideoElement.current, videoStream)\n                      } else {\n                        console.warn('No video tracks on remote stream')\n                      }\n                    }\n                  },\n                  oncleanup: function () {\n                    if (Janus.log) Janus.log(' ::: janus Got a cleanup notification :::')\n                  },\n                  detached: function () {\n                    if (Janus.warn) Janus.warn('SIP plugin handle detached from the plugin itself')\n                  },\n                })\n              }\n            },\n            error: (err: any) => {\n              if (Janus.log) Janus.log('error', err)\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n            destroyed: () => {\n              // Set webrtc destroyed status\n              dispatch.webrtc.updateWebRTC({\n                destroyed: true,\n              })\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n          })\n        },\n      })\n    }\n\n    // Initializes the webrtc registration check interval\n    function startWebrtcCheck() {\n      const { CHECK_INTERVAL_TIME } = store.getState().webrtc\n      if (!janusCheckInterval.current) {\n        // Initialize the interval that check the webrtc\n        janusCheckInterval.current = setInterval(\n          () =>\n            webrtcCheck(() => {\n              // Do the register as callback of webrtc check\n              register(sipExten, sipSecret)\n            }),\n          CHECK_INTERVAL_TIME,\n        )\n      }\n    }\n\n    // Start webrtc initialization and handlers\n    initWebRTC()\n    // Start the check of webrtc activity\n    startWebrtcCheck()\n\n    return () => {\n      // Unregister from janus\n      unregister()\n      // Stop Janus check interval\n      clearInterval(janusCheckInterval.current)\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["Janus","JanusLib","_a","hostName","sipExten","sipSecret","children","dispatch","useDispatch","janusCheckInterval","useRef","useEffect","checkMediaPermissions","CHECK_INTERVAL_TIME","init","debug","dependencies","useDefaultDependencies","adapter","callback","janusInstance","server","concat","success","attach","plugin","opaqueId","Date","getTime","pluginHandle","webrtc","updateWebRTC","sipcall","register","log","getPlugin","error","consentDialog","on","webrtcState","iceState","newState","store","getState","mediaState","medium","slowLink","uplink","count","warn","onmessage","msg","jsep","JSON","stringify","undefined","result","registered","updateLastActivity","currentCall","checkOutgoingUpdate","outgoingWebRTC","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","handleRemote","jsepGlobal","checkIncomingUpdatePlay","incomingWebRTC","checkAcceptedUpdate","acceptedWebRTC","updateCurrentCall","incoming","stopAudioPlayer","hangupCurrentCall","hangup","onlocalstream","stream","onremotestream","remoteAudioElement","remoteAudio","remoteVideoElement","remoteVideo","audioTracks","getAudioTracks","videoTracks","getVideoTracks","attachMediaStream","length","audioStream","MediaStream","current","updateRemoteAudioStream","console","videoStream","oncleanup","detached","err","alerts","setAlert","destroyed","setInterval","webrtcCheck","unregister","clearInterval","React","createElement","Fragment"],"mappings":"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"}
+{"version":3,"file":"WebRTC.js","sources":["../../src/components/WebRTC.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useState, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport adapter from 'webrtc-adapter'\nimport JanusLib from '../lib/webrtc/janus.js'\nimport type { JanusTypes } from '../types'\nimport { register, unregister, handleRemote } from '../lib/webrtc/messages'\nimport { store, type RootState } from '../store'\nimport { checkMediaPermissions } from '../lib/devices/devices'\nimport { hangupCurrentCall } from '../lib/phone/call'\nimport { webrtcCheck } from '../lib/webrtc/connection'\nimport outgoingRingtone from '../static/outgoing_ringtone'\n\ninterface WebRTCProps {\n  children: ReactNode\n  sipExten: string\n  sipSecret: string\n  hostName: string\n  sipHost: string\n  sipPort: string\n}\n\nconst Janus: JanusTypes = JanusLib\n\nexport const WebRTC: FC<WebRTCProps> = ({\n  hostName,\n  sipExten,\n  sipSecret,\n  children,\n  sipHost,\n  sipPort,\n}) => {\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize janus check interval id\n  const janusCheckInterval = useRef<any>(null)\n\n  // check audio and video permissions\n  useEffect(() => {\n    checkMediaPermissions()\n  }, [])\n\n  useEffect(() => {\n    const setupDeps = () =>\n      Janus.useDefaultDependencies({\n        adapter,\n      })\n\n    function initWebRTC() {\n      Janus.init({\n        debug: 'all',\n        dependencies: setupDeps(),\n        callback: function () {\n          const janusInstance = new Janus({\n            server: `https://${hostName}/janus`,\n            success: () => {\n              if (janusInstance.attach) {\n                // Use Janus Sip Plugin\n                janusInstance.attach({\n                  plugin: 'janus.plugin.sip',\n                  opaqueId: 'sebastian' + '_' + new Date().getTime(),\n                  success: function (pluginHandle) {\n                    // Set sipcall to the store\n                    if (pluginHandle) {\n                      dispatch.webrtc.updateWebRTC({\n                        sipcall: pluginHandle,\n                      })\n                      // Register the extension to the server\n                      register({ sipExten, sipSecret, sipHost, sipPort })\n                      if (pluginHandle) {\n                        if (Janus.log)\n                          Janus.log(\n                            'SIP plugin attached! (' + pluginHandle.getPlugin() + ', id = ' + ')',\n                          )\n                      }\n                    }\n                  },\n                  error: function (error) {\n                    if (Janus.error) {\n                      Janus.error('  -- Error attaching plugin...')\n                      Janus.error(error)\n                    }\n                    // reject()\n                  },\n                  consentDialog: function (on) {\n                    if (Janus.log) Janus.log(`janus consentDialog (on: ${on})`)\n                  },\n                  webrtcState: function (on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus says our WebRTC PeerConnection is ' + (on ? 'up' : 'down') + ' now',\n                      )\n                  },\n                  iceState: function (newState) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (sipcall) {\n                      if (Janus.log)\n                        Janus.log(\n                          `ICE state of PeerConnection of handle has changed to \"${newState}\"`,\n                        )\n                    }\n                  },\n                  mediaState: function (medium, on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus ' + (on ? 'started' : 'stopped') + ' receiving our ' + medium,\n                      )\n                  },\n                  slowLink: function (uplink, count) {\n                    if (uplink) {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: several missing packets from janus (${count})`)\n                    } else {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: janus is not receiving all your packets (${count})`)\n                    }\n                  },\n                  onmessage: function (msg, jsep) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a message :::')\n                      Janus.debug(JSON.stringify(msg))\n                    }\n\n                    // Handle errors in message\n                    var error = msg['error']\n                    if (error != null && error != undefined) {\n                      if (!store.getState().webrtc.registered) {\n                        if (Janus.log) Janus.log('User is not registered')\n                      } else {\n                        // Reset status\n                        sipcall && sipcall.hangup()\n\n                        // Stop the local audio element ringing\n                        store.dispatch.player.stopAudioPlayer()\n                      }\n                      return\n                    }\n                    // Manage events\n                    var result = msg['result']\n                    if (\n                      result !== null &&\n                      result !== undefined &&\n                      result['event'] !== undefined &&\n                      result['event'] !== null\n                    ) {\n                      // get event\n                      var event = result['event']\n\n                      //switch event\n                      switch (event) {\n                        case 'registration_failed':\n                          if (Janus.error)\n                            Janus.error(\n                              'Registration failed: ' + result['code'] + ' ' + result['reason'],\n                            )\n                          break\n\n                        case 'unregistered':\n                          if (Janus.log)\n                            Janus.log('Successfully un-registered as ' + result['username'] + '!')\n                          // registered = false\n                          break\n\n                        case 'registered':\n                          if (Janus.log)\n                            Janus.log('Successfully registered as ' + result['username'] + '!')\n                          if (!store.getState().webrtc.registered) {\n                            store.dispatch.webrtc.updateWebRTC({\n                              registered: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'registering':\n                          if (Janus.log) Janus.log('janus registering')\n                          break\n\n                        // This event arrive on outgoing call start\n                        case 'calling':\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkOutgoingUpdate({\n                            outgoingWebRTC: true,\n                          })\n\n                          // Update webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 180 code, it means\n                        // ...that the local outgoing ringtone must be player\n                        case 'ringing':\n                          const { audioPlayerPlaying } = store.getState().player\n\n                          // Check if the local audio is already playing and start playing\n                          if (!audioPlayerPlaying) {\n                            // Update audio player and start playing\n                            dispatch.player.updateStartAudioPlayer({\n                              src: outgoingRingtone,\n                              loop: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 183 code, it means\n                        // ...that the outgoing ringtone arrives from the stream\n                        // ...playing the local outgoing ringtone isn't needed\n                        case 'progress':\n                          if (Janus.log)\n                            Janus.log(\n                              \"There's early media from \" +\n                                result['username'] +\n                                ', wairing for the call!',\n                            )\n                          if (jsep !== null && jsep !== undefined) {\n                            handleRemote(jsep)\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'incomingcall':\n                          dispatch.webrtc.updateWebRTC({ jsepGlobal: jsep })\n\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkIncomingUpdatePlay({\n                            incomingWebRTC: true,\n                          })\n\n                          if (Janus.log) Janus.log('Incoming call from ' + result['username'] + '!')\n                          // Update the webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'accepted':\n                          if (Janus.log) Janus.log(result['username'] + ' accepted the call!')\n                          if (jsep) {\n                            handleRemote(jsep)\n                          }\n                          // Set current call accepted\n                          dispatch.currentCall.checkAcceptedUpdate({\n                            acceptedWebRTC: true,\n                          })\n                          // Set incoming value to false\n                          dispatch.currentCall.updateCurrentCall({\n                            incoming: false,\n                            incomingWebRTC: false,\n                          })\n\n                          // Stop the local audio element ringing\n                          store.dispatch.player.stopAudioPlayer()\n\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'hangup':\n                          hangupCurrentCall()\n                          sipcall.hangup()\n                          // if (\n                          //   result['code'] === 486 &&\n                          //   result['event'] === 'hangup' &&\n                          //   result['reason'] === 'Busy Here'\n                          // ) {\n                          //   dispatch.player.updateAudioSource({\n                          //     src: busyRingtone,\n                          //   })\n                          //   dispatch.player.playAudio()\n                          // }\n                          if (Janus.log)\n                            Janus.log(\n                              'Call hung up (' + result['code'] + ' ' + result['reason'] + ')!',\n                            )\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          // stopScreenSharingI()\n                          break\n\n                        default:\n                          break\n                      }\n                    }\n                  },\n                  onlocalstream: function (stream) {\n                    // const localVideoElement = store.getState().player.localVideo\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a local stream :::')\n                      Janus.debug(stream)\n                    }\n                    // if (Janus.attachMediaStream) Janus.attachMediaStream(localVideoElement, stream)\n                    /* IS VIDEO ENABLED ? */\n                    // var videoTracks = stream.getVideoTracks()\n                    /* */\n                  },\n                  onremotestream: function (stream: MediaStream) {\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a remote stream :::')\n                    }\n                    // Stop the local audio element ringing\n                    store.dispatch.player.stopAudioPlayer()\n\n                    // Get remote audio and video elements\n                    const remoteAudioElement = store.getState().player.remoteAudio\n                    const remoteVideoElement = store.getState().player.remoteVideo\n\n                    // Get audio and video from stream\n                    const audioTracks: MediaStreamTrack[] = stream.getAudioTracks()\n                    const videoTracks: MediaStreamTrack[] = stream.getVideoTracks()\n\n                    if (Janus.attachMediaStream) {\n                      // Initialize the new media stream for remote audio\n                      if (audioTracks && audioTracks.length > 0) {\n                        const audioStream: MediaStream = new MediaStream(audioTracks)\n                        remoteAudioElement &&\n                          remoteAudioElement.current &&\n                          Janus.attachMediaStream(remoteAudioElement.current, audioStream)\n\n                        // Save the new audio stream to the store\n                        store.dispatch.webrtc.updateRemoteAudioStream(audioStream)\n                      } else {\n                        console.warn('No audio tracks on remote stream')\n                      }\n                      // Initialize the new media stream for remote video\n                      if (videoTracks && videoTracks.length > 0) {\n                        const videoStream: MediaStream = new MediaStream(videoTracks)\n                        remoteVideoElement &&\n                          remoteVideoElement.current &&\n                          Janus.attachMediaStream(remoteVideoElement.current, videoStream)\n                      } else {\n                        console.warn('No video tracks on remote stream')\n                      }\n                    }\n                  },\n                  oncleanup: function () {\n                    if (Janus.log) Janus.log(' ::: janus Got a cleanup notification :::')\n                  },\n                  detached: function () {\n                    if (Janus.warn) Janus.warn('SIP plugin handle detached from the plugin itself')\n                  },\n                })\n              }\n            },\n            error: (err: any) => {\n              if (Janus.log) Janus.log('error', err)\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n            destroyed: () => {\n              // Set webrtc destroyed status\n              dispatch.webrtc.updateWebRTC({\n                destroyed: true,\n              })\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n          })\n        },\n      })\n    }\n\n    // Initializes the webrtc registration check interval\n    function startWebrtcCheck() {\n      const { CHECK_INTERVAL_TIME } = store.getState().webrtc\n      if (!janusCheckInterval.current) {\n        // Initialize the interval that check the webrtc\n        janusCheckInterval.current = setInterval(\n          () =>\n            webrtcCheck(() => {\n              // Do the register as callback of webrtc check\n              register({ sipExten, sipSecret, sipHost, sipPort })\n            }),\n          CHECK_INTERVAL_TIME,\n        )\n      }\n    }\n\n    // Start webrtc initialization and handlers\n    initWebRTC()\n    // Start the check of webrtc activity\n    startWebrtcCheck()\n\n    return () => {\n      // Unregister from janus\n      unregister()\n      // Stop Janus check interval\n      clearInterval(janusCheckInterval.current)\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["Janus","JanusLib","_a","hostName","sipExten","sipSecret","children","sipHost","sipPort","dispatch","useDispatch","janusCheckInterval","useRef","useEffect","checkMediaPermissions","CHECK_INTERVAL_TIME","init","debug","dependencies","useDefaultDependencies","adapter","callback","janusInstance","server","concat","success","attach","plugin","opaqueId","Date","getTime","pluginHandle","webrtc","updateWebRTC","sipcall","register","log","getPlugin","error","consentDialog","on","webrtcState","iceState","newState","store","getState","mediaState","medium","slowLink","uplink","count","warn","onmessage","msg","jsep","JSON","stringify","undefined","result","registered","updateLastActivity","currentCall","checkOutgoingUpdate","outgoingWebRTC","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","handleRemote","jsepGlobal","checkIncomingUpdatePlay","incomingWebRTC","checkAcceptedUpdate","acceptedWebRTC","updateCurrentCall","incoming","stopAudioPlayer","hangupCurrentCall","hangup","onlocalstream","stream","onremotestream","remoteAudioElement","remoteAudio","remoteVideoElement","remoteVideo","audioTracks","getAudioTracks","videoTracks","getVideoTracks","attachMediaStream","length","audioStream","MediaStream","current","updateRemoteAudioStream","console","videoStream","oncleanup","detached","err","alerts","setAlert","destroyed","setInterval","webrtcCheck","unregister","clearInterval","React","createElement","Fragment"],"mappings":"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"}

package/dist/events/CallEvents.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
-export declare const CallEvents: FC;
+export declare const CallEvents: FC<{
+    sipHost: string;
+}>;
 /**
  * Dispatch the phone-island-outgoing-call-started event
  */

package/dist/events/CallEvents.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/customHooks/useEventListener.js"),r=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/react-redux/es/index.js");var s=require("../lib/phone/call.js"),n=require("../node_modules/react-redux/es/hooks/useSelector.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/react-redux/es/components/Context.js"),require("../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),require("../node_modules/react-redux/node_modules/react-is/index.js");var o=u(e);exports.CallEvents=function(){return n.useSelector((function(e){return e.webrtc})).sipcall,t.useEventListener("phone-island-call-start",(function(e){var t=e.number.replace(/\s/g,"");s.callNumber(t)})),o.default.createElement(o.default.Fragment,null)},exports.dispatchOutgoingCallStarted=function(e,t){void 0===e&&(e=""),void 0===t&&(t="");var s={name:e,number:t};r.eventDispatch("phone-island-outgoing-call-started",s)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/customHooks/useEventListener.js"),r=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/react-redux/es/index.js");var s=require("../lib/phone/call.js"),n=require("../node_modules/react-redux/es/hooks/useSelector.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/react-redux/es/components/Context.js"),require("../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),require("../node_modules/react-redux/node_modules/react-is/index.js");var u=o(e);exports.CallEvents=function(e){var r=e.sipHost;return n.useSelector((function(e){return e.webrtc})).sipcall,t.useEventListener("phone-island-call-start",(function(e){var t=e.number.replace(/\s/g,"");s.callNumber(t,r)})),u.default.createElement(u.default.Fragment,null)},exports.dispatchOutgoingCallStarted=function(e,t){void 0===e&&(e=""),void 0===t&&(t="");var s={name:e,number:t};r.eventDispatch("phone-island-outgoing-call-started",s)};
 //# sourceMappingURL=CallEvents.js.map

package/dist/events/CallEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallEvents.js","sources":["../../src/events/CallEvents.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useEventListener, eventDispatch } from '../utils'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { callNumber } from '../lib/phone/call'\n\nexport const CallEvents: FC = () => {\n  const { sipcall }: any = useSelector((state: RootState) => state.webrtc)\n  /**\n   * Event listner for phone-island-call-start event\n   */\n  useEventListener('phone-island-call-start', (data: CallStartTypes) => {\n    const number = data.number.replace(/\\s/g, '')\n    callNumber(number)\n  })\n  return <></>\n}\n\n// !TODO add phone-island-outgoing-call-started phone-island-outgoing-call-ended\n\n/**\n * Dispatch the phone-island-outgoing-call-started event\n */\nexport function dispatchOutgoingCallStarted(name: string = '', number: string = '') {\n  const data: OutgoingCallStartedTypes = {\n    name,\n    number,\n  }\n  eventDispatch('phone-island-outgoing-call-started', data)\n}\n\nexport interface OutgoingCallStartedTypes {\n  name: string\n  number: string\n}\n\ninterface CallStartTypes {\n  number: string\n}\n"],"names":["useSelector","state","webrtc","useEventListener","data","number","replace","callNumber","React","name","eventDispatch"],"mappings":"sqBAS8B,WAS5B,OARyBA,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,MAAM,YAIvEC,mBAAiB,2BAA2B,SAACC,GAC3C,IAAMC,EAASD,EAAKC,OAAOC,QAAQ,MAAO,IAC1CC,EAAUA,WAACF,EACb,IACOG,gDACT,sCAOgB,SAA4BC,EAAmBJ,QAAnB,IAAAI,IAAAA,EAAiB,SAAE,IAAAJ,IAAAA,EAAmB,IAChF,IAAMD,EAAiC,CACrCK,KAAIA,EACJJ,OAAMA,GAERK,gBAAc,qCAAsCN,EACtD"}
+{"version":3,"file":"CallEvents.js","sources":["../../src/events/CallEvents.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useEventListener, eventDispatch } from '../utils'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { callNumber } from '../lib/phone/call'\n\nexport const CallEvents: FC<{ sipHost: string }> = ({ sipHost }) => {\n  const { sipcall }: any = useSelector((state: RootState) => state.webrtc)\n  /**\n   * Event listner for phone-island-call-start event\n   */\n  useEventListener('phone-island-call-start', (data: CallStartTypes) => {\n    const number = data.number.replace(/\\s/g, '')\n    callNumber(number, sipHost)\n  })\n  return <></>\n}\n\n// !TODO add phone-island-outgoing-call-started phone-island-outgoing-call-ended\n\n/**\n * Dispatch the phone-island-outgoing-call-started event\n */\nexport function dispatchOutgoingCallStarted(name: string = '', number: string = '') {\n  const data: OutgoingCallStartedTypes = {\n    name,\n    number,\n  }\n  eventDispatch('phone-island-outgoing-call-started', data)\n}\n\nexport interface OutgoingCallStartedTypes {\n  name: string\n  number: string\n}\n\ninterface CallStartTypes {\n  number: string\n}\n"],"names":["_a","sipHost","useSelector","state","webrtc","useEventListener","data","number","replace","callNumber","React","name","eventDispatch"],"mappings":"sqBASmD,SAACA,GAAE,IAAAC,EAAOD,EAAAC,QAS3D,OARyBC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,MAAM,YAIvEC,mBAAiB,2BAA2B,SAACC,GAC3C,IAAMC,EAASD,EAAKC,OAAOC,QAAQ,MAAO,IAC1CC,aAAWF,EAAQN,EACrB,IACOS,gDACT,sCAOgB,SAA4BC,EAAmBJ,QAAnB,IAAAI,IAAAA,EAAiB,SAAE,IAAAJ,IAAAA,EAAmB,IAChF,IAAMD,EAAiC,CACrCK,KAAIA,EACJJ,OAAMA,GAERK,gBAAc,qCAAsCN,EACtD"}