@nethesis/phone-island 0.12.0 → 0.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +1 -1
- package/dist/App.js.map +1 -1
- package/dist/components/CallView/Actions.js.map +1 -1
- package/dist/components/IslandMotion.js +1 -1
- package/dist/components/IslandMotion.js.map +1 -1
- package/dist/components/SideView/SideView.js +1 -1
- package/dist/components/SideView/SideView.js.map +1 -1
- package/dist/components/Socket.js +1 -1
- package/dist/components/Socket.js.map +1 -1
- package/dist/components/VideoView/index.js +1 -1
- package/dist/components/VideoView/index.js.map +1 -1
- package/dist/components/WebRTC.js +1 -1
- package/dist/components/WebRTC.js.map +1 -1
- package/dist/events/SocketEvents.js +1 -1
- package/dist/events/SocketEvents.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/models/currentCall.js +1 -1
- package/dist/models/currentCall.js.map +1 -1
- package/dist/models/island.js +1 -1
- package/dist/models/island.js.map +1 -1
- package/dist/models/motions.js +1 -1
- package/dist/models/motions.js.map +1 -1
- package/dist/models/screenShare.js +1 -1
- package/dist/models/screenShare.js.map +1 -1
- package/dist/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js +1 -1
- package/dist/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/dist/App.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("./components/Events.js"),s=require("./components/Socket.js"),i=require("./components/WebRTC.js"),o=require("./components/Island.js"),a=require("./components/RestAPI.js"),r=require("./utils/customHooks/useEventListener.js"),d=require("./utils/genericFunctions/eventDispatch.js"),c=require("./utils/genericFunctions/localStorage.js");require("./node_modules/react-redux/es/index.js");var u=require("./store/index.js");require("./node_modules/@fortawesome/react-fontawesome/index.es.js"),require("./node_modules/i18next/dist/esm/i18next.js"),require("./node_modules/react-tooltip/dist/react-tooltip.min.mjs.js");var l=require("./node_modules/js-base64/base64.mjs.js"),p=require("./workers/wake_up.js"),h=require("./lib/i18n.js");require("./node_modules/react-tooltip/dist/react-tooltip.min.css.js");var v=require("./lib/webrtc/messages.js"),f=require("./lib/darkTheme.js"),m=require("./services/user.js"),g=require("./utils/genericFunctions/isEmpty.js"),E=require("./utils/genericFunctions/checkConnection.js"),I=require("./utils/genericFunctions/isBackCallVisible.js"),j=require("./node_modules/react-redux/es/components/Provider.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("./components/Events.js"),s=require("./components/Socket.js"),i=require("./components/WebRTC.js"),o=require("./components/Island.js"),a=require("./components/RestAPI.js"),r=require("./utils/customHooks/useEventListener.js"),d=require("./utils/genericFunctions/eventDispatch.js"),c=require("./utils/genericFunctions/localStorage.js");require("./node_modules/react-redux/es/index.js");var u=require("./store/index.js");require("./node_modules/@fortawesome/react-fontawesome/index.es.js"),require("./node_modules/i18next/dist/esm/i18next.js"),require("./node_modules/react-tooltip/dist/react-tooltip.min.mjs.js");var l=require("./node_modules/js-base64/base64.mjs.js"),p=require("./workers/wake_up.js"),h=require("./lib/i18n.js");require("./node_modules/react-tooltip/dist/react-tooltip.min.css.js");var v=require("./lib/webrtc/messages.js"),f=require("./lib/darkTheme.js"),m=require("./services/user.js"),g=require("./utils/genericFunctions/isEmpty.js"),E=require("./utils/genericFunctions/checkConnection.js"),I=require("./utils/genericFunctions/isBackCallVisible.js"),j=require("./node_modules/react-redux/es/components/Provider.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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"),require("./node_modules/react-redux/es/components/Context.js");var b=S(n),w=function(S){var w=S.dataConfig,L=S.showAlways,q=void 0!==L&&L,D=S.uaType,y=l.Base64.atob(w||"").split(":"),k=y[0],x=y[1],_=y[2],C=y[3],P=y[4],T=y[5],V=y[6],A=n.useState(!1),O=A[0],N=A[1],U=n.useState(!1),z=U[0],F=U[1],J=n.useState(!1),R=J[0],W=J[1];n.useEffect((function(){var e=new Worker(p.default,{type:"module"});return e.onmessage=function(e){"wakeup"===e.data&&N(!0)},function(){e.terminate()}}),[]),n.useEffect((function(){R&&z&&(N(!1),F(!1),W(!1))}),[R,z]),r.useEventListener("phone-island-expand",(function(){u.store.dispatch.island.toggleIsOpen(!0),d.eventDispatch("phone-island-expanded",{})})),r.useEventListener("phone-island-compress",(function(){u.store.dispatch.island.toggleIsOpen(!1),d.eventDispatch("phone-island-compressed",{})})),r.useEventListener("phone-island-call-keypad-close",(function(){u.store.dispatch.island.setIslandView("call"),d.eventDispatch("phone-island-call-keypad-closed",{})})),r.useEventListener("phone-island-call-transfer-close",(function(){u.store.dispatch.island.setIslandView("call"),d.eventDispatch("phone-island-call-transfer-closed",{})})),r.useEventListener("phone-island-recording-close",(function(){u.store.dispatch.island.setIslandView(null),d.eventDispatch("phone-island-recording-closed",{})})),r.useEventListener("phone-island-audio-player-close",(function(){u.store.dispatch.island.setIslandView(null),d.eventDispatch("phone-island-audio-player-closed",{})})),r.useEventListener("phone-island-detach",(function(e){v.detach(),d.eventDispatch("phone-island-detached",{})})),r.useEventListener("phone-island-audio-input-change",(function(e){c.setJSONItem("phone-island-audio-input-device",{deviceId:e.deviceId}),d.eventDispatch("phone-island-audio-input-changed",{})})),r.useEventListener("phone-island-video-input-change",(function(e){c.setJSONItem("phone-island-video-input-device",{deviceId:e.deviceId}),d.eventDispatch("phone-island-video-input-changed",{})})),r.useEventListener("phone-island-audio-output-change",(function(e){var n=u.store.getState().player.remoteAudio;null==n||n.current.setSinkId(e.deviceId).then((function(){console.info("Default audio output device change with success!"),c.setJSONItem("phone-island-audio-output-device",{deviceId:e.deviceId}),d.eventDispatch("phone-island-audio-output-changed",{})})).catch((function(e){console.error("Default audio output device change error:",e)}))})),r.useEventListener("phone-island-presence-change",(function(e){m.changeOperatorStatus(e),d.eventDispatch("phone-island-presence-changed",{})})),r.useEventListener("phone-island-view-changed",(function(e){var n=null==e?void 0:e.viewType;u.store.dispatch.island.setIslandView(n)}));var B=n.useState(!0),H=B[0],M=B[1],G=n.useState(!0),K=G[0],Q=G[1];n.useEffect((function(){H&&(h.initI18n(),M(!1))}),[H]);var X=u.store.getState().player.remoteAudio;return n.useEffect((function(){var e;if(K&&X){var n=null===(e=c.getJSONItem("phone-island-audio-output-device"))||void 0===e?void 0:e.deviceId;d.eventDispatch("phone-island-audio-output-change",{deviceId:n}),Q(!1)}}),[K,X]),n.useEffect((function(){f.checkDarkTheme()}),[]),r.useEventListener("phone-island-theme-change",(function(e){f.setTheme(null==e?void 0:e.selectedTheme)})),r.useEventListener("phone-island-default-device-change",(function(e){u.store.dispatch.currentUser.updateCurrentDefaultDevice(null==e?void 0:e.deviceInformationObject),d.eventDispatch("phone-island-default-device-changed",{})})),r.useEventListener("phone-island-alert",(function(e){u.store.dispatch.alerts.setAlert(e.toString())})),r.useEventListener("phone-island-check-connection",(function(){E.checkInternetConnection().then((function(e){e?d.eventDispatch("phone-island-internet-connected",{}):d.eventDispatch("phone-island-internet-disconnected",{})}))})),n.useEffect((function(){var e=setInterval((function(){E.checkInternetConnection().then((function(e){e?d.eventDispatch("phone-island-internet-connected",{}):d.eventDispatch("phone-island-internet-disconnected",{})}))}),5e3);return function(){return clearInterval(e)}}),[]),r.useEventListener("phone-island-main-presence",(function(e){var n,t,s,i,o=null===(n=u.store.getState().currentUser)||void 0===n?void 0:n.username,a=u.store.getState().currentUser,r=null==a?void 0:a.mainPresence;if(void 0!==o&&""!==o&&!g.isEmpty(e[o])&&void 0!==(null===(t=e[o])||void 0===t?void 0:t.mainPresence)){var c=null===(s=e[o])||void 0===s?void 0:s.mainPresence;u.store.dispatch.currentUser.updateMainPresence(null===(i=e[o])||void 0===i?void 0:i.mainPresence),"online"===c&&"online"!==r&&d.eventDispatch("phone-island-call-ended",{})}})),r.useEventListener("phone-island-call-status",(function(){var e=u.store.getState().currentCall;console.log("Call status debug informations: ",e)})),r.useEventListener("phone-island-user-status",(function(){var e=u.store.getState().currentUser;console.log("User status debug informations: ",e)})),r.useEventListener("phone-island-all-users-status",(function(){var e=u.store.getState().users;console.log("Users status debug informations: ",e)})),r.useEventListener("phone-island-status",(function(){var e=u.store.getState().island;console.log("Phone island status debug informations: ",e)})),r.useEventListener("phone-island-webrtc-status",(function(){var e=u.store.getState().webrtc;console.log("Webrtc status debug informations: ",e)})),r.useEventListener("phone-island-player-status",(function(){var e=u.store.getState().player;console.log("Player status debug informations: ",e)})),r.useEventListener("phone-island-screen-share-status",(function(){var e=u.store.getState().screenShare;console.log("Screen share status debug information: ",e)})),r.useEventListener("phone-island-player-force-stop",(function(){u.store.dispatch.player.reset(),console.log("Audio player is interrupted")})),r.useEventListener("phone-island-sideview-open",(function(){u.store.dispatch.island.toggleSideViewVisible(!0),d.eventDispatch("phone-island-sideview-opened",{})})),r.useEventListener("phone-island-sideview-close",(function(){u.store.dispatch.island.toggleSideViewVisible(!1),d.eventDispatch("phone-island-sideview-closed",{})})),r.useEventListener("phone-island-size-change",(function(n){var t=u.store.getState().island.sideViewIsVisible,s=n.sizeInformation,i=e.__assign(e.__assign({},s),{right:t?"42px":"0px",top:I.isBackCallActive()?"40px":"0px"});d.eventDispatch("phone-island-size-changed",{sizes:i})})),r.useEventListener("phone-island-call-ended",(function(){d.eventDispatch("phone-island-size-change",{sizeInformation:{width:"0px",height:"0px"}}),d.eventDispatch("phone-island-sideview-close",{}),u.store.dispatch.island.resetIslandStore()})),b.default.createElement(b.default.Fragment,null,b.default.createElement(j.default,{store:u.store},b.default.createElement(i.WebRTC,{hostName:k,sipExten:C,sipSecret:P,sipHost:T,sipPort:V,reload:O,reloadedCallback:function(){return F(!0)},uaType:D},b.default.createElement(a.RestAPI,{hostName:k,username:x,authToken:_},b.default.createElement(s.Socket,{hostName:k,username:x,authToken:_,reload:O,reloadedCallback:function(){return W(!0)},uaType:D},b.default.createElement(t.Events,{sipHost:T},b.default.createElement(o.Island,{showAlways:q})))))))};w.displayName="PhoneIsland",exports.PhoneIsland=w;
|
|
2
2
|
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import React, { type FC, useState, useEffect } from 'react'\nimport { Events, Socket, WebRTC, Island, RestAPI } from './components'\nimport { Provider } from 'react-redux'\nimport { store } from './store'\nimport { Base64 } from 'js-base64'\nimport wakeUpWorker from './workers/wake_up'\nimport { initI18n } from './lib/i18n'\n\nimport 'react-tooltip/dist/react-tooltip.css'\nimport { useEventListener, eventDispatch, setJSONItem, getJSONItem } from './utils'\nimport { detach } from './lib/webrtc/messages'\nimport { checkDarkTheme, setTheme } from './lib/darkTheme'\nimport { changeOperatorStatus } from './services/user'\nimport { isEmpty } from './utils/genericFunctions/isEmpty'\nimport { checkInternetConnection } from './utils/genericFunctions/checkConnection'\nimport { isBackCallActive } from './utils/genericFunctions/isBackCallVisible'\nimport { ScreenSharingMessage } from './components/VideoView'\n\ninterface PhoneIslandProps {\n dataConfig: string\n showAlways?: boolean\n uaType: string\n}\n\ninterface DeviceInputOutputTypes {\n deviceId: string\n}\n\nexport const PhoneIsland: FC<PhoneIslandProps> = ({\n dataConfig,\n showAlways = false,\n uaType,\n}: PhoneIslandProps) => {\n const CONFIG: string[] = Base64.atob(dataConfig || '').split(':')\n const HOST_NAME: string = CONFIG[0]\n const USERNAME: string = CONFIG[1]\n const AUTH_TOKEN: string = CONFIG[2]\n const SIP_EXTEN: string = CONFIG[3]\n const SIP_SECRET: string = CONFIG[4]\n const SIP_HOST: string = CONFIG[5]\n const SIP_PORT: string = CONFIG[6]\n\n // Initialize the state to manage the reload events\n const [reload, setReload] = useState<boolean>(false)\n const [reloadedWebRTC, setReloadedWebRTC] = useState<boolean>(false)\n const [reloadedSocket, setReloadedSocket] = useState<boolean>(false)\n\n useEffect(() => {\n const worker = new Worker(wakeUpWorker, { type: 'module' })\n worker.onmessage = (event: MessageEvent<string>) => {\n // Handle wakeup message\n if (event.data === 'wakeup') {\n setReload(true)\n }\n }\n\n return () => {\n worker.terminate()\n }\n }, [])\n\n useEffect(() => {\n if (reloadedSocket && reloadedWebRTC) {\n setReload(false)\n setReloadedWebRTC(false)\n setReloadedSocket(false)\n }\n }, [reloadedSocket, reloadedWebRTC])\n\n useEventListener('phone-island-expand', () => {\n store.dispatch.island.toggleIsOpen(true)\n eventDispatch('phone-island-expanded', {})\n })\n useEventListener('phone-island-compress', () => {\n store.dispatch.island.toggleIsOpen(false)\n eventDispatch('phone-island-compressed', {})\n })\n\n useEventListener('phone-island-call-keypad-close', () => {\n store.dispatch.island.setIslandView('call')\n eventDispatch('phone-island-call-keypad-closed', {})\n })\n useEventListener('phone-island-call-transfer-close', () => {\n store.dispatch.island.setIslandView('call')\n eventDispatch('phone-island-call-transfer-closed', {})\n })\n useEventListener('phone-island-recording-close', () => {\n store.dispatch.island.setIslandView(null)\n eventDispatch('phone-island-recording-closed', {})\n })\n useEventListener('phone-island-audio-player-close', () => {\n store.dispatch.island.setIslandView(null)\n eventDispatch('phone-island-audio-player-closed', {})\n })\n\n useEventListener('phone-island-detach', (data) => {\n detach()\n eventDispatch('phone-island-detached', {})\n })\n\n useEventListener('phone-island-audio-input-change', (data: DeviceInputOutputTypes) => {\n setJSONItem('phone-island-audio-input-device', { deviceId: data.deviceId })\n eventDispatch('phone-island-audio-input-changed', {})\n })\n\n useEventListener('phone-island-video-input-change', (data: DeviceInputOutputTypes) => {\n setJSONItem('phone-island-video-input-device', { deviceId: data.deviceId })\n eventDispatch('phone-island-video-input-changed', {})\n })\n\n useEventListener('phone-island-audio-output-change', (data: DeviceInputOutputTypes) => {\n const remoteAudioElement: any = store.getState().player.remoteAudio\n // set audio output\n remoteAudioElement?.current\n .setSinkId(data.deviceId)\n .then(function () {\n console.info('Default audio output device change with success!')\n // set device to localstorage\n setJSONItem('phone-island-audio-output-device', { deviceId: data.deviceId })\n\n // dispatch event\n eventDispatch('phone-island-audio-output-changed', {})\n })\n .catch(function (err) {\n console.error('Default audio output device change error:', err)\n })\n })\n\n // Listen for the operator status change\n useEventListener('phone-island-presence-change', (data: any) => {\n changeOperatorStatus(data)\n eventDispatch('phone-island-presence-changed', {})\n })\n\n useEventListener('phone-island-view-changed', (data) => {\n const viewType = data?.viewType\n store.dispatch.island.setIslandView(viewType)\n })\n\n const [firstRenderI18n, setFirstRenderI18n] = useState(true)\n const [firstAudioOutputInit, setFirstAudioOutputInit] = useState(true)\n\n //initialize i18n\n useEffect(() => {\n if (firstRenderI18n) {\n initI18n()\n setFirstRenderI18n(false)\n }\n }, [firstRenderI18n])\n\n const remoteAudioElement: any = store.getState().player.remoteAudio\n\n //get output device from localstorage\n useEffect(() => {\n if (firstAudioOutputInit && remoteAudioElement) {\n const defaultAudioOutputDevice: any = getJSONItem(\n `phone-island-audio-output-device`,\n )?.deviceId\n eventDispatch('phone-island-audio-output-change', { deviceId: defaultAudioOutputDevice })\n setFirstAudioOutputInit(false)\n }\n }, [firstAudioOutputInit, remoteAudioElement])\n\n useEffect(() => {\n checkDarkTheme()\n }, [])\n\n useEventListener('phone-island-theme-change', (theme: any) => {\n setTheme(theme?.selectedTheme)\n })\n\n useEventListener('phone-island-default-device-change', (data) => {\n store.dispatch.currentUser.updateCurrentDefaultDevice(data?.deviceInformationObject)\n eventDispatch('phone-island-default-device-changed', {})\n })\n\n useEventListener('phone-island-alert', (alertType: any) => {\n store.dispatch.alerts.setAlert(alertType.toString())\n })\n\n // Manually check if internet connection is enabled or not\n useEventListener('phone-island-check-connection', () => {\n checkInternetConnection().then((internetIsActive) => {\n if (internetIsActive) {\n eventDispatch('phone-island-internet-connected', {})\n } else {\n eventDispatch('phone-island-internet-disconnected', {})\n }\n })\n })\n\n // Check internet connection every 5 seconds\n useEffect(() => {\n const intervalId = setInterval(() => {\n checkInternetConnection().then((internetIsActive) => {\n if (internetIsActive) {\n eventDispatch('phone-island-internet-connected', {})\n } else {\n eventDispatch('phone-island-internet-disconnected', {})\n }\n })\n }, 5000)\n\n return () => clearInterval(intervalId)\n }, [])\n\n useEventListener('phone-island-main-presence', (data: any) => {\n const currentUsernameInformation: any = store.getState().currentUser?.username\n const currentUserObject: any = store.getState().currentUser\n let mainPresenceValueBeforeUpdate = currentUserObject?.mainPresence\n if (\n currentUsernameInformation !== undefined &&\n currentUsernameInformation !== '' &&\n !isEmpty(data[currentUsernameInformation]) &&\n data[currentUsernameInformation]?.mainPresence !== undefined\n ) {\n let newMainPresenceValue = data[currentUsernameInformation]?.mainPresence\n store.dispatch.currentUser.updateMainPresence(data[currentUsernameInformation]?.mainPresence)\n let mainPresenceValueAfterUpdate = newMainPresenceValue\n if (mainPresenceValueAfterUpdate === 'online' && mainPresenceValueBeforeUpdate !== 'online') {\n eventDispatch('phone-island-call-ended', {})\n }\n }\n })\n\n useEventListener('phone-island-call-status', () => {\n const callInformation = store.getState().currentCall\n console.log('Call status debug informations: ', callInformation)\n })\n\n useEventListener('phone-island-user-status', () => {\n const userInformation = store.getState().currentUser\n console.log('User status debug informations: ', userInformation)\n })\n\n useEventListener('phone-island-all-users-status', () => {\n const allUsersInformation = store.getState().users\n console.log('Users status debug informations: ', allUsersInformation)\n })\n\n useEventListener('phone-island-status', () => {\n const phoneIslandInformation = store.getState().island\n console.log('Phone island status debug informations: ', phoneIslandInformation)\n })\n\n useEventListener('phone-island-webrtc-status', () => {\n const webrtcInformation = store.getState().webrtc\n console.log('Webrtc status debug informations: ', webrtcInformation)\n })\n\n useEventListener('phone-island-player-status', () => {\n const playerInformation = store.getState().player\n console.log('Player status debug informations: ', playerInformation)\n })\n\n useEventListener('phone-island-screen-share-status', () => {\n const screenShareInformation = store.getState().screenShare\n console.log('Screen share status debug information: ', screenShareInformation)\n })\n\n useEventListener('phone-island-player-force-stop', () => {\n store.dispatch.player.reset()\n console.log('Audio player is interrupted')\n })\n\n useEventListener('phone-island-sideview-open', () => {\n store.dispatch.island.toggleSideViewVisible(true)\n eventDispatch('phone-island-sideview-opened', {})\n })\n\n useEventListener('phone-island-sideview-close', () => {\n store.dispatch.island.toggleSideViewVisible(false)\n eventDispatch('phone-island-sideview-closed', {})\n })\n\n useEventListener('phone-island-size-change', (args: any) => {\n const { sideViewIsVisible } = store.getState().island\n\n // Get current dimensions from args\n const { sizeInformation } = args\n\n // // Calculate extra row dimension ( side view and back call )\n const updatedSizeInformation = {\n ...sizeInformation,\n right: sideViewIsVisible ? '42px' : '0px',\n top: isBackCallActive() ? '40px' : '0px',\n }\n eventDispatch('phone-island-size-changed', { sizes: updatedSizeInformation })\n })\n\n // join a screen share initiated by the other party\n useEventListener('phone-island-screen-share-join', (data: ScreenSharingMessage) => {\n store.dispatch.island.setIslandView('video')\n\n // wait for island transition to finish\n setTimeout(() => {\n eventDispatch('phone-island-screen-share-joining', data)\n }, 500)\n })\n\n // leave a screen share initiated by the other party\n useEventListener('phone-island-screen-share-leave', (data: ScreenSharingMessage) => {\n // ensure we are in the screen share view to properly handle the event\n if (store.getState().island.view !== 'video') {\n store.dispatch.island.setIslandView('video')\n }\n\n // wait for island transition to finish\n setTimeout(() => {\n eventDispatch('phone-island-screen-share-leaving', data)\n }, 500)\n })\n\n // Listen for the call end event and set the island size to 0\n useEventListener('phone-island-call-ended', () => {\n const sizeInformation: any = {\n width: '0px',\n height: '0px',\n }\n eventDispatch('phone-island-size-change', { sizeInformation })\n eventDispatch('phone-island-sideview-close', {})\n\n // reset phone island view\n store.dispatch.island.setIslandView('call')\n })\n\n return (\n <>\n <Provider store={store}>\n <WebRTC\n hostName={HOST_NAME}\n sipExten={SIP_EXTEN}\n sipSecret={SIP_SECRET}\n sipHost={SIP_HOST}\n sipPort={SIP_PORT}\n reload={reload}\n reloadedCallback={() => setReloadedWebRTC(true)}\n uaType={uaType}\n >\n <RestAPI hostName={HOST_NAME} username={USERNAME} authToken={AUTH_TOKEN}>\n <Socket\n hostName={HOST_NAME}\n username={USERNAME}\n authToken={AUTH_TOKEN}\n reload={reload}\n reloadedCallback={() => setReloadedSocket(true)}\n uaType={uaType}\n >\n <Events sipHost={SIP_HOST}>\n <Island showAlways={showAlways} />\n </Events>\n </Socket>\n </RestAPI>\n </WebRTC>\n </Provider>\n </>\n )\n}\n\nPhoneIsland.displayName = 'PhoneIsland'\n"],"names":["PhoneIsland","_a","dataConfig","_b","showAlways","uaType","CONFIG","Base64","atob","split","HOST_NAME","USERNAME","AUTH_TOKEN","SIP_EXTEN","SIP_SECRET","SIP_HOST","SIP_PORT","_c","useState","reload","setReload","_d","reloadedWebRTC","setReloadedWebRTC","_e","reloadedSocket","setReloadedSocket","useEffect","worker","Worker","wakeUpWorker","type","onmessage","event","data","terminate","useEventListener","store","dispatch","island","toggleIsOpen","eventDispatch","setIslandView","detach","setJSONItem","deviceId","remoteAudioElement","getState","player","remoteAudio","current","setSinkId","then","console","info","catch","err","error","changeOperatorStatus","viewType","_f","firstRenderI18n","setFirstRenderI18n","_g","firstAudioOutputInit","setFirstAudioOutputInit","initI18n","defaultAudioOutputDevice","getJSONItem","checkDarkTheme","theme","setTheme","selectedTheme","currentUser","updateCurrentDefaultDevice","deviceInformationObject","alertType","alerts","setAlert","toString","checkInternetConnection","internetIsActive","intervalId","setInterval","clearInterval","currentUsernameInformation","username","currentUserObject","mainPresenceValueBeforeUpdate","mainPresence","undefined","isEmpty","newMainPresenceValue","updateMainPresence","callInformation","currentCall","log","userInformation","allUsersInformation","users","phoneIslandInformation","webrtcInformation","webrtc","playerInformation","screenShareInformation","screenShare","reset","toggleSideViewVisible","args","sideViewIsVisible","sizeInformation","updatedSizeInformation","__assign","right","top","isBackCallActive","sizes","setTimeout","view","width","height","React","createElement","Fragment","Provider","WebRTC","hostName","sipExten","sipSecret","sipHost","sipPort","reloadedCallback","RestAPI","authToken","Socket","Events","Island","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import React, { type FC, useState, useEffect } from 'react'\nimport { Events, Socket, WebRTC, Island, RestAPI } from './components'\nimport { Provider } from 'react-redux'\nimport { store } from './store'\nimport { Base64 } from 'js-base64'\nimport wakeUpWorker from './workers/wake_up'\nimport { initI18n } from './lib/i18n'\n\nimport 'react-tooltip/dist/react-tooltip.css'\nimport { useEventListener, eventDispatch, setJSONItem, getJSONItem } from './utils'\nimport { detach } from './lib/webrtc/messages'\nimport { checkDarkTheme, setTheme } from './lib/darkTheme'\nimport { changeOperatorStatus } from './services/user'\nimport { isEmpty } from './utils/genericFunctions/isEmpty'\nimport { checkInternetConnection } from './utils/genericFunctions/checkConnection'\nimport { isBackCallActive } from './utils/genericFunctions/isBackCallVisible'\n\ninterface PhoneIslandProps {\n dataConfig: string\n showAlways?: boolean\n uaType: string\n}\n\ninterface DeviceInputOutputTypes {\n deviceId: string\n}\n\nexport const PhoneIsland: FC<PhoneIslandProps> = ({\n dataConfig,\n showAlways = false,\n uaType,\n}: PhoneIslandProps) => {\n const CONFIG: string[] = Base64.atob(dataConfig || '').split(':')\n const HOST_NAME: string = CONFIG[0]\n const USERNAME: string = CONFIG[1]\n const AUTH_TOKEN: string = CONFIG[2]\n const SIP_EXTEN: string = CONFIG[3]\n const SIP_SECRET: string = CONFIG[4]\n const SIP_HOST: string = CONFIG[5]\n const SIP_PORT: string = CONFIG[6]\n\n // Initialize the state to manage the reload events\n const [reload, setReload] = useState<boolean>(false)\n const [reloadedWebRTC, setReloadedWebRTC] = useState<boolean>(false)\n const [reloadedSocket, setReloadedSocket] = useState<boolean>(false)\n\n useEffect(() => {\n const worker = new Worker(wakeUpWorker, { type: 'module' })\n worker.onmessage = (event: MessageEvent<string>) => {\n // Handle wakeup message\n if (event.data === 'wakeup') {\n setReload(true)\n }\n }\n\n return () => {\n worker.terminate()\n }\n }, [])\n\n useEffect(() => {\n if (reloadedSocket && reloadedWebRTC) {\n setReload(false)\n setReloadedWebRTC(false)\n setReloadedSocket(false)\n }\n }, [reloadedSocket, reloadedWebRTC])\n\n useEventListener('phone-island-expand', () => {\n store.dispatch.island.toggleIsOpen(true)\n eventDispatch('phone-island-expanded', {})\n })\n useEventListener('phone-island-compress', () => {\n store.dispatch.island.toggleIsOpen(false)\n eventDispatch('phone-island-compressed', {})\n })\n\n useEventListener('phone-island-call-keypad-close', () => {\n store.dispatch.island.setIslandView('call')\n eventDispatch('phone-island-call-keypad-closed', {})\n })\n useEventListener('phone-island-call-transfer-close', () => {\n store.dispatch.island.setIslandView('call')\n eventDispatch('phone-island-call-transfer-closed', {})\n })\n useEventListener('phone-island-recording-close', () => {\n store.dispatch.island.setIslandView(null)\n eventDispatch('phone-island-recording-closed', {})\n })\n useEventListener('phone-island-audio-player-close', () => {\n store.dispatch.island.setIslandView(null)\n eventDispatch('phone-island-audio-player-closed', {})\n })\n\n useEventListener('phone-island-detach', (data) => {\n detach()\n eventDispatch('phone-island-detached', {})\n })\n\n useEventListener('phone-island-audio-input-change', (data: DeviceInputOutputTypes) => {\n setJSONItem('phone-island-audio-input-device', { deviceId: data.deviceId })\n eventDispatch('phone-island-audio-input-changed', {})\n })\n\n useEventListener('phone-island-video-input-change', (data: DeviceInputOutputTypes) => {\n setJSONItem('phone-island-video-input-device', { deviceId: data.deviceId })\n eventDispatch('phone-island-video-input-changed', {})\n })\n\n useEventListener('phone-island-audio-output-change', (data: DeviceInputOutputTypes) => {\n const remoteAudioElement: any = store.getState().player.remoteAudio\n // set audio output\n remoteAudioElement?.current\n .setSinkId(data.deviceId)\n .then(function () {\n console.info('Default audio output device change with success!')\n // set device to localstorage\n setJSONItem('phone-island-audio-output-device', { deviceId: data.deviceId })\n\n // dispatch event\n eventDispatch('phone-island-audio-output-changed', {})\n })\n .catch(function (err) {\n console.error('Default audio output device change error:', err)\n })\n })\n\n // Listen for the operator status change\n useEventListener('phone-island-presence-change', (data: any) => {\n changeOperatorStatus(data)\n eventDispatch('phone-island-presence-changed', {})\n })\n\n useEventListener('phone-island-view-changed', (data) => {\n const viewType = data?.viewType\n store.dispatch.island.setIslandView(viewType)\n })\n\n const [firstRenderI18n, setFirstRenderI18n] = useState(true)\n const [firstAudioOutputInit, setFirstAudioOutputInit] = useState(true)\n\n //initialize i18n\n useEffect(() => {\n if (firstRenderI18n) {\n initI18n()\n setFirstRenderI18n(false)\n }\n }, [firstRenderI18n])\n\n const remoteAudioElement: any = store.getState().player.remoteAudio\n\n //get output device from localstorage\n useEffect(() => {\n if (firstAudioOutputInit && remoteAudioElement) {\n const defaultAudioOutputDevice: any = getJSONItem(\n `phone-island-audio-output-device`,\n )?.deviceId\n eventDispatch('phone-island-audio-output-change', { deviceId: defaultAudioOutputDevice })\n setFirstAudioOutputInit(false)\n }\n }, [firstAudioOutputInit, remoteAudioElement])\n\n useEffect(() => {\n checkDarkTheme()\n }, [])\n\n useEventListener('phone-island-theme-change', (theme: any) => {\n setTheme(theme?.selectedTheme)\n })\n\n useEventListener('phone-island-default-device-change', (data) => {\n store.dispatch.currentUser.updateCurrentDefaultDevice(data?.deviceInformationObject)\n eventDispatch('phone-island-default-device-changed', {})\n })\n\n useEventListener('phone-island-alert', (alertType: any) => {\n store.dispatch.alerts.setAlert(alertType.toString())\n })\n\n // Manually check if internet connection is enabled or not\n useEventListener('phone-island-check-connection', () => {\n checkInternetConnection().then((internetIsActive) => {\n if (internetIsActive) {\n eventDispatch('phone-island-internet-connected', {})\n } else {\n eventDispatch('phone-island-internet-disconnected', {})\n }\n })\n })\n\n // Check internet connection every 5 seconds\n useEffect(() => {\n const intervalId = setInterval(() => {\n checkInternetConnection().then((internetIsActive) => {\n if (internetIsActive) {\n eventDispatch('phone-island-internet-connected', {})\n } else {\n eventDispatch('phone-island-internet-disconnected', {})\n }\n })\n }, 5000)\n\n return () => clearInterval(intervalId)\n }, [])\n\n useEventListener('phone-island-main-presence', (data: any) => {\n const currentUsernameInformation: any = store.getState().currentUser?.username\n const currentUserObject: any = store.getState().currentUser\n let mainPresenceValueBeforeUpdate = currentUserObject?.mainPresence\n if (\n currentUsernameInformation !== undefined &&\n currentUsernameInformation !== '' &&\n !isEmpty(data[currentUsernameInformation]) &&\n data[currentUsernameInformation]?.mainPresence !== undefined\n ) {\n let newMainPresenceValue = data[currentUsernameInformation]?.mainPresence\n store.dispatch.currentUser.updateMainPresence(data[currentUsernameInformation]?.mainPresence)\n let mainPresenceValueAfterUpdate = newMainPresenceValue\n if (mainPresenceValueAfterUpdate === 'online' && mainPresenceValueBeforeUpdate !== 'online') {\n eventDispatch('phone-island-call-ended', {})\n }\n }\n })\n\n useEventListener('phone-island-call-status', () => {\n const callInformation = store.getState().currentCall\n console.log('Call status debug informations: ', callInformation)\n })\n\n useEventListener('phone-island-user-status', () => {\n const userInformation = store.getState().currentUser\n console.log('User status debug informations: ', userInformation)\n })\n\n useEventListener('phone-island-all-users-status', () => {\n const allUsersInformation = store.getState().users\n console.log('Users status debug informations: ', allUsersInformation)\n })\n\n useEventListener('phone-island-status', () => {\n const phoneIslandInformation = store.getState().island\n console.log('Phone island status debug informations: ', phoneIslandInformation)\n })\n\n useEventListener('phone-island-webrtc-status', () => {\n const webrtcInformation = store.getState().webrtc\n console.log('Webrtc status debug informations: ', webrtcInformation)\n })\n\n useEventListener('phone-island-player-status', () => {\n const playerInformation = store.getState().player\n console.log('Player status debug informations: ', playerInformation)\n })\n\n useEventListener('phone-island-screen-share-status', () => {\n const screenShareInformation = store.getState().screenShare\n console.log('Screen share status debug information: ', screenShareInformation)\n })\n\n useEventListener('phone-island-player-force-stop', () => {\n store.dispatch.player.reset()\n console.log('Audio player is interrupted')\n })\n\n useEventListener('phone-island-sideview-open', () => {\n store.dispatch.island.toggleSideViewVisible(true)\n eventDispatch('phone-island-sideview-opened', {})\n })\n\n useEventListener('phone-island-sideview-close', () => {\n store.dispatch.island.toggleSideViewVisible(false)\n eventDispatch('phone-island-sideview-closed', {})\n })\n\n useEventListener('phone-island-size-change', (args: any) => {\n const { sideViewIsVisible } = store.getState().island\n\n // Get current dimensions from args\n const { sizeInformation } = args\n\n // // Calculate extra row dimension ( side view and back call )\n const updatedSizeInformation = {\n ...sizeInformation,\n right: sideViewIsVisible ? '42px' : '0px',\n top: isBackCallActive() ? '40px' : '0px',\n }\n eventDispatch('phone-island-size-changed', { sizes: updatedSizeInformation })\n })\n\n // Listen for the call end event and set the island size to 0\n useEventListener('phone-island-call-ended', () => {\n const sizeInformation: any = {\n width: '0px',\n height: '0px',\n }\n eventDispatch('phone-island-size-change', { sizeInformation })\n eventDispatch('phone-island-sideview-close', {})\n store.dispatch.island.resetIslandStore()\n })\n\n return (\n <>\n <Provider store={store}>\n <WebRTC\n hostName={HOST_NAME}\n sipExten={SIP_EXTEN}\n sipSecret={SIP_SECRET}\n sipHost={SIP_HOST}\n sipPort={SIP_PORT}\n reload={reload}\n reloadedCallback={() => setReloadedWebRTC(true)}\n uaType={uaType}\n >\n <RestAPI hostName={HOST_NAME} username={USERNAME} authToken={AUTH_TOKEN}>\n <Socket\n hostName={HOST_NAME}\n username={USERNAME}\n authToken={AUTH_TOKEN}\n reload={reload}\n reloadedCallback={() => setReloadedSocket(true)}\n uaType={uaType}\n >\n <Events sipHost={SIP_HOST}>\n <Island showAlways={showAlways} />\n </Events>\n </Socket>\n </RestAPI>\n </WebRTC>\n </Provider>\n </>\n )\n}\n\nPhoneIsland.displayName = 'PhoneIsland'\n"],"names":["PhoneIsland","_a","dataConfig","_b","showAlways","uaType","CONFIG","Base64","atob","split","HOST_NAME","USERNAME","AUTH_TOKEN","SIP_EXTEN","SIP_SECRET","SIP_HOST","SIP_PORT","_c","useState","reload","setReload","_d","reloadedWebRTC","setReloadedWebRTC","_e","reloadedSocket","setReloadedSocket","useEffect","worker","Worker","wakeUpWorker","type","onmessage","event","data","terminate","useEventListener","store","dispatch","island","toggleIsOpen","eventDispatch","setIslandView","detach","setJSONItem","deviceId","remoteAudioElement","getState","player","remoteAudio","current","setSinkId","then","console","info","catch","err","error","changeOperatorStatus","viewType","_f","firstRenderI18n","setFirstRenderI18n","_g","firstAudioOutputInit","setFirstAudioOutputInit","initI18n","defaultAudioOutputDevice","getJSONItem","checkDarkTheme","theme","setTheme","selectedTheme","currentUser","updateCurrentDefaultDevice","deviceInformationObject","alertType","alerts","setAlert","toString","checkInternetConnection","internetIsActive","intervalId","setInterval","clearInterval","currentUsernameInformation","username","currentUserObject","mainPresenceValueBeforeUpdate","mainPresence","undefined","isEmpty","newMainPresenceValue","updateMainPresence","callInformation","currentCall","log","userInformation","allUsersInformation","users","phoneIslandInformation","webrtcInformation","webrtc","playerInformation","screenShareInformation","screenShare","reset","toggleSideViewVisible","args","sideViewIsVisible","sizeInformation","updatedSizeInformation","__assign","right","top","isBackCallActive","sizes","width","height","resetIslandStore","React","createElement","Fragment","Provider","WebRTC","hostName","sipExten","sipSecret","sipHost","sipPort","reloadedCallback","RestAPI","authToken","Socket","Events","Island","displayName"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sources":["../../../src/components/CallView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport {\n muteCurrentCall,\n unmuteCurrentCall,\n pauseCurrentCall,\n unpauseCurrentCall,\n parkCurrentCall,\n} from '../../lib/phone/call'\nimport { Button } from '../'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPause,\n faPlay,\n faMicrophone,\n faMicrophoneSlash,\n faArrowDownUpAcrossLine,\n faSquareParking,\n faChevronDown,\n faChevronUp,\n faArrowRightArrowLeft,\n faUserPlus,\n} from '@fortawesome/free-solid-svg-icons'\nimport { faClose, faGridRound, faOpen } from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState, Dispatch } from '../../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store } from '../../store'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport TransferButton from '../TransferButton'\nimport { isWebRTC } from '../../lib/user/default_device'\nimport { sendPhysicalDTMF } from '../../services/astproxy'\n\nconst Actions: FC = () => {\n // Get multiple values from currentCall store\n const { paused, muted, isRecording } = useSelector((state: RootState) => state.currentCall)\n const parked = useSelector((state: RootState) => state.currentCall.parked)\n\n // Get isOpen and view from island store\n const { view, actionsExpanded, sideViewIsVisible, isConferenceList } = useSelector(\n (state: RootState) => state.island,\n )\n const transferring = useSelector((state: RootState) => state.currentCall.transferring)\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n\n const dispatch = useDispatch<Dispatch>()\n\n function openKeypad() {\n dispatch.island.setIslandView(view !== 'keypad' ? 'keypad' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-keypad-opened', {})\n }\n useEventListener('phone-island-call-keypad-open', () => {\n openKeypad()\n })\n\n function transfer() {\n // Open the transfer view\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-transfer-opened', {})\n }\n\n useEventListener('phone-island-call-transfer-open', () => {\n transfer()\n })\n useEventListener('phone-island-call-transfer-cancel', () => {\n cancelTransfer()\n })\n\n // Cancels the current transfer through dtmfs\n function cancelTransfer() {\n if (isWebRTC()) {\n sendDTMF('*')\n } else {\n sendPhysicalDTMF('*')\n }\n\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 if (isWebRTC()) {\n sendDTMF('1')\n } else {\n sendPhysicalDTMF('1')\n }\n\n dispatch.player.stopAudioPlayer()\n // The workarround to disable transfer because of the wrong conv.connection value from ws\n if (transferring) {\n setTimeout(() => {\n dispatch.currentCall.updateTransferring(false)\n }, 500)\n }\n\n eventDispatch('phone-island-call-transfer-canceled', {})\n }, 500)\n }\n\n useEventListener('phone-island-call-actions-open', () => {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n })\n useEventListener('phone-island-call-actions-close', () => {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n })\n function toggleActionsExpanded() {\n if (actionsExpanded) {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n eventDispatch('phone-island-sideview-close', {})\n } else {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n }\n }\n\n const addUserConference = () => {\n // Update island store and set conference list view to true\n dispatch.island.toggleConferenceList(isConferenceList ? false : true)\n // Set the island view to transfer list\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-conference-list-opened', {})\n }\n\n const { t } = useTranslation()\n // Phone island header section\n return (\n <>\n <div\n className={`${\n !intrudeListenStatus?.isListen && !intrudeListenStatus?.isIntrude\n ? '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 : intrudeListenStatus.isIntrude\n ? 'pi-mb-6 pi-grid pi-grid-cols-1 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'\n : 'pi-hidden'\n } `}\n >\n {!(intrudeListenStatus?.isIntrude || intrudeListenStatus?.isListen) && (\n <Button\n variant='default'\n active={paused ? true : false}\n onClick={() => (paused ? unpauseCurrentCall() : pauseCurrentCall())}\n data-tooltip-id='tooltip-pause'\n data-tooltip-content={paused ? `${t('Tooltip.Play')}` : `${t('Tooltip.Pause')}`}\n >\n {paused ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPlay} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPause} />\n )}\n </Button>\n )}\n {!intrudeListenStatus?.isListen && (\n <Button\n variant='default'\n active={muted ? true : false}\n onClick={() => (muted ? unmuteCurrentCall() : muteCurrentCall())}\n data-tooltip-id='tooltip-mute'\n data-tooltip-content={muted ? `${t('Tooltip.Unmute')}` : `${t('Tooltip.Mute')}`}\n >\n {muted ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophoneSlash} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophone} />\n )}\n </Button>\n )}\n\n <TransferButton />\n\n {!(intrudeListenStatus.isIntrude || intrudeListenStatus.isListen) && (\n <Button\n active={actionsExpanded}\n variant='transparent'\n onClick={() => toggleActionsExpanded()}\n data-tooltip-id='tooltip-expand'\n data-tooltip-content={\n actionsExpanded ? `${t('Tooltip.Collapse')}` : `${t('Tooltip.Expand')}`\n }\n >\n {actionsExpanded ? (\n <FontAwesomeIcon\n className='pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6'\n icon={faChevronUp}\n />\n ) : (\n <FontAwesomeIcon\n className='pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6'\n icon={faChevronDown}\n />\n )}\n </Button>\n )}\n </div>\n {/* Actions expanded section */}\n {actionsExpanded ? (\n <>\n {' '}\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 <Button\n active={view === 'keypad'}\n variant='default'\n onClick={openKeypad}\n data-tooltip-id='tooltip-keyboard'\n data-tooltip-content={t('Tooltip.Keyboard') || ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faGridRound} />\n </Button>\n <Button\n active={parked}\n variant='default'\n onClick={parkCurrentCall}\n data-tooltip-id='tooltip-park'\n data-tooltip-content={t('Tooltip.Park') || ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faSquareParking} />\n </Button>\n {/* Hidden at the moment waiting for the conference feature to be implemented */}\n {/* <Button\n data-stop-propagation={true}\n disabled={true}\n variant='default'\n onClick={() => addUserConference()}\n data-tooltip-id='tooltip-conference'\n data-tooltip-content={t('Tooltip.Conference') || ''}\n >\n <FontAwesomeIcon icon={faUserPlus} className='pi-h-6 pi-w-6' />\n </Button> */}\n <Button\n variant='default'\n onClick={() =>\n sideViewIsVisible\n ? eventDispatch('phone-island-sideview-close', {})\n : eventDispatch('phone-island-sideview-open', {})\n }\n data-tooltip-id='tooltip-sideView'\n data-tooltip-content={t('Tooltip.Other actions') || ''}\n >\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={sideViewIsVisible ? faClose : faOpen}\n />\n </Button>\n </div>\n </>\n ) : (\n <></>\n )}\n {/* Buttons tooltips */}\n <CustomThemedTooltip id='tooltip-transfer' place='bottom' />\n <CustomThemedTooltip id='tooltip-pause' place='bottom' />\n <CustomThemedTooltip id='tooltip-mute' place='bottom' />\n <CustomThemedTooltip id='tooltip-expand' place='bottom' />\n <CustomThemedTooltip id='tooltip-keyboard' place='bottom' />\n <CustomThemedTooltip id='tooltip-conference' place='bottom' />\n <CustomThemedTooltip id='tooltip-park' place='bottom' />\n <CustomThemedTooltip id='tooltip-sideView' place='left' />\n </>\n )\n}\n\nexport default Actions\n"],"names":["_a","useSelector","state","currentCall","paused","muted","isRecording","parked","_b","island","view","actionsExpanded","sideViewIsVisible","isConferenceList","transferring","intrudeListenStatus","listen","dispatch","useDispatch","openKeypad","setIslandView","eventDispatch","useEventListener","isWebRTC","sendDTMF","sendPhysicalDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","cancelTransfer","toggleActionsExpanded","t","useTranslation","React","createElement","Fragment","className","concat","isListen","isIntrude","Button","variant","active","onClick","unpauseCurrentCall","pauseCurrentCall","FontAwesomeIcon","icon","faPlay","faPause","unmuteCurrentCall","muteCurrentCall","faMicrophoneSlash","faMicrophone","TransferButton","faChevronUp","faChevronDown","faGridRound","parkCurrentCall","faSquareParking","faClose","faOpen","CustomThemedTooltip","id","place"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Actions.js","sources":["../../../src/components/CallView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport {\n muteCurrentCall,\n unmuteCurrentCall,\n pauseCurrentCall,\n unpauseCurrentCall,\n parkCurrentCall,\n} from '../../lib/phone/call'\nimport { Button } from '../'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPause,\n faPlay,\n faMicrophone,\n faMicrophoneSlash,\n faSquareParking,\n faChevronDown,\n faChevronUp,\n} from '@fortawesome/free-solid-svg-icons'\nimport { faClose, faGridRound, faOpen } from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState, Dispatch } from '../../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store } from '../../store'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport TransferButton from '../TransferButton'\nimport { isWebRTC } from '../../lib/user/default_device'\nimport { sendPhysicalDTMF } from '../../services/astproxy'\n\nconst Actions: FC = () => {\n // Get multiple values from currentCall store\n const { paused, muted, isRecording } = useSelector((state: RootState) => state.currentCall)\n const parked = useSelector((state: RootState) => state.currentCall.parked)\n\n // Get isOpen and view from island store\n const { view, actionsExpanded, sideViewIsVisible, isConferenceList } = useSelector(\n (state: RootState) => state.island,\n )\n const transferring = useSelector((state: RootState) => state.currentCall.transferring)\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n\n const dispatch = useDispatch<Dispatch>()\n\n function openKeypad() {\n dispatch.island.setIslandView(view !== 'keypad' ? 'keypad' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-keypad-opened', {})\n }\n useEventListener('phone-island-call-keypad-open', () => {\n openKeypad()\n })\n\n function transfer() {\n // Open the transfer view\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-transfer-opened', {})\n }\n\n useEventListener('phone-island-call-transfer-open', () => {\n transfer()\n })\n useEventListener('phone-island-call-transfer-cancel', () => {\n cancelTransfer()\n })\n\n // Cancels the current transfer through dtmfs\n function cancelTransfer() {\n if (isWebRTC()) {\n sendDTMF('*')\n } else {\n sendPhysicalDTMF('*')\n }\n\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 if (isWebRTC()) {\n sendDTMF('1')\n } else {\n sendPhysicalDTMF('1')\n }\n\n dispatch.player.stopAudioPlayer()\n // The workarround to disable transfer because of the wrong conv.connection value from ws\n if (transferring) {\n setTimeout(() => {\n dispatch.currentCall.updateTransferring(false)\n }, 500)\n }\n\n eventDispatch('phone-island-call-transfer-canceled', {})\n }, 500)\n }\n\n useEventListener('phone-island-call-actions-open', () => {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n })\n useEventListener('phone-island-call-actions-close', () => {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n })\n function toggleActionsExpanded() {\n if (actionsExpanded) {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n eventDispatch('phone-island-sideview-close', {})\n } else {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n }\n }\n\n const addUserConference = () => {\n // Update island store and set conference list view to true\n dispatch.island.toggleConferenceList(isConferenceList ? false : true)\n // Set the island view to transfer list\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-conference-list-opened', {})\n }\n\n const { t } = useTranslation()\n // Phone island header section\n return (\n <>\n <div\n className={`${\n !intrudeListenStatus?.isListen && !intrudeListenStatus?.isIntrude\n ? '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 : intrudeListenStatus.isIntrude\n ? 'pi-mb-6 pi-grid pi-grid-cols-1 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'\n : 'pi-hidden'\n } `}\n >\n {!(intrudeListenStatus?.isIntrude || intrudeListenStatus?.isListen) && (\n <Button\n variant='default'\n active={paused ? true : false}\n onClick={() => (paused ? unpauseCurrentCall() : pauseCurrentCall())}\n data-tooltip-id='tooltip-pause'\n data-tooltip-content={paused ? `${t('Tooltip.Play')}` : `${t('Tooltip.Pause')}`}\n >\n {paused ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPlay} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPause} />\n )}\n </Button>\n )}\n {!intrudeListenStatus?.isListen && (\n <Button\n variant='default'\n active={muted ? true : false}\n onClick={() => (muted ? unmuteCurrentCall() : muteCurrentCall())}\n data-tooltip-id='tooltip-mute'\n data-tooltip-content={muted ? `${t('Tooltip.Unmute')}` : `${t('Tooltip.Mute')}`}\n >\n {muted ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophoneSlash} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophone} />\n )}\n </Button>\n )}\n\n <TransferButton />\n\n {!(intrudeListenStatus.isIntrude || intrudeListenStatus.isListen) && (\n <Button\n active={actionsExpanded}\n variant='transparent'\n onClick={() => toggleActionsExpanded()}\n data-tooltip-id='tooltip-expand'\n data-tooltip-content={\n actionsExpanded ? `${t('Tooltip.Collapse')}` : `${t('Tooltip.Expand')}`\n }\n >\n {actionsExpanded ? (\n <FontAwesomeIcon\n className='pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6'\n icon={faChevronUp}\n />\n ) : (\n <FontAwesomeIcon\n className='pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6'\n icon={faChevronDown}\n />\n )}\n </Button>\n )}\n </div>\n {/* Actions expanded section */}\n {actionsExpanded ? (\n <>\n {' '}\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 <Button\n active={view === 'keypad'}\n variant='default'\n onClick={openKeypad}\n data-tooltip-id='tooltip-keyboard'\n data-tooltip-content={t('Tooltip.Keyboard') || ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faGridRound} />\n </Button>\n <Button\n active={parked}\n variant='default'\n onClick={parkCurrentCall}\n data-tooltip-id='tooltip-park'\n data-tooltip-content={t('Tooltip.Park') || ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faSquareParking} />\n </Button>\n {/* Hidden at the moment waiting for the conference feature to be implemented */}\n {/* <Button\n data-stop-propagation={true}\n disabled={true}\n variant='default'\n onClick={() => addUserConference()}\n data-tooltip-id='tooltip-conference'\n data-tooltip-content={t('Tooltip.Conference') || ''}\n >\n <FontAwesomeIcon icon={faUserPlus} className='pi-h-6 pi-w-6' />\n </Button> */}\n <Button\n variant='default'\n onClick={() =>\n sideViewIsVisible\n ? eventDispatch('phone-island-sideview-close', {})\n : eventDispatch('phone-island-sideview-open', {})\n }\n data-tooltip-id='tooltip-sideView'\n data-tooltip-content={t('Tooltip.Other actions') || ''}\n >\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={sideViewIsVisible ? faClose : faOpen}\n />\n </Button>\n </div>\n </>\n ) : (\n <></>\n )}\n {/* Buttons tooltips */}\n <CustomThemedTooltip id='tooltip-transfer' place='bottom' />\n <CustomThemedTooltip id='tooltip-pause' place='bottom' />\n <CustomThemedTooltip id='tooltip-mute' place='bottom' />\n <CustomThemedTooltip id='tooltip-expand' place='bottom' />\n <CustomThemedTooltip id='tooltip-keyboard' place='bottom' />\n <CustomThemedTooltip id='tooltip-conference' place='bottom' />\n <CustomThemedTooltip id='tooltip-park' place='bottom' />\n <CustomThemedTooltip id='tooltip-sideView' place='left' />\n </>\n )\n}\n\nexport default Actions\n"],"names":["_a","useSelector","state","currentCall","paused","muted","isRecording","parked","_b","island","view","actionsExpanded","sideViewIsVisible","isConferenceList","transferring","intrudeListenStatus","listen","dispatch","useDispatch","openKeypad","setIslandView","eventDispatch","useEventListener","isWebRTC","sendDTMF","sendPhysicalDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","cancelTransfer","toggleActionsExpanded","t","useTranslation","React","createElement","Fragment","className","concat","isListen","isIntrude","Button","variant","active","onClick","unpauseCurrentCall","pauseCurrentCall","FontAwesomeIcon","icon","faPlay","faPause","unmuteCurrentCall","muteCurrentCall","faMicrophoneSlash","faMicrophone","TransferButton","faChevronUp","faChevronDown","faGridRound","parkCurrentCall","faSquareParking","faClose","faOpen","CustomThemedTooltip","id","place"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js"),t=require("../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),d=require("../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),h=function(a){var h=a.children,c=d.useSelector((function(e){return e.currentCall})),r=c.incoming,o=c.outgoing,s=c.accepted,l=c.transferring,p=c.incomingWebRTC,g=c.incomingSocket,u=d.useSelector((function(e){return e.listen})).isListen,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js"),t=require("../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),d=require("../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),h=function(a){var h=a.children,c=d.useSelector((function(e){return e.currentCall})),r=c.incoming,o=c.outgoing,s=c.accepted,l=c.transferring,p=c.incomingWebRTC,g=c.incomingSocket,u=d.useSelector((function(e){return e.listen})).isListen,x=d.useSelector((function(e){return e.island})),w=x.view,v=x.isOpen,f=x.actionsExpanded,m=x.sideViewIsVisible,_=d.useSelector((function(e){return e.alerts.status})).activeAlertsCount,b=d.useSelector((function(e){return e.motions})),k=b.variants,y=b.border_radius_collapsed,j=b.border_radius_expanded,E=b.padding_x_collapsed,S=b.padding_y_collapsed,q=b.padding_expanded,D=b.alert_padding_expanded,C=e.useMemo((function(){var e={width:0,height:0,padding:q};switch(w){case"call":v?s&&l?e=f?{width:k.call.expanded.transfer.actionsExpanded.width,height:k.call.expanded.transfer.actionsExpanded.height}:{width:k.call.expanded.transfer.width,height:k.call.expanded.transfer.height}:s&&f?e={width:k.call.expanded.accepted.actionsExpanded.width,height:k.call.expanded.accepted.actionsExpanded.height}:s&&!u?e={width:k.call.expanded.accepted.width,height:k.call.expanded.accepted.height}:s&&u?e={width:k.call.expanded.listening.width,height:k.call.expanded.listening.height}:r?e={width:k.call.expanded.incoming.width,height:k.call.expanded.incoming.height}:o&&(e={width:k.call.expanded.outgoing.width,height:k.call.expanded.outgoing.height}):e={width:k.call.collapsed.width,height:k.call.collapsed.height};break;case"keypad":e=v?{width:k.keypad.expanded.width,height:k.keypad.expanded.height}:{width:k.transfer.collapsed.width,height:k.transfer.collapsed.height};break;case"video":e=v?{width:k.video.expanded.width,height:k.video.expanded.height,padding:k.video.expanded.padding}:{width:k.video.collapsed.width,height:k.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=v?{width:k[w].expanded.width,height:k[w].expanded.height}:{width:k[w].collapsed.width,height:k[w].collapsed.height};break;case"switchDevice":e=v?{width:k.switchDevice.expanded.width,height:k.switchDevice.expanded.height}:{width:k.video.collapsed.width,height:k.video.collapsed.height}}var i=_>0;return{width:"".concat(0===e.width&&i?k.alerts.width:e.width,"px"),height:"".concat(i&&v?k.alerts.height+(0===e.height?2*D:D):e.height,"px"),borderRadius:"".concat(v?j:y,"px"),padding:v?null!=e.padding?"".concat(e.padding,"px"):"".concat(q,"px"):"".concat(E,"px ").concat(S,"px")}}),[w,v,s,l,f,u,r,o,_,k,y,j,E,S,q,D,p,g]);return e.useEffect((function(){var e={};e.width=null==C?void 0:C.width,e.height=null==C?void 0:C.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})}),[C,w,v,s,l,f,u,r,o,_,k,y,j,E,S,q,D,m,g,p]),n.default.createElement(t.motion.div,{className:"".concat(v?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:C},h)};exports.IslandMotion=h,exports.default=h;
|
|
2
2
|
//# sourceMappingURL=IslandMotion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n // Retrieve needed stored variables\n const { incoming, outgoing, accepted, transferring, incomingWebRTC, incomingSocket } =\n useSelector((state: RootState) => state.currentCall)\n const { isListen } = useSelector((state: RootState) => state.listen)\n const { view, isOpen, actionsExpanded, sideViewIsVisible } = useSelector(\n (state: RootState) => state.island,\n )\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n const {\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n } = useSelector((state: RootState) => state.motions)\n\n const motionVariants = useMemo(() => {\n // Initial size\n let size: SizeTypes = {\n width: 0,\n height: 0,\n padding: padding_expanded,\n }\n\n switch (view) {\n case 'call':\n if (isOpen) {\n if (accepted && transferring) {\n if (actionsExpanded) {\n size = {\n width: variants.call.expanded.transfer.actionsExpanded.width,\n height: variants.call.expanded.transfer.actionsExpanded.height,\n }\n } else {\n size = {\n width: variants.call.expanded.transfer.width,\n height: variants.call.expanded.transfer.height,\n }\n }\n } else if (accepted && actionsExpanded) {\n size = {\n width: variants.call.expanded.accepted.actionsExpanded.width,\n height: variants.call.expanded.accepted.actionsExpanded.height,\n }\n } else if (accepted && !isListen) {\n size = {\n width: variants.call.expanded.accepted.width,\n height: variants.call.expanded.accepted.height,\n }\n } else if (accepted && isListen) {\n size = {\n width: variants.call.expanded.listening.width,\n height: variants.call.expanded.listening.height,\n }\n } else if (incoming) {\n size = {\n width: variants.call.expanded.incoming.width,\n height: variants.call.expanded.incoming.height,\n }\n } else if (outgoing) {\n size = {\n width: variants.call.expanded.outgoing.width,\n height: variants.call.expanded.outgoing.height,\n }\n }\n } else {\n size = {\n width: variants.call.collapsed.width,\n height: variants.call.collapsed.height,\n }\n }\n break\n\n case 'keypad':\n size = isOpen\n ? {\n width: variants.keypad.expanded.width,\n height: variants.keypad.expanded.height,\n }\n : {\n width: variants.transfer.collapsed.width,\n height: variants.transfer.collapsed.height,\n }\n break\n\n case 'video':\n if (isOpen) {\n size = {\n width: variants.video.expanded.width,\n height: variants.video.expanded.height,\n padding: 0,\n }\n } else {\n size = {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n }\n break\n case 'transfer':\n case 'player':\n case 'recorder':\n case 'physicalPhoneRecorder':\n case 'settings':\n case 'conference':\n size = isOpen\n ? {\n width: variants[view].expanded.width,\n height: variants[view].expanded.height,\n }\n : {\n width: variants[view].collapsed.width,\n height: variants[view].collapsed.height,\n }\n break\n\n case 'switchDevice':\n size = isOpen\n ? {\n width: variants.switchDevice.expanded.width,\n height: variants.switchDevice.expanded.height,\n }\n : {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n break\n }\n\n const isAlert: boolean = activeAlertsCount > 0\n\n return {\n width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n height: `${\n // If there is an alert and the island is open put the correct height\n isAlert && isOpen\n ? variants.alerts.height +\n (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n : size.height\n }px`,\n borderRadius: isOpen ? `${border_radius_expanded}px` : `${border_radius_collapsed}px`,\n padding: isOpen\n ? size.padding != undefined\n ? size.padding\n : `${padding_expanded}px`\n : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n }\n }, [\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n incomingWebRTC,\n incomingSocket,\n ])\n\n useEffect(() => {\n let sizeInformation: any = {}\n sizeInformation.width = motionVariants?.width\n sizeInformation.height = motionVariants?.height\n eventDispatch('phone-island-size-change', {\n sizeInformation,\n })\n }, [\n motionVariants,\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n sideViewIsVisible,\n incomingSocket,\n incomingWebRTC,\n ])\n\n return (\n <motion.div\n className={`${\n isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n } pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow`}\n animate={motionVariants}\n >\n {children}\n </motion.div>\n )\n}\n\ninterface IslandMotionProps {\n children: ReactNode\n}\n\ntype SizeTypes = {\n width: number\n height: number\n padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","collapsed","keypad","video","switchDevice","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n // Retrieve needed stored variables\n const { incoming, outgoing, accepted, transferring, incomingWebRTC, incomingSocket } =\n useSelector((state: RootState) => state.currentCall)\n const { isListen } = useSelector((state: RootState) => state.listen)\n const { view, isOpen, actionsExpanded, sideViewIsVisible } = useSelector(\n (state: RootState) => state.island,\n )\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n const {\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n } = useSelector((state: RootState) => state.motions)\n\n const motionVariants = useMemo(() => {\n // Initial size\n let size: SizeTypes = {\n width: 0,\n height: 0,\n padding: padding_expanded,\n }\n\n switch (view) {\n case 'call':\n if (isOpen) {\n if (accepted && transferring) {\n if (actionsExpanded) {\n size = {\n width: variants.call.expanded.transfer.actionsExpanded.width,\n height: variants.call.expanded.transfer.actionsExpanded.height,\n }\n } else {\n size = {\n width: variants.call.expanded.transfer.width,\n height: variants.call.expanded.transfer.height,\n }\n }\n } else if (accepted && actionsExpanded) {\n size = {\n width: variants.call.expanded.accepted.actionsExpanded.width,\n height: variants.call.expanded.accepted.actionsExpanded.height,\n }\n } else if (accepted && !isListen) {\n size = {\n width: variants.call.expanded.accepted.width,\n height: variants.call.expanded.accepted.height,\n }\n } else if (accepted && isListen) {\n size = {\n width: variants.call.expanded.listening.width,\n height: variants.call.expanded.listening.height,\n }\n } else if (incoming) {\n size = {\n width: variants.call.expanded.incoming.width,\n height: variants.call.expanded.incoming.height,\n }\n } else if (outgoing) {\n size = {\n width: variants.call.expanded.outgoing.width,\n height: variants.call.expanded.outgoing.height,\n }\n }\n } else {\n size = {\n width: variants.call.collapsed.width,\n height: variants.call.collapsed.height,\n }\n }\n break\n\n case 'keypad':\n size = isOpen\n ? {\n width: variants.keypad.expanded.width,\n height: variants.keypad.expanded.height,\n }\n : {\n width: variants.transfer.collapsed.width,\n height: variants.transfer.collapsed.height,\n }\n break\n\n case 'video':\n if (isOpen) {\n size = {\n width: variants.video.expanded.width,\n height: variants.video.expanded.height,\n padding: variants.video.expanded.padding,\n }\n } else {\n size = {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n }\n break\n case 'transfer':\n case 'player':\n case 'recorder':\n case 'physicalPhoneRecorder':\n case 'settings':\n case 'conference':\n size = isOpen\n ? {\n width: variants[view].expanded.width,\n height: variants[view].expanded.height,\n }\n : {\n width: variants[view].collapsed.width,\n height: variants[view].collapsed.height,\n }\n break\n\n case 'switchDevice':\n size = isOpen\n ? {\n width: variants.switchDevice.expanded.width,\n height: variants.switchDevice.expanded.height,\n }\n : {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n break\n }\n\n const isAlert: boolean = activeAlertsCount > 0\n\n return {\n width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n height: `${\n // If there is an alert and the island is open put the correct height\n isAlert && isOpen\n ? variants.alerts.height +\n (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n : size.height\n }px`,\n borderRadius: isOpen ? `${border_radius_expanded}px` : `${border_radius_collapsed}px`,\n padding: isOpen\n ? size.padding != undefined\n ? `${size.padding}px`\n : `${padding_expanded}px`\n : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n }\n }, [\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n incomingWebRTC,\n incomingSocket,\n ])\n\n useEffect(() => {\n let sizeInformation: any = {}\n sizeInformation.width = motionVariants?.width\n sizeInformation.height = motionVariants?.height\n eventDispatch('phone-island-size-change', {\n sizeInformation,\n })\n }, [\n motionVariants,\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n sideViewIsVisible,\n incomingSocket,\n incomingWebRTC,\n ])\n\n return (\n <motion.div\n className={`${\n isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n } pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow`}\n animate={motionVariants}\n >\n {children}\n </motion.div>\n )\n}\n\ninterface IslandMotionProps {\n children: ReactNode\n}\n\ntype SizeTypes = {\n width: number\n height: number\n padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","collapsed","keypad","video","switchDevice","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../store/index.js"),i=require("../Button.js"),o=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),n=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var s=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var l=require("../../lib/phone/call.js"),a=require("../CustomThemedTooltip.js"),d=require("../../utils/deviceUtils.js"),u=require("../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../store/index.js"),i=require("../Button.js"),o=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),n=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var s=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var l=require("../../lib/phone/call.js"),a=require("../CustomThemedTooltip.js"),d=require("../../utils/deviceUtils.js"),u=require("../../lib/webrtc/janus.js"),c=require("../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js"),p=require("../../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),m=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),f=require("../../node_modules/react-redux/es/hooks/useSelector.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=v(e);exports.default=function(v){var w,x,g,j,b,q,S,_,E,T,C=v.isVisible,y=m.useDispatch(),A=f.useSelector((function(e){return e.island})).isOpen,V=f.useSelector((function(e){return e.currentCall})).isRecording,R=f.useSelector((function(e){return e.currentUser})),D=f.useSelector((function(e){return e.users})),I=s.useTranslation().t,k=e.useState([]),N=k[0],B=k[1],F=t.store.select.mediaDevices.videoInputDevices(t.store.getState()),P=e.useRef(u.default),O=function(e){y.island.toggleSideViewVisible(!1),null!==e&&y.island.setIslandView(e)};return e.useEffect((function(){B(d.getAvailableDevices(R,D))}),[]),h.default.createElement(h.default.Fragment,null,h.default.createElement(c.AnimatePresence,null,C&&h.default.createElement(p.motion.div,{className:"pi-absolute pi-h-full pi-bg-gray-700 pi-flex pi-flex-col pi-items-center pi-text-gray-50 dark:pi-text-gray-50 -pi-mr-10 pi-right-0 -pi-z-10 pi-pointer-events-auto ".concat(A?"pi-py-6":"pi-py-4"),style:{borderTopRightRadius:"20px",borderBottomRightRadius:"20px",width:"80px",transformOrigin:"right"},initial:{x:-76},animate:{x:4,transition:{duration:.2,ease:"easeOut"}},exit:{x:-76,transition:{duration:.2,ease:"easeIn"}}},h.default.createElement("div",{className:"pi-flex pi-flex-col pi-items-center pi-gap-3.5 pi-flex-1 pi-ml-9"},(null===(b=null===(j=null===(g=null===(x=null===(w=null==R?void 0:R.profile)||void 0===w?void 0:w.macro_permissions)||void 0===x?void 0:x.settings)||void 0===g?void 0:g.permissions)||void 0===j?void 0:j.recording)||void 0===b?void 0:b.value)&&h.default.createElement(i.Button,{active:V,"data-stop-propagation":!0,variant:"transparentSideView",onClick:function(){return l.recordCurrentCall(V)},"data-tooltip-id":"tooltip-record","data-tooltip-content":V?I("Tooltip.Stop recording")||"":I("Tooltip.Record")||""},V?h.default.createElement(o.FontAwesomeIcon,{icon:r.faStop,className:"pi-h-5 pi-w-5 pi-text-white"}):h.default.createElement(o.FontAwesomeIcon,{className:"pi-h-5 pi-w-5 pi-text-white",icon:n.faRecord})),(null==F?void 0:F.length)>0&&h.default.createElement(i.Button,{variant:"transparentSideView",onClick:function(){return O("video"),void t.store.dispatch.currentCall.updateCurrentCall({isLocalVideoEnabled:!0,isStartingVideoCall:!0})},"data-tooltip-id":"tooltip-video","data-tooltip-content":I("Tooltip.Enable camera")||""},h.default.createElement(o.FontAwesomeIcon,{className:"pi-h-5 pi-w-5 pi-text-white",icon:r.faVideo})),"safari"!==P.current.webRTCAdapter.browserDetails.browser&&(null===(T=null===(E=null===(_=null===(S=null===(q=null==R?void 0:R.profile)||void 0===q?void 0:q.macro_permissions)||void 0===S?void 0:S.nethvoice_cti)||void 0===_?void 0:_.permissions)||void 0===E?void 0:E.screen_sharing)||void 0===T?void 0:T.value)&&h.default.createElement(i.Button,{variant:"transparentSideView",onClick:function(){return O("video"),void t.store.dispatch.screenShare.update({isStartingScreenShare:!0})},"data-tooltip-id":"tooltip-screen-share","data-tooltip-content":I("Tooltip.Share screen")||""},h.default.createElement(o.FontAwesomeIcon,{className:"pi-h-5 pi-w-5 pi-text-white",icon:r.faDisplay})),(null==N?void 0:N.length)>0&&h.default.createElement(i.Button,{variant:"transparentSideView","data-tooltip-id":"tooltip-switch-device","data-tooltip-content":I("Tooltip.Switch device")||"",onClick:function(){return O("switchDevice")}},h.default.createElement(o.FontAwesomeIcon,{className:"pi-h-5 pi-w-5 pi-text-white",icon:n.faArrowsRepeat}))))),h.default.createElement(a.CustomThemedTooltip,{id:"tooltip-record",place:"left"}),h.default.createElement(a.CustomThemedTooltip,{id:"tooltip-video",place:"left"}),h.default.createElement(a.CustomThemedTooltip,{id:"tooltip-screen-share",place:"left"}),h.default.createElement(a.CustomThemedTooltip,{id:"tooltip-switch-device",place:"left"}))};
|
|
2
2
|
//# sourceMappingURL=SideView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideView.js","sources":["../../../src/components/SideView/SideView.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState, store } from '../../store'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDisplay, faStop, faVideo } from '@fortawesome/free-solid-svg-icons'\nimport { faArrowsRepeat, faRecord } from '@nethesis/nethesis-solid-svg-icons'\nimport { useTranslation } from 'react-i18next'\nimport { recordCurrentCall } from '../../lib/phone/call'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { getAvailableDevices } from '../../utils/deviceUtils'\nimport { eventDispatch } from '../../utils'\nimport { JanusTypes } from '../../types/webrtc'\nimport JanusLib from '../../lib/webrtc/janus.js'\n\nconst SideView: FC<SideViewTypes> = ({ isVisible }) => {\n const dispatch = useDispatch<Dispatch>()\n const { isOpen } = useSelector((state: RootState) => state.island)\n const { isRecording } = useSelector((state: RootState) => state.currentCall)\n const userInformation = useSelector((state: RootState) => state.currentUser)\n const allUsersInformation = useSelector((state: RootState) => state.users)\n const { t } = useTranslation()\n const [availableDevices, setAvailableDevices] = useState([])\n const videoInputDevices = store.select.mediaDevices.videoInputDevices(store.getState())\n const janus = useRef<JanusTypes>(JanusLib)\n\n const closeSideViewAndLaunchEvent = (viewType: any) => {\n dispatch.island.toggleSideViewVisible(false)\n if (viewType !== null) {\n dispatch.island.setIslandView(viewType)\n }\n }\n\n const goToVideoCall = () => {\n closeSideViewAndLaunchEvent('video')\n\n // wait for island transition to finish\n setTimeout(() => {\n store.dispatch.currentCall.updateCurrentCall({\n isLocalVideoEnabled: true,\n })\n\n eventDispatch('phone-island-video-enable', {})\n }, 500)\n }\n\n const goToScreenSharing = () => {\n closeSideViewAndLaunchEvent('video')\n\n // wait for island transition to finish\n setTimeout(() => {\n eventDispatch('phone-island-screen-share-start', {})\n }, 500)\n }\n\n useEffect(() => {\n // check available devices\n\n setAvailableDevices(getAvailableDevices(userInformation, allUsersInformation))\n }, [])\n\n return (\n <>\n <AnimatePresence>\n {isVisible && (\n <motion.div\n className={`pi-absolute pi-h-full pi-bg-gray-700 pi-flex pi-flex-col pi-items-center pi-text-gray-50 dark:pi-text-gray-50 -pi-mr-10 pi-right-0 -pi-z-10 pi-pointer-events-auto ${\n isOpen ? 'pi-py-6' : 'pi-py-4'\n }`}\n style={{\n borderTopRightRadius: '20px',\n borderBottomRightRadius: '20px',\n width: '80px',\n transformOrigin: 'right',\n }}\n initial={{ x: -76 }}\n animate={{\n x: 4,\n transition: {\n duration: 0.2,\n ease: 'easeOut',\n },\n }}\n exit={{\n x: -76,\n transition: {\n duration: 0.2,\n ease: 'easeIn',\n },\n }}\n >\n <div className='pi-flex pi-flex-col pi-items-center pi-gap-3.5 pi-flex-1 pi-ml-9'>\n {/* Recording button */}\n {userInformation?.profile?.macro_permissions?.settings?.permissions?.recording\n ?.value && (\n <Button\n active={isRecording}\n data-stop-propagation={true}\n variant='transparentSideView'\n onClick={() => recordCurrentCall(isRecording)}\n data-tooltip-id='tooltip-record'\n data-tooltip-content={\n isRecording ? t('Tooltip.Stop recording') || '' : t('Tooltip.Record') || ''\n }\n >\n {isRecording ? (\n <FontAwesomeIcon icon={faStop} className='pi-h-5 pi-w-5 pi-text-white' />\n ) : (\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faRecord} />\n )}\n </Button>\n )}\n {/* Videocall button - show only if there are video devices */}\n {videoInputDevices?.length > 0 && (\n <Button\n variant='transparentSideView'\n onClick={() => goToVideoCall()}\n data-tooltip-id='tooltip-video'\n data-tooltip-content={t('Tooltip.Enable camera') || ''}\n >\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faVideo} />\n </Button>\n )}\n {/* Share screen button */}\n {janus.current.webRTCAdapter.browserDetails.browser !== 'safari' &&\n userInformation?.profile?.macro_permissions?.nethvoice_cti?.permissions\n ?.screen_sharing?.value && (\n <Button\n variant='transparentSideView'\n onClick={() => goToScreenSharing()}\n data-tooltip-id='tooltip-screen-share'\n data-tooltip-content={t('Tooltip.Share screen') || ''}\n >\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faDisplay} />\n </Button>\n )}\n {/* Switch device button - show only if there are available devices */}\n {availableDevices?.length > 0 && (\n <Button\n variant='transparentSideView'\n data-tooltip-id='tooltip-switch-device'\n data-tooltip-content={t('Tooltip.Switch device') || ''}\n onClick={() => closeSideViewAndLaunchEvent('switchDevice')}\n >\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faArrowsRepeat} />\n </Button>\n )}\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n <CustomThemedTooltip id='tooltip-record' place='left' />\n <CustomThemedTooltip id='tooltip-video' place='left' />\n <CustomThemedTooltip id='tooltip-screen-share' place='left' />\n <CustomThemedTooltip id='tooltip-switch-device' place='left' />\n </>\n )\n}\n\nexport default SideView\n\ninterface SideViewTypes {\n isVisible: boolean\n}\n"],"names":["_a","isVisible","dispatch","useDispatch","isOpen","useSelector","state","island","isRecording","currentCall","userInformation","currentUser","allUsersInformation","users","t","useTranslation","_m","useState","availableDevices","setAvailableDevices","videoInputDevices","store","select","mediaDevices","getState","janus","useRef","JanusLib","closeSideViewAndLaunchEvent","viewType","toggleSideViewVisible","setIslandView","useEffect","getAvailableDevices","React","createElement","Fragment","AnimatePresence","motion","div","className","style","borderTopRightRadius","borderBottomRightRadius","width","transformOrigin","initial","x","animate","transition","duration","ease","exit","_f","_d","_c","profile","_b","macro_permissions","settings","permissions","recording","value","Button","active","variant","onClick","recordCurrentCall","FontAwesomeIcon","icon","faStop","faRecord","length","setTimeout","updateCurrentCall","isLocalVideoEnabled","eventDispatch","faVideo","current","webRTCAdapter","browserDetails","browser","_l","_k","_h","_g","nethvoice_cti","_j","screen_sharing","faDisplay","faArrowsRepeat","CustomThemedTooltip","id","place"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SideView.js","sources":["../../../src/components/SideView/SideView.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState, store } from '../../store'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDisplay, faStop, faVideo } from '@fortawesome/free-solid-svg-icons'\nimport { faArrowsRepeat, faRecord } from '@nethesis/nethesis-solid-svg-icons'\nimport { useTranslation } from 'react-i18next'\nimport { recordCurrentCall } from '../../lib/phone/call'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { getAvailableDevices } from '../../utils/deviceUtils'\nimport { JanusTypes } from '../../types/webrtc'\nimport JanusLib from '../../lib/webrtc/janus.js'\n\nconst SideView: FC<SideViewTypes> = ({ isVisible }) => {\n const dispatch = useDispatch<Dispatch>()\n const { isOpen } = useSelector((state: RootState) => state.island)\n const { isRecording } = useSelector((state: RootState) => state.currentCall)\n const userInformation = useSelector((state: RootState) => state.currentUser)\n const allUsersInformation = useSelector((state: RootState) => state.users)\n const { t } = useTranslation()\n const [availableDevices, setAvailableDevices] = useState([])\n const videoInputDevices = store.select.mediaDevices.videoInputDevices(store.getState())\n const janus = useRef<JanusTypes>(JanusLib)\n\n const closeSideViewAndLaunchEvent = (viewType: any) => {\n dispatch.island.toggleSideViewVisible(false)\n if (viewType !== null) {\n dispatch.island.setIslandView(viewType)\n }\n }\n\n const goToVideoCall = () => {\n closeSideViewAndLaunchEvent('video')\n\n store.dispatch.currentCall.updateCurrentCall({\n isLocalVideoEnabled: true,\n isStartingVideoCall: true,\n })\n }\n\n const goToScreenSharing = () => {\n closeSideViewAndLaunchEvent('video')\n\n store.dispatch.screenShare.update({\n isStartingScreenShare: true,\n })\n }\n\n useEffect(() => {\n // check available devices\n\n setAvailableDevices(getAvailableDevices(userInformation, allUsersInformation))\n }, [])\n\n return (\n <>\n <AnimatePresence>\n {isVisible && (\n <motion.div\n className={`pi-absolute pi-h-full pi-bg-gray-700 pi-flex pi-flex-col pi-items-center pi-text-gray-50 dark:pi-text-gray-50 -pi-mr-10 pi-right-0 -pi-z-10 pi-pointer-events-auto ${\n isOpen ? 'pi-py-6' : 'pi-py-4'\n }`}\n style={{\n borderTopRightRadius: '20px',\n borderBottomRightRadius: '20px',\n width: '80px',\n transformOrigin: 'right',\n }}\n initial={{ x: -76 }}\n animate={{\n x: 4,\n transition: {\n duration: 0.2,\n ease: 'easeOut',\n },\n }}\n exit={{\n x: -76,\n transition: {\n duration: 0.2,\n ease: 'easeIn',\n },\n }}\n >\n <div className='pi-flex pi-flex-col pi-items-center pi-gap-3.5 pi-flex-1 pi-ml-9'>\n {/* Recording button */}\n {userInformation?.profile?.macro_permissions?.settings?.permissions?.recording\n ?.value && (\n <Button\n active={isRecording}\n data-stop-propagation={true}\n variant='transparentSideView'\n onClick={() => recordCurrentCall(isRecording)}\n data-tooltip-id='tooltip-record'\n data-tooltip-content={\n isRecording ? t('Tooltip.Stop recording') || '' : t('Tooltip.Record') || ''\n }\n >\n {isRecording ? (\n <FontAwesomeIcon icon={faStop} className='pi-h-5 pi-w-5 pi-text-white' />\n ) : (\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faRecord} />\n )}\n </Button>\n )}\n {/* Videocall button - show only if there are video devices */}\n {videoInputDevices?.length > 0 && (\n <Button\n variant='transparentSideView'\n onClick={() => goToVideoCall()}\n data-tooltip-id='tooltip-video'\n data-tooltip-content={t('Tooltip.Enable camera') || ''}\n >\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faVideo} />\n </Button>\n )}\n {/* Share screen button */}\n {janus.current.webRTCAdapter.browserDetails.browser !== 'safari' &&\n userInformation?.profile?.macro_permissions?.nethvoice_cti?.permissions\n ?.screen_sharing?.value && (\n <Button\n variant='transparentSideView'\n onClick={() => goToScreenSharing()}\n data-tooltip-id='tooltip-screen-share'\n data-tooltip-content={t('Tooltip.Share screen') || ''}\n >\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faDisplay} />\n </Button>\n )}\n {/* Switch device button - show only if there are available devices */}\n {availableDevices?.length > 0 && (\n <Button\n variant='transparentSideView'\n data-tooltip-id='tooltip-switch-device'\n data-tooltip-content={t('Tooltip.Switch device') || ''}\n onClick={() => closeSideViewAndLaunchEvent('switchDevice')}\n >\n <FontAwesomeIcon className='pi-h-5 pi-w-5 pi-text-white' icon={faArrowsRepeat} />\n </Button>\n )}\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n <CustomThemedTooltip id='tooltip-record' place='left' />\n <CustomThemedTooltip id='tooltip-video' place='left' />\n <CustomThemedTooltip id='tooltip-screen-share' place='left' />\n <CustomThemedTooltip id='tooltip-switch-device' place='left' />\n </>\n )\n}\n\nexport default SideView\n\ninterface SideViewTypes {\n isVisible: boolean\n}\n"],"names":["_a","isVisible","dispatch","useDispatch","isOpen","useSelector","state","island","isRecording","currentCall","userInformation","currentUser","allUsersInformation","users","t","useTranslation","_m","useState","availableDevices","setAvailableDevices","videoInputDevices","store","select","mediaDevices","getState","janus","useRef","JanusLib","closeSideViewAndLaunchEvent","viewType","toggleSideViewVisible","setIslandView","useEffect","getAvailableDevices","React","createElement","Fragment","AnimatePresence","motion","div","className","style","borderTopRightRadius","borderBottomRightRadius","width","transformOrigin","initial","x","animate","transition","duration","ease","exit","_f","_d","_c","profile","_b","macro_permissions","settings","permissions","recording","value","Button","active","variant","onClick","recordCurrentCall","FontAwesomeIcon","icon","faStop","faRecord","length","updateCurrentCall","isLocalVideoEnabled","isStartingVideoCall","faVideo","current","webRTCAdapter","browserDetails","browser","_l","_k","_h","_g","nethvoice_cti","_j","screen_sharing","screenShare","update","isStartingScreenShare","faDisplay","faArrowsRepeat","CustomThemedTooltip","id","place"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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"),o=require("../utils/genericFunctions/eventDispatch.js"),c=require("../utils/genericFunctions/withTimeout.js");require("../lib/webrtc/janus.js");var s=require("../store/index.js");require("../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../node_modules/mic-check/lib/index.js");var i=require("../lib/user/default_device.js"),a=require("../events/SocketEvents.js"),u=require("../utils/genericFunctions/timestamp.js"),l=require("../lib/user/extensions.js"),d=require("../utils/genericFunctions/isEmpty.js"),p=require("../node_modules/react-redux/es/hooks/useSelector.js");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 m=require("../node_modules/react-redux/es/hooks/useDispatch.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=v(n);exports.Socket=function(v){var h=v.hostName,g=v.username,y=v.authToken,b=v.reload,k=v.reloadedCallback,S=v.children,C=v.uaType,_=m.useDispatch(),x=n.useRef(),j=n.useRef();p.useSelector((function(e){return e.currentUser}));return n.useEffect((function(){var n=function(e,n){var t=s.store.getState().currentCall,c=t.transferring,a=t.transferSwitching,d=t.transferCalls,p=s.store.getState().island.view;if(Object.keys(n).length>0){if(e.status){var m=s.store.getState().users.extensions,v=s.store.getState().currentUser.default_device,f=s.store.getState().currentUser,h=f.endpoints,g=f.username,y=s.store.getState().currentCall;y.incoming,y.outgoing;var b=function(){if(!m||!g)return!1;var e=Object.values(m).filter((function(e){return(null==e?void 0:e.username)===g}));return null==e?void 0:e.some((function(e){var n=null==h?void 0:h.extension.find((function(n){return n.id===(null==e?void 0:e.exten)}));return"nethlink"===(null==n?void 0:n.type)&&"offline"!==(null==e?void 0:e.status)}))};switch(e.status){case"ringing":("mobile"===C&&b()||"desktop"===C&&("webrtc"===(null==v?void 0:v.type)||void 0===(null==v?void 0:v.type)&&!b()||!b()&&"physical"===(null==v?void 0:v.type)))&&(_.currentCall.checkIncomingUpdatePlay({conversationId:n.id,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),incomingSocket:!0,incoming:!0,username:"".concat(m&&m[n.counterpartNum]&&m[n.counterpartNum].username)||"",ownerExtension:n.owner}),s.store.dispatch.island.setIslandView("call"),o.eventDispatch("phone-island-call-ringing",{}));break;case"busy":if("mobile"===C&&b()||"desktop"===C&&("webrtc"===(null==v?void 0:v.type)||void 0===(null==v?void 0:v.type)&&!b()||!b()&&"physical"===(null==v?void 0:v.type))){if(n&&n.connected&&(_.currentCall.updateCurrentCall({conversationId:n.id,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),ownerExtension:n.owner,username:"".concat(m&&m[n.counterpartNum]&&m[n.counterpartNum].username)||""}),_.currentCall.checkAcceptedUpdate({acceptedSocket:!0}),_.currentCall.addTransferCalls({type:"transferred",displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(u.getTimestampInSeconds())}),i.isPhysical()&&function(e){_.currentCall.updateCurrentCall({conversationId:e.id,accepted:!0,incoming:"in"!==e.direction&&void 0}),o.eventDispatch("phone-island-call-answered",{}),s.store.dispatch.player.stopAudioPlayer(),s.store.dispatch.player.setAudioPlayerLoop(!1)}(n),"call"===p&&c&&_.currentCall.updateCurrentCall({transferring:!1})),d.length>1)_.currentCall.deleteTransferCalls();else if(n&&!n.connected){if(c&&!a){var k=d.find((function(e){return e.number===n.counterpartNum}));!n.connected&&k&&(_.currentCall.updateCurrentCall({transferring:!1}),o.eventDispatch("phone-island-call-transfer-failed",{}),_.currentCall.updateTransferSwitching(!1))}"REC"===(null==n?void 0:n.counterpartName)&&_.physicalRecorder.setRecordingTempVariable(!0)}n&&!n.connected&&"out"===n.direction&&_.currentCall.checkOutgoingUpdate({outgoingSocket:!0,outgoing:"REC"!==(null==n?void 0:n.counterpartName),displayName:r.getDisplayName(n),number:"".concat(null==n?void 0:n.counterpartNum),username:"".concat(m&&m[null==n?void 0:n.counterpartNum]&&m[null==n?void 0:n.counterpartNum].username)||""})}break;case"onhold":var S=n.counterpartName,x=n.counterpartNum,j=n.startTime;c&&x&&S&&"<unknown>"!==S&&(_.currentCall.addTransferCalls({type:"destination",displayName:r.getDisplayName(n),number:x,startTime:"".concat(u.getTimestampInSeconds())}),_.currentCall.updateCurrentCall({displayName:r.getDisplayName(n),number:x,startTime:"".concat(j/1e3),conversationId:n.id}),_.island.setIslandView("call"));break;case"busy_ringing":o.eventDispatch("phone-island-call-ringing",{})}}}else"online"==e.status&&l.userTotallyFree()&&(_.player.stopAudioPlayer(),_.currentCall.reset(),_.physicalRecorder.setRecordingTempVariable(!1))};return j.current=t.io("https://"+h,{upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3}),_.websocket.update({socket:j.current}),j.current.on("connect",(function(){console.debug("Socket connected sid: ".concat(j.current.id)),o.eventDispatch("phone-island-socket-connected",{})})),j.current.on("disconnect",(function(e){console.debug("Socket disconnect - reason: ".concat(e)),e.includes("server disconnect")?o.eventDispatch("phone-island-server-disconnected",{}):o.eventDispatch("phone-island-socket-disconnected",{})})),j.current.io.on("error",(function(e){console.debug("Socket error: ",e)})),j.current.on("connect_error",(function(e){console.debug("Socket connect_error: ",e)})),j.current.io.on("reconnect",(function(e){o.eventDispatch("phone-island-socket-reconnected",{}),console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(j.current.id,")"))})),j.current.io.on("reconnect_attempt",(function(e){console.debug("Socket reconnect_attempt ".concat(e))})),j.current.io.on("reconnect_error",(function(e){console.debug("Socket reconnect_error: ",e)})),j.current.io.on("reconnect_failed",(function(){console.debug("Socket reconnect_failed")})),x.current=setInterval((function(){j.current.volatile.emit("ping",c.withTimeout((function(){_.alerts.removeAlert("socket_down"),o.eventDispatch("phone-island-socket-disconnected-popup-close",{})}),(function(){_.alerts.setAlert("socket_down"),o.eventDispatch("phone-island-socket-disconnected-popup-open",{}),console.error("Socket is unreachable!")}),7e3))}),7e3),j.current.on("connect",(function(){console.debug("Socket on: "+h+" is connected!"),j.current.emit("login",{accessKeyId:"".concat(g),token:y,uaType:C})})),j.current.on("authe_ok",(function(){console.debug("Socket authentication success!")})),j.current.on("userMainPresenceUpdate",(function(n){s.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),a.dispatchMainPresence(n)})),j.current.on("extenHangup",(function(e){var n=s.store.getState().currentUser.endpoints,t=((null==n?void 0:n.extension)||[]).find((function(n){return n.id===e.callerNum})),r=null==t?void 0:t.type;("normal_clearing"!==e.cause||"physical"!==r&&"mobile"!==r)&&"user_busy"!==(null==e?void 0:e.cause)&&"not_defined"!==(null==e?void 0:e.cause)&&"call_rejected"!==(null==e?void 0:e.cause)||setTimeout((function(){s.store.dispatch.island.toggleAvoidToShow(!1)}),500)})),j.current.on("extenConnected",(function(e){var n=s.store.getState().currentUser,t=n.default_device,r=n.endpoints,c=((null==r?void 0:r.extension)||[]).find((function(n){return n.id===e.extenConnected})),i=null==c?void 0:c.type;(("webrtc"===(null==t?void 0:t.type)||"nethlink"===(null==t?void 0:t.type))&&i&&("mobile"===i||"physical"===i)||"physical"===(null==t?void 0:t.type)&&i&&"physical"!==i)&&(s.store.dispatch.island.toggleAvoidToShow(!0),o.eventDispatch("phone-island-call-answered",{extensionType:i}))})),j.current.on("extenUpdate",(function(e){_.users.updateExtension(e);var t=s.store.getState().users.extensions,r={};for(var o in t){var c=t[o].username,i=t[o].exten;r[c]||(r[c]=[]),r[c].push(i)}var u=r[e.username],l=e.conversations[Object.keys(e.conversations)[0]]||{};if(a.dispatchExtensions(e),d.isEmpty(l)){var p=null==u?void 0:u.some((function(e){var n,r=null===(n=t[e])||void 0===n?void 0:n.conversations;return!d.isEmpty(r)}));p||a.dispatchConversations(e)}else a.dispatchConversations(e);e.username===g&&(n(e,l),_.currentUser.updateConversations(e))})),j.current.on("queueUpdate",(function(e){a.dispatchQueueUpdate(e)})),j.current.on("queueMemberUpdate",(function(e){a.dispatchQueueMemberUpdate(e)})),j.current.on("takeOver",(function(){a.dispatchAlreadyLogin()})),j.current.on("serverReloaded",(function(){a.dispatchServerReload()})),j.current.on("parkingUpdate",(function(){a.dispatchParkingUpdate()})),j.current.on("actionNethLink",(function(e,n){a.dispatchUrlCall(e,n)})),j.current.on("message",(function(e){switch(e.message){case"screenSharingStart":a.dispatchJoinScreenShare(e);break;case"screenSharingStop":a.dispatchLeaveScreenShare(e);break;default:console.warn("Socket: unknown message type ",e.message)}})),j.current.on("updateDefaultDevice",(function(n){a.dispatchDefaultDeviceUpdate(n);var t=s.store.getState().users.extensions,r=s.store.getState().currentUser.endpoints;if(t&&r){var o=Object.values(t).filter((function(e){return(null==e?void 0:e.exten)===n}));if(0!==o.length){var c=o[0],i=r.extension.find((function(e){return e.id===c.exten}));i&&(c=e.__assign(e.__assign({},c),{type:i.type})),s.store.dispatch.currentUser.updateCurrentDefaultDevice(c)}}})),function(){clearInterval(x.current),j.current.close()}}),[]),n.useEffect((function(){b&&(console.info("websocket reconnection"),j.current.disconnect(),j.current.connect(),k())}),[b]),f.default.createElement(f.default.Fragment,null,S)};
|
|
1
|
+
"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"),o=require("../utils/genericFunctions/eventDispatch.js"),c=require("../utils/genericFunctions/withTimeout.js");require("../lib/webrtc/janus.js");var i=require("../store/index.js");require("../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../node_modules/mic-check/lib/index.js");var s=require("../lib/user/default_device.js"),a=require("../events/SocketEvents.js"),u=require("../utils/genericFunctions/timestamp.js"),l=require("../lib/user/extensions.js"),d=require("../utils/genericFunctions/isEmpty.js"),p=require("../node_modules/react-redux/es/hooks/useSelector.js");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 m=require("../node_modules/react-redux/es/hooks/useDispatch.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=v(n);exports.Socket=function(v){var g=v.hostName,h=v.username,y=v.authToken,b=v.reload,k=v.reloadedCallback,S=v.children,C=v.uaType,_=m.useDispatch(),w=n.useRef(),x=n.useRef();p.useSelector((function(e){return e.currentUser}));return n.useEffect((function(){var n=function(e,n){var t=i.store.getState().currentCall,c=t.transferring,a=t.transferSwitching,d=t.transferCalls,p=i.store.getState().island.view;if(Object.keys(n).length>0){if(e.status){var m=i.store.getState().users.extensions,v=i.store.getState().currentUser.default_device,f=i.store.getState().currentUser,g=f.endpoints,h=f.username,y=i.store.getState().currentCall;y.incoming,y.outgoing;var b=function(){if(!m||!h)return!1;var e=Object.values(m).filter((function(e){return(null==e?void 0:e.username)===h}));return null==e?void 0:e.some((function(e){var n=null==g?void 0:g.extension.find((function(n){return n.id===(null==e?void 0:e.exten)}));return"nethlink"===(null==n?void 0:n.type)&&"offline"!==(null==e?void 0:e.status)}))};switch(e.status){case"ringing":("mobile"===C&&b()||"desktop"===C&&("webrtc"===(null==v?void 0:v.type)||void 0===(null==v?void 0:v.type)&&!b()||!b()&&"physical"===(null==v?void 0:v.type)))&&(_.currentCall.checkIncomingUpdatePlay({conversationId:n.id,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),incomingSocket:!0,incoming:!0,username:"".concat(m&&m[n.counterpartNum]&&m[n.counterpartNum].username)||"",ownerExtension:n.owner}),i.store.dispatch.island.setIslandView("call"),o.eventDispatch("phone-island-call-ringing",{}));break;case"busy":if("mobile"===C&&b()||"desktop"===C&&("webrtc"===(null==v?void 0:v.type)||void 0===(null==v?void 0:v.type)&&!b()||!b()&&"physical"===(null==v?void 0:v.type))){if(n&&n.connected&&(_.currentCall.updateCurrentCall({conversationId:n.id,displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),ownerExtension:n.owner,username:"".concat(m&&m[n.counterpartNum]&&m[n.counterpartNum].username)||""}),_.currentCall.checkAcceptedUpdate({acceptedSocket:!0}),_.currentCall.addTransferCalls({type:"transferred",displayName:r.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(u.getTimestampInSeconds())}),s.isPhysical()&&function(e){_.currentCall.updateCurrentCall({conversationId:e.id,accepted:!0,incoming:"in"!==e.direction&&void 0}),o.eventDispatch("phone-island-call-answered",{}),i.store.dispatch.player.stopAudioPlayer(),i.store.dispatch.player.setAudioPlayerLoop(!1)}(n),"call"===p&&c&&_.currentCall.updateCurrentCall({transferring:!1})),d.length>1)_.currentCall.deleteTransferCalls();else if(n&&!n.connected){if(c&&!a){var k=d.find((function(e){return e.number===n.counterpartNum}));!n.connected&&k&&(_.currentCall.updateCurrentCall({transferring:!1}),o.eventDispatch("phone-island-call-transfer-failed",{}),_.currentCall.updateTransferSwitching(!1))}"REC"===(null==n?void 0:n.counterpartName)&&_.physicalRecorder.setRecordingTempVariable(!0)}n&&!n.connected&&"out"===n.direction&&_.currentCall.checkOutgoingUpdate({outgoingSocket:!0,outgoing:"REC"!==(null==n?void 0:n.counterpartName),displayName:r.getDisplayName(n),number:"".concat(null==n?void 0:n.counterpartNum),username:"".concat(m&&m[null==n?void 0:n.counterpartNum]&&m[null==n?void 0:n.counterpartNum].username)||""})}break;case"onhold":var S=n.counterpartName,w=n.counterpartNum,x=n.startTime;c&&w&&S&&"<unknown>"!==S&&(_.currentCall.addTransferCalls({type:"destination",displayName:r.getDisplayName(n),number:w,startTime:"".concat(u.getTimestampInSeconds())}),_.currentCall.updateCurrentCall({displayName:r.getDisplayName(n),number:w,startTime:"".concat(x/1e3),conversationId:n.id}),_.island.setIslandView("call"));break;case"busy_ringing":o.eventDispatch("phone-island-call-ringing",{})}}}else"online"==e.status&&l.userTotallyFree()&&(_.player.stopAudioPlayer(),_.currentCall.reset(),_.physicalRecorder.setRecordingTempVariable(!1))};return x.current=t.io("https://"+g,{upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3}),_.websocket.update({socket:x.current}),x.current.on("connect",(function(){console.debug("Socket connected sid: ".concat(x.current.id)),o.eventDispatch("phone-island-socket-connected",{})})),x.current.on("disconnect",(function(e){console.debug("Socket disconnect - reason: ".concat(e)),e.includes("server disconnect")?o.eventDispatch("phone-island-server-disconnected",{}):o.eventDispatch("phone-island-socket-disconnected",{})})),x.current.io.on("error",(function(e){console.debug("Socket error: ",e)})),x.current.on("connect_error",(function(e){console.debug("Socket connect_error: ",e)})),x.current.io.on("reconnect",(function(e){o.eventDispatch("phone-island-socket-reconnected",{}),console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(x.current.id,")"))})),x.current.io.on("reconnect_attempt",(function(e){console.debug("Socket reconnect_attempt ".concat(e))})),x.current.io.on("reconnect_error",(function(e){console.debug("Socket reconnect_error: ",e)})),x.current.io.on("reconnect_failed",(function(){console.debug("Socket reconnect_failed")})),w.current=setInterval((function(){x.current.volatile.emit("ping",c.withTimeout((function(){_.alerts.removeAlert("socket_down"),o.eventDispatch("phone-island-socket-disconnected-popup-close",{})}),(function(){_.alerts.setAlert("socket_down"),o.eventDispatch("phone-island-socket-disconnected-popup-open",{}),console.error("Socket is unreachable!")}),7e3))}),7e3),x.current.on("connect",(function(){console.debug("Socket on: "+g+" is connected!"),x.current.emit("login",{accessKeyId:"".concat(h),token:y,uaType:C})})),x.current.on("authe_ok",(function(){console.debug("Socket authentication success!")})),x.current.on("userMainPresenceUpdate",(function(n){i.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),a.dispatchMainPresence(n)})),x.current.on("extenHangup",(function(e){var n=i.store.getState().currentUser.endpoints,t=((null==n?void 0:n.extension)||[]).find((function(n){return n.id===e.callerNum})),r=null==t?void 0:t.type;("normal_clearing"!==e.cause||"physical"!==r&&"mobile"!==r)&&"user_busy"!==(null==e?void 0:e.cause)&&"not_defined"!==(null==e?void 0:e.cause)&&"call_rejected"!==(null==e?void 0:e.cause)||setTimeout((function(){i.store.dispatch.island.toggleAvoidToShow(!1)}),500)})),x.current.on("extenConnected",(function(e){var n=i.store.getState().currentUser,t=n.default_device,r=n.endpoints,c=((null==r?void 0:r.extension)||[]).find((function(n){return n.id===e.extenConnected})),s=null==c?void 0:c.type;(("webrtc"===(null==t?void 0:t.type)||"nethlink"===(null==t?void 0:t.type))&&s&&("mobile"===s||"physical"===s)||"physical"===(null==t?void 0:t.type)&&s&&"physical"!==s)&&(i.store.dispatch.island.toggleAvoidToShow(!0),o.eventDispatch("phone-island-call-answered",{extensionType:s}))})),x.current.on("extenUpdate",(function(e){_.users.updateExtension(e);var t=i.store.getState().users.extensions,r={};for(var o in t){var c=t[o].username,s=t[o].exten;r[c]||(r[c]=[]),r[c].push(s)}var u=r[e.username],l=e.conversations[Object.keys(e.conversations)[0]]||{};if(a.dispatchExtensions(e),d.isEmpty(l)){var p=null==u?void 0:u.some((function(e){var n,r=null===(n=t[e])||void 0===n?void 0:n.conversations;return!d.isEmpty(r)}));p||a.dispatchConversations(e)}else a.dispatchConversations(e);e.username===h&&(n(e,l),_.currentUser.updateConversations(e))})),x.current.on("queueUpdate",(function(e){a.dispatchQueueUpdate(e)})),x.current.on("queueMemberUpdate",(function(e){a.dispatchQueueMemberUpdate(e)})),x.current.on("takeOver",(function(){a.dispatchAlreadyLogin()})),x.current.on("serverReloaded",(function(){a.dispatchServerReload()})),x.current.on("parkingUpdate",(function(){a.dispatchParkingUpdate()})),x.current.on("actionNethLink",(function(e,n){a.dispatchUrlCall(e,n)})),x.current.on("message",(function(e){switch(e.message){case"screenSharingStart":_.island.toggleSideViewVisible(!1),_.island.setIslandView("video"),_.screenShare.update({isJoiningScreenShare:!0,room:e.roomId});break;case"screenSharingStop":_.island.toggleSideViewVisible(!1),_.island.setIslandView("video"),_.screenShare.update({isLeavingScreenShare:!0});break;default:console.warn("Socket: unknown message type ",e.message)}})),x.current.on("updateDefaultDevice",(function(n){a.dispatchDefaultDeviceUpdate(n);var t=i.store.getState().users.extensions,r=i.store.getState().currentUser.endpoints;if(t&&r){var o=Object.values(t).filter((function(e){return(null==e?void 0:e.exten)===n}));if(0!==o.length){var c=o[0],s=r.extension.find((function(e){return e.id===c.exten}));s&&(c=e.__assign(e.__assign({},c),{type:s.type})),i.store.dispatch.currentUser.updateCurrentDefaultDevice(c)}}})),function(){clearInterval(w.current),x.current.close()}}),[]),n.useEffect((function(){b&&(console.info("websocket reconnection"),x.current.disconnect(),x.current.connect(),k())}),[b]),f.default.createElement(f.default.Fragment,null,S)};
|
|
2
2
|
//# sourceMappingURL=Socket.js.map
|