@nethesis/phone-island 0.13.6 → 0.14.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"),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,uaType:q})))))))};b.displayName="PhoneIsland",exports.PhoneIsland=b;
+"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 l=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 u=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"),S=require("./utils/genericFunctions/isBackCallVisible.js"),I=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 j=L(n),w=function(L){var w=L.dataConfig,D=L.showAlways,b=void 0!==D&&D,q=L.uaType,y=u.Base64.atob(w||"").split(":"),x=y[0],k=y[1],C=y[2],_=y[3],P=y[4],T=y[5],V=y[6],A=n.useState(!1),O=A[0],z=A[1],N=n.useState(!1),U=N[0],F=N[1],R=n.useState(!1),W=R[0],J=R[1];n.useEffect((function(){var e=new Worker(p.default,{type:"module"});return e.onmessage=function(e){"wakeup"===e.data&&z(!0)},function(){e.terminate()}}),[]),n.useEffect((function(){W&&U&&(z(!1),F(!1),J(!1))}),[W,U]),r.useEventListener("phone-island-expand",(function(){l.store.dispatch.island.toggleIsOpen(!0),c.eventDispatch("phone-island-expanded",{})})),r.useEventListener("phone-island-compress",(function(){l.store.dispatch.island.toggleIsOpen(!1),c.eventDispatch("phone-island-compressed",{})})),r.useEventListener("phone-island-call-keypad-close",(function(){l.store.dispatch.island.setIslandView("call"),c.eventDispatch("phone-island-call-keypad-closed",{})})),r.useEventListener("phone-island-call-transfer-close",(function(){l.store.dispatch.island.setIslandView("call"),c.eventDispatch("phone-island-call-transfer-closed",{})})),r.useEventListener("phone-island-recording-close",(function(){l.store.dispatch.island.setIslandView(null),c.eventDispatch("phone-island-recording-closed",{})})),r.useEventListener("phone-island-audio-player-close",(function(){l.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=l.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;l.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=l.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){l.store.dispatch.currentUser.updateCurrentDefaultDevice(null==e?void 0:e.deviceInformationObject),c.eventDispatch("phone-island-default-device-changed",{})})),r.useEventListener("phone-island-alert",(function(e){l.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=l.store.getState().currentUser)||void 0===n?void 0:n.username,a=l.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;l.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=l.store.getState().currentCall;console.log("Call status debug informations: ",e)})),r.useEventListener("phone-island-user-status",(function(){var e=l.store.getState().currentUser;console.log("User status debug informations: ",e)})),r.useEventListener("phone-island-all-users-status",(function(){var e=l.store.getState().users;console.log("Users status debug informations: ",e)})),r.useEventListener("phone-island-status",(function(){var e=l.store.getState().island;console.log("Phone island status debug informations: ",e)})),r.useEventListener("phone-island-webrtc-status",(function(){var e=l.store.getState().webrtc;console.log("Webrtc status debug informations: ",e)})),r.useEventListener("phone-island-player-status",(function(){var e=l.store.getState().player;console.log("Player status debug informations: ",e)})),r.useEventListener("phone-island-conference-status",(function(){var e=l.store.getState().conference;console.log("Webrtc status debug informations: ",e)})),r.useEventListener("phone-island-screen-share-status",(function(){var e=l.store.getState().screenShare;console.log("Screen share status debug information: ",e)})),r.useEventListener("phone-island-player-force-stop",(function(){l.store.dispatch.player.reset(),console.log("Audio player is interrupted")})),r.useEventListener("phone-island-sideview-open",(function(){l.store.dispatch.island.toggleSideViewVisible(!0),c.eventDispatch("phone-island-sideview-opened",{})})),r.useEventListener("phone-island-sideview-close",(function(){l.store.dispatch.island.toggleSideViewVisible(!1),c.eventDispatch("phone-island-sideview-closed",{})})),r.useEventListener("phone-island-size-change",(function(n){var t=l.store.getState().island.sideViewIsVisible,s=n.sizeInformation,i=e.__assign(e.__assign({},s),{right:t?"42px":"0px",top:S.isBackCallActive()?"40px":"0px"});c.eventDispatch("phone-island-size-changed",{sizes:i})})),r.useEventListener("phone-island-call-ended",(function(){if("online"===l.store.getState().currentUser.mainPresence){c.eventDispatch("phone-island-size-change",{sizeInformation:{width:"0px",height:"0px"}}),c.eventDispatch("phone-island-sideview-close",{}),l.store.dispatch.island.resetIslandStore()}})),r.useEventListener("phone-island-conference-list-open",(function(){l.store.dispatch.island.toggleConferenceList(!0),c.eventDispatch("phone-island-conference-list-opened",{})})),r.useEventListener("phone-island-alert-removed",(function(e){var n=l.store.getState().alerts.status.activeAlertsCount,t=l.store.getState().island,s=t.view,i=t.previousView,o=l.store.getState().conference.isActive,a=l.store.getState().alerts.data,r=l.store.getState().currentCall,d=r.incoming,u=r.outgoing,p=r.accepted,h=null==e?void 0:e.type,v=r.incoming||r.outgoing||r.accepted||""!==r.conversationId;if(!(d||u||p||n>0||"player"===s||"recorder"===s||"physicalPhoneRecorder"===s||"waitingConference"===s&&o||"transfer"===s&&o||"settings"===s&&o||"settings"===s&&("recorder"===i||"player"===i))&&0===n&&(!h||a[h]&&!a[h].active)&&!v){c.eventDispatch("phone-island-size-change",{sizeInformation:{width:"0px",height:"0px"}}),c.eventDispatch("phone-island-sideview-close",{}),l.store.dispatch.island.resetIslandStore()}})),r.useEventListener("phone-island-conference-list-close",(function(){l.store.dispatch.island.toggleConferenceList(!1),c.eventDispatch("phone-island-conference-list-closed",{})})),j.default.createElement(j.default.Fragment,null,j.default.createElement(I.default,{store:l.store},j.default.createElement(i.WebRTC,{hostName:x,sipExten:_,sipSecret:P,sipHost:T,sipPort:V,reload:O,reloadedCallback:function(){return F(!0)},uaType:q},j.default.createElement(a.RestAPI,{hostName:x,username:k,authToken:C},j.default.createElement(s.Socket,{hostName:x,username:k,authToken:C,reload:O,reloadedCallback:function(){return J(!0)},uaType:q},j.default.createElement(t.Events,{sipHost:T},j.default.createElement(o.Island,{showAlways:b,uaType:q})))))))};w.displayName="PhoneIsland",exports.PhoneIsland=w;
 //# 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'\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} uaType={uaType}/>\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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"}
+{"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 { mainPresence } = store.getState().currentUser\n    if (mainPresence === 'online') {\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\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-alert-removed', (alertRemovedType) => {\n    // Get current alerts status\n    const { activeAlertsCount } = store.getState().alerts.status\n    const { view, previousView } = store.getState().island\n    const { isActive } = store.getState().conference\n    const alertsData = store.getState().alerts.data\n    const currentCall = store.getState().currentCall\n    const { incoming, outgoing, accepted } = currentCall\n\n    // Check if alert type was provided\n    const alertType = alertRemovedType?.type\n\n    // Check if user is in a call\n    const isInCall =\n      currentCall.incoming ||\n      currentCall.outgoing ||\n      currentCall.accepted ||\n      currentCall.conversationId !== ''\n\n    // Determine if the island should remain visible\n    const shouldKeepVisible =\n      incoming ||\n      outgoing ||\n      accepted ||\n      activeAlertsCount > 0 ||\n      view === 'player' ||\n      view === 'recorder' ||\n      view === 'physicalPhoneRecorder' ||\n      (view === 'waitingConference' && isActive) ||\n      (view === 'transfer' && isActive) ||\n      (view === 'settings' && isActive) ||\n      (view === 'settings' && (previousView === 'recorder' || previousView === 'player'))\n\n    // Reset the island store only if:\n    // 1. The island should not remain visible\n    // 2. No more active alerts\n    // 3. The specific alert is not active anymore\n    // 4. User is not currently in a call\n    if (\n      !shouldKeepVisible &&\n      activeAlertsCount === 0 &&\n      (!alertType || (alertsData[alertType] && !alertsData[alertType].active)) &&\n      !isInCall\n    ) {\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\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} uaType={uaType} />\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","alertRemovedType","activeAlertsCount","status","view","previousView","isActive","alertsData","incoming","outgoing","accepted","isInCall","conversationId","active","React","createElement","Fragment","Provider","WebRTC","hostName","sipExten","sipSecret","sipHost","sipPort","reloadedCallback","RestAPI","authToken","Socket","Events","Island","displayName"],"mappings":"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"}

package/dist/_virtual/index3.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.shim={exports:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.reactIs={exports:{}};
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index4.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.reactIs={exports:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.shim={exports:{}};
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.reactIs={exports:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};
 //# sourceMappingURL=index8.js.map

package/dist/_virtual/index9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.reactIs={exports:{}};
 //# sourceMappingURL=index9.js.map

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.jsxRuntime={exports:{}};
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/_virtual/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};
+//# sourceMappingURL=react-jsx-runtime.development.js.map

package/dist/_virtual/react-jsx-runtime.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.production.min.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.__exports={};
+//# sourceMappingURL=react-jsx-runtime.production.min.js.map

package/dist/_virtual/react-jsx-runtime.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/AudioPlayerView/Avatar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),t=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),o=require("../../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(e);exports.Avatar=function(e){var a=e.type,n=o.useSelector((function(e){return e.island})).isOpen;return s.default.createElement(i.motion.div,{animate:n?{width:"56px",height:"56px",borderRadius:"26px"}:{width:"24px",height:"24px",borderRadius:"26px"},className:"pi-w-12 pi-h-12 pi-bg-gray-500 pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0"},"announcement"===a?s.default.createElement(r.FontAwesomeIcon,{size:n?"2xl":"lg",icon:t.faBullhorn,className:"pi-text-gray-50 dark:pi-text-gray-50"}):"call_recording"===a?s.default.createElement(r.FontAwesomeIcon,{size:n?"2xl":"lg",icon:t.faVoicemail,className:"pi-text-gray-50 dark:pi-text-gray-50"}):s.default.createElement(r.FontAwesomeIcon,{size:n?"2xl":"lg",icon:t.faMusic,className:"pi-text-gray-50 dark:pi-text-gray-50"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),t=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js");require("../../node_modules/react-redux/es/index.js");var o=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(e);exports.Avatar=function(e){var a=e.type,n=i.useSelector((function(e){return e.island})).isOpen;return s.default.createElement(o.motion.div,{animate:n?{width:"56px",height:"56px",borderRadius:"26px"}:{width:"24px",height:"24px",borderRadius:"26px"},className:"pi-w-12 pi-h-12 pi-bg-gray-500 pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0"},"announcement"===a?s.default.createElement(r.FontAwesomeIcon,{size:n?"2xl":"lg",icon:t.faBullhorn,className:"pi-text-gray-50 dark:pi-text-gray-50"}):"call_recording"===a?s.default.createElement(r.FontAwesomeIcon,{size:n?"2xl":"lg",icon:t.faVoicemail,className:"pi-text-gray-50 dark:pi-text-gray-50"}):s.default.createElement(r.FontAwesomeIcon,{size:n?"2xl":"lg",icon:t.faMusic,className:"pi-text-gray-50 dark:pi-text-gray-50"}))};
 //# sourceMappingURL=Avatar.js.map

package/dist/components/AudioPlayerView/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/AudioPlayerView/Avatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { type TypeTypes } from '../../types'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBullhorn, faVoicemail, faMusic } from '@fortawesome/free-solid-svg-icons'\nimport { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nexport const Avatar: FC<AvatarProps> = ({ type }) => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  return (\n    <motion.div\n      animate={\n        isOpen\n          ? { width: '56px', height: '56px', borderRadius: '26px' }\n          : { width: '24px', height: '24px', borderRadius: '26px' }\n      }\n      className='pi-w-12 pi-h-12 pi-bg-gray-500 pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0'\n    >\n      {type === 'announcement' ? (\n        <FontAwesomeIcon\n          size={isOpen ? '2xl' : 'lg'}\n          icon={faBullhorn}\n          className='pi-text-gray-50 dark:pi-text-gray-50'\n        />\n      ) : type === 'call_recording' ? (\n        <FontAwesomeIcon\n          size={isOpen ? '2xl' : 'lg'}\n          icon={faVoicemail}\n          className='pi-text-gray-50 dark:pi-text-gray-50'\n        />\n      ) : (\n        <FontAwesomeIcon\n          size={isOpen ? '2xl' : 'lg'}\n          icon={faMusic}\n          className='pi-text-gray-50 dark:pi-text-gray-50'\n        />\n      )}\n    </motion.div>\n  )\n}\n\nexport interface AvatarProps {\n  type?: TypeTypes | null\n}\n"],"names":["_a","type","isOpen","useSelector","state","island","React","motion","div","animate","width","height","borderRadius","className","createElement","FontAwesomeIcon","size","icon","faBullhorn","faVoicemail","faMusic"],"mappings":"oiBAWuC,SAACA,GAAE,IAAAC,EAAID,EAAAC,KACpCC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAE3D,OACEC,EAAAA,sBAACC,EAAAA,OAAOC,IACN,CAAAC,QACEP,EACI,CAAEQ,MAAO,OAAQC,OAAQ,OAAQC,aAAc,QAC/C,CAAEF,MAAO,OAAQC,OAAQ,OAAQC,aAAc,QAErDC,UAAU,0HAEA,iBAATZ,EACCK,EAAAA,QAAAQ,cAACC,kBACC,CAAAC,KAAMd,EAAS,MAAQ,KACvBe,KAAMC,EAAUA,WAChBL,UAAU,yCAED,mBAATZ,EACFK,EAAC,QAAAQ,cAAAC,EAAAA,gBACC,CAAAC,KAAMd,EAAS,MAAQ,KACvBe,KAAME,EAAWA,YACjBN,UAAU,yCAGZP,EAAAA,QAAAQ,cAACC,kBAAe,CACdC,KAAMd,EAAS,MAAQ,KACvBe,KAAMG,EAAOA,QACbP,UAAU,yCAKpB"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/AudioPlayerView/Avatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { type TypeTypes } from '../../types'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBullhorn, faVoicemail, faMusic } from '@fortawesome/free-solid-svg-icons'\nimport { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nexport const Avatar: FC<AvatarProps> = ({ type }) => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  return (\n    <motion.div\n      animate={\n        isOpen\n          ? { width: '56px', height: '56px', borderRadius: '26px' }\n          : { width: '24px', height: '24px', borderRadius: '26px' }\n      }\n      className='pi-w-12 pi-h-12 pi-bg-gray-500 pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0'\n    >\n      {type === 'announcement' ? (\n        <FontAwesomeIcon\n          size={isOpen ? '2xl' : 'lg'}\n          icon={faBullhorn}\n          className='pi-text-gray-50 dark:pi-text-gray-50'\n        />\n      ) : type === 'call_recording' ? (\n        <FontAwesomeIcon\n          size={isOpen ? '2xl' : 'lg'}\n          icon={faVoicemail}\n          className='pi-text-gray-50 dark:pi-text-gray-50'\n        />\n      ) : (\n        <FontAwesomeIcon\n          size={isOpen ? '2xl' : 'lg'}\n          icon={faMusic}\n          className='pi-text-gray-50 dark:pi-text-gray-50'\n        />\n      )}\n    </motion.div>\n  )\n}\n\nexport interface AvatarProps {\n  type?: TypeTypes | null\n}\n"],"names":["_a","type","isOpen","useSelector","state","island","React","motion","div","animate","width","height","borderRadius","className","createElement","FontAwesomeIcon","size","icon","faBullhorn","faVoicemail","faMusic"],"mappings":"ijBAWuC,SAACA,GAAE,IAAAC,EAAID,EAAAC,KACpCC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAE3D,OACEC,EAAAA,sBAACC,EAAAA,OAAOC,IACN,CAAAC,QACEP,EACI,CAAEQ,MAAO,OAAQC,OAAQ,OAAQC,aAAc,QAC/C,CAAEF,MAAO,OAAQC,OAAQ,OAAQC,aAAc,QAErDC,UAAU,0HAEA,iBAATZ,EACCK,EAAAA,QAAAQ,cAACC,kBACC,CAAAC,KAAMd,EAAS,MAAQ,KACvBe,KAAMC,EAAUA,WAChBL,UAAU,yCAED,mBAATZ,EACFK,EAAC,QAAAQ,cAAAC,EAAAA,gBACC,CAAAC,KAAMd,EAAS,MAAQ,KACvBe,KAAME,EAAWA,YACjBN,UAAU,yCAGZP,EAAAA,QAAAQ,cAACC,kBAAe,CACdC,KAAMd,EAAS,MAAQ,KACvBe,KAAMG,EAAOA,QACbP,UAAU,yCAKpB"}

package/dist/components/AudioPlayerView/PlayerFooterActions.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../../utils/customHooks/useEventListener.js"),r=require("../../utils/genericFunctions/eventDispatch.js"),s=require("../Button.js"),a=require("../CustomThemedTooltip.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 n=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var l=require("../../node_modules/react-redux/es/hooks/useSelector.js"),u=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(e),c=function(){var e=l.useSelector((function(e){return e.player})).audioPlayerPlaying,p=n.useTranslation().t,c=u.useDispatch();function m(){c.player.startAudioPlayer((function(){})),r.eventDispatch("phone-island-audio-player-played",{})}function f(){c.player.pauseAudioPlayer(),r.eventDispatch("phone-island-audio-player-paused",{})}return o.useEventListener("phone-island-audio-player-play",(function(e){m()})),o.useEventListener("phone-island-audio-player-pause",(function(e){f()})),d.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-px-6 pi-py-2 pi-gap-0 pi-w-full pi-mt-auto"},d.default.createElement(s.Button,{variant:"transparent",disabled:!0,className:"pi-w-6 pi-h-6 pi-flex pi-items-center pi-justify-center pi-flex-none"},d.default.createElement(t.FontAwesomeIcon,{icon:i.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"})),d.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-flex-grow"},d.default.createElement(s.Button,{onClick:e?f:m,variant:"default",className:"pi-rounded-full pi-w-14 pi-h-14 pi-flex pi-items-center pi-justify-center","data-tooltip-id":"tooltip-confirm-play-pause-player","data-tooltip-content":e?p("Tooltip.Pause")||"":p("Tooltip.Play")||""},e?d.default.createElement(t.FontAwesomeIcon,{icon:i.faPause,className:"pi-h-6 pi-w-6"}):d.default.createElement(t.FontAwesomeIcon,{icon:i.faPlay,className:"pi-h-6 pi-w-6"}))),d.default.createElement("div",{onClick:function(){return c.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view-recorder","data-tooltip-content":p("Tooltip.Go to settings")||"",className:"pi-flex pi-items-center pi-justify-center pi-cursor-pointer pi-text-gray-700 dark:pi-text-gray-200 pi-w-6 pi-h-6 pi-flex-none"},d.default.createElement(t.FontAwesomeIcon,{icon:i.faGear,className:"pi-h-6 pi-w-6"})),d.default.createElement(a.CustomThemedTooltip,{id:"tooltip-settings-view-recorder",place:"top"}),d.default.createElement(a.CustomThemedTooltip,{id:"tooltip-pause-audio-player",place:"bottom"}),d.default.createElement(a.CustomThemedTooltip,{id:"tooltip-confirm-play-pause-player",place:"top"}))};exports.PlayerFooterActions=c,exports.default=c;
+//# sourceMappingURL=PlayerFooterActions.js.map

package/dist/components/AudioPlayerView/PlayerFooterActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerFooterActions.js","sources":["../../../src/components/AudioPlayerView/PlayerFooterActions.tsx"],"sourcesContent":["import React, { type FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { useDispatch } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faPlay,\n  faPause,\n  faDownLeftAndUpRightToCenter,\n  faGear,\n} from '@fortawesome/free-solid-svg-icons'\nimport { eventDispatch, useEventListener } from '../../utils'\nimport { Button } from '../Button'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { useTranslation } from 'react-i18next'\n\nexport const PlayerFooterActions: FC<PlayerFooterActionsTypes> = () => {\n  const { audioPlayerPlaying } = useSelector((state: RootState) => state.player)\n  const { t } = useTranslation()\n\n  const dispatch = useDispatch<Dispatch>()\n\n  function startPlaying() {\n    dispatch.player.startAudioPlayer(() => {})\n    eventDispatch('phone-island-audio-player-played', {})\n  }\n  useEventListener('phone-island-audio-player-play', (data: {}) => {\n    startPlaying()\n  })\n\n  function pausePlaying() {\n    dispatch.player.pauseAudioPlayer()\n    eventDispatch('phone-island-audio-player-paused', {})\n  }\n  useEventListener('phone-island-audio-player-pause', (data: {}) => {\n    pausePlaying()\n  })\n\n  return (\n    <div\n      className={`pi-flex pi-items-center pi-justify-between pi-px-6 pi-py-2 pi-gap-0 pi-w-full pi-mt-auto`}\n    >\n      <Button \n        variant='transparent' \n        disabled\n        className='pi-w-6 pi-h-6 pi-flex pi-items-center pi-justify-center pi-flex-none'\n      >\n        <FontAwesomeIcon icon={faDownLeftAndUpRightToCenter} className='pi-w-6 pi-h-6' />\n      </Button>\n\n      <div className='pi-flex pi-items-center pi-justify-center pi-flex-grow'>\n        <Button\n          onClick={audioPlayerPlaying ? pausePlaying : startPlaying}\n          variant='default'\n          className='pi-rounded-full pi-w-14 pi-h-14 pi-flex pi-items-center pi-justify-center'\n          data-tooltip-id='tooltip-confirm-play-pause-player'\n          data-tooltip-content={audioPlayerPlaying ? t('Tooltip.Pause') || '' : t('Tooltip.Play') || ''}\n        >\n          {audioPlayerPlaying ? (\n            <FontAwesomeIcon icon={faPause} className='pi-h-6 pi-w-6' />\n          ) : (\n            <FontAwesomeIcon icon={faPlay} className='pi-h-6 pi-w-6' />\n          )}\n        </Button>\n      </div>\n\n      <div\n        onClick={() => dispatch.island.setIslandView('settings')}\n        data-tooltip-id='tooltip-settings-view-recorder'\n        data-tooltip-content={t('Tooltip.Go to settings') || ''}\n        className='pi-flex pi-items-center pi-justify-center pi-cursor-pointer pi-text-gray-700 dark:pi-text-gray-200 pi-w-6 pi-h-6 pi-flex-none'\n      >\n        <FontAwesomeIcon icon={faGear} className={`pi-h-6 pi-w-6`} />\n      </div>\n\n      {/* Buttons tooltips */}\n      <CustomThemedTooltip id='tooltip-settings-view-recorder' place='top' />\n      <CustomThemedTooltip id='tooltip-pause-audio-player' place='bottom' />\n      <CustomThemedTooltip id='tooltip-confirm-play-pause-player' place='top' />\n    </div>\n  )\n}\n\nexport default PlayerFooterActions\nexport interface PlayerFooterActionsTypes {}\n"],"names":["PlayerFooterActions","audioPlayerPlaying","useSelector","state","player","t","useTranslation","dispatch","useDispatch","startPlaying","startAudioPlayer","eventDispatch","pausePlaying","pauseAudioPlayer","useEventListener","data","React","createElement","className","Button","variant","disabled","FontAwesomeIcon","icon","faDownLeftAndUpRightToCenter","onClick","faPause","faPlay","island","setIslandView","faGear","CustomThemedTooltip","id","place"],"mappings":"0rCAgBaA,EAAoD,WACvD,IAAAC,EAAuBC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,6BAC/DC,EAAMC,qBAERC,EAAWC,EAAAA,cAEjB,SAASC,IACPF,EAASH,OAAOM,kBAAiB,WAAQ,IACzCC,gBAAc,mCAAoC,CAAA,EACnD,CAKD,SAASC,IACPL,EAASH,OAAOS,mBAChBF,gBAAc,mCAAoC,CAAA,EACnD,CAKD,OAZAG,mBAAiB,kCAAkC,SAACC,GAClDN,GACF,IAMAK,mBAAiB,mCAAmC,SAACC,GACnDH,GACF,IAGEI,EAAA,QAAAC,cAAA,MAAA,CACEC,UAAW,4FAEXF,UAACC,cAAAE,EAAMA,OACL,CAAAC,QAAQ,cACRC,UAAQ,EACRH,UAAU,wEAEVF,UAACC,cAAAK,EAAAA,gBAAgB,CAAAC,KAAMC,EAAAA,6BAA8BN,UAAU,mBAGjEF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,0DACbF,UAAAC,cAACE,EAAAA,OACC,CAAAM,QAASxB,EAAqBW,EAAeH,EAC7CW,QAAQ,UACRF,UAAU,4EACM,kBAAA,oCACM,uBAAAjB,EAAqBI,EAAE,kBAAoB,GAAKA,EAAE,iBAAmB,IAE1FJ,EACCe,EAAAA,QAACC,cAAAK,EAAeA,iBAACC,KAAMG,UAASR,UAAU,kBAE1CF,UAAAC,cAACK,EAAeA,gBAAC,CAAAC,KAAMI,EAAMA,OAAET,UAAU,oBAK/CF,UACEC,cAAA,MAAA,CAAAQ,QAAS,WAAM,OAAAlB,EAASqB,OAAOC,cAAc,aAC7B,kBAAA,iCACM,uBAAAxB,EAAE,2BAA6B,GACrDa,UAAU,iIAEVF,UAACC,cAAAK,EAAAA,gBAAgB,CAAAC,KAAMO,EAAAA,OAAQZ,UAAW,mBAI5CF,EAAC,QAAAC,cAAAc,uBAAoBC,GAAG,iCAAiCC,MAAM,QAC/DjB,EAAC,QAAAC,cAAAc,uBAAoBC,GAAG,6BAA6BC,MAAM,WAC3DjB,UAAAC,cAACc,EAAAA,oBAAmB,CAACC,GAAG,oCAAoCC,MAAM,QAGxE"}

package/dist/components/AudioPlayerView/Progress.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("../../utils/genericFunctions/player.js"),r=require("../../styles/CustomRange.styles.js"),a=require("../../node_modules/react-redux/es/hooks/useSelector.js"),u=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=function(){var n=a.useSelector((function(e){return e.player})),s=n.audioPlayer,i=n.audioPlayerPlaying,l=n.audioPlayerTrackDuration,c=e.useRef(),d=e.useRef(),f=e.useState("00:00"),m=f[0],p=f[1],y=e.useState(),v=y[0],g=y[1],x=u.useDispatch(),h=e.useState(l&&Math.round(l)||0),P=h[0],j=h[1],q=e.useCallback((function(){var e,r=null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.currentTime;r&&p(t.formatTime(Math.round(r))),c.current.value=r,P&&r&&c.current.style.setProperty("--range-progress","".concat(r/P*100,"%")),d.current=requestAnimationFrame(q)}),[s,P,c]);function E(e){e.stopPropagation()}return e.useEffect((function(){i?d.current=requestAnimationFrame(q):cancelAnimationFrame(d.current)}),[i]),e.useEffect((function(){l&&(j(Math.round(l)),g(t.formatTime(l)))}),[l]),e.useEffect((function(){return function(){cancelAnimationFrame(d.current)}}),[]),o.default.createElement("div",{className:"pi-w-full pi-h-fit",onClick:E,onMouseDown:E,onTouchStart:E},o.default.createElement(r.StyledCustomRange,{"data-stop-propagation":!0,ref:c,defaultValue:0,type:"range",step:"1",min:"0",max:P&&P||0,onChange:function(){x.player.setAudioPlayerCurrentTime(c.current.value)},className:"pi-text-gray-400 dark:pi-text-gray-50"}),o.default.createElement("div",{className:"pi-flex pi-justify-between pi-mt-1"},o.default.createElement("div",{className:"pi-font-bold"},m),o.default.createElement("div",{className:"pi-font-bold"},v)))};exports.Progress=s,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../utils/genericFunctions/player.js"),r=require("../../styles/CustomRange.styles.js"),a=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),n=require("../../utils/customHooks/useEventListener.js"),o=require("../../utils/genericFunctions/eventDispatch.js"),s=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 c=u(e),d=function(u){var d=u.isPlayer,p=s.useSelector((function(e){return e.player})),f=p.audioPlayer,m=p.audioPlayerPlaying,y=p.audioPlayerTrackDuration,g=e.useRef(),x=e.useRef(),v=e.useState("00:00"),h=v[0],w=v[1],E=e.useState(),P=E[0],k=E[1],j=l.useDispatch(),N=e.useState(y&&Math.round(y)||0),q=N[0],A=N[1],F=s.useSelector((function(e){return e.recorder}));F.recorded,F.playing;var C=e.useState(!1),D=C[0],S=C[1],b=e.useCallback((function(){var e,r=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.currentTime;r&&w(t.formatTime(Math.round(r))),g.current.value=r,q&&r&&g.current.style.setProperty("--range-progress","".concat(r/q*100,"%")),x.current=requestAnimationFrame(b)}),[f,q,g]);function T(e){e.stopPropagation()}function _(){j.player.pauseAudioPlayer(),j.recorder.setPlaying(!1),j.recorder.setPaused(!0),o.eventDispatch("phone-island-recording-paused",{})}function M(){j.player.startAudioPlayer((function(){j.recorder.setPlaying(!1),j.recorder.setPaused(!0)})),j.recorder.setPlaying(!0),o.eventDispatch("phone-island-recording-played",{})}function R(){j.recorder.resetRecorded(),o.eventDispatch("phone-island-recording-deleted",{})}return e.useEffect((function(){m?x.current=requestAnimationFrame(b):cancelAnimationFrame(x.current)}),[m]),e.useEffect((function(){y&&(A(Math.round(y)),k(t.formatTime(y)))}),[y]),e.useEffect((function(){return function(){cancelAnimationFrame(x.current)}}),[]),n.useEventListener("phone-island-recording-pause",(function(e){_()})),n.useEventListener("phone-island-recording-play",(function(e){M()})),n.useEventListener("phone-island-recording-delete",(function(e){R()})),c.default.createElement("div",{className:"pi-w-full pi-h-full pi-flex pi-flex-col pi-items-center pi-justify-between pi-px-2"},c.default.createElement("div",{className:"pi-w-full pi-flex pi-items-center pi-justify-between pi-gap-2"},d?c.default.createElement("div",{className:"pi-cursor-pointer pi-flex-none",onClick:function(){if(null==f?void 0:f.current){var e=!D;f.current.muted=e,S(e)}}},c.default.createElement(a.FontAwesomeIcon,{icon:D?i.faVolumeXmark:i.faVolumeHigh,className:"pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300"})):c.default.createElement(c.default.Fragment,null,m?c.default.createElement("div",{onClick:_,className:"pi-cursor-pointer pi-flex-none","data-tooltip-id":"tooltip-pause-recorder-view","data-tooltip-content":"Pause"},c.default.createElement(a.FontAwesomeIcon,{icon:i.faPause,className:"pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300"})):c.default.createElement("div",{onClick:M,className:"pi-cursor-pointer pi-flex-none","data-tooltip-id":"tooltip-play-recorder-view","data-tooltip-content":"Play"},c.default.createElement(a.FontAwesomeIcon,{icon:i.faPlay,className:"pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300"}))),c.default.createElement("div",{className:"pi-w-full pi-flex-grow pi-mx-2",onClick:T,onMouseDown:T,onTouchStart:T},c.default.createElement(r.StyledCustomRange,{"data-stop-propagation":!0,ref:g,defaultValue:0,type:"range",step:"1",min:"0",max:q&&q||0,onChange:function(){j.player.setAudioPlayerCurrentTime(g.current.value)},className:"pi-text-green-600 dark:pi-text-green-500"})),!d&&c.default.createElement("div",{onClick:R,className:"pi-cursor-pointer pi-flex-none","data-tooltip-id":"tooltip-delete-recorder-view","data-tooltip-content":"Delete"},c.default.createElement(a.FontAwesomeIcon,{icon:i.faTrash,className:"pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-200"}))),c.default.createElement("div",{className:"pi-flex pi-justify-between pi-w-full pi-text-xs pi-mt-2 pi-mb-1"},c.default.createElement("div",{className:"pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]"},h),c.default.createElement("div",{className:"pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]"},P)))};exports.Progress=d,exports.default=d;
 //# sourceMappingURL=Progress.js.map

package/dist/components/AudioPlayerView/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../src/components/AudioPlayerView/Progress.tsx"],"sourcesContent":["import React, { type FC, useState, useEffect, useRef, useCallback } from 'react'\nimport { useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { formatTime } from '../../utils/genericFunctions/player'\nimport { useDispatch } from 'react-redux'\nimport { StyledCustomRange } from '../../styles/CustomRange.styles'\n\nexport const Progress: FC<ProgressTypes> = () => {\n  const { audioPlayer, audioPlayerPlaying, audioPlayerTrackDuration } = useSelector(\n    (state: RootState) => state.player,\n  )\n  const progressBarRef = useRef<any>()\n  const progressAnimationRef = useRef<any>()\n  const [timeProgress, setTimeProgress] = useState<string>('00:00')\n  const [displayDuration, setDisplayDuration] = useState<string>()\n  const dispatch = useDispatch<Dispatch>()\n  const [trackDuration, setTrackDuration] = useState<number>(\n    (audioPlayerTrackDuration && Math.round(audioPlayerTrackDuration)) || 0,\n  )\n\n  const progressAnimation = useCallback(() => {\n    const currentTime = audioPlayer?.current?.currentTime\n    currentTime && setTimeProgress(formatTime(Math.round(currentTime)))\n    progressBarRef.current.value = currentTime\n    trackDuration &&\n      currentTime &&\n      progressBarRef.current.style.setProperty(\n        '--range-progress',\n        `${(currentTime / trackDuration) * 100}%`,\n      )\n    progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n  }, [audioPlayer, trackDuration, progressBarRef])\n\n  useEffect(() => {\n    if (audioPlayerPlaying) {\n      progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n    } else {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [audioPlayerPlaying])\n\n  useEffect(() => {\n    if (audioPlayerTrackDuration) {\n      setTrackDuration(Math.round(audioPlayerTrackDuration))\n      setDisplayDuration(formatTime(audioPlayerTrackDuration))\n    }\n  }, [audioPlayerTrackDuration])\n\n  useEffect(() => {\n    return () => {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [])\n\n  function handleProgressChange() {\n    dispatch.player.setAudioPlayerCurrentTime(progressBarRef.current.value)\n  }\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  return (\n    <div\n      className='pi-w-full pi-h-fit'\n      onClick={stopPropagation}\n      onMouseDown={stopPropagation}\n      onTouchStart={stopPropagation}\n    >\n      <StyledCustomRange\n        data-stop-propagation={true}\n        ref={progressBarRef}\n        defaultValue={0}\n        type='range'\n        step='1'\n        min='0'\n        max={(trackDuration && trackDuration) || 0}\n        onChange={handleProgressChange}\n        className='pi-text-gray-400 dark:pi-text-gray-50'\n      />\n      <div className='pi-flex pi-justify-between pi-mt-1'>\n        <div className='pi-font-bold'>{timeProgress}</div>\n        <div className='pi-font-bold'>{displayDuration}</div>\n      </div>\n    </div>\n  )\n}\n\nexport default Progress\n\nexport interface ProgressTypes {}\n"],"names":["Progress","_a","useSelector","state","player","audioPlayer","audioPlayerPlaying","audioPlayerTrackDuration","progressBarRef","useRef","progressAnimationRef","_b","useState","timeProgress","setTimeProgress","_c","displayDuration","setDisplayDuration","dispatch","useDispatch","_d","Math","round","trackDuration","setTrackDuration","progressAnimation","useCallback","currentTime","current","formatTime","value","style","setProperty","requestAnimationFrame","stopPropagation","e","useEffect","cancelAnimationFrame","React","createElement","className","onClick","onMouseDown","onTouchStart","StyledCustomRange","ref","defaultValue","type","step","min","max","onChange","setAudioPlayerCurrentTime"],"mappings":"odAOaA,EAA8B,WACnC,IAAAC,EAAgEC,EAAAA,aACpE,SAACC,GAAqB,OAAAA,EAAMC,UADtBC,EAAWJ,EAAAI,YAAEC,EAAkBL,EAAAK,mBAAEC,EAAwBN,EAAAM,yBAG3DC,EAAiBC,EAAAA,SACjBC,EAAuBD,EAAAA,SACvBE,EAAkCC,EAAAA,SAAiB,SAAlDC,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BI,EAAwCH,aAAvCI,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GACpCG,EAAWC,EAAAA,cACXC,EAAoCR,EAAAA,SACvCL,GAA4Bc,KAAKC,MAAMf,IAA8B,GADjEgB,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAIhCK,EAAoBC,EAAAA,aAAY,iBAC9BC,EAAoC,QAAtB1B,EAAAI,aAAA,EAAAA,EAAauB,eAAS,IAAA3B,OAAA,EAAAA,EAAA0B,YAC1CA,GAAeb,EAAgBe,aAAWR,KAAKC,MAAMK,KACrDnB,EAAeoB,QAAQE,MAAQH,EAC/BJ,GACEI,GACAnB,EAAeoB,QAAQG,MAAMC,YAC3B,mBACA,UAAIL,EAAcJ,EAAiB,IAAG,MAE1Cb,EAAqBkB,QAAUK,sBAAsBR,EACtD,GAAE,CAACpB,EAAakB,EAAef,IA2BhC,SAAS0B,EAAgBC,GACvBA,EAAED,iBACH,CAED,OA7BAE,EAAAA,WAAU,WACJ9B,EACFI,EAAqBkB,QAAUK,sBAAsBR,GAErDY,qBAAqB3B,EAAqBkB,QAE9C,GAAG,CAACtB,IAEJ8B,EAAAA,WAAU,WACJ7B,IACFiB,EAAiBH,KAAKC,MAAMf,IAC5BU,EAAmBY,EAAAA,WAAWtB,IAElC,GAAG,CAACA,IAEJ6B,EAAAA,WAAU,WACR,OAAO,WACLC,qBAAqB3B,EAAqBkB,QAC5C,CACD,GAAE,IAWDU,UACEC,cAAA,MAAA,CAAAC,UAAU,qBACVC,QAASP,EACTQ,YAAaR,EACbS,aAAcT,GAEdI,EAAAA,QAAAC,cAACK,oBACwB,CAAA,yBAAA,EACvBC,IAAKrC,EACLsC,aAAc,EACdC,KAAK,QACLC,KAAK,IACLC,IAAI,IACJC,IAAM3B,GAAiBA,GAAkB,EACzC4B,SAvBN,WACEjC,EAASd,OAAOgD,0BAA0B5C,EAAeoB,QAAQE,MAClE,EAsBKU,UAAU,0CAEZF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,sCACbF,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,gBAAgB3B,GAC/ByB,UAAKC,cAAA,MAAA,CAAAC,UAAU,gBAAgBxB,IAIvC"}
+{"version":3,"file":"Progress.js","sources":["../../../src/components/AudioPlayerView/Progress.tsx"],"sourcesContent":["import React, { type FC, useState, useEffect, useRef, useCallback } from 'react'\nimport { useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { formatTime } from '../../utils/genericFunctions/player'\nimport { useDispatch } from 'react-redux'\nimport { StyledCustomRange } from '../../styles/CustomRange.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPlay, faPause, faTrash, faVolumeHigh, faVolumeXmark } from '@fortawesome/free-solid-svg-icons'\nimport { eventDispatch, useEventListener } from '../../utils'\n\nexport const Progress: FC<ProgressTypes> = ({ isPlayer }) => {\n  const { audioPlayer, audioPlayerPlaying, audioPlayerTrackDuration } = useSelector(\n    (state: RootState) => state.player,\n  )\n  const progressBarRef = useRef<any>()\n  const progressAnimationRef = useRef<any>()\n  const [timeProgress, setTimeProgress] = useState<string>('00:00')\n  const [displayDuration, setDisplayDuration] = useState<string>()\n  const dispatch = useDispatch<Dispatch>()\n  const [trackDuration, setTrackDuration] = useState<number>(\n    (audioPlayerTrackDuration && Math.round(audioPlayerTrackDuration)) || 0,\n  )\n  const { recorded, playing } = useSelector((state: RootState) => state.recorder)\n  const [isMuted, setIsMuted] = useState<boolean>(false)\n\n  const progressAnimation = useCallback(() => {\n    const currentTime = audioPlayer?.current?.currentTime\n    currentTime && setTimeProgress(formatTime(Math.round(currentTime)))\n    progressBarRef.current.value = currentTime\n    trackDuration &&\n      currentTime &&\n      progressBarRef.current.style.setProperty(\n        '--range-progress',\n        `${(currentTime / trackDuration) * 100}%`,\n      )\n    progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n  }, [audioPlayer, trackDuration, progressBarRef])\n\n  useEffect(() => {\n    if (audioPlayerPlaying) {\n      progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n    } else {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [audioPlayerPlaying])\n\n  useEffect(() => {\n    if (audioPlayerTrackDuration) {\n      setTrackDuration(Math.round(audioPlayerTrackDuration))\n      setDisplayDuration(formatTime(audioPlayerTrackDuration))\n    }\n  }, [audioPlayerTrackDuration])\n\n  useEffect(() => {\n    return () => {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [])\n\n  function handleProgressChange() {\n    dispatch.player.setAudioPlayerCurrentTime(progressBarRef.current.value)\n  }\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  function handlePause() {\n    dispatch.player.pauseAudioPlayer()\n    dispatch.recorder.setPlaying(false)\n    dispatch.recorder.setPaused(true)\n    eventDispatch('phone-island-recording-paused', {})\n  }\n  useEventListener('phone-island-recording-pause', (data: {}) => {\n    handlePause()\n  })\n\n  function handlePlay() {\n    dispatch.player.startAudioPlayer(() => {\n      // The callback for the end event of the audio player\n      dispatch.recorder.setPlaying(false)\n      dispatch.recorder.setPaused(true)\n    })\n    dispatch.recorder.setPlaying(true)\n    eventDispatch('phone-island-recording-played', {})\n  }\n  useEventListener('phone-island-recording-play', (data: {}) => {\n    handlePlay()\n  })\n\n  function handleDelete() {\n    dispatch.recorder.resetRecorded()\n    eventDispatch('phone-island-recording-deleted', {})\n  }\n  useEventListener('phone-island-recording-delete', (data: {}) => {\n    handleDelete()\n  })\n\n  function handleToggleMute() {\n    if (audioPlayer?.current) {\n      const newMuteState = !isMuted\n      audioPlayer.current.muted = newMuteState\n      setIsMuted(newMuteState)\n    }\n  }\n\n  return (\n    <div className='pi-w-full pi-h-full pi-flex pi-flex-col pi-items-center pi-justify-between pi-px-2'>\n      {/* Player controls with progress bar */}\n      <div className='pi-w-full pi-flex pi-items-center pi-justify-between pi-gap-2'>\n        {isPlayer ? (\n          <div className='pi-cursor-pointer pi-flex-none' onClick={handleToggleMute}>\n            <FontAwesomeIcon\n              icon={isMuted ? faVolumeXmark : faVolumeHigh}\n              className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n            />\n          </div>\n        ) : (\n          <>\n            {audioPlayerPlaying ? (\n              <div\n                onClick={handlePause}\n                className='pi-cursor-pointer pi-flex-none'\n                data-tooltip-id='tooltip-pause-recorder-view'\n                data-tooltip-content={'Pause'}\n              >\n                <FontAwesomeIcon\n                  icon={faPause}\n                  className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n                />\n              </div>\n            ) : (\n              <div\n                onClick={handlePlay}\n                className='pi-cursor-pointer pi-flex-none'\n                data-tooltip-id='tooltip-play-recorder-view'\n                data-tooltip-content={'Play'}\n              >\n                <FontAwesomeIcon\n                  icon={faPlay}\n                  className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n                />\n              </div>\n            )}\n          </>\n        )}\n\n        <div\n          className='pi-w-full pi-flex-grow pi-mx-2'\n          onClick={stopPropagation}\n          onMouseDown={stopPropagation}\n          onTouchStart={stopPropagation}\n        >\n          <StyledCustomRange\n            data-stop-propagation={true}\n            ref={progressBarRef}\n            defaultValue={0}\n            type='range'\n            step='1'\n            min='0'\n            max={(trackDuration && trackDuration) || 0}\n            onChange={handleProgressChange}\n            className='pi-text-green-600 dark:pi-text-green-500'\n          />\n        </div>\n\n        {!isPlayer && (\n          <div\n            onClick={handleDelete}\n            className='pi-cursor-pointer pi-flex-none'\n            data-tooltip-id='tooltip-delete-recorder-view'\n            data-tooltip-content={'Delete'}\n          >\n            <FontAwesomeIcon\n              icon={faTrash}\n              className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-200'\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Time indicators */}\n      <div className='pi-flex pi-justify-between pi-w-full pi-text-xs pi-mt-2 pi-mb-1'>\n        <div className='pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]'>\n          {timeProgress}\n        </div>\n        <div className='pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]'>\n          {displayDuration}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Progress\nexport interface ProgressTypes {\n  isPlayer?: boolean\n}\n"],"names":["Progress","_a","isPlayer","_b","useSelector","state","player","audioPlayer","audioPlayerPlaying","audioPlayerTrackDuration","progressBarRef","useRef","progressAnimationRef","_c","useState","timeProgress","setTimeProgress","_d","displayDuration","setDisplayDuration","dispatch","useDispatch","_e","Math","round","trackDuration","setTrackDuration","_f","recorder","_g","isMuted","setIsMuted","progressAnimation","useCallback","currentTime","current","formatTime","value","style","setProperty","requestAnimationFrame","stopPropagation","e","handlePause","pauseAudioPlayer","setPlaying","setPaused","eventDispatch","handlePlay","startAudioPlayer","handleDelete","resetRecorded","useEffect","cancelAnimationFrame","useEventListener","data","React","createElement","className","onClick","newMuteState","muted","FontAwesomeIcon","icon","faVolumeXmark","faVolumeHigh","Fragment","faPause","faPlay","onMouseDown","onTouchStart","StyledCustomRange","ref","defaultValue","type","step","min","max","onChange","setAudioPlayerCurrentTime","faTrash"],"mappings":"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"}

package/dist/components/AudioPlayerView/index.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("./Avatar.js"),a=require("../AudioBars.js"),r=require("./Progress.js"),i=require("../Button.js"),s=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),o=require("../../node_modules/@fortawesome/free-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 l=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js"),d=require("../CustomThemedTooltip.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js"),c=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(e),y=function(){var e=p.useSelector((function(e){return e.player})),m=e.audioPlayerTrackType,y=e.audioPlayerTrackName,h=e.audioPlayer,v=e.audioPlayerPlaying,j=p.useSelector((function(e){return e.island})).isOpen,x=c.useDispatch();function q(){x.player.startAudioPlayer((function(){})),u.eventDispatch("phone-island-audio-player-played",{})}function E(){x.player.pauseAudioPlayer(),u.eventDispatch("phone-island-audio-player-paused",{})}function P(e){e.stopPropagation()}n.useEventListener("phone-island-audio-player-play",(function(e){q()})),n.useEventListener("phone-island-audio-player-pause",(function(e){E()}));var w=l.useTranslation().t;return f.default.createElement("div",{className:"pi-flex pi-gap-7 pi-flex-col"},f.default.createElement("div",{className:"pi-flex pi-gap-4"},f.default.createElement(t.Avatar,{type:m}),f.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full"},f.default.createElement("div",{style:{width:j?"202px":"60px"},className:"pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block"},y)),f.default.createElement(a.AudioBars,{audioElement:h&&h.current,size:j?"large":"small"})),j&&f.default.createElement("div",{onClick:P,onMouseDown:P,onTouchStart:P},f.default.createElement(r.Progress,null),f.default.createElement("div",{className:"pi-w-full pi-flex pi-justify-center pi-items-center pi-pt-7"},f.default.createElement(i.Button,{onClick:v?E:q,variant:"default",style:{transform:"scale(1.15)"},"data-tooltip-id":"tooltip-pause-audio-player","data-tooltip-content":"".concat(w(v?"Tooltip.Pause":"Tooltip.Play"))},v?f.default.createElement(s.FontAwesomeIcon,{icon:o.faPause,className:"pi-h-6 pi-w-6"}):f.default.createElement(s.FontAwesomeIcon,{icon:o.faPlay,className:"pi-h-6 pi-w-6"})))),f.default.createElement(d.CustomThemedTooltip,{id:"tooltip-pause-audio-player",place:"bottom"}))};exports.KeypadView=y,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("./Avatar.js"),r=require("./Progress.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("./PlayerFooterActions.js"),i=require("../Button.js"),o=require("../../utils/genericFunctions/eventDispatch.js"),l=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),d=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e),m=function(){var e=u.useSelector((function(e){return e.player})),c=e.audioPlayerTrackType,m=e.audioPlayerTrackName;e.audioPlayer;var f=e.audioPlayerPlaying,y=u.useSelector((function(e){return e.island})).isOpen;function v(e){e.stopPropagation()}var j=s.useTranslation().t,x=d.useDispatch();return p.default.createElement("div",{className:"pi-flex pi-gap-7 pi-flex-col"},p.default.createElement("div",{className:"pi-flex pi-gap-4"},p.default.createElement(t.Avatar,{type:c}),p.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full"},p.default.createElement("div",{style:{width:y?"202px":"60px"},className:"pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block"},m)),p.default.createElement(i.Button,{onClick:function(){return f&&(x.player.stopAudioPlayer(),o.eventDispatch("phone-island-audio-player-close",{})),void x.island.resetPlayerClose()},variant:"transparentSettings","data-tooltip-id":"tooltip-close-settings","data-tooltip-content":j("Common.Close")||""},p.default.createElement(l.FontAwesomeIcon,{icon:n.faXmark,className:"pi-w-5 pi-h-5"}))),y&&p.default.createElement("div",{onClick:v,onMouseDown:v,onTouchStart:v},p.default.createElement(r.Progress,{isPlayer:!0}),p.default.createElement(a.PlayerFooterActions,null)))};exports.KeypadView=m,exports.default=m;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/AudioPlayerView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { Avatar } from './Avatar'\nimport { AudioBars } from '../AudioBars'\nimport Progress from './Progress'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPause, faPlay } from '@fortawesome/free-solid-svg-icons'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\nexport const KeypadView: FC<KeypadViewTypes> = () => {\n  const { audioPlayerTrackType, audioPlayerTrackName, audioPlayer, audioPlayerPlaying } =\n    useSelector((state: RootState) => state.player)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const dispatch = useDispatch<Dispatch>()\n\n  function startPlaying() {\n    dispatch.player.startAudioPlayer(() => {})\n    eventDispatch('phone-island-audio-player-played', {})\n  }\n  useEventListener('phone-island-audio-player-play', (data: {}) => {\n    startPlaying()\n  })\n\n  function pausePlaying() {\n    dispatch.player.pauseAudioPlayer()\n    eventDispatch('phone-island-audio-player-paused', {})\n  }\n  useEventListener('phone-island-audio-player-pause', (data: {}) => {\n    pausePlaying()\n  })\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  const { t } = useTranslation()\n\n  return (\n    <div className='pi-flex pi-gap-7 pi-flex-col'>\n      <div className='pi-flex pi-gap-4'>\n        <Avatar type={audioPlayerTrackType} />\n        <div className='pi-flex pi-items-center pi-w-full'>\n          <div\n            style={{\n              width: isOpen ? '202px' : '60px',\n            }}\n            className={`pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block`}\n          >\n            {audioPlayerTrackName}\n          </div>\n        </div>\n        <AudioBars\n          audioElement={audioPlayer && audioPlayer.current}\n          size={isOpen ? 'large' : 'small'}\n        />\n      </div>\n      {isOpen && (\n        <div onClick={stopPropagation} onMouseDown={stopPropagation} onTouchStart={stopPropagation}>\n          <Progress />\n          <div className='pi-w-full pi-flex pi-justify-center pi-items-center pi-pt-7'>\n            <Button\n              onClick={audioPlayerPlaying ? pausePlaying : startPlaying}\n              variant='default'\n              style={{ transform: 'scale(1.15)' }}\n              data-tooltip-id='tooltip-pause-audio-player'\n              data-tooltip-content={\n                audioPlayerPlaying ? `${t('Tooltip.Pause')}` : `${t('Tooltip.Play')}`\n              }\n            >\n              {audioPlayerPlaying ? (\n                <FontAwesomeIcon icon={faPause} className='pi-h-6 pi-w-6' />\n              ) : (\n                <FontAwesomeIcon icon={faPlay} className='pi-h-6 pi-w-6' />\n              )}\n            </Button>\n          </div>\n        </div>\n      )}\n      {/* Buttons tooltips */}\n      <CustomThemedTooltip id='tooltip-pause-audio-player' place='bottom' />\n    </div>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n"],"names":["KeypadView","_a","useSelector","state","player","audioPlayerTrackType","audioPlayerTrackName","audioPlayer","audioPlayerPlaying","isOpen","island","dispatch","useDispatch","startPlaying","startAudioPlayer","eventDispatch","pausePlaying","pauseAudioPlayer","stopPropagation","e","useEventListener","data","t","useTranslation","React","createElement","className","Avatar","type","style","width","AudioBars","audioElement","current","size","onClick","onMouseDown","onTouchStart","Progress","Button","variant","transform","concat","FontAwesomeIcon","icon","faPause","faPlay","CustomThemedTooltip","id","place"],"mappings":"2wCAgBaA,EAAkC,WACvC,IAAAC,EACJC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,UADlCC,EAAoBJ,EAAAI,qBAAEC,EAAoBL,EAAAK,qBAAEC,EAAWN,EAAAM,YAAEC,EAAkBP,EAAAO,mBAE3EC,EAAWP,eAAY,SAACC,GAAqB,OAAAA,EAAMO,iBACrDC,EAAWC,EAAAA,cAEjB,SAASC,IACPF,EAASP,OAAOU,kBAAiB,WAAQ,IACzCC,gBAAc,mCAAoC,CAAA,EACnD,CAKD,SAASC,IACPL,EAASP,OAAOa,mBAChBF,gBAAc,mCAAoC,CAAA,EACnD,CAKD,SAASG,EAAgBC,GACvBA,EAAED,iBACH,CAdDE,mBAAiB,kCAAkC,SAACC,GAClDR,GACF,IAMAO,mBAAiB,mCAAmC,SAACC,GACnDL,GACF,IAMQ,IAAAM,EAAMC,qBAEd,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,gCACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,oBACbF,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACC,KAAMvB,IACdmB,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,qCACbF,EAAAA,QAAAC,cAAA,MAAA,CACEI,MAAO,CACLC,MAAOrB,EAAS,QAAU,QAE5BiB,UAAW,yFAEVpB,IAGLkB,EAAAA,QAACC,cAAAM,EAAAA,WACCC,aAAczB,GAAeA,EAAY0B,QACzCC,KAAMzB,EAAS,QAAU,WAG5BA,GACCe,EAAK,QAAAC,cAAA,MAAA,CAAAU,QAASjB,EAAiBkB,YAAalB,EAAiBmB,aAAcnB,GACzEM,UAAAC,cAACa,EAAQA,SAAG,MACZd,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,+DACbF,EAAAA,QAAAC,cAACc,SACC,CAAAJ,QAAS3B,EAAqBQ,EAAeH,EAC7C2B,QAAQ,UACRX,MAAO,CAAEY,UAAW,iCACJ,6BAA4B,uBAErB,GAAAC,OAAGpB,EAAxBd,EAA0B,gBAA0B,kBAGrDA,EACCgB,EAAAA,QAACC,cAAAkB,mBAAgBC,KAAMC,EAAAA,QAASnB,UAAU,kBAE1CF,wBAACmB,EAAeA,gBAAA,CAACC,KAAME,SAAQpB,UAAU,qBAOnDF,UAAAC,cAACsB,EAAAA,oBAAmB,CAACC,GAAG,6BAA6BC,MAAM,WAGjE"}
+{"version":3,"file":"index.js","sources":["../../../src/components/AudioPlayerView/index.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 { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { Avatar } from './Avatar'\nimport Progress from './Progress'\nimport { useTranslation } from 'react-i18next'\nimport PlayerFooterActions from './PlayerFooterActions'\nimport { Button } from '../Button'\nimport { eventDispatch } from '../../utils'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faXmark } from '@fortawesome/free-solid-svg-icons'\n\nexport const KeypadView: FC<KeypadViewTypes> = () => {\n  const { audioPlayerTrackType, audioPlayerTrackName, audioPlayer, audioPlayerPlaying } =\n    useSelector((state: RootState) => state.player)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  const { t } = useTranslation()\n\n  // Initialize state dispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  function playerClose() {\n    if (audioPlayerPlaying) {\n      dispatch.player.stopAudioPlayer()\n      eventDispatch('phone-island-audio-player-close', {})\n    }\n    dispatch.island.resetPlayerClose()\n  }\n\n  return (\n    <div className='pi-flex pi-gap-7 pi-flex-col'>\n      <div className='pi-flex pi-gap-4'>\n        <Avatar type={audioPlayerTrackType} />\n        <div className='pi-flex pi-items-center pi-w-full'>\n          <div\n            style={{\n              width: isOpen ? '202px' : '60px',\n            }}\n            className={`pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block`}\n          >\n            {audioPlayerTrackName}\n          </div>\n        </div>\n        <Button\n          onClick={() => playerClose()}\n          variant='transparentSettings'\n          data-tooltip-id='tooltip-close-settings'\n          data-tooltip-content={t('Common.Close') || ''}\n        >\n          <FontAwesomeIcon icon={faXmark} className='pi-w-5 pi-h-5' />\n        </Button>\n      </div>\n      {isOpen && (\n        <div onClick={stopPropagation} onMouseDown={stopPropagation} onTouchStart={stopPropagation}>\n          {/* add prop to indicate that is audioplayer view */}\n          <Progress isPlayer />\n          <PlayerFooterActions />\n        </div>\n      )}\n      {/* Buttons tooltips */}\n    </div>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n"],"names":["KeypadView","_a","useSelector","state","player","audioPlayerTrackType","audioPlayerTrackName","audioPlayer","audioPlayerPlaying","isOpen","island","stopPropagation","e","t","useTranslation","dispatch","useDispatch","React","createElement","className","Avatar","type","style","width","Button","onClick","stopAudioPlayer","eventDispatch","resetPlayerClose","variant","FontAwesomeIcon","icon","faXmark","onMouseDown","onTouchStart","Progress","isPlayer","PlayerFooterActions"],"mappings":"orCAeaA,EAAkC,WACvC,IAAAC,EACJC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,UADlCC,EAAoBJ,EAAAI,qBAAEC,EAAoBL,EAAAK,qBAAaL,EAAAM,YAAA,IAAEC,EAAkBP,EAAAO,mBAE3EC,EAAWP,eAAY,SAACC,GAAqB,OAAAA,EAAMO,iBAE3D,SAASC,EAAgBC,GACvBA,EAAED,iBACH,CAEO,IAAAE,EAAMC,qBAGRC,EAAWC,EAAAA,cAUjB,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,gCACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,oBACbF,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACC,KAAMhB,IACdY,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,qCACbF,EAAAA,QAAAC,cAAA,MAAA,CACEI,MAAO,CACLC,MAAOd,EAAS,QAAU,QAE5BU,UAAW,yFAEVb,IAGLW,EAAC,QAAAC,cAAAM,UACCC,QAAS,WAAM,OAtBjBjB,IACFO,EAASX,OAAOsB,kBAChBC,gBAAc,kCAAmC,CAAA,SAEnDZ,EAASL,OAAOkB,kBAkBkB,EAC5BC,QAAQ,wCACQ,yBAAwB,uBAClBhB,EAAE,iBAAmB,IAE3CI,UAACC,cAAAY,EAAAA,gBAAgB,CAAAC,KAAMC,EAAAA,QAASb,UAAU,oBAG7CV,GACCQ,EAAK,QAAAC,cAAA,MAAA,CAAAO,QAASd,EAAiBsB,YAAatB,EAAiBuB,aAAcvB,GAEzEM,EAAAA,QAACC,cAAAiB,EAAAA,SAAS,CAAAC,UAAW,IACrBnB,EAAAA,QAAAC,cAACmB,EAAAA,oBAAsB,OAMjC"}

package/dist/components/CallView/Avatar.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 n=require("../../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),t=require("../../node_modules/react-redux/es/hooks/useSelector.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a={open:{width:"56px",height:"56px",borderRadius:"26px"},closed:{width:"24px",height:"24px",borderRadius:"26px"}};exports.default=function(){var e,r,o=t.useSelector((function(e){return e.currentCall})).username,u=t.useSelector((function(e){return e.avatars})).avatars,l=t.useSelector((function(e){return e.island})).isOpen,s=t.useSelector((function(e){return e.currentCall})),d=s.incoming,c=s.outgoing,p=s.accepted,m=s.transferring,v=t.useSelector((function(e){return e.currentCall})),g=t.useSelector((function(e){return e.users}));return i.default.createElement(i.default.Fragment,null,i.default.createElement(n.motion.div,{className:"pi-relative ".concat(l?"pi--mt-1":""),animate:l?"open":"closed",variants:a},(d||c&&!p)&&i.default.createElement(n.motion.div,{style:{animationDuration:"2s"},animate:l?"open":"closed",variants:a,className:"pi-rounded-xl pi-bg-gray-600 pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping pi-h-12 pi-w-12"}),m?i.default.createElement(n.motion.div,{className:"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover",style:{backgroundImage:"url(".concat(u&&g&&(null==g?void 0:g.extensions)&&u[null===(e=null==g?void 0:g.extensions[null==v?void 0:v.number])||void 0===e?void 0:e.username]&&u[null===(r=null==g?void 0:g.extensions[null==v?void 0:v.number])||void 0===r?void 0:r.username],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},animate:l?"open":"closed",variants:a}):i.default.createElement(n.motion.div,{className:"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover",style:{backgroundImage:"url(".concat(u&&u[o]&&u[o],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},animate:l?"open":"closed",variants:a})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var n=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),t=require("../../node_modules/react-redux/es/hooks/useSelector.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a={open:{width:"56px",height:"56px",borderRadius:"26px"},closed:{width:"24px",height:"24px",borderRadius:"26px"}};exports.default=function(){var e,r,o=t.useSelector((function(e){return e.currentCall})).username,u=t.useSelector((function(e){return e.avatars})).avatars,l=t.useSelector((function(e){return e.island})).isOpen,s=t.useSelector((function(e){return e.currentCall})),d=s.incoming,c=s.outgoing,p=s.accepted,m=s.transferring,v=t.useSelector((function(e){return e.currentCall})),g=t.useSelector((function(e){return e.users}));return i.default.createElement(i.default.Fragment,null,i.default.createElement(n.motion.div,{className:"pi-relative ".concat(l?"pi--mt-1":""),animate:l?"open":"closed",variants:a},(d||c&&!p)&&i.default.createElement(n.motion.div,{style:{animationDuration:"2s"},animate:l?"open":"closed",variants:a,className:"pi-rounded-xl pi-bg-gray-600 pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping pi-h-12 pi-w-12"}),m?i.default.createElement(n.motion.div,{className:"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover",style:{backgroundImage:"url(".concat(u&&g&&(null==g?void 0:g.extensions)&&u[null===(e=null==g?void 0:g.extensions[null==v?void 0:v.number])||void 0===e?void 0:e.username]&&u[null===(r=null==g?void 0:g.extensions[null==v?void 0:v.number])||void 0===r?void 0:r.username],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},animate:l?"open":"closed",variants:a}):i.default.createElement(n.motion.div,{className:"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover",style:{backgroundImage:"url(".concat(u&&u[o]&&u[o],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},animate:l?"open":"closed",variants:a})))};
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/CallView/Avatar.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 { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst iconVariants = {\n  open: {\n    width: '56px',\n    height: '56px',\n    borderRadius: '26px',\n  },\n  closed: {\n    width: '24px',\n    height: '24px',\n    borderRadius: '26px',\n  },\n}\n\nconst Avatar: FC = () => {\n  // Get multiple values from currentCall store\n  const { username } = useSelector((state: RootState) => state.currentCall)\n\n  // Get avatars from avatars store\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n\n  // Get isOpen from island store\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  // Get multiple values from currentCall store\n  const { incoming, outgoing, accepted, transferring } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  const currentCallDetails: any = useSelector((state: RootState) => state.currentCall)\n  const user = useSelector((state: RootState) => state.users)\n\n  return (\n    <>\n      <motion.div\n        className={`pi-relative ${isOpen ? 'pi--mt-1' : ''}`}\n        animate={isOpen ? 'open' : 'closed'}\n        variants={iconVariants}\n      >\n        {(incoming || (outgoing && !accepted)) && (\n          // The background pulse effect\n          <motion.div\n            style={{\n              animationDuration: '2s',\n            }}\n            animate={isOpen ? 'open' : 'closed'}\n            variants={iconVariants}\n            className={`pi-rounded-xl pi-bg-gray-600 pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping pi-h-12 pi-w-12`}\n          ></motion.div>\n        )}\n        {!transferring ? (\n          <motion.div\n            className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover'\n            style={{\n              backgroundImage: `url(${avatars && avatars[username] && avatars[username]})`,\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'contain',\n            }}\n            animate={isOpen ? 'open' : 'closed'}\n            variants={iconVariants}\n          />\n        ) : (\n          <motion.div\n            className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover'\n            style={{\n              backgroundImage: `url(${\n                avatars &&\n                user &&\n                user?.extensions &&\n                avatars[user?.extensions[currentCallDetails?.number]?.username] &&\n                avatars[user?.extensions[currentCallDetails?.number]?.username]\n              })`,\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'contain',\n            }}\n            animate={isOpen ? 'open' : 'closed'}\n            variants={iconVariants}\n          />\n        )}\n      </motion.div>\n    </>\n  )\n}\n\nexport default Avatar\n"],"names":["iconVariants","open","width","height","borderRadius","closed","username","useSelector","state","currentCall","avatars","isOpen","island","_c","incoming","outgoing","accepted","transferring","currentCallDetails","user","users","React","createElement","Fragment","motion","div","className","concat","animate","variants","style","animationDuration","backgroundImage","extensions","number","_a","_b","backgroundRepeat","backgroundSize"],"mappings":"2XAQMA,EAAe,CACnBC,KAAM,CACJC,MAAO,OACPC,OAAQ,OACRC,aAAc,QAEhBC,OAAQ,CACNH,MAAO,OACPC,OAAQ,OACRC,aAAc,yBAIC,mBAETE,EAAaC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,wBAGrDC,EAAYH,eAAY,SAACC,GAAqB,OAAAA,EAAME,mBAGpDC,EAAWJ,eAAY,SAACC,GAAqB,OAAAA,EAAMI,iBAGrDC,EAAiDN,eACrD,SAACC,GAAqB,OAAAA,EAAMC,eADtBK,EAAQD,EAAAC,SAAEC,EAAQF,EAAAE,SAAEC,EAAQH,EAAAG,SAAEC,EAAYJ,EAAAI,aAG5CC,EAA0BX,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAC5DU,EAAOZ,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMY,KAAN,IAE/C,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,SAAOC,IAAG,CACTC,UAAW,eAAAC,OAAehB,EAAS,WAAa,IAChDiB,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,IAERc,GAAaC,IAAaC,IAE1BK,EAAAA,QAAAC,cAACE,EAAAA,OAAOC,IAAG,CACTK,MAAO,CACLC,kBAAmB,MAErBH,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,EACV0B,UAAW,8GAGbT,EAYAI,EAAAA,sBAACG,EAAAA,OAAOC,IAAG,CACTC,UAAU,+EACVI,MAAO,CACLE,gBAAiB,cACftB,GACAS,IACAA,aAAI,EAAJA,EAAMc,aACNvB,EAAoD,UAA5CS,aAAA,EAAAA,EAAMc,WAAWf,eAAAA,EAAoBgB,eAAO,IAAAC,OAAA,EAAAA,EAAE7B,WACtDI,EAAoD,UAA5CS,aAAA,EAAAA,EAAMc,WAAWf,eAAAA,EAAoBgB,eAAO,IAAAE,OAAA,EAAAA,EAAE9B,UACrD,KACH+B,iBAAkB,YAClBC,eAAgB,WAElBV,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,IAzBZqB,EAAC,QAAAC,cAAAE,EAAAA,OAAOC,KACNC,UAAU,+EACVI,MAAO,CACLE,gBAAiB,OAAAL,OAAOjB,GAAWA,EAAQJ,IAAaI,EAAQJ,GAAY,KAC5E+B,iBAAkB,YAClBC,eAAgB,WAElBV,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,KAuBtB"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/CallView/Avatar.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 { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst iconVariants = {\n  open: {\n    width: '56px',\n    height: '56px',\n    borderRadius: '26px',\n  },\n  closed: {\n    width: '24px',\n    height: '24px',\n    borderRadius: '26px',\n  },\n}\n\nconst Avatar: FC = () => {\n  // Get multiple values from currentCall store\n  const { username } = useSelector((state: RootState) => state.currentCall)\n\n  // Get avatars from avatars store\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n\n  // Get isOpen from island store\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  // Get multiple values from currentCall store\n  const { incoming, outgoing, accepted, transferring } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  const currentCallDetails: any = useSelector((state: RootState) => state.currentCall)\n  const user = useSelector((state: RootState) => state.users)\n\n  return (\n    <>\n      <motion.div\n        className={`pi-relative ${isOpen ? 'pi--mt-1' : ''}`}\n        animate={isOpen ? 'open' : 'closed'}\n        variants={iconVariants}\n      >\n        {(incoming || (outgoing && !accepted)) && (\n          // The background pulse effect\n          <motion.div\n            style={{\n              animationDuration: '2s',\n            }}\n            animate={isOpen ? 'open' : 'closed'}\n            variants={iconVariants}\n            className={`pi-rounded-xl pi-bg-gray-600 pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping pi-h-12 pi-w-12`}\n          ></motion.div>\n        )}\n        {!transferring ? (\n          <motion.div\n            className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover'\n            style={{\n              backgroundImage: `url(${avatars && avatars[username] && avatars[username]})`,\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'contain',\n            }}\n            animate={isOpen ? 'open' : 'closed'}\n            variants={iconVariants}\n          />\n        ) : (\n          <motion.div\n            className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-gray-300 pi-rounded-sm pi-bg-cover'\n            style={{\n              backgroundImage: `url(${\n                avatars &&\n                user &&\n                user?.extensions &&\n                avatars[user?.extensions[currentCallDetails?.number]?.username] &&\n                avatars[user?.extensions[currentCallDetails?.number]?.username]\n              })`,\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'contain',\n            }}\n            animate={isOpen ? 'open' : 'closed'}\n            variants={iconVariants}\n          />\n        )}\n      </motion.div>\n    </>\n  )\n}\n\nexport default Avatar\n"],"names":["iconVariants","open","width","height","borderRadius","closed","username","useSelector","state","currentCall","avatars","isOpen","island","_c","incoming","outgoing","accepted","transferring","currentCallDetails","user","users","React","createElement","Fragment","motion","div","className","concat","animate","variants","style","animationDuration","backgroundImage","extensions","number","_a","_b","backgroundRepeat","backgroundSize"],"mappings":"wYAQMA,EAAe,CACnBC,KAAM,CACJC,MAAO,OACPC,OAAQ,OACRC,aAAc,QAEhBC,OAAQ,CACNH,MAAO,OACPC,OAAQ,OACRC,aAAc,yBAIC,mBAETE,EAAaC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,wBAGrDC,EAAYH,eAAY,SAACC,GAAqB,OAAAA,EAAME,mBAGpDC,EAAWJ,eAAY,SAACC,GAAqB,OAAAA,EAAMI,iBAGrDC,EAAiDN,eACrD,SAACC,GAAqB,OAAAA,EAAMC,eADtBK,EAAQD,EAAAC,SAAEC,EAAQF,EAAAE,SAAEC,EAAQH,EAAAG,SAAEC,EAAYJ,EAAAI,aAG5CC,EAA0BX,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAC5DU,EAAOZ,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMY,KAAN,IAE/C,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,SAAOC,IAAG,CACTC,UAAW,eAAAC,OAAehB,EAAS,WAAa,IAChDiB,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,IAERc,GAAaC,IAAaC,IAE1BK,EAAAA,QAAAC,cAACE,EAAAA,OAAOC,IAAG,CACTK,MAAO,CACLC,kBAAmB,MAErBH,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,EACV0B,UAAW,8GAGbT,EAYAI,EAAAA,sBAACG,EAAAA,OAAOC,IAAG,CACTC,UAAU,+EACVI,MAAO,CACLE,gBAAiB,cACftB,GACAS,IACAA,aAAI,EAAJA,EAAMc,aACNvB,EAAoD,UAA5CS,aAAA,EAAAA,EAAMc,WAAWf,eAAAA,EAAoBgB,eAAO,IAAAC,OAAA,EAAAA,EAAE7B,WACtDI,EAAoD,UAA5CS,aAAA,EAAAA,EAAMc,WAAWf,eAAAA,EAAoBgB,eAAO,IAAAE,OAAA,EAAAA,EAAE9B,UACrD,KACH+B,iBAAkB,YAClBC,eAAgB,WAElBV,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,IAzBZqB,EAAC,QAAAC,cAAAE,EAAAA,OAAOC,KACNC,UAAU,+EACVI,MAAO,CACLE,gBAAiB,OAAAL,OAAOjB,GAAWA,EAAQJ,IAAaI,EAAQJ,GAAY,KAC5E+B,iBAAkB,YAClBC,eAAgB,WAElBV,QAASjB,EAAS,OAAS,SAC3BkB,SAAU7B,KAuBtB"}

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 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-5"},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})))))};
+"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"),l=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),u=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=u.useSelector((function(e){return e.currentCall})),x=f.number,y=f.displayName,g=f.transferring,j=f.transferringName,v=f.startTime,h=f.transferringStartTime,b=f.transferCalls,q=d.useDispatch(),w=s.useTranslation().t,E=u.useSelector((function(e){return e.island})),_=E.isOpen,N=E.previousView,T=u.useSelector((function(e){return e.screenShare})),S=T.active,C=T.role,A=u.useSelector((function(e){return e.conference})),P=A.isActive,R=A.usersList,k=A.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(l.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:.12,ease:"easeOut"}},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")},g?j:P&&!a.isEmpty(k)?w("Conference.In conference"):P&&a.isEmpty(k)?w("Conference.Waiting for the conference"):"recorder"===N?w("Common.Record message"):"player"===N?w("Common.Play message"):y),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-5"},S&&"publisher"===C&&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||"recorder"===N||"player"===N?m.default.createElement(n.default,{usersList:R||{},maxAvatars:5}):m.default.createElement(r.default,{size:"small",startTime:g?h:v})))))};
 //# 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'\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-5'>\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"}
+{"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.12, ease: 'easeOut' }}\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                : previousView === 'recorder'\n                ? t('Common.Record message')\n                : previousView === 'player'\n                ? t('Common.Play message')\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-5'>\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 && previousView !== 'recorder' && previousView !== 'player' ? (\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","ease","isEmpty","FontAwesomeIcon","icon","faDisplay","AvatarGroup","maxAvatars","Timer","size"],"mappings":"2zCAeoC,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,IAAMC,KAAM,YAEpCnB,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,yCACbL,EAAAA,QAAAC,cAAA,MAAA,CACEI,UAAW,2CAAAC,OACTtB,GAA2B,UAAjBC,EAA2B,UAAY,YAGlDZ,EACGC,EACAkB,IAAa4B,EAAOA,QAAC1B,GACrBd,EAAE,4BACFY,GAAY4B,EAAOA,QAAC1B,GACpBd,EAAE,yCACe,aAAjBK,EACAL,EAAE,yBACe,WAAjBK,EACAL,EAAE,uBACFR,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,cAAAoB,mBAAgBC,KAAMC,YAAWlB,UAAU,kBAC3CzB,EAAE,2BAGPoB,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,kCACXb,GAA6B,aAAjBP,GAAgD,WAAjBA,EAG3Ce,EAAAA,QAAAC,cAACuB,EAAAA,QAAW,CAAC/B,UAAWA,GAAa,CAAA,EAAIgC,WAAY,IAFrDzB,EAAC,QAAAC,cAAAyB,EAAK,QAAC,CAAAC,KAAK,QAAQpD,UAAWF,EAAeG,EAAwBD,OAUtF"}

package/dist/components/CallView/DisplayName.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"),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 i=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var r=require("../TextScroll.js"),n=require("../../node_modules/framer-motion/dist/es/render/dom/motion.mjs.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);exports.default=function(){var a=e.useState(!1),s=a[0],u=a[1],d=e.useRef(null),p=e.useRef(null),c=n.motion(t.StyledName),m=l.useSelector((function(e){return e.currentCall})),f=m.displayName,v=m.incoming,g=l.useSelector((function(e){return e.listen})),x=i.useTranslation().t;return e.useLayoutEffect((function(){var e,t;(null==d?void 0:d.current)&&(null==p?void 0:p.current)&&(null===(e=null==p?void 0:p.current)||void 0===e?void 0:e.clientWidth)-(null===(t=null==d?void 0:d.current)||void 0===t?void 0:t.clientWidth)>5&&u(!0)})),o.default.createElement(o.default.Fragment,null,(null==g?void 0:g.isIntrude)?o.default.createElement(c,{ref:d,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},o.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block pi-text-gray-950 dark:pi-text-gray-50 ".concat(s&&"animated-text"),ref:p},""!==(null==g?void 0:g.isIntrudeExtension)&&void 0!==(null==g?void 0:g.isIntrudeExtension)?"".concat(x("Common.Intrude"))+"-"+(null==g?void 0:g.isIntrudeExtension):"".concat(x("Common.Intrude"))),o.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 dark:pi-to-gray-950 pi-to-gray-50"})):(null==g?void 0:g.isListen)?o.default.createElement(c,{ref:d,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},o.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block pi-text-gray-950 dark:pi-text-gray-50 ".concat(s&&"animated-text"),ref:p},""!==(null==g?void 0:g.isListenExtension)&&void 0!==(null==g?void 0:g.isListenExtension)?"".concat(x("Common.Listen"))+"-"+(null==g?void 0:g.isListenExtension):"".concat(x("Common.Listen"))),o.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 dark:pi-to-gray-950 pi-to-gray-50"})):o.default.createElement(c,{ref:d,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden "},o.default.createElement("div",{className:"pi-relative pi-inline-block pi-text-gray-950 dark:pi-text-gray-50 ".concat(s?"pi-animate-scroll-text":""),ref:p},f&&"<unknown>"===f?"PBX":f?o.default.createElement(r.default,{text:f}):v?x("Call.Incoming call")||"-":x("Call.Outgoing call")||"-"),o.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 dark:pi-to-gray-950 pi-to-gray-50"})))};
+"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"),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 i=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var r=require("../TextScroll.js"),n=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);exports.default=function(){var a=e.useState(!1),s=a[0],u=a[1],d=e.useRef(null),p=e.useRef(null),c=n.motion(t.StyledName),m=l.useSelector((function(e){return e.currentCall})),f=m.displayName,v=m.incoming,g=l.useSelector((function(e){return e.listen})),x=i.useTranslation().t;return e.useLayoutEffect((function(){var e,t;(null==d?void 0:d.current)&&(null==p?void 0:p.current)&&(null===(e=null==p?void 0:p.current)||void 0===e?void 0:e.clientWidth)-(null===(t=null==d?void 0:d.current)||void 0===t?void 0:t.clientWidth)>5&&u(!0)})),o.default.createElement(o.default.Fragment,null,(null==g?void 0:g.isIntrude)?o.default.createElement(c,{ref:d,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},o.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block pi-text-gray-950 dark:pi-text-gray-50 ".concat(s&&"animated-text"),ref:p},""!==(null==g?void 0:g.isIntrudeExtension)&&void 0!==(null==g?void 0:g.isIntrudeExtension)?"".concat(x("Common.Intrude"))+"-"+(null==g?void 0:g.isIntrudeExtension):"".concat(x("Common.Intrude"))),o.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 dark:pi-to-gray-950 pi-to-gray-50"})):(null==g?void 0:g.isListen)?o.default.createElement(c,{ref:d,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},o.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block pi-text-gray-950 dark:pi-text-gray-50 ".concat(s&&"animated-text"),ref:p},""!==(null==g?void 0:g.isListenExtension)&&void 0!==(null==g?void 0:g.isListenExtension)?"".concat(x("Common.Listen"))+"-"+(null==g?void 0:g.isListenExtension):"".concat(x("Common.Listen"))),o.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 dark:pi-to-gray-950 pi-to-gray-50"})):o.default.createElement(c,{ref:d,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden "},o.default.createElement("div",{className:"pi-relative pi-inline-block pi-text-gray-950 dark:pi-text-gray-50 ".concat(s?"pi-animate-scroll-text":""),ref:p},f&&"<unknown>"===f?"PBX":f?o.default.createElement(r.default,{text:f}):v?x("Call.Incoming call")||"-":x("Call.Outgoing call")||"-"),o.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 dark:pi-to-gray-950 pi-to-gray-50"})))};
 //# sourceMappingURL=DisplayName.js.map