@nethesis/phone-island 0.12.0 → 0.13.0

package/dist/App.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./node_modules/tslib/tslib.es6.js"),n=require("react"),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 w(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 S=w(n),L=function(w){var L=w.dataConfig,D=w.showAlways,b=void 0!==D&&D,q=w.uaType,y=l.Base64.atob(L||"").split(":"),k=y[0],x=y[1],_=y[2],V=y[3],C=y[4],P=y[5],T=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-screen-share-join",(function(e){u.store.dispatch.island.setIslandView("video"),setTimeout((function(){d.eventDispatch("phone-island-screen-share-joining",e)}),500)})),r.useEventListener("phone-island-screen-share-leave",(function(e){"video"!==u.store.getState().island.view&&u.store.dispatch.island.setIslandView("video"),setTimeout((function(){d.eventDispatch("phone-island-screen-share-leaving",e)}),500)})),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.setIslandView("call")})),S.default.createElement(S.default.Fragment,null,S.default.createElement(j.default,{store:u.store},S.default.createElement(i.WebRTC,{hostName:k,sipExten:V,sipSecret:C,sipHost:P,sipPort:T,reload:O,reloadedCallback:function(){return F(!0)},uaType:q},S.default.createElement(a.RestAPI,{hostName:k,username:x,authToken:_},S.default.createElement(s.Socket,{hostName:k,username:x,authToken:_,reload:O,reloadedCallback:function(){return W(!0)},uaType:q},S.default.createElement(t.Events,{sipHost:P},S.default.createElement(o.Island,{showAlways:b})))))))};L.displayName="PhoneIsland",exports.PhoneIsland=L;
+"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"),c=require("./utils/genericFunctions/eventDispatch.js"),d=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"),g=require("./services/user.js"),m=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 L(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 S=L(n),b=function(L){var b=L.dataConfig,D=L.showAlways,w=void 0!==D&&D,q=L.uaType,y=l.Base64.atob(b||"").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],W=n.useState(!1),J=W[0],R=W[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(){J&&z&&(N(!1),F(!1),R(!1))}),[J,z]),r.useEventListener("phone-island-expand",(function(){u.store.dispatch.island.toggleIsOpen(!0),c.eventDispatch("phone-island-expanded",{})})),r.useEventListener("phone-island-compress",(function(){u.store.dispatch.island.toggleIsOpen(!1),c.eventDispatch("phone-island-compressed",{})})),r.useEventListener("phone-island-call-keypad-close",(function(){u.store.dispatch.island.setIslandView("call"),c.eventDispatch("phone-island-call-keypad-closed",{})})),r.useEventListener("phone-island-call-transfer-close",(function(){u.store.dispatch.island.setIslandView("call"),c.eventDispatch("phone-island-call-transfer-closed",{})})),r.useEventListener("phone-island-recording-close",(function(){u.store.dispatch.island.setIslandView(null),c.eventDispatch("phone-island-recording-closed",{})})),r.useEventListener("phone-island-audio-player-close",(function(){u.store.dispatch.island.setIslandView(null),c.eventDispatch("phone-island-audio-player-closed",{})})),r.useEventListener("phone-island-detach",(function(e){v.detach(),c.eventDispatch("phone-island-detached",{})})),r.useEventListener("phone-island-audio-input-change",(function(e){d.setJSONItem("phone-island-audio-input-device",{deviceId:e.deviceId}),c.eventDispatch("phone-island-audio-input-changed",{})})),r.useEventListener("phone-island-video-input-change",(function(e){d.setJSONItem("phone-island-video-input-device",{deviceId:e.deviceId}),c.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!"),d.setJSONItem("phone-island-audio-output-device",{deviceId:e.deviceId}),c.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){g.changeOperatorStatus(e),c.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=d.getJSONItem("phone-island-audio-output-device"))||void 0===e?void 0:e.deviceId;c.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),c.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?c.eventDispatch("phone-island-internet-connected",{}):c.eventDispatch("phone-island-internet-disconnected",{})}))})),n.useEffect((function(){var e=setInterval((function(){E.checkInternetConnection().then((function(e){e?c.eventDispatch("phone-island-internet-connected",{}):c.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&&!m.isEmpty(e[o])&&void 0!==(null===(t=e[o])||void 0===t?void 0:t.mainPresence)){var d=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"===d&&"online"!==r&&c.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-conference-status",(function(){var e=u.store.getState().conference;console.log("Webrtc 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),c.eventDispatch("phone-island-sideview-opened",{})})),r.useEventListener("phone-island-sideview-close",(function(){u.store.dispatch.island.toggleSideViewVisible(!1),c.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"});c.eventDispatch("phone-island-size-changed",{sizes:i})})),r.useEventListener("phone-island-call-ended",(function(){c.eventDispatch("phone-island-size-change",{sizeInformation:{width:"0px",height:"0px"}}),c.eventDispatch("phone-island-sideview-close",{}),u.store.dispatch.island.resetIslandStore()})),r.useEventListener("phone-island-conference-list-open",(function(){u.store.dispatch.island.toggleConferenceList(!0),c.eventDispatch("phone-island-conference-list-opened",{})})),r.useEventListener("phone-island-conference-list-close",(function(){u.store.dispatch.island.toggleConferenceList(!1),c.eventDispatch("phone-island-conference-list-closed",{})})),S.default.createElement(S.default.Fragment,null,S.default.createElement(j.default,{store:u.store},S.default.createElement(i.WebRTC,{hostName:k,sipExten:C,sipSecret:P,sipHost:T,sipPort:V,reload:O,reloadedCallback:function(){return F(!0)},uaType:q},S.default.createElement(a.RestAPI,{hostName:k,username:x,authToken:_},S.default.createElement(s.Socket,{hostName:k,username:x,authToken:_,reload:O,reloadedCallback:function(){return R(!0)},uaType:q},S.default.createElement(t.Events,{sipHost:T},S.default.createElement(o.Island,{showAlways:w})))))))};b.displayName="PhoneIsland",exports.PhoneIsland=b;
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -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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"}
+{"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-conference-status', () => {\n    const conferenceInformation = store.getState().conference\n    console.log('Webrtc status debug informations: ', conferenceInformation)\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  useEventListener('phone-island-conference-list-open', () => {\n    store.dispatch.island.toggleConferenceList(true)\n    eventDispatch('phone-island-conference-list-opened', {})\n  })\n\n  useEventListener('phone-island-conference-list-close', () => {\n    store.dispatch.island.toggleConferenceList(false)\n    eventDispatch('phone-island-conference-list-closed', {})\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","conferenceInformation","conference","screenShareInformation","screenShare","reset","toggleSideViewVisible","args","sideViewIsVisible","sizeInformation","updatedSizeInformation","__assign","right","top","isBackCallActive","sizes","width","height","resetIslandStore","toggleConferenceList","React","createElement","Fragment","Provider","WebRTC","hostName","sipExten","sipSecret","sipHost","sipPort","reloadedCallback","RestAPI","authToken","Socket","Events","Island","displayName"],"mappings":"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"}

package/dist/components/AvatarGroup.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js");require("../node_modules/react-redux/es/index.js");var n=require("../node_modules/react-redux/es/hooks/useSelector.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);exports.default=function(e){var i=e.usersList,s=e.maxAvatars,u=void 0===s?5:s,o=n.useSelector((function(e){return e.avatars})).avatars,l=n.useSelector((function(e){return e.users})).extensions,c=n.useSelector((function(e){return e.currentUser})).name,d=i?Object.values(i).filter((function(e){return(null==e?void 0:e.name)!==c})):[],p=d.length,f=d.slice(0,u);return a.default.createElement("div",{className:"pi-flex pi-items-center pi-overflow-hidden pi--space-x-1"},f.map((function(e,t){var r=(null==e?void 0:e.extenId)||(null==e?void 0:e.id),n=function(e){var t;return e&&o&&l&&(null===(t=l[e])||void 0===t?void 0:t.username)&&o[l[e].username]?"".concat(o[l[e].username]):null}(r),i=function(e,t){return e?e.split(" ").map((function(e){return e[0]})).join("").toUpperCase().slice(0,2):t?t.substring(0,2).toUpperCase():"??"}(null==e?void 0:e.name,r);return a.default.createElement("div",{key:t,className:"pi-inline-flex pi-items-center pi-justify-center pi-w-6 pi-h-6 pi-rounded-full pi-ring-2 pi-bg-gray-200 pi-ring-gray-700"},n?a.default.createElement("div",{className:"pi-rounded-full pi-w-6 pi-h-6",style:{backgroundImage:"url(".concat(n,")"),backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",width:"100%",height:"100%"}}):a.default.createElement("span",{className:"pi-text-xs pi-font-medium pi-text-gray-900"},i))})),p>u&&a.default.createElement("span",{className:"pi-inline-flex pi-items-center pi-justify-center pi-w-6 pi-h-6 pi-rounded-full pi-bg-gray-200 pi-ring-2 pi-ring-gray-700"},a.default.createElement(t.FontAwesomeIcon,{icon:r.faPlus,className:"pi-text-xs pi-text-gray-900"})))};
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../src/components/AvatarGroup.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPlus } from '@fortawesome/free-solid-svg-icons'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\n\nexport interface AvatarGroupProps {\n  usersList: Record<string, any> | null | undefined\n  maxAvatars?: number\n}\n\n/**\n * Display a group of user avatars with a \"+\" indicator for additional users\n */\nconst AvatarGroup: FC<AvatarGroupProps> = ({ usersList, maxAvatars = 5 }) => {\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n  const { extensions } = useSelector((state: RootState) => state.users)\n  const { name } = useSelector((state: RootState) => state.currentUser)\n\n  // Filter out current user and convert to array\n  const users = usersList ? Object.values(usersList).filter((user: any) => user?.name !== name) : []\n  const totalUsers = users.length\n  const displayUsers = users.slice(0, maxAvatars)\n\n  // Get user avatar URL\n  const getAvatarUrl = (username: string | undefined): string | null => {\n    if (!username || !avatars) return null\n\n    // Try through extensions\n    if (extensions && extensions[username]?.username && avatars[extensions[username].username]) {\n      return `${avatars[extensions[username].username]}`\n    }\n\n    return null\n  }\n\n  // Helper function to generate initials from name\n  const generateInitials = (name: string | undefined, username: string | undefined): string => {\n    if (name) {\n      return name\n        .split(' ')\n        .map((n: string) => n[0])\n        .join('')\n        .toUpperCase()\n        .slice(0, 2)\n    } else if (username) {\n      return username.substring(0, 2).toUpperCase()\n    }\n    return '??'\n  }\n\n  return (\n    <div className='pi-flex pi-items-center pi-overflow-hidden pi--space-x-1'>\n      {displayUsers.map((user: any, index) => {\n        const username = user?.extenId || user?.id\n        const avatarUrl = getAvatarUrl(username)\n        const initials = generateInitials(user?.name, username)\n\n        return (\n          <div\n            key={index}\n            className='pi-inline-flex pi-items-center pi-justify-center pi-w-6 pi-h-6 pi-rounded-full pi-ring-2 pi-bg-gray-200 pi-ring-gray-700'\n          >\n            {avatarUrl ? (\n              <div\n                className='pi-rounded-full pi-w-6 pi-h-6'\n                style={{\n                  backgroundImage: `url(${avatarUrl})`,\n                  backgroundRepeat: 'no-repeat',\n                  backgroundSize: 'contain',\n                  backgroundPosition: 'center',\n                  width: '100%',\n                  height: '100%',\n                }}\n              />\n            ) : (\n              <span className='pi-text-xs pi-font-medium pi-text-gray-900'>{initials}</span>\n            )}\n          </div>\n        )\n      })}\n\n      {totalUsers > maxAvatars && (\n        <span className='pi-inline-flex pi-items-center pi-justify-center pi-w-6 pi-h-6 pi-rounded-full pi-bg-gray-200 pi-ring-2 pi-ring-gray-700'>\n          <FontAwesomeIcon icon={faPlus} className='pi-text-xs pi-text-gray-900' />\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport default AvatarGroup\n"],"names":["_a","usersList","_b","maxAvatars","avatars","useSelector","state","extensions","users","name","currentUser","Object","values","filter","user","totalUsers","length","displayUsers","slice","React","createElement","className","map","index","username","extenId","id","avatarUrl","concat","getAvatarUrl","initials","split","n","join","toUpperCase","substring","generateInitials","key","style","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","width","height","FontAwesomeIcon","icon","faPlus"],"mappings":"0cAiB0C,SAACA,GAAE,IAAAC,cAAWC,EAAAF,EAAAG,WAAAA,OAAU,IAAAD,EAAG,EAACA,EAC5DE,EAAYC,eAAY,SAACC,GAAqB,OAAAA,EAAMF,mBACpDG,EAAeF,eAAY,SAACC,GAAqB,OAAAA,EAAME,oBACvDC,EAASJ,eAAY,SAACC,GAAqB,OAAAA,EAAMI,oBAGnDF,EAAQP,EAAYU,OAAOC,OAAOX,GAAWY,QAAO,SAACC,GAAc,OAAAA,aAAA,EAAAA,EAAML,QAASA,KAAQ,GAC1FM,EAAaP,EAAMQ,OACnBC,EAAeT,EAAMU,MAAM,EAAGf,GA6BpC,OACEgB,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,4DACZJ,EAAaK,KAAI,SAACR,EAAWS,GAC5B,IAAMC,GAAWV,eAAAA,EAAMW,WAAWX,aAAI,EAAJA,EAAMY,IAClCC,EA9BS,SAACH,SACpB,OAAKA,GAAapB,GAGdG,YAAcP,EAAAO,EAAWiB,yBAAWA,WAAYpB,EAAQG,EAAWiB,GAAUA,UACxE,GAAAI,OAAGxB,EAAQG,EAAWiB,GAAUA,WAJP,IAQpC,CAqBwBK,CAAaL,GACzBM,EAnBa,SAACrB,EAA0Be,GAClD,OAAIf,EACKA,EACJsB,MAAM,KACNT,KAAI,SAACU,GAAc,OAAAA,EAAE,MACrBC,KAAK,IACLC,cACAhB,MAAM,EAAG,GACHM,EACFA,EAASW,UAAU,EAAG,GAAGD,cAE3B,IACT,CAOuBE,CAAiBtB,aAAA,EAAAA,EAAML,KAAMe,GAE9C,OACEL,EAAAA,6BACEkB,IAAKd,EACLF,UAAU,4HAETM,EACCR,EAAA,QAAAC,cAAA,MAAA,CACEC,UAAU,gCACViB,MAAO,CACLC,gBAAiB,OAAOX,OAAAD,EAAY,KACpCa,iBAAkB,YAClBC,eAAgB,UAChBC,mBAAoB,SACpBC,MAAO,OACPC,OAAQ,UAIZzB,UAAMC,cAAA,OAAA,CAAAC,UAAU,8CAA8CS,GAItE,IAECf,EAAaZ,GACZgB,UAAMC,cAAA,OAAA,CAAAC,UAAU,4HACdF,UAAAC,cAACyB,EAAeA,gBAAA,CAACC,KAAMC,SAAQ1B,UAAU,iCAKnD"}

package/dist/components/Button.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../node_modules/tslib/tslib.es6.js"),i=require("react"),e=require("../utils/genericFunctions/classNames.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var p=a(i);exports.Button=function(i){var a=i.children,t=i.variant,g=i.active,n=void 0!==g&&g,o=i.className,d=void 0===o?"":o,s=r.__rest(i,["children","variant","active","className"]),u={base:"pi-flex pi-font-light pi-content-center pi-items-center pi-justify-center pi-tracking-wide pi-duration-200 pi-transform pi-outline-none focus:pi-ring-2 focus:pi-z-20 focus:pi-ring-offset-2 disabled:pi-opacity-75 pi-border pi-border-transparent focus:pi-ring-offset-white dark:focus:pi-ring-offset-black pi-text-sm pi-leading-4 pi-col-start-auto pi-transition-color pi-shrink-0",variant:{red:"dark:pi-bg-red-500 pi-bg-red-700 hover:pi-bg-red-700 dark:hover:pi-bg-red-300 focus:pi-ring-emerald-500 dark:focus:ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full",green:"pi-bg-green-700 dark:pi-bg-green-500 hover:pi-bg-green-600 dark:hover:pi-bg-green-300 focus:pi-ring-green-500 focus:dark:pi-ring-200 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full",default:"hover:pi-bg-gray-500 dark:hover:pi-bg-gray-50 focus:pi-ring-emerald-500 dark:focus:pi-ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full",neutral:"pi-bg-transparent enabled:hover:pi-bg-gray-500 enabled:hover:pi-border-gray-500 pi-border pi-border-gray-700 focus:pi-ring-0 pi-h-12 pi-w-12 pi-rounded-full",transparent:"pi-bg-transparent dark:enabled:hover:pi-bg-gray-600/30 enabled:hover:pi-bg-gray-200/70 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-12 pi-w-12 pi-rounded-full",transparentSideView:"pi-bg-transparent dark:enabled:hover:pi-bg-gray-600 enabled:hover:pi-bg-gray-600 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded",transparentSettings:"pi-bg-transparent dark:hover:pi-bg-gray-600 hover:pi-bg-gray-300 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded",gray:"dark:pi-bg-gray-300 pi-bg-gray-700 hover:pi-bg-gray-800 dark:hover:pi-bg-gray-50 focus:pi-ring-gray-500 dark:focus:ring-gray-300 pi-text-gray-50 dark:pi-text-gray-900 pi-rounded-full pi-py-4 pi-px-4 pi-max-w-44"},background:{base:{default:"pi-bg-gray-700 dark:pi-bg-gray-300"},active:{default:"pi-bg-gray-500 dark:pi-bg-gray-50"}}};return p.default.createElement(p.default.Fragment,null,p.default.createElement("button",r.__assign({"data-stop-propagation":!0,className:e.classNames(n&&u.background.active[t]?u.background.active[t]:u.background.base[t]&&u.background.base[t],u.base,t&&u.variant[t],d&&d)},s),a))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../node_modules/tslib/tslib.es6.js"),i=require("react"),e=require("../utils/genericFunctions/classNames.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var p=a(i);exports.Button=function(i){var a=i.children,t=i.variant,n=i.active,g=void 0!==n&&n,o=i.conference,d=void 0!==o&&o,s=i.className,u=void 0===s?"":s,c=r.__rest(i,["children","variant","active","conference","className"]),f={base:"pi-flex pi-content-center pi-items-center pi-justify-center pi-tracking-wide pi-duration-200 pi-transform pi-outline-none focus:pi-ring-2 focus:pi-z-20 focus:pi-ring-offset-2 disabled:pi-opacity-75 pi-border pi-border-transparent focus:pi-ring-offset-white dark:focus:pi-ring-offset-black pi-text-sm pi-leading-4 pi-col-start-auto pi-transition-color pi-shrink-0",variant:{red:"dark:pi-bg-red-500 pi-bg-red-700 hover:pi-bg-red-700 dark:hover:pi-bg-red-300 focus:pi-ring-emerald-500 dark:focus:ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full",green:"pi-bg-green-700 dark:pi-bg-green-500 hover:pi-bg-green-600 dark:hover:pi-bg-green-300 focus:pi-ring-green-500 focus:dark:pi-ring-200 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full",default:"hover:pi-bg-gray-500 dark:hover:pi-bg-gray-50 focus:pi-ring-emerald-500 dark:focus:pi-ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full",neutral:"pi-bg-transparent enabled:hover:pi-bg-gray-500 enabled:hover:pi-border-gray-500 pi-border pi-border-gray-700 focus:pi-ring-0 pi-h-12 pi-w-12 pi-rounded-full",transparent:"pi-bg-transparent dark:enabled:hover:pi-bg-gray-600/30 enabled:hover:pi-bg-gray-200/70 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-12 pi-w-12 pi-rounded-full",transparentSideView:"pi-bg-transparent dark:enabled:hover:pi-bg-gray-600 enabled:hover:pi-bg-gray-600 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded",transparentSettings:"pi-bg-transparent dark:hover:pi-bg-gray-600 hover:pi-bg-gray-300 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded",gray:"dark:pi-bg-gray-300 pi-bg-gray-700 hover:pi-bg-gray-800 dark:hover:pi-bg-gray-50 focus:pi-ring-gray-500 dark:focus:ring-gray-300 pi-text-gray-50 dark:pi-text-gray-900 pi-rounded-full pi-py-4 pi-px-4 pi-max-w-44"},background:{base:{default:"pi-bg-gray-700 dark:pi-bg-gray-300"},active:{default:"pi-bg-gray-500 dark:pi-bg-gray-50"}}};return p.default.createElement(p.default.Fragment,null,p.default.createElement("button",r.__assign({"data-stop-propagation":!0,className:e.classNames(g&&f.background.active[t]?f.background.active[t]:f.background.base[t]&&f.background.base[t],f.base,t&&f.variant[t],u&&u,d?"pi-font-medium":"pi-font-light")},c),a))};
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, ReactNode, ComponentPropsWithRef } from 'react'\nimport { classNames } from '../utils'\n\ninterface ButtonProps extends ComponentPropsWithRef<'button'> {\n  children: ReactNode\n  variant:\n    | 'red'\n    | 'green'\n    | 'default'\n    | 'neutral'\n    | 'transparent'\n    | 'transparentSideView'\n    | 'transparentSettings'\n    | 'gray'\n  active?: boolean\n}\n\nexport const Button: FC<ButtonProps> = ({\n  children,\n  variant,\n  active = false,\n  className = '',\n  ...props\n}) => {\n  const classes = {\n    base: 'pi-flex pi-font-light pi-content-center pi-items-center pi-justify-center pi-tracking-wide pi-duration-200 pi-transform pi-outline-none focus:pi-ring-2 focus:pi-z-20 focus:pi-ring-offset-2 disabled:pi-opacity-75 pi-border pi-border-transparent focus:pi-ring-offset-white dark:focus:pi-ring-offset-black pi-text-sm pi-leading-4 pi-col-start-auto pi-transition-color pi-shrink-0',\n    variant: {\n      red: 'dark:pi-bg-red-500 pi-bg-red-700 hover:pi-bg-red-700 dark:hover:pi-bg-red-300 focus:pi-ring-emerald-500 dark:focus:ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      green:\n        'pi-bg-green-700 dark:pi-bg-green-500 hover:pi-bg-green-600 dark:hover:pi-bg-green-300 focus:pi-ring-green-500 focus:dark:pi-ring-200 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      default:\n        'hover:pi-bg-gray-500 dark:hover:pi-bg-gray-50 focus:pi-ring-emerald-500 dark:focus:pi-ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      neutral:\n        'pi-bg-transparent enabled:hover:pi-bg-gray-500 enabled:hover:pi-border-gray-500 pi-border pi-border-gray-700 focus:pi-ring-0 pi-h-12 pi-w-12 pi-rounded-full',\n      transparent:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-600/30 enabled:hover:pi-bg-gray-200/70 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-12 pi-w-12 pi-rounded-full',\n      transparentSideView:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-600 enabled:hover:pi-bg-gray-600 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded',\n      transparentSettings:\n        'pi-bg-transparent dark:hover:pi-bg-gray-600 hover:pi-bg-gray-300 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded',\n      gray: 'dark:pi-bg-gray-300 pi-bg-gray-700 hover:pi-bg-gray-800 dark:hover:pi-bg-gray-50 focus:pi-ring-gray-500 dark:focus:ring-gray-300 pi-text-gray-50 dark:pi-text-gray-900 pi-rounded-full pi-py-4 pi-px-4 pi-max-w-44',\n    },\n    background: {\n      base: {\n        default: 'pi-bg-gray-700 dark:pi-bg-gray-300',\n      },\n      active: {\n        default: 'pi-bg-gray-500 dark:pi-bg-gray-50',\n      },\n    },\n  }\n\n  return (\n    <>\n      <button\n        data-stop-propagation={true}\n        className={classNames(\n          active && classes.background.active[variant]\n            ? classes.background.active[variant]\n            : classes.background.base[variant] && classes.background.base[variant],\n          classes.base,\n          variant && classes.variant[variant],\n          className && className,\n        )}\n        {...props}\n      >\n        {children}\n      </button>\n    </>\n  )\n}\n"],"names":["_a","children","variant","_b","active","_c","className","props","__rest","classes","base","red","green","default","neutral","transparent","transparentSideView","transparentSettings","gray","background","React","createElement","Fragment","__assign","classNames"],"mappings":"kSAoBuC,SAACA,GACtC,IAAAC,aACAC,YACAC,EAAAH,EAAAI,OAAAA,OAAS,IAAAD,KACTE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,KACTE,EALmCC,EAAAA,OAAAR,EAAA,CAAA,WAAA,UAAA,SAAA,cAOhCS,EAAU,CACdC,KAAM,2XACNR,QAAS,CACPS,IAAK,0MACLC,MACE,2MACFC,QACE,6KACFC,QACE,+JACFC,YACE,yPACFC,oBACE,4OACFC,oBACE,4NACFC,KAAM,sNAERC,WAAY,CACVT,KAAM,CACJG,QAAS,sCAEXT,OAAQ,CACNS,QAAS,uCAKf,OACEO,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAAC,cAAA,SAAAE,EAAAA,SAAA,CAAA,yBACyB,EACvBjB,UAAWkB,EAAAA,WACTpB,GAAUK,EAAQU,WAAWf,OAAOF,GAChCO,EAAQU,WAAWf,OAAOF,GAC1BO,EAAQU,WAAWT,KAAKR,IAAYO,EAAQU,WAAWT,KAAKR,GAChEO,EAAQC,KACRR,GAAWO,EAAQP,QAAQA,GAC3BI,GAAaA,IAEXC,GAEHN,GAIT"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, ReactNode, ComponentPropsWithRef } from 'react'\nimport { classNames } from '../utils'\n\ninterface ButtonProps extends ComponentPropsWithRef<'button'> {\n  children: ReactNode\n  variant:\n    | 'red'\n    | 'green'\n    | 'default'\n    | 'neutral'\n    | 'transparent'\n    | 'transparentSideView'\n    | 'transparentSettings'\n    | 'gray'\n  active?: boolean\n  conference?: boolean\n}\n\nexport const Button: FC<ButtonProps> = ({\n  children,\n  variant,\n  active = false,\n  conference = false,\n  className = '',\n  ...props\n}) => {\n  const classes = {\n    base: 'pi-flex pi-content-center pi-items-center pi-justify-center pi-tracking-wide pi-duration-200 pi-transform pi-outline-none focus:pi-ring-2 focus:pi-z-20 focus:pi-ring-offset-2 disabled:pi-opacity-75 pi-border pi-border-transparent focus:pi-ring-offset-white dark:focus:pi-ring-offset-black pi-text-sm pi-leading-4 pi-col-start-auto pi-transition-color pi-shrink-0',\n    variant: {\n      red: 'dark:pi-bg-red-500 pi-bg-red-700 hover:pi-bg-red-700 dark:hover:pi-bg-red-300 focus:pi-ring-emerald-500 dark:focus:ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      green:\n        'pi-bg-green-700 dark:pi-bg-green-500 hover:pi-bg-green-600 dark:hover:pi-bg-green-300 focus:pi-ring-green-500 focus:dark:pi-ring-200 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      default:\n        'hover:pi-bg-gray-500 dark:hover:pi-bg-gray-50 focus:pi-ring-emerald-500 dark:focus:pi-ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      neutral:\n        'pi-bg-transparent enabled:hover:pi-bg-gray-500 enabled:hover:pi-border-gray-500 pi-border pi-border-gray-700 focus:pi-ring-0 pi-h-12 pi-w-12 pi-rounded-full',\n      transparent:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-600/30 enabled:hover:pi-bg-gray-200/70 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-12 pi-w-12 pi-rounded-full',\n      transparentSideView:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-600 enabled:hover:pi-bg-gray-600 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded',\n      transparentSettings:\n        'pi-bg-transparent dark:hover:pi-bg-gray-600 hover:pi-bg-gray-300 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded',\n      gray: 'dark:pi-bg-gray-300 pi-bg-gray-700 hover:pi-bg-gray-800 dark:hover:pi-bg-gray-50 focus:pi-ring-gray-500 dark:focus:ring-gray-300 pi-text-gray-50 dark:pi-text-gray-900 pi-rounded-full pi-py-4 pi-px-4 pi-max-w-44',\n    },\n    background: {\n      base: {\n        default: 'pi-bg-gray-700 dark:pi-bg-gray-300',\n      },\n      active: {\n        default: 'pi-bg-gray-500 dark:pi-bg-gray-50',\n      },\n    },\n  }\n\n  return (\n    <>\n      <button\n        data-stop-propagation={true}\n        className={classNames(\n          active && classes.background.active[variant]\n            ? classes.background.active[variant]\n            : classes.background.base[variant] && classes.background.base[variant],\n          classes.base,\n          variant && classes.variant[variant],\n          className && className,\n          conference ? 'pi-font-medium' : 'pi-font-light',\n        )}\n        {...props}\n      >\n        {children}\n      </button>\n    </>\n  )\n}\n"],"names":["_a","children","variant","_b","active","_c","conference","_d","className","props","__rest","classes","base","red","green","default","neutral","transparent","transparentSideView","transparentSettings","gray","background","React","createElement","Fragment","__assign","classNames"],"mappings":"kSAqBuC,SAACA,GACtC,IAAAC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAcH,EAAAI,OAAdA,OAAM,IAAAD,GAAQA,EACdE,EAAkBL,EAAAM,WAAlBA,OAAU,IAAAD,GAAQA,EAClBE,EAAAP,EAAAQ,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACXE,EAAKC,EAAAA,OAAAV,EAN8B,0DAQhCW,EAAU,CACdC,KAAM,6WACNV,QAAS,CACPW,IAAK,0MACLC,MACE,2MACFC,QACE,6KACFC,QACE,+JACFC,YACE,yPACFC,oBACE,4OACFC,oBACE,4NACFC,KAAM,sNAERC,WAAY,CACVT,KAAM,CACJG,QAAS,sCAEXX,OAAQ,CACNW,QAAS,uCAKf,OACEO,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAAC,cAAA,SAAAE,EAAAA,SAAA,CAAA,yBACyB,EACvBjB,UAAWkB,EAAAA,WACTtB,GAAUO,EAAQU,WAAWjB,OAAOF,GAChCS,EAAQU,WAAWjB,OAAOF,GAC1BS,EAAQU,WAAWT,KAAKV,IAAYS,EAAQU,WAAWT,KAAKV,GAChES,EAAQC,KACRV,GAAWS,EAAQT,QAAQA,GAC3BM,GAAaA,EACbF,EAAa,iBAAmB,kBAE9BG,GAEHR,GAIT"}

package/dist/components/CallView/Actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../lib/phone/call.js"),n=require("../../utils/customHooks/useEventListener.js"),i=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/react-redux/es/index.js");var o=require("../../store/index.js");require("../../node_modules/socket.io-client/build/esm/index.js");var a=require("../../lib/user/default_device.js");require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js");var l=require("../../lib/webrtc/messages.js");require("../../node_modules/mic-check/lib/index.js");var s=require("../../static/outgoing_ringtone.js");require("../Island.js");var r=require("../../services/astproxy.js"),d=require("../Button.js"),c=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),u=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js");require("../../node_modules/i18next/dist/esm/i18next.js");var p=require("../CustomThemedTooltip.js"),m=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 f=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var h=require("../TransferButton.js"),v=require("../../node_modules/react-redux/es/hooks/useSelector.js"),j=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=E(e);exports.default=function(){var e=v.useSelector((function(e){return e.currentCall})),E=e.paused,y=e.muted;e.isRecording;var g=v.useSelector((function(e){return e.currentCall.parked})),w=v.useSelector((function(e){return e.island})),C=w.view,b=w.actionsExpanded,x=w.sideViewIsVisible;w.isConferenceList;var q=v.useSelector((function(e){return e.currentCall.transferring})),k=v.useSelector((function(e){return e.listen})),_=j.useDispatch();function D(){_.island.setIslandView("keypad"!==C?"keypad":"call"),x&&i.eventDispatch("phone-island-sideview-close",{}),i.eventDispatch("phone-island-call-keypad-opened",{})}n.useEventListener("phone-island-call-keypad-open",(function(){D()})),n.useEventListener("phone-island-call-transfer-open",(function(){_.island.setIslandView("transfer"!==C?"transfer":"call"),x&&i.eventDispatch("phone-island-sideview-close",{}),i.eventDispatch("phone-island-call-transfer-opened",{})})),n.useEventListener("phone-island-call-transfer-cancel",(function(){!function(){a.isWebRTC()?l.sendDTMF("*"):r.sendPhysicalDTMF("*");o.store.getState().player.audioPlayerPlaying||_.player.updateStartAudioPlayer({src:s.default,loop:!0});setTimeout((function(){a.isWebRTC()?l.sendDTMF("1"):r.sendPhysicalDTMF("1"),_.player.stopAudioPlayer(),q&&setTimeout((function(){_.currentCall.updateTransferring(!1)}),500),i.eventDispatch("phone-island-call-transfer-canceled",{})}),500)}()})),n.useEventListener("phone-island-call-actions-open",(function(){_.island.toggleActionsExpanded(!0),i.eventDispatch("phone-island-call-actions-opened",{})})),n.useEventListener("phone-island-call-actions-close",(function(){_.island.toggleActionsExpanded(!1),i.eventDispatch("phone-island-call-actions-closed",{})}));var F=f.useTranslation().t;return T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"".concat((null==k?void 0:k.isListen)||(null==k?void 0:k.isIntrude)?k.isIntrude?"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":"pi-hidden":"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"," ")},!((null==k?void 0:k.isIntrude)||(null==k?void 0:k.isListen))&&T.default.createElement(d.Button,{variant:"default",active:!!E,onClick:function(){return E?t.unpauseCurrentCall():t.pauseCurrentCall()},"data-tooltip-id":"tooltip-pause","data-tooltip-content":"".concat(F(E?"Tooltip.Play":"Tooltip.Pause"))},E?T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:u.faPlay}):T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:u.faPause})),!(null==k?void 0:k.isListen)&&T.default.createElement(d.Button,{variant:"default",active:!!y,onClick:function(){return y?t.unmuteCurrentCall():t.muteCurrentCall()},"data-tooltip-id":"tooltip-mute","data-tooltip-content":"".concat(F(y?"Tooltip.Unmute":"Tooltip.Mute"))},y?T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:u.faMicrophoneSlash}):T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:u.faMicrophone})),T.default.createElement(h.TransferButton,null),!(k.isIntrude||k.isListen)&&T.default.createElement(d.Button,{active:b,variant:"transparent",onClick:function(){b?(_.island.toggleActionsExpanded(!1),i.eventDispatch("phone-island-call-actions-closed",{}),i.eventDispatch("phone-island-sideview-close",{})):(_.island.toggleActionsExpanded(!0),i.eventDispatch("phone-island-call-actions-opened",{}))},"data-tooltip-id":"tooltip-expand","data-tooltip-content":"".concat(F(b?"Tooltip.Collapse":"Tooltip.Expand"))},b?T.default.createElement(c.FontAwesomeIcon,{className:"pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6",icon:u.faChevronUp}):T.default.createElement(c.FontAwesomeIcon,{className:"pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6",icon:u.faChevronDown}))),b?T.default.createElement(T.default.Fragment,null," ",T.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},T.default.createElement(d.Button,{active:"keypad"===C,variant:"default",onClick:D,"data-tooltip-id":"tooltip-keyboard","data-tooltip-content":F("Tooltip.Keyboard")||""},T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:m.faGridRound})),T.default.createElement(d.Button,{active:g,variant:"default",onClick:t.parkCurrentCall,"data-tooltip-id":"tooltip-park","data-tooltip-content":F("Tooltip.Park")||""},T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:u.faSquareParking})),T.default.createElement(d.Button,{variant:"default",onClick:function(){return x?i.eventDispatch("phone-island-sideview-close",{}):i.eventDispatch("phone-island-sideview-open",{})},"data-tooltip-id":"tooltip-sideView","data-tooltip-content":F("Tooltip.Other actions")||""},T.default.createElement(c.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:x?m.faClose:m.faOpen})))):T.default.createElement(T.default.Fragment,null),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-transfer",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-pause",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-mute",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-expand",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-keyboard",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-conference",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-park",place:"bottom"}),T.default.createElement(p.CustomThemedTooltip,{id:"tooltip-sideView",place:"left"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../lib/phone/call.js"),i=require("../../utils/customHooks/useEventListener.js"),o=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/react-redux/es/index.js");var a=require("../../store/index.js");require("../../node_modules/socket.io-client/build/esm/index.js");var l=require("../../lib/user/default_device.js");require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js");var s=require("../../lib/webrtc/messages.js");require("../../node_modules/mic-check/lib/index.js");var r=require("../../static/outgoing_ringtone.js");require("../Island.js");var c=require("../../services/astproxy.js"),d=require("../Button.js"),u=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),p=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js");require("../../node_modules/i18next/dist/esm/i18next.js");var m=require("../CustomThemedTooltip.js"),f=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 v=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var h=require("../TransferButton.js"),g=require("../../node_modules/react-redux/es/hooks/useSelector.js"),E=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=j(t);exports.default=function(){var j,T,y,C,b=g.useSelector((function(e){return e.currentCall})),x=b.paused,q=b.muted;b.isRecording;var _=g.useSelector((function(e){return e.currentCall.parked})),k=g.useSelector((function(e){return e.island})),D=k.view,A=k.actionsExpanded,I=k.sideViewIsVisible;k.isConferenceList;var F=g.useSelector((function(e){return e.currentCall.transferring})),P=g.useSelector((function(e){return e.listen})),S=g.useSelector((function(e){return e.conference})),N=S.isActive,L=S.conferenceStartedFrom,B=g.useSelector((function(e){return null==e?void 0:e.currentUser})),M=B.username,V=B.profile,R=E.useDispatch(),U=t.useRef(!1),O=t.useRef(!1),W=t.useMemo((function(){return N&&"call"===D&&!A&&!U.current&&""!==M&&""!==L&&L===M}),[N,D,A,L]),G=t.useMemo((function(){return N&&"call"===D&&A&&!O.current&&""!==M&&L!==M}),[N,D,A,L]);function H(){R.island.setIslandView("keypad"!==D?"keypad":"call"),I&&o.eventDispatch("phone-island-sideview-close",{}),o.eventDispatch("phone-island-call-keypad-opened",{})}t.useEffect((function(){W&&(R.island.toggleActionsExpanded(!0),o.eventDispatch("phone-island-call-actions-opened",{}),U.current=!0)}),[W,R.island]),t.useEffect((function(){G&&(R.island.toggleActionsExpanded(!1),o.eventDispatch("phone-island-call-actions-closed",{}),O.current=!0)}),[G,R.island]),i.useEventListener("phone-island-call-keypad-open",(function(){H()})),i.useEventListener("phone-island-call-transfer-open",(function(){R.island.setIslandView("transfer"!==D?"transfer":"call"),I&&o.eventDispatch("phone-island-sideview-close",{}),o.eventDispatch("phone-island-call-transfer-opened",{})})),i.useEventListener("phone-island-call-transfer-cancel",(function(){!function(){l.isWebRTC()?s.sendDTMF("*"):c.sendPhysicalDTMF("*");a.store.getState().player.audioPlayerPlaying||R.player.updateStartAudioPlayer({src:r.default,loop:!0});setTimeout((function(){l.isWebRTC()?s.sendDTMF("1"):c.sendPhysicalDTMF("1"),R.player.stopAudioPlayer(),F&&setTimeout((function(){R.currentCall.updateTransferring(!1)}),500),o.eventDispatch("phone-island-call-transfer-canceled",{})}),500)}()})),i.useEventListener("phone-island-call-actions-open",(function(){R.island.toggleActionsExpanded(!0),o.eventDispatch("phone-island-call-actions-opened",{})})),i.useEventListener("phone-island-call-actions-close",(function(){R.island.toggleActionsExpanded(!1),o.eventDispatch("phone-island-call-actions-closed",{})}));var K=v.useTranslation().t;return w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{className:"".concat((null==P?void 0:P.isListen)||(null==P?void 0:P.isIntrude)||N&&(!N||L!==M)?P.isIntrude?"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&&L!==M?"pi-flex pi-items-center pi-justify-center pi-gap-4":"pi-hidden":"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"," ")},!((null==P?void 0:P.isIntrude)||(null==P?void 0:P.isListen))&&w.default.createElement(d.Button,{variant:"default",active:!!x,onClick:function(){return x?n.unpauseCurrentCall():n.pauseCurrentCall()},"data-tooltip-id":"tooltip-pause","data-tooltip-content":"".concat(K(x?"Tooltip.Play":"Tooltip.Pause"))},x?w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:p.faPlay}):w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:p.faPause})),!(null==P?void 0:P.isListen)&&w.default.createElement(d.Button,{variant:"default",active:!!q,onClick:function(){return q?n.unmuteCurrentCall():n.muteCurrentCall()},"data-tooltip-id":"tooltip-mute","data-tooltip-content":"".concat(K(q?"Tooltip.Unmute":"Tooltip.Mute"))},q?w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:p.faMicrophoneSlash}):w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:p.faMicrophone})),!(N&&L!==M)&&w.default.createElement(h.TransferButton,null),!((null==P?void 0:P.isIntrude)||(null==P?void 0:P.isListen))&&!(N&&L!==M)&&w.default.createElement(d.Button,{active:A,variant:"transparent",onClick:function(){A?(R.island.toggleActionsExpanded(!1),o.eventDispatch("phone-island-call-actions-closed",{}),o.eventDispatch("phone-island-sideview-close",{})):(R.island.toggleActionsExpanded(!0),o.eventDispatch("phone-island-call-actions-opened",{}))},"data-tooltip-id":"tooltip-expand","data-tooltip-content":"".concat(K(A?"Tooltip.Collapse":"Tooltip.Expand"))},A?w.default.createElement(u.FontAwesomeIcon,{className:"pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6",icon:p.faChevronUp}):w.default.createElement(u.FontAwesomeIcon,{className:"pi-text-gray-700 dark:pi-text-gray-200 pi-h-6 pi-w-6",icon:p.faChevronDown}))),A?w.default.createElement(w.default.Fragment,null," ",w.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},w.default.createElement(d.Button,{active:"keypad"===D,variant:"default",onClick:H,"data-tooltip-id":"tooltip-keyboard","data-tooltip-content":K("Tooltip.Keyboard")||""},w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:f.faGridRound})),w.default.createElement(d.Button,{active:_,variant:"default",onClick:n.parkCurrentCall,"data-tooltip-id":"tooltip-park","data-tooltip-content":K("Tooltip.Park")||""},w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:p.faSquareParking})),(null===(C=null===(y=null===(T=null===(j=null==V?void 0:V.macro_permissions)||void 0===j?void 0:j.settings)||void 0===T?void 0:T.permissions)||void 0===y?void 0:y.conference)||void 0===C?void 0:C.value)&&w.default.createElement(d.Button,{"data-stop-propagation":!0,variant:"default",onClick:function(){return N?e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return R.island.setIslandView("waitingConference"),[4,n.startConference()];case 1:return e.sent(),[2]}}))})):(o.eventDispatch("phone-island-conference-list-open",{}),R.island.setIslandView("transfer"!==D?"transfer":"call"),void(I&&o.eventDispatch("phone-island-sideview-close",{})))},"data-tooltip-id":"tooltip-conference","data-tooltip-content":N?K("Tooltip.Conference")||"":K("Tooltip.Add user to conference")||""},w.default.createElement(u.FontAwesomeIcon,{icon:N?p.faPlus:p.faUserPlus,className:"pi-h-6 pi-w-6"})),w.default.createElement(d.Button,{variant:"default",onClick:function(){return I?o.eventDispatch("phone-island-sideview-close",{}):o.eventDispatch("phone-island-sideview-open",{})},"data-tooltip-id":"tooltip-sideView","data-tooltip-content":K("Tooltip.Other actions")||""},w.default.createElement(u.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:I?f.faClose:f.faOpen})))):w.default.createElement(w.default.Fragment,null),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-transfer",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-pause",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-mute",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-expand",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-keyboard",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-conference",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-park",place:"bottom"}),w.default.createElement(m.CustomThemedTooltip,{id:"tooltip-sideView",place:"left"}))};
 //# sourceMappingURL=Actions.js.map

package/dist/components/CallView/Actions.js.map

@@ -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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"}
+{"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, useMemo, useEffect, useRef } from 'react'\nimport {\n  muteCurrentCall,\n  unmuteCurrentCall,\n  pauseCurrentCall,\n  unpauseCurrentCall,\n  parkCurrentCall,\n  startConference,\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  faUserPlus,\n  faPlus,\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  const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n  const { username, profile } = useSelector((state: RootState) => state?.currentUser)\n\n  const dispatch = useDispatch<Dispatch>()\n\n  // Check if the actions should be expanded automatically\n  const autoExpandedRef = useRef(false)\n  // Check if the actions should be collapsed automatically\n  const autoCollapsedRef = useRef(false)\n\n  // Check if user has enabled conference and view is different from waitingConference && the owner is the user\n  const shouldExpandActions = useMemo(() => {\n    return (\n      isActive &&\n      view === 'call' &&\n      !actionsExpanded &&\n      !autoExpandedRef.current &&\n      username !== '' &&\n      conferenceStartedFrom !== '' &&\n      conferenceStartedFrom === username\n    )\n  }, [isActive, view, actionsExpanded, conferenceStartedFrom])\n\n  // Check if user is not the owner of the conference\n  const shouldCollapseActions = useMemo(() => {\n    return (\n      isActive &&\n      view === 'call' &&\n      actionsExpanded &&\n      !autoCollapsedRef.current &&\n      username !== '' &&\n      conferenceStartedFrom !== username\n    )\n  }, [isActive, view, actionsExpanded, conferenceStartedFrom])\n\n  // Automatically expand actions if the user has enabled conference\n  useEffect(() => {\n    if (shouldExpandActions) {\n      dispatch.island.toggleActionsExpanded(true)\n      eventDispatch('phone-island-call-actions-opened', {})\n      autoExpandedRef.current = true\n    }\n  }, [shouldExpandActions, dispatch.island])\n\n  // Automatically collapse actions if the user is not the owner of the conference\n  useEffect(() => {\n    if (shouldCollapseActions) {\n      dispatch.island.toggleActionsExpanded(false)\n      eventDispatch('phone-island-call-actions-closed', {})\n      autoCollapsedRef.current = true\n    }\n  }, [shouldCollapseActions, dispatch.island])\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 beginConference = () => {\n    // Update island store and set conference list view to true\n    eventDispatch('phone-island-conference-list-open', {})\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  }\n\n  const addUserToConference = async () => {\n    dispatch.island.setIslandView('waitingConference')\n    const conferenceStarted = await startConference()\n  }\n\n  const { t } = useTranslation()\n  // Phone island header section\n  return (\n    <>\n      <div\n        className={`${\n          !intrudeListenStatus?.isListen &&\n          !intrudeListenStatus?.isIntrude &&\n          (!isActive || (isActive && conferenceStartedFrom === username))\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            : isActive && conferenceStartedFrom !== username\n            ? 'pi-flex pi-items-center pi-justify-center pi-gap-4'\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        {/* If user is in conference and is not the owner of the conference, hide the transfer button */}\n        {!(isActive && conferenceStartedFrom !== username) && <TransferButton />}\n        {!(intrudeListenStatus?.isIntrude || intrudeListenStatus?.isListen) &&\n          !(isActive && conferenceStartedFrom !== username) && (\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            {profile?.macro_permissions?.settings?.permissions?.conference?.value && (\n              <Button\n                data-stop-propagation={true}\n                variant='default'\n                onClick={() => (isActive ? addUserToConference() : beginConference())}\n                data-tooltip-id='tooltip-conference'\n                data-tooltip-content={\n                  isActive\n                    ? t('Tooltip.Conference') || ''\n                    : t('Tooltip.Add user to conference') || ''\n                }\n              >\n                <FontAwesomeIcon icon={isActive ? faPlus : faUserPlus} className='pi-h-6 pi-w-6' />\n              </Button>\n            )}\n\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":["_e","useSelector","state","currentCall","paused","muted","isRecording","parked","_f","island","view","actionsExpanded","sideViewIsVisible","isConferenceList","transferring","intrudeListenStatus","listen","_g","conference","isActive","conferenceStartedFrom","_h","currentUser","username","profile","dispatch","useDispatch","autoExpandedRef","useRef","autoCollapsedRef","shouldExpandActions","useMemo","current","shouldCollapseActions","openKeypad","setIslandView","eventDispatch","useEffect","toggleActionsExpanded","useEventListener","isWebRTC","sendDTMF","sendPhysicalDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","cancelTransfer","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","_d","_c","_b","_a","macro_permissions","settings","permissions","value","__awaiter","startConference","sent","faPlus","faUserPlus","faClose","faOpen","CustomThemedTooltip","id","place"],"mappings":"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"}

package/dist/components/CallView/BackCall.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("./Timer.js"),t=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.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 a=require("../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js"),n=require("../../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),o=require("../../node_modules/react-redux/es/hooks/useSelector.js"),l=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(e);exports.default=function(u){var p=u.isVisible,m=o.useSelector((function(e){return e.currentCall})),c=m.number,f=m.displayName,x=m.transferring,b=m.transferringName,g=m.startTime,h=m.transferringStartTime,j=m.transferCalls,v=l.useDispatch(),y=s.useTranslation().t,q=o.useSelector((function(e){return e.island})),_=q.isOpen,w=q.previousView,E=o.useSelector((function(e){return e.screenShare})),N=E.active,T=E.role;return e.useEffect((function(){var e=j.find((function(e){return e.number!==c}));e&&v.currentCall.updateCurrentCall({transferringName:e.displayName,transferringStartTime:e.startTime})}),[c]),d.default.createElement(a.AnimatePresence,null,p&&d.default.createElement(n.motion.div,{className:"pi-absolute pi-w-full pi-bg-gray-700 pi-flex pi-justify-between pi-text-gray-50 dark:pi-text-gray-50 -pi-mt-10 -pi-z-10 pi-items-start ".concat(_?"pi-px-6":"pi-px-4"," pi-pt-3"),style:{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",height:"60px"},initial:{y:60},animate:{y:0},exit:{y:60,transitionEnd:{display:"none"}},transition:{duration:.3}},d.default.createElement("div",{className:"pi-font-medium pi-text-sm pi-relative"},d.default.createElement("div",{className:"pi-whitespace-nowrap pi-overflow-hidden ".concat(_&&"video"!==w?"pi-w-44":"pi-w-16")},x?b:f),d.default.createElement("div",{className:"pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-gray-700"})),d.default.createElement("div",{className:"pi-flex pi-gap-2"},N&&"publisher"===T&&d.default.createElement("div",{className:"pi-flex pi-gap-2 pi-font-medium pi-items-center pi-rounded-full pi-px-2 pi-py-1 pi-text-xs pi-relative -pi-top-0.5 pi-bg-emerald-700 pi-text-emerald-50"},d.default.createElement(i.FontAwesomeIcon,{icon:t.faDisplay,className:"pi-w-4 pi-h-4"}),y("Screen sharing.Sharing")),d.default.createElement("div",{className:"pi-w-16 pi-flex pi-justify-end"},d.default.createElement(r.default,{size:"small",startTime:x?h:g})))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("./Timer.js"),t=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.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 n=require("../AvatarGroup.js"),a=require("../../utils/genericFunctions/isEmpty.js"),o=require("../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js"),u=require("../../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js"),d=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(e);exports.default=function(p){var c=p.isVisible,f=l.useSelector((function(e){return e.currentCall})),x=f.number,g=f.displayName,j=f.transferring,v=f.transferringName,y=f.startTime,h=f.transferringStartTime,b=f.transferCalls,q=d.useDispatch(),w=s.useTranslation().t,E=l.useSelector((function(e){return e.island})),_=E.isOpen,N=E.previousView,T=l.useSelector((function(e){return e.screenShare})),S=T.active,A=T.role,C=l.useSelector((function(e){return e.conference})),P=C.isActive,k=C.usersList,D=C.ownerInformations;return e.useEffect((function(){var e=b.find((function(e){return e.number!==x}));e&&q.currentCall.updateCurrentCall({transferringName:e.displayName,transferringStartTime:e.startTime})}),[x]),m.default.createElement(o.AnimatePresence,null,c&&m.default.createElement(u.motion.div,{className:"pi-absolute pi-w-full pi-bg-gray-700 pi-flex pi-justify-between pi-text-gray-50 dark:pi-text-gray-50 -pi-mt-10 -pi-z-10 pi-items-start ".concat(_?"pi-px-6":"pi-px-4"," pi-pt-3"),style:{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",height:"60px"},initial:{y:60},animate:{y:0},exit:{y:60,transitionEnd:{display:"none"}},transition:{duration:.3}},m.default.createElement("div",{className:"pi-font-medium pi-text-sm pi-relative"},m.default.createElement("div",{className:"pi-whitespace-nowrap pi-overflow-hidden ".concat(_&&"video"!==N?"pi-w-44":"pi-w-16")},j?v:P&&!a.isEmpty(D)?w("Conference.In conference"):P&&a.isEmpty(D)?w("Conference.Waiting for the conference"):g),m.default.createElement("div",{className:"pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-gray-700"})),m.default.createElement("div",{className:"pi-flex pi-gap-2"},S&&"publisher"===A&&m.default.createElement("div",{className:"pi-flex pi-gap-2 pi-font-medium pi-items-center pi-rounded-full pi-px-2 pi-py-1 pi-text-xs pi-relative -pi-top-0.5 pi-bg-emerald-700 pi-text-emerald-50"},m.default.createElement(i.FontAwesomeIcon,{icon:t.faDisplay,className:"pi-w-4 pi-h-4"}),w("Screen sharing.Sharing")),m.default.createElement("div",{className:"pi-w-16 pi-flex pi-justify-end"},P?m.default.createElement(n.default,{usersList:k||{},maxAvatars:5}):m.default.createElement(r.default,{size:"small",startTime:j?h:y})))))};
 //# sourceMappingURL=BackCall.js.map

package/dist/components/CallView/BackCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackCall.js","sources":["../../../src/components/CallView/BackCall.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport Timer from './Timer'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { TransferCallsTypes } from '../../models/currentCall'\nimport { faDisplay } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { useTranslation } from 'react-i18next'\n\nconst BackCall: FC<BackCallTypes> = ({ isVisible }) => {\n  const {\n    number,\n    displayName,\n    transferring,\n    transferringName,\n    startTime,\n    transferringStartTime,\n    transferCalls,\n  } = useSelector((state: RootState) => state.currentCall)\n  const dispatch = useDispatch<Dispatch>()\n\n  const { t } = useTranslation()\n  const { isOpen, previousView } = useSelector((state: RootState) => state.island)\n  const { active: screenShareActive, role: screenShareRole } = useSelector(\n    (state: RootState) => state.screenShare,\n  )\n\n  useEffect(() => {\n    const callData: TransferCallsTypes = transferCalls.find((item) => item.number !== number)\n    // Handle call switch during transfer\n    if (callData) {\n      dispatch.currentCall.updateCurrentCall({\n        transferringName: callData.displayName,\n        transferringStartTime: callData.startTime,\n      })\n    }\n  }, [number])\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          className={`pi-absolute pi-w-full pi-bg-gray-700 pi-flex pi-justify-between pi-text-gray-50 dark:pi-text-gray-50 -pi-mt-10 -pi-z-10 pi-items-start ${\n            isOpen ? 'pi-px-6' : 'pi-px-4'\n          } pi-pt-3`}\n          style={{ borderTopLeftRadius: '20px', borderTopRightRadius: '20px', height: '60px' }}\n          initial={{ y: 60 }}\n          animate={{ y: 0 }}\n          exit={{\n            y: 60,\n            transitionEnd: {\n              display: 'none',\n            },\n          }}\n          transition={{ duration: 0.3 }}\n        >\n          <div className='pi-font-medium pi-text-sm pi-relative'>\n            <div\n              className={`pi-whitespace-nowrap pi-overflow-hidden ${\n                isOpen && previousView !== 'video' ? 'pi-w-44' : 'pi-w-16'\n              }`}\n            >\n              {transferring ? transferringName : displayName}\n            </div>\n            <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-gray-700'></div>\n          </div>\n          <div className='pi-flex pi-gap-2'>\n            {/* Screen sharing badge */}\n            {screenShareActive && screenShareRole === 'publisher' && (\n              <div className='pi-flex pi-gap-2 pi-font-medium pi-items-center pi-rounded-full pi-px-2 pi-py-1 pi-text-xs pi-relative -pi-top-0.5 pi-bg-emerald-700 pi-text-emerald-50'>\n                <FontAwesomeIcon icon={faDisplay} className='pi-w-4 pi-h-4' />\n                {t('Screen sharing.Sharing')}\n              </div>\n            )}\n            <div className='pi-w-16 pi-flex pi-justify-end'>\n              <Timer size='small' startTime={transferring ? transferringStartTime : startTime} />\n            </div>\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  )\n}\n\nexport default BackCall\n\ninterface BackCallTypes {\n  isVisible: boolean\n}\n"],"names":["_a","isVisible","_b","useSelector","state","currentCall","number","displayName","transferring","transferringName","startTime","transferringStartTime","transferCalls","dispatch","useDispatch","t","useTranslation","_c","island","isOpen","previousView","_d","screenShare","screenShareActive","screenShareRole","useEffect","callData","find","item","updateCurrentCall","React","createElement","AnimatePresence","motion","div","className","concat","style","borderTopLeftRadius","borderTopRightRadius","height","initial","y","animate","exit","transitionEnd","display","transition","duration","FontAwesomeIcon","icon","faDisplay","Timer","size"],"mappings":"0tCAaoC,SAACA,GAAE,IAAAC,EAASD,EAAAC,UACxCC,EAQFC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAPpCC,EAAMJ,EAAAI,OACNC,EAAWL,EAAAK,YACXC,EAAYN,EAAAM,aACZC,EAAgBP,EAAAO,iBAChBC,EAASR,EAAAQ,UACTC,EAAqBT,EAAAS,sBACrBC,kBAEIC,EAAWC,EAAAA,cAETC,EAAMC,qBACRC,EAA2Bd,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMc,MAAM,IAAvEC,WAAQC,iBACVC,EAAuDlB,EAAAA,aAC3D,SAACC,GAAqB,OAAAA,EAAMkB,WAAW,IADzBC,WAAyBC,SAezC,OAXAC,EAAAA,WAAU,WACR,IAAMC,EAA+Bd,EAAce,MAAK,SAACC,GAAS,OAAAA,EAAKtB,SAAWA,CAAhB,IAE9DoB,GACFb,EAASR,YAAYwB,kBAAkB,CACrCpB,iBAAkBiB,EAASnB,YAC3BI,sBAAuBe,EAAShB,WAGtC,GAAG,CAACJ,IAGFwB,EAAAA,QAACC,cAAAC,EAAeA,gBACb,KAAA/B,GACC6B,EAAC,QAAAC,cAAAE,EAAAA,OAAOC,IACN,CAAAC,UAAW,0IAAAC,OACTjB,EAAS,UAAY,UAAS,YAEhCkB,MAAO,CAAEC,oBAAqB,OAAQC,qBAAsB,OAAQC,OAAQ,QAC5EC,QAAS,CAAEC,EAAG,IACdC,QAAS,CAAED,EAAG,GACdE,KAAM,CACJF,EAAG,GACHG,cAAe,CACbC,QAAS,SAGbC,WAAY,CAAEC,SAAU,KAExBlB,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,yCACbL,EACE,QAAAC,cAAA,MAAA,CAAAI,UAAW,2CAAAC,OACTjB,GAA2B,UAAjBC,EAA2B,UAAY,YAGlDZ,EAAeC,EAAmBF,GAErCuB,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,6GAEjBL,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,oBAEZZ,GAAyC,cAApBC,GACpBM,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,2JACbL,EAAC,QAAAC,cAAAkB,mBAAgBC,KAAMC,YAAWhB,UAAU,kBAC3CpB,EAAE,2BAGPe,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,kCACbL,EAAAA,QAACC,cAAAqB,EAAAA,QAAM,CAAAC,KAAK,QAAQ3C,UAAWF,EAAeG,EAAwBD,OAOpF"}
+{"version":3,"file":"BackCall.js","sources":["../../../src/components/CallView/BackCall.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport Timer from './Timer'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { TransferCallsTypes } from '../../models/currentCall'\nimport { faDisplay } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { useTranslation } from 'react-i18next'\nimport AvatarGroup from '../AvatarGroup'\nimport { isEmpty } from '../../utils/genericFunctions/isEmpty'\n\nconst BackCall: FC<BackCallTypes> = ({ isVisible }) => {\n  const {\n    number,\n    displayName,\n    transferring,\n    transferringName,\n    startTime,\n    transferringStartTime,\n    transferCalls,\n  } = useSelector((state: RootState) => state.currentCall)\n  const dispatch = useDispatch<Dispatch>()\n\n  const { t } = useTranslation()\n  const { isOpen, previousView } = useSelector((state: RootState) => state.island)\n  const { active: screenShareActive, role: screenShareRole } = useSelector(\n    (state: RootState) => state.screenShare,\n  )\n  const { isActive, usersList, ownerInformations }: any = useSelector(\n    (state: RootState) => state.conference,\n  )\n\n  useEffect(() => {\n    const callData: TransferCallsTypes = transferCalls.find((item) => item.number !== number)\n    // Handle call switch during transfer\n    if (callData) {\n      dispatch.currentCall.updateCurrentCall({\n        transferringName: callData.displayName,\n        transferringStartTime: callData.startTime,\n      })\n    }\n  }, [number])\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          className={`pi-absolute pi-w-full pi-bg-gray-700 pi-flex pi-justify-between pi-text-gray-50 dark:pi-text-gray-50 -pi-mt-10 -pi-z-10 pi-items-start ${\n            isOpen ? 'pi-px-6' : 'pi-px-4'\n          } pi-pt-3`}\n          style={{ borderTopLeftRadius: '20px', borderTopRightRadius: '20px', height: '60px' }}\n          initial={{ y: 60 }}\n          animate={{ y: 0 }}\n          exit={{\n            y: 60,\n            transitionEnd: {\n              display: 'none',\n            },\n          }}\n          transition={{ duration: 0.3 }}\n        >\n          <div className='pi-font-medium pi-text-sm pi-relative'>\n            <div\n              className={`pi-whitespace-nowrap pi-overflow-hidden ${\n                isOpen && previousView !== 'video' ? 'pi-w-44' : 'pi-w-16'\n              }`}\n            >\n              {transferring\n                ? transferringName\n                : isActive && !isEmpty(ownerInformations)\n                ? t('Conference.In conference')\n                : isActive && isEmpty(ownerInformations)\n                ? t('Conference.Waiting for the conference')\n                : displayName}\n            </div>\n            <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-gray-700'></div>\n          </div>\n          <div className='pi-flex pi-gap-2'>\n            {/* Screen sharing badge */}\n            {screenShareActive && screenShareRole === 'publisher' && (\n              <div className='pi-flex pi-gap-2 pi-font-medium pi-items-center pi-rounded-full pi-px-2 pi-py-1 pi-text-xs pi-relative -pi-top-0.5 pi-bg-emerald-700 pi-text-emerald-50'>\n                <FontAwesomeIcon icon={faDisplay} className='pi-w-4 pi-h-4' />\n                {t('Screen sharing.Sharing')}\n              </div>\n            )}\n            <div className='pi-w-16 pi-flex pi-justify-end'>\n              {!isActive ? (\n                <Timer size='small' startTime={transferring ? transferringStartTime : startTime} />\n              ) : (\n                <AvatarGroup usersList={usersList || {}} maxAvatars={5} />\n              )}\n            </div>\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  )\n}\n\nexport default BackCall\n\ninterface BackCallTypes {\n  isVisible: boolean\n}\n"],"names":["_a","isVisible","_b","useSelector","state","currentCall","number","displayName","transferring","transferringName","startTime","transferringStartTime","transferCalls","dispatch","useDispatch","t","useTranslation","_c","island","isOpen","previousView","_d","screenShare","screenShareActive","screenShareRole","_e","conference","isActive","usersList","ownerInformations","useEffect","callData","find","item","updateCurrentCall","React","createElement","AnimatePresence","motion","div","className","concat","style","borderTopLeftRadius","borderTopRightRadius","height","initial","y","animate","exit","transitionEnd","display","transition","duration","isEmpty","FontAwesomeIcon","icon","faDisplay","AvatarGroup","maxAvatars","Timer","size"],"mappings":"8yCAeoC,SAACA,GAAE,IAAAC,EAASD,EAAAC,UACxCC,EAQFC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAPpCC,EAAMJ,EAAAI,OACNC,EAAWL,EAAAK,YACXC,EAAYN,EAAAM,aACZC,EAAgBP,EAAAO,iBAChBC,EAASR,EAAAQ,UACTC,EAAqBT,EAAAS,sBACrBC,kBAEIC,EAAWC,EAAAA,cAETC,EAAMC,qBACRC,EAA2Bd,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMc,MAAM,IAAvEC,WAAQC,iBACVC,EAAuDlB,EAAAA,aAC3D,SAACC,GAAqB,OAAAA,EAAMkB,WAAW,IADzBC,WAAyBC,SAGnCC,EAAkDtB,EAAAA,aACtD,SAACC,GAAqB,OAAAA,EAAMsB,cADtBC,EAAQF,EAAAE,SAAEC,EAASH,EAAAG,UAAEC,EAAiBJ,EAAAI,kBAe9C,OAXAC,EAAAA,WAAU,WACR,IAAMC,EAA+BnB,EAAcoB,MAAK,SAACC,GAAS,OAAAA,EAAK3B,SAAWA,CAAhB,IAE9DyB,GACFlB,EAASR,YAAY6B,kBAAkB,CACrCzB,iBAAkBsB,EAASxB,YAC3BI,sBAAuBoB,EAASrB,WAGtC,GAAG,CAACJ,IAGF6B,EAAAA,QAACC,cAAAC,EAAeA,gBACb,KAAApC,GACCkC,EAAC,QAAAC,cAAAE,EAAAA,OAAOC,IACN,CAAAC,UAAW,0IAAAC,OACTtB,EAAS,UAAY,UAAS,YAEhCuB,MAAO,CAAEC,oBAAqB,OAAQC,qBAAsB,OAAQC,OAAQ,QAC5EC,QAAS,CAAEC,EAAG,IACdC,QAAS,CAAED,EAAG,GACdE,KAAM,CACJF,EAAG,GACHG,cAAe,CACbC,QAAS,SAGbC,WAAY,CAAEC,SAAU,KAExBlB,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,yCACbL,EAAAA,QAAAC,cAAA,MAAA,CACEI,UAAW,2CAAAC,OACTtB,GAA2B,UAAjBC,EAA2B,UAAY,YAGlDZ,EACGC,EACAkB,IAAa2B,EAAOA,QAACzB,GACrBd,EAAE,4BACFY,GAAY2B,EAAOA,QAACzB,GACpBd,EAAE,yCACFR,GAEN4B,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,6GAEjBL,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,oBAEZjB,GAAyC,cAApBC,GACpBW,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,2JACbL,EAAC,QAAAC,cAAAmB,mBAAgBC,KAAMC,YAAWjB,UAAU,kBAC3CzB,EAAE,2BAGPoB,EAAK,QAAAC,cAAA,MAAA,CAAAI,UAAU,kCACXb,EAGAQ,wBAACuB,EAAW,QAAA,CAAC9B,UAAWA,GAAa,CAAA,EAAI+B,WAAY,IAFrDxB,EAAAA,QAACC,cAAAwB,EAAAA,SAAMC,KAAK,QAAQnD,UAAWF,EAAeG,EAAwBD,OAUtF"}

package/dist/components/CallView/Timer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../styles/Island.styles.js"),r=require("../../node_modules/react-moment/dist/index.js"),a=require("../../lib/user/default_device.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e);exports.default=function(e){var s=e.size,l=void 0===s?"large":s,n=e.startTime,d=e.isHome,o=i.useSelector((function(e){return e.island})).isOpen;return u.default.createElement(u.default.Fragment,null,null!=n&&!a.isPhysical()&&u.default.createElement(t.StyledTimer,{isOpen:o,size:l},u.default.createElement(r.default,{date:Number(n),interval:1e3,format:"h:mm:ss",trim:!1,unix:!0,durationFromNow:!0,className:"".concat(void 0!==d&&d?"pi-text-gray-950 dark:pi-text-gray-50":"pi-text-gray-50 dark:pi-text-gray-50"," pi-font-normal")})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../styles/Island.styles.js"),r=require("../../node_modules/react-moment/dist/index.js"),a=require("../../lib/user/default_device.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(e);exports.default=function(e){var s=e.size,u=void 0===s?"large":s,l=e.startTime,d=e.isNotAlwaysWhite,o=e.isInsideConference,c=i.useSelector((function(e){return e.island})).isOpen;return n.default.createElement(n.default.Fragment,null,null!=l&&!a.isPhysical()&&n.default.createElement(t.StyledTimer,{isOpen:c,size:u},n.default.createElement(r.default,{date:Number(l),interval:1e3,format:"hh:mm:ss",trim:!1,unix:!0,durationFromNow:!0,className:"".concat(void 0!==d&&d?"pi-text-gray-950 dark:pi-text-gray-50":"pi-text-gray-50 dark:pi-text-gray-50"," ").concat(o?"pi-font-mono":"")})))};
 //# sourceMappingURL=Timer.js.map

package/dist/components/CallView/Timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.js","sources":["../../../src/components/CallView/Timer.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { StyledTimer } from '../../styles/Island.styles'\nimport Moment from 'react-moment'\nimport { isPhysical } from '../../lib/user/default_device'\n\nconst Timer: FC<TimerProps> = ({ size = 'large', startTime, isHome }) => {\n  // Get isOpen from the island store\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  return (\n    <>\n      {startTime != null && !isPhysical() && (\n        <StyledTimer isOpen={isOpen} size={size}>\n          <Moment\n            date={Number(startTime)}\n            interval={1000}\n            format='h:mm:ss'\n            trim={false}\n            unix\n            durationFromNow\n            className={`${\n              isHome !== undefined && isHome\n                ? 'pi-text-gray-950 dark:pi-text-gray-50'\n                : 'pi-text-gray-50 dark:pi-text-gray-50'\n            } pi-font-normal`}\n          />\n        </StyledTimer>\n      )}\n    </>\n  )\n}\n\nexport default Timer\n\nexport interface TimerProps {\n  size?: 'small' | 'large'\n  startTime: string\n  // when the timer is used in the home view or in the pill view\n  // TODO rename prop: it is used also in video view\n  isHome?: boolean\n}\n"],"names":["_a","_b","size","startTime","isHome","isOpen","useSelector","state","island","React","isPhysical","createElement","StyledTimer","Moment","date","Number","interval","format","trim","unix","durationFromNow","className","concat","undefined"],"mappings":"gdAU8B,SAACA,OAAEC,EAAcD,EAAAE,KAAdA,OAAI,IAAAD,EAAG,QAAOA,EAAEE,EAASH,EAAAG,UAAEC,EAAMJ,EAAAI,OAExDC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAE3D,OACEC,EAAAA,8CACgB,MAAbN,IAAsBO,EAAUA,cAC/BD,EAAAA,QAACE,cAAAC,EAAWA,aAACP,OAAQA,EAAQH,KAAMA,GACjCO,EAAAA,QAAAE,cAACE,UAAM,CACLC,KAAMC,OAAOZ,GACba,SAAU,IACVC,OAAO,UACPC,MAAM,EACNC,QACAC,iBAAe,EACfC,UAAW,GACTC,YAAWC,IAAXnB,GAAwBA,EACpB,wCACA,uCACW,sBAM7B"}
+{"version":3,"file":"Timer.js","sources":["../../../src/components/CallView/Timer.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { StyledTimer } from '../../styles/Island.styles'\nimport Moment from 'react-moment'\nimport { isPhysical } from '../../lib/user/default_device'\n\nconst Timer: FC<TimerProps> = ({\n  size = 'large',\n  startTime,\n  isNotAlwaysWhite,\n  isInsideConference,\n}) => {\n  // Get isOpen from the island store\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  return (\n    <>\n      {startTime != null && !isPhysical() && (\n        <StyledTimer isOpen={isOpen} size={size}>\n          <Moment\n            date={Number(startTime)}\n            interval={1000}\n            format='hh:mm:ss'\n            trim={false}\n            unix\n            durationFromNow\n            className={`${\n              isNotAlwaysWhite !== undefined && isNotAlwaysWhite\n                ? 'pi-text-gray-950 dark:pi-text-gray-50'\n                : 'pi-text-gray-50 dark:pi-text-gray-50'\n            } ${isInsideConference ? 'pi-font-mono' : ''}`}\n          />\n        </StyledTimer>\n      )}\n    </>\n  )\n}\n\nexport default Timer\n\nexport interface TimerProps {\n  size?: 'small' | 'large'\n  startTime: string\n  // when the timer is used in the home view or in the pill view\n  // TODO rename prop: it is used also in video view\n  isNotAlwaysWhite?: boolean\n  isInsideConference?: boolean\n}\n"],"names":["_a","_b","size","startTime","isNotAlwaysWhite","isInsideConference","isOpen","useSelector","state","island","React","isPhysical","createElement","StyledTimer","Moment","date","Number","interval","format","trim","unix","durationFromNow","className","concat","undefined"],"mappings":"gdAU8B,SAACA,GAC7B,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,QAAOA,EACdE,EAASH,EAAAG,UACTC,EAAgBJ,EAAAI,iBAChBC,EAAkBL,EAAAK,mBAGVC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAC3D,OACEC,EAAAA,8CACgB,MAAbP,IAAsBQ,EAAUA,cAC/BD,EAAAA,QAACE,cAAAC,EAAWA,aAACP,OAAQA,EAAQJ,KAAMA,GACjCQ,EAAAA,QAAAE,cAACE,UAAM,CACLC,KAAMC,OAAOb,GACbc,SAAU,IACVC,OAAO,WACPC,MAAM,EACNC,QACAC,iBAAe,EACfC,UAAW,GACTC,YAAqBC,IAArBpB,GAAkCA,EAC9B,wCACA,uCAAsC,KAAAmB,OACxClB,EAAqB,eAAiB,OAMtD"}

package/dist/components/CallView/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),r=require("../../lib/phone/call.js");require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js");var l=require("../../lib/user/default_device.js");require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/mic-check/lib/index.js"),require("../Island.js");var a=require("../Button.js"),s=require("../AudioBars.js");require("../../node_modules/i18next/dist/esm/i18next.js");var o=require("../CustomThemedTooltip.js"),u=require("./Timer.js"),d=require("./Number.js"),c=require("./DisplayName.js"),p=require("./Avatar.js"),m=require("./Actions.js"),f=require("../Hangup.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 v=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var g=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),E=require("../../node_modules/react-redux/es/hooks/useSelector.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=j(e);function w(e,t){return!e&&!t}exports.default=function(){var e=E.useSelector((function(e){return e.currentCall})),j=e.incoming,b=e.accepted,x=e.outgoing,q=e.startTime,y=e.paused,_=e.number,N=e.isRecording,I=E.useSelector((function(e){return e.currentCall})),A=E.useSelector((function(e){return e.island})).isOpen,S=E.useSelector((function(e){return e.webrtc})).remoteAudioStream,T=E.useSelector((function(e){return e.listen})),z=E.useSelector((function(e){return e.listen})),C=z.isListen,F=z.isIntrude,L=E.useSelector((function(e){return e.alerts})).data,P=v.useTranslation().t,k=Object.values(L).filter((function(e){return e.active})),H=k.length>0?k[k.length-1]:null,O=E.useSelector((function(e){return e.currentUser})),B=function(){var e;return h.default.createElement("div",{className:"pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate"},h.default.createElement(i.FontAwesomeIcon,{size:"sm",icon:g.faOfficePhone,className:"pi-mr-1"}),h.default.createElement("span",{className:"pi-max-w-16 pi-truncate"},(null===(e=null==O?void 0:O.default_device)||void 0===e?void 0:e.description)||P("Common.Physical phone")))},D=function(e){return h.default.createElement("div",{className:"".concat(A?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6"," pi-flex pi-justify-center pi-items-center")},h.default.createElement("div",{className:"".concat(A?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full"," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},h.default.createElement("span",{className:"".concat(A?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6"," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ").concat("red"===e?"pi-bg-red-400":"pi-bg-green-400"," pi-opacity-75 ")}),h.default.createElement(i.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 ".concat("red"===e?"pi-text-red-500":"pi-text-green-500"),icon:n.faCircle})))};return h.default.createElement(h.default.Fragment,null,null!==H?null:h.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},h.default.createElement(t.StyledCallView,{incoming:j,accepted:b,outgoing:x,isOpen:A},h.default.createElement(t.StyledTopContent,{isOpen:A,incoming:j,accepted:b,outgoing:x},(null==T?void 0:T.isListen)?h.default.createElement(i.FontAwesomeIcon,{className:"".concat(A?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover"),icon:n.faEarListen}):(null==T?void 0:T.isIntrude)?h.default.createElement(i.FontAwesomeIcon,{className:"".concat(A?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover"),icon:n.faHandPointUp}):""!==_&&""!==(null==I?void 0:I.username)&&"undefined"!==(null==I?void 0:I.username)?h.default.createElement(p.default,null):(!j||""!==(null==I?void 0:I.username)&&"undefined"!==(null==I?void 0:I.username))&&(!b||x||""!==(null==I?void 0:I.username)&&"undefined"!==(null==I?void 0:I.username))?!x||""!==(null==I?void 0:I.username)&&"undefined"!==(null==I?void 0:I.username)?x&&b&&(""===(null==I?void 0:I.username)||"undefined"===(null==I?void 0:I.username))?h.default.createElement(i.FontAwesomeIcon,{className:"".concat(A?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]"),icon:n.faArrowLeft}):h.default.createElement(h.default.Fragment,null):h.default.createElement(i.FontAwesomeIcon,{className:"".concat(A?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]"),icon:n.faArrowLeft}):h.default.createElement(i.FontAwesomeIcon,{className:"".concat(A?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover pi--rotate-45":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover pi--rotate-45"),icon:n.faArrowLeft}),A?(null==T?void 0:T.isIntrude)?h.default.createElement(t.StyledDetails,null,h.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"}," ",P("Common.Intrude"),(null==T?void 0:T.isIntrudeExtension)?" - ".concat(null==T?void 0:T.isIntrudeExtension):""),b?l.isPhysical()?B():h.default.createElement(u.default,{startTime:q,isHome:!0}):(null==T?void 0:T.isIntrudeExtension)?"".concat(null==T?void 0:T.isIntrudeExtension):""):(null==T?void 0:T.isListen)?h.default.createElement(t.StyledDetails,null,h.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"}," ",P("Common.Listen"),(null==T?void 0:T.isListenExtension)?" - ".concat(null==T?void 0:T.isListenExtension):""),b?l.isPhysical()?B():h.default.createElement(u.default,{startTime:q,isHome:!0}):(null==T?void 0:T.isListenExtension)?"".concat(null==T?void 0:T.isListenExtension):""," "):h.default.createElement(t.StyledDetails,null,h.default.createElement(c.default,null),b?l.isPhysical()?B():h.default.createElement(u.default,{startTime:q,isHome:!0}):h.default.createElement(d.default,null)):null,!A&&!b&&h.default.createElement(c.default,null),!A&&b&&h.default.createElement(u.default,{startTime:q,isHome:!0}),b&&N?D("red"):b&&S&&!l.isPhysical()?h.default.createElement(h.default.Fragment,null,h.default.createElement(s.AudioBars,{audioStream:S,paused:y,size:A?"large":"small"})):b&&l.isPhysical()?D("green"):h.default.createElement(h.default.Fragment,null)),A&&h.default.createElement("div",{className:"".concat(C||F?"":"pi-grid pi-gap-y-5"," ")},b&&h.default.createElement(m.default,null),h.default.createElement("div",{className:"pi-grid ".concat(w(x,b)?"pi-grid-cols-2":b?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"," pi-gap-3.5")},h.default.createElement(f.default,{description:P("Tooltip.Hangup and transfer")}),w(x,b)&&h.default.createElement(a.Button,{onClick:r.answerIncomingCall,variant:"green","data-tooltip-id":"tooltip-answer-left","data-tooltip-content":P("Tooltip.Answer")||""},h.default.createElement(i.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:n.faPhone}))))),h.default.createElement(o.CustomThemedTooltip,{id:"tooltip-answer-left",place:"left"})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),l=require("../../lib/phone/call.js");require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js");var r=require("../../lib/user/default_device.js");require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/mic-check/lib/index.js"),require("../Island.js");var a=require("../Button.js"),s=require("../AudioBars.js");require("../../node_modules/i18next/dist/esm/i18next.js");var o=require("../CustomThemedTooltip.js"),u=require("./Timer.js"),d=require("./Number.js"),c=require("./DisplayName.js"),p=require("./Avatar.js"),m=require("./Actions.js"),f=require("../Hangup.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 v=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var g=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),E=require("../../node_modules/react-redux/es/hooks/useSelector.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=h(e);function j(e,t){return!e&&!t}exports.default=function(){var e=E.useSelector((function(e){return e.currentCall})),h=e.incoming,b=e.accepted,x=e.outgoing,y=e.startTime,q=e.paused,N=e.number,A=e.isRecording,_=E.useSelector((function(e){return e.currentCall})),I=E.useSelector((function(e){return e.island})).isOpen,S=E.useSelector((function(e){return e.webrtc})).remoteAudioStream,T=E.useSelector((function(e){return e.listen})),z=E.useSelector((function(e){return e.listen})),C=z.isListen,F=z.isIntrude,L=E.useSelector((function(e){return e.alerts})).data,P=v.useTranslation().t,k=Object.values(L).filter((function(e){return e.active})),O=k.length>0?k[k.length-1]:null,W=E.useSelector((function(e){return e.currentUser})),B=function(){var e;return w.default.createElement("div",{className:"pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate"},w.default.createElement(i.FontAwesomeIcon,{size:"sm",icon:g.faOfficePhone,className:"pi-mr-1"}),w.default.createElement("span",{className:"pi-max-w-16 pi-truncate"},(null===(e=null==W?void 0:W.default_device)||void 0===e?void 0:e.description)||P("Common.Physical phone")))},D=function(e){return w.default.createElement("div",{className:"".concat(I?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6"," pi-flex pi-justify-center pi-items-center")},w.default.createElement("div",{className:"".concat(I?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full"," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},w.default.createElement("span",{className:"".concat(I?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6"," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ").concat("red"===e?"pi-bg-red-400":"pi-bg-green-400"," pi-opacity-75 ")}),w.default.createElement(i.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 ".concat("red"===e?"pi-text-red-500":"pi-text-green-500"),icon:n.faCircle})))};return w.default.createElement(w.default.Fragment,null,null!==O?null:w.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},w.default.createElement(t.StyledCallView,{incoming:h,accepted:b,outgoing:x,isOpen:I},w.default.createElement(t.StyledTopContent,{isOpen:I,incoming:h,accepted:b,outgoing:x},(null==T?void 0:T.isListen)?w.default.createElement(i.FontAwesomeIcon,{className:"".concat(I?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover"),icon:n.faEarListen}):(null==T?void 0:T.isIntrude)?w.default.createElement(i.FontAwesomeIcon,{className:"".concat(I?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover"),icon:n.faHandPointUp}):""!==N&&""!==(null==_?void 0:_.username)&&"undefined"!==(null==_?void 0:_.username)?w.default.createElement(p.default,null):(!h||""!==(null==_?void 0:_.username)&&"undefined"!==(null==_?void 0:_.username))&&(!b||x||""!==(null==_?void 0:_.username)&&"undefined"!==(null==_?void 0:_.username))?!x||""!==(null==_?void 0:_.username)&&"undefined"!==(null==_?void 0:_.username)?x&&b&&(""===(null==_?void 0:_.username)||"undefined"===(null==_?void 0:_.username))?w.default.createElement(i.FontAwesomeIcon,{className:"".concat(I?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]"),icon:n.faArrowLeft}):w.default.createElement(w.default.Fragment,null):w.default.createElement(i.FontAwesomeIcon,{className:"".concat(I?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover pi-rotate-[135deg]"),icon:n.faArrowLeft}):w.default.createElement(i.FontAwesomeIcon,{className:"".concat(I?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover pi--rotate-45":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover pi--rotate-45"),icon:n.faArrowLeft}),I?(null==T?void 0:T.isIntrude)?w.default.createElement(t.StyledDetails,null,w.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"}," ",P("Common.Intrude"),(null==T?void 0:T.isIntrudeExtension)?" - ".concat(null==T?void 0:T.isIntrudeExtension):""),b?r.isPhysical()?B():w.default.createElement(u.default,{startTime:y,isNotAlwaysWhite:!0}):(null==T?void 0:T.isIntrudeExtension)?"".concat(null==T?void 0:T.isIntrudeExtension):""):(null==T?void 0:T.isListen)?w.default.createElement(t.StyledDetails,null,w.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},P("Common.Listen"),(null==T?void 0:T.isListenExtension)?" - ".concat(null==T?void 0:T.isListenExtension):""),b?r.isPhysical()?B():w.default.createElement(u.default,{startTime:y,isNotAlwaysWhite:!0}):(null==T?void 0:T.isListenExtension)?"".concat(null==T?void 0:T.isListenExtension):""," "):w.default.createElement(t.StyledDetails,null,w.default.createElement(c.default,null),b?r.isPhysical()?B():w.default.createElement(u.default,{startTime:y,isNotAlwaysWhite:!0}):w.default.createElement(d.default,null)):null,!I&&!b&&w.default.createElement(c.default,null),!I&&b&&w.default.createElement(u.default,{startTime:y,isNotAlwaysWhite:!0}),b&&A?D("red"):b&&S&&!r.isPhysical()?w.default.createElement(w.default.Fragment,null,w.default.createElement(s.AudioBars,{audioStream:S,paused:q,size:I?"large":"small"})):b&&r.isPhysical()?D("green"):w.default.createElement(w.default.Fragment,null)),I&&w.default.createElement("div",{className:"".concat(C||F?"":"pi-grid pi-gap-y-5"," ")},b&&w.default.createElement(m.default,null),w.default.createElement("div",{className:"pi-grid ".concat(j(x,b)?"pi-grid-cols-2":b?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"," pi-gap-3.5")},w.default.createElement(f.default,{description:P("Tooltip.Hangup and transfer")}),j(x,b)&&w.default.createElement(a.Button,{onClick:l.answerIncomingCall,variant:"green","data-tooltip-id":"tooltip-answer-left","data-tooltip-content":P("Tooltip.Answer")||""},w.default.createElement(i.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:n.faPhone}))))),w.default.createElement(o.CustomThemedTooltip,{id:"tooltip-answer-left",place:"left"})))};
 //# sourceMappingURL=index.js.map