@nethesis/phone-island 0.7.96 → 0.7.98

package/dist/components/CallView/Actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),r=require("../../lib/phone/call.js"),a=require("../../static/icons/PhoneKeypadLight.js"),n=require("../../static/icons/PhoneKeypadSolid.js");require("../../node_modules/react-redux/es/index.js");var o=require("../../store/index.js");require("../../node_modules/socket.io-client/build/esm/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js");var i=require("../../lib/webrtc/messages.js");require("../../node_modules/mic-check/lib/index.js");var l=require("../../static/outgoing_ringtone.js");require("../Island.js");var s=require("../Button.js"),u=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),c=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js");require("../../node_modules/framer-motion/dist/framer-motion.js");var d=require("../TransferView/TransferActions.js"),f=require("../../node_modules/react-tooltip/dist/react-tooltip.min.cjs.js"),m=require("../../node_modules/react-redux/es/hooks/useSelector.js"),p=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=j(e);exports.default=function(){var e=m.useSelector((function(e){return e.currentCall})),j=e.paused,v=e.muted,y=m.useSelector((function(e){return e.island})).view,w=m.useSelector((function(e){return e.currentCall})).transferring,x=p.useDispatch();return q.default.createElement(q.default.Fragment,null,q.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},q.default.createElement(s.Button,{variant:"default",active:!!j,onClick:function(){return j?r.unpauseCurrentCall():r.pauseCurrentCall()},"data-tooltip-id":"tooltip","data-tooltip-content":j?"Play":"Pause"},j?q.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:c.faPlay}):q.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faPause})),q.default.createElement(s.Button,{variant:"default",active:!!v,onClick:function(){return v?r.unmuteCurrentCall():r.muteCurrentCall()},"data-tooltip-id":"tooltip","data-tooltip-content":v?"Unmute":"Mute"},v?q.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:c.faMicrophoneSlash}):q.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faMicrophone})),q.default.createElement(s.Button,{active:w,onClick:w?function(){i.sendDTMF("*"),o.store.getState().player.audioPlayerPlaying||x.player.updateStartAudioPlayer({src:l.default,loop:!0}),setTimeout((function(){i.sendDTMF("1"),x.player.stopAudioPlayer(),w&&setTimeout((function(){x.currentCall.updateTransferring(!1)}),500)}),500)}:function(){x.island.setIslandView("transfer"!==y?"transfer":"call"),r.pauseCurrentCall()},variant:"default","data-tooltip-id":"tooltip","data-tooltip-content":w?"Cancel transfer":"Transfer"},w?q.default.createElement(u.FontAwesomeIcon,{className:"",size:"xl",icon:c.faArrowDownUpAcrossLine}):q.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faArrowDownArrowUp})),q.default.createElement(s.Button,{active:"keypad"===y,variant:"default",onClick:function(){x.island.setIslandView("keypad"!==y?"keypad":"call")},"data-tooltip-id":"tooltip","data-tooltip-content":"Keyboard"},"keypad"===y?q.default.createElement(n.default,null):q.default.createElement(a.default,null))),w&&q.default.createElement(d.TransferActions,null),q.default.createElement(f.Tooltip,{className:"pi-z-20",id:"tooltip",place:"bottom"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),a=require("../../lib/phone/call.js"),n=require("../../static/icons/PhoneKeypadLight.js"),r=require("../../static/icons/PhoneKeypadSolid.js");require("../../node_modules/react-redux/es/index.js");var o=require("../../store/index.js");require("../../node_modules/socket.io-client/build/esm/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js");var i=require("../../lib/webrtc/messages.js");require("../../node_modules/mic-check/lib/index.js");var l=require("../../static/outgoing_ringtone.js");require("../Island.js");var s=require("../Button.js"),u=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),c=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js");require("../../node_modules/framer-motion/dist/framer-motion.js");var d=require("../TransferView/TransferActions.js"),f=require("../../node_modules/react-tooltip/dist/react-tooltip.min.cjs.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=j(e);exports.default=function(){var e=p.useSelector((function(e){return e.currentCall})),j=e.paused,E=e.muted,g=p.useSelector((function(e){return e.currentCall.parked})),x=p.useSelector((function(e){return e.island})),C=x.view,w=x.actionsExpanded,y=p.useSelector((function(e){return e.currentCall.transferring})),q=m.useDispatch();return v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},v.default.createElement(s.Button,{variant:"default",active:!!j,onClick:function(){return j?a.unpauseCurrentCall():a.pauseCurrentCall()},"data-tooltip-id":"tooltip","data-tooltip-content":j?"Play":"Pause"},j?v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:c.faPlay}):v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faPause})),v.default.createElement(s.Button,{variant:"default",active:!!E,onClick:function(){return E?a.unmuteCurrentCall():a.muteCurrentCall()},"data-tooltip-id":"tooltip","data-tooltip-content":E?"Unmute":"Mute"},E?v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:c.faMicrophoneSlash}):v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faMicrophone})),v.default.createElement(s.Button,{active:y,onClick:y?function(){i.sendDTMF("*"),o.store.getState().player.audioPlayerPlaying||q.player.updateStartAudioPlayer({src:l.default,loop:!0}),setTimeout((function(){i.sendDTMF("1"),q.player.stopAudioPlayer(),y&&setTimeout((function(){q.currentCall.updateTransferring(!1)}),500)}),500)}:function(){q.island.setIslandView("transfer"!==C?"transfer":"call"),a.pauseCurrentCall()},variant:"default","data-tooltip-id":"tooltip","data-tooltip-content":y?"Cancel transfer":"Transfer"},y?v.default.createElement(u.FontAwesomeIcon,{className:"",size:"xl",icon:c.faArrowDownUpAcrossLine}):v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faArrowDownArrowUp})),v.default.createElement(s.Button,{active:w,variant:"transparent",onClick:function(){w?q.island.toggleActionsExpanded(!1):q.island.toggleActionsExpanded(!0)},"data-tooltip-id":"tooltip","data-tooltip-content":w?"Collapse":"Expand"},w?v.default.createElement(u.FontAwesomeIcon,{className:"",size:"xl",icon:t.faChevronUp}):v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:t.faChevronDown}))),w?v.default.createElement(v.default.Fragment,null," ",v.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},v.default.createElement(s.Button,{active:"keypad"===C,variant:"default",onClick:function(){q.island.setIslandView("keypad"!==C?"keypad":"call")},"data-tooltip-id":"tooltip","data-tooltip-content":"Keyboard"},"keypad"===C?v.default.createElement(r.default,null):v.default.createElement(n.default,null)),v.default.createElement(s.Button,{active:g,variant:"default",onClick:function(){a.park(),q.currentCall.setParked(!0)},"data-tooltip-id":"tooltip","data-tooltip-content":"Park"},v.default.createElement(u.FontAwesomeIcon,{size:"xl",icon:g?c.faCircleParking:t.faCircleParking})),y&&v.default.createElement(d.TransferActions,null))):v.default.createElement(v.default.Fragment,null),v.default.createElement(f.Tooltip,{className:"pi-z-20",id:"tooltip",place:"bottom"}))};
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../src/components/CallView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport {\n  faPause as faPauseRegular,\n  faMicrophone as faMicrophoneLight,\n  faArrowDownArrowUp,\n} from '@nethesis/nethesis-light-svg-icons'\nimport {\n  muteCurrentCall,\n  unmuteCurrentCall,\n  pauseCurrentCall,\n  unpauseCurrentCall,\n} from '../../lib/phone/call'\nimport PhoneKeypadLight from '../../static/icons/PhoneKeypadLight'\nimport PhoneKeypadSolid from '../../static/icons/PhoneKeypadSolid'\nimport { Button } from '../'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faMicrophoneSlash,\n  faPlay,\n  faArrowDownUpAcrossLine,\n} from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState, Dispatch } from '../../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store } from '../../store'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { TransferActions } from '../TransferView'\nimport { Tooltip } from 'react-tooltip/dist/react-tooltip.min.cjs'\n\nconst Actions: FC = () => {\n  // Get multiple values from currentCall store\n  const { paused, muted } = useSelector((state: RootState) => state.currentCall)\n\n  // Get isOpen and view from island store\n  const { view } = useSelector((state: RootState) => state.island)\n  const { transferring } = useSelector((state: RootState) => state.currentCall)\n\n  const dispatch = useDispatch<Dispatch>()\n\n  function openKeypad() {\n    dispatch.island.setIslandView(view !== 'keypad' ? 'keypad' : 'call')\n  }\n\n  function transfer() {\n    // Open the transfer view\n    dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n    // Pause the call\n    pauseCurrentCall()\n  }\n\n  // Cancels the current transfer through dtmfs\n  function calcelTransfer() {\n    sendDTMF('*')\n    const { audioPlayerPlaying } = store.getState().player\n    // Check if the local audio is already playing and start playing\n    if (!audioPlayerPlaying) {\n      dispatch.player.updateStartAudioPlayer({\n        src: outgoingRingtone,\n        loop: true,\n      })\n    }\n    setTimeout(() => {\n      sendDTMF('1')\n      dispatch.player.stopAudioPlayer()\n      // The workarround to disable transfer because of the wrong conv.connection value from ws\n      if (transferring) {\n        setTimeout(() => {\n          dispatch.currentCall.updateTransferring(false)\n        }, 500)\n      }\n    }, 500)\n  }\n\n  return (\n    <>\n      <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n        <Button\n          variant='default'\n          active={paused ? true : false}\n          onClick={() => (paused ? unpauseCurrentCall() : pauseCurrentCall())}\n          data-tooltip-id='tooltip'\n          data-tooltip-content={paused ? 'Play' : 'Pause'}\n        >\n          {paused ? (\n            <FontAwesomeIcon size='xl' icon={faPlay} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faPauseRegular} />\n          )}\n        </Button>\n        <Button\n          variant='default'\n          active={muted ? true : false}\n          onClick={() => (muted ? unmuteCurrentCall() : muteCurrentCall())}\n          data-tooltip-id='tooltip'\n          data-tooltip-content={muted ? 'Unmute' : 'Mute'}\n        >\n          {muted ? (\n            <FontAwesomeIcon size='xl' icon={faMicrophoneSlash} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faMicrophoneLight} />\n          )}\n        </Button>\n        <Button\n          active={transferring}\n          onClick={transferring ? calcelTransfer : transfer}\n          variant='default'\n          data-tooltip-id='tooltip'\n          data-tooltip-content={transferring ? 'Cancel transfer' : 'Transfer'}\n        >\n          {transferring ? (\n            <FontAwesomeIcon className='' size='xl' icon={faArrowDownUpAcrossLine} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faArrowDownArrowUp} />\n          )}\n        </Button>\n        <Button\n          active={view === 'keypad'}\n          variant='default'\n          onClick={openKeypad}\n          data-tooltip-id='tooltip'\n          data-tooltip-content='Keyboard'\n        >\n          {view === 'keypad' ? <PhoneKeypadSolid /> : <PhoneKeypadLight />}\n        </Button>\n      </div>\n      {transferring && <TransferActions />}\n      {/* Buttons tooltips */}\n      <Tooltip className='pi-z-20' id='tooltip' place='bottom' />\n    </>\n  )\n}\n\nexport default Actions\n"],"names":["_a","useSelector","state","currentCall","paused","muted","view","island","transferring","dispatch","useDispatch","React","createElement","Fragment","className","Button","variant","active","onClick","unpauseCurrentCall","pauseCurrentCall","FontAwesomeIcon","size","icon","faPlay","faPauseRegular","unmuteCurrentCall","muteCurrentCall","faMicrophoneSlash","faMicrophoneLight","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","setIslandView","faArrowDownUpAcrossLine","faArrowDownArrowUp","PhoneKeypadSolid","PhoneKeypadLight","TransferActions","Tooltip","id","place"],"mappings":"m1CAgCoB,WAEZ,IAAAA,EAAoBC,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMC,WAAW,IAArEC,WAAQC,UAGRC,EAASL,eAAY,SAACC,GAAqB,OAAAA,EAAMK,eACjDC,EAAiBP,eAAY,SAACC,GAAqB,OAAAA,EAAMC,4BAE3DM,EAAWC,EAAAA,cAoCjB,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sHACbH,UAAAC,cAACG,EAAAA,OACC,CAAAC,QAAQ,UACRC,SAAQb,EACRc,QAAS,WAAM,OAACd,EAASe,EAAAA,qBAAuBC,EAAAA,oBAAmB,kBACnD,UACM,uBAAAhB,EAAS,OAAS,SAEvCA,EACCO,UAACC,cAAAS,EAAAA,iBAAgBC,KAAK,KAAKC,KAAMC,EAAAA,SAEjCb,wBAACU,EAAAA,gBAAe,CAACC,KAAK,KAAKC,KAAME,aAGrCd,UAAAC,cAACG,EAAAA,OACC,CAAAC,QAAQ,UACRC,SAAQZ,EACRa,QAAS,WAAM,OAACb,EAAQqB,EAAAA,oBAAsBC,EAAAA,mBAAkB,kBAChD,UACM,uBAAAtB,EAAQ,SAAW,QAExCA,EACCM,UAACC,cAAAS,EAAAA,iBAAgBC,KAAK,KAAKC,KAAMK,EAAAA,oBAEjCjB,wBAACU,EAAAA,gBAAe,CAACC,KAAK,KAAKC,KAAMM,kBAGrClB,UAAAC,cAACG,EAAAA,OAAM,CACLE,OAAQT,EACRU,QAASV,EArDjB,WACEsB,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDzB,EAASwB,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WACTT,EAAQA,SAAC,KACTrB,EAASwB,OAAOO,kBAEZhC,GACF+B,YAAW,WACT9B,EAASN,YAAYsC,oBAAmB,EACzC,GAAE,IAEN,GAAE,IACJ,EA5BD,WAEEhC,EAASF,OAAOmC,cAAuB,aAATpC,EAAsB,WAAa,QAEjEc,EAAAA,kBACD,EAyDOJ,QAAQ,UAAS,kBACD,UACM,uBAAAR,EAAe,kBAAoB,YAExDA,EACCG,EAAC,QAAAC,cAAAS,EAAAA,iBAAgBP,UAAU,GAAGQ,KAAK,KAAKC,KAAMoB,4BAE9ChC,EAAAA,QAAAC,cAACS,EAAeA,gBAAC,CAAAC,KAAK,KAAKC,KAAMqB,EAAAA,sBAGrCjC,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAE,OAAiB,WAATX,EACRU,QAAQ,UACRE,QA/ER,WACET,EAASF,OAAOmC,cAAuB,WAATpC,EAAoB,SAAW,OAC9D,oBA8EuB,UAAS,uBACJ,YAEX,WAATA,EAAoBK,EAAC,QAAAC,cAAAiC,EAAgB,QAAG,MAAGlC,EAAA,QAAAC,cAACkC,UAAgB,QAGhEtC,GAAgBG,EAAC,QAAAC,cAAAmC,EAAAA,gBAAkB,MAEpCpC,EAAAA,QAAAC,cAACoC,UAAQ,CAAAlC,UAAU,UAAUmC,GAAG,UAAUC,MAAM,WAGtD"}
+{"version":3,"file":"Actions.js","sources":["../../../src/components/CallView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport {\n  faPause as faPauseRegular,\n  faMicrophone as faMicrophoneLight,\n  faArrowDownArrowUp,\n  faCircleParking,\n  faChevronDown,\n  faChevronUp,\n} from '@nethesis/nethesis-light-svg-icons'\nimport {\n  muteCurrentCall,\n  unmuteCurrentCall,\n  pauseCurrentCall,\n  unpauseCurrentCall,\n} from '../../lib/phone/call'\nimport PhoneKeypadLight from '../../static/icons/PhoneKeypadLight'\nimport PhoneKeypadSolid from '../../static/icons/PhoneKeypadSolid'\nimport { Button } from '../'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faMicrophoneSlash,\n  faPlay,\n  faArrowDownUpAcrossLine,\n  faCircleParking as faCircleParkingSolid,\n} from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState, Dispatch } from '../../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store } from '../../store'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { TransferActions } from '../TransferView'\nimport { Tooltip } from 'react-tooltip/dist/react-tooltip.min.cjs'\nimport { park } from '../../lib/phone/call'\n\nconst Actions: FC = () => {\n  // Get multiple values from currentCall store\n  const { paused, muted } = useSelector((state: RootState) => state.currentCall)\n  const parked = useSelector((state: RootState) => state.currentCall.parked)\n\n  // Get isOpen and view from island store\n  const { view, actionsExpanded } = useSelector((state: RootState) => state.island)\n  const transferring = useSelector((state: RootState) => state.currentCall.transferring)\n\n  const dispatch = useDispatch<Dispatch>()\n\n  function openKeypad() {\n    dispatch.island.setIslandView(view !== 'keypad' ? 'keypad' : 'call')\n  }\n\n  function transfer() {\n    // Open the transfer view\n    dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n    // Pause the call\n    pauseCurrentCall()\n  }\n\n  // Cancels the current transfer through dtmfs\n  function calcelTransfer() {\n    sendDTMF('*')\n    const { audioPlayerPlaying } = store.getState().player\n    // Check if the local audio is already playing and start playing\n    if (!audioPlayerPlaying) {\n      dispatch.player.updateStartAudioPlayer({\n        src: outgoingRingtone,\n        loop: true,\n      })\n    }\n    setTimeout(() => {\n      sendDTMF('1')\n      dispatch.player.stopAudioPlayer()\n      // The workarround to disable transfer because of the wrong conv.connection value from ws\n      if (transferring) {\n        setTimeout(() => {\n          dispatch.currentCall.updateTransferring(false)\n        }, 500)\n      }\n    }, 500)\n  }\n\n  function toggleActionsExpanded() {\n    if (actionsExpanded) {\n      dispatch.island.toggleActionsExpanded(false)\n    } else {\n      dispatch.island.toggleActionsExpanded(true)\n    }\n  }\n\n  function parkAction() {\n    park()\n    dispatch.currentCall.setParked(true)\n  }\n\n  return (\n    <>\n      <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n        <Button\n          variant='default'\n          active={paused ? true : false}\n          onClick={() => (paused ? unpauseCurrentCall() : pauseCurrentCall())}\n          data-tooltip-id='tooltip'\n          data-tooltip-content={paused ? 'Play' : 'Pause'}\n        >\n          {paused ? (\n            <FontAwesomeIcon size='xl' icon={faPlay} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faPauseRegular} />\n          )}\n        </Button>\n        <Button\n          variant='default'\n          active={muted ? true : false}\n          onClick={() => (muted ? unmuteCurrentCall() : muteCurrentCall())}\n          data-tooltip-id='tooltip'\n          data-tooltip-content={muted ? 'Unmute' : 'Mute'}\n        >\n          {muted ? (\n            <FontAwesomeIcon size='xl' icon={faMicrophoneSlash} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faMicrophoneLight} />\n          )}\n        </Button>\n        <Button\n          active={transferring}\n          onClick={transferring ? calcelTransfer : transfer}\n          variant='default'\n          data-tooltip-id='tooltip'\n          data-tooltip-content={transferring ? 'Cancel transfer' : 'Transfer'}\n        >\n          {transferring ? (\n            <FontAwesomeIcon className='' size='xl' icon={faArrowDownUpAcrossLine} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faArrowDownArrowUp} />\n          )}\n        </Button>\n        <Button\n          active={actionsExpanded}\n          variant='transparent'\n          onClick={() => toggleActionsExpanded()}\n          data-tooltip-id='tooltip'\n          data-tooltip-content={actionsExpanded ? 'Collapse' : 'Expand'}\n        >\n          {actionsExpanded ? (\n            <FontAwesomeIcon className='' size='xl' icon={faChevronUp} />\n          ) : (\n            <FontAwesomeIcon size='xl' icon={faChevronDown} />\n          )}\n        </Button>\n      </div>\n      {/* Actions expanded section */}\n      {actionsExpanded ? (\n        <>\n          {' '}\n          <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n            <Button\n              active={view === 'keypad'}\n              variant='default'\n              onClick={openKeypad}\n              data-tooltip-id='tooltip'\n              data-tooltip-content='Keyboard'\n            >\n              {view === 'keypad' ? <PhoneKeypadSolid /> : <PhoneKeypadLight />}\n            </Button>\n            <Button\n              active={parked}\n              variant='default'\n              onClick={parkAction}\n              data-tooltip-id='tooltip'\n              data-tooltip-content='Park'\n            >\n              <FontAwesomeIcon size='xl' icon={parked ? faCircleParkingSolid : faCircleParking} />\n            </Button>\n            {transferring && <TransferActions />}\n          </div>\n        </>\n      ) : (\n        <></>\n      )}\n      {/* Buttons tooltips */}\n      <Tooltip className='pi-z-20' id='tooltip' place='bottom' />\n    </>\n  )\n}\n\nexport default Actions\n"],"names":["_a","useSelector","state","currentCall","paused","muted","parked","_b","island","view","actionsExpanded","transferring","dispatch","useDispatch","React","createElement","Fragment","className","Button","variant","active","onClick","unpauseCurrentCall","pauseCurrentCall","FontAwesomeIcon","size","icon","faPlay","faPauseRegular","unmuteCurrentCall","muteCurrentCall","faMicrophoneSlash","faMicrophoneLight","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","setIslandView","faArrowDownUpAcrossLine","faArrowDownArrowUp","toggleActionsExpanded","faChevronUp","faChevronDown","PhoneKeypadSolid","PhoneKeypadLight","park","setParked","faCircleParkingSolid","faCircleParking","TransferActions","Tooltip","id","place"],"mappings":"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"}

package/dist/components/CallView/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),i=require("../../lib/phone/call.js");require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/mic-check/lib/index.js"),require("../Island.js");var n=require("../Button.js"),l=require("../AudioBars.js");require("../../node_modules/framer-motion/dist/framer-motion.js");var u=require("./Timer.js"),s=require("./Number.js"),d=require("./DisplayName.js"),o=require("./Avatar.js"),c=require("./Actions.js"),m=require("../Hangup.js"),f=require("../../node_modules/react-redux/es/hooks/useSelector.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=p(e);function g(e,t){return!e&&!t}exports.default=function(){var e=f.useSelector((function(e){return e.currentCall})),p=e.incoming,q=e.accepted,E=e.outgoing,v=e.startTime,y=e.paused,_=f.useSelector((function(e){return e.island})).isOpen,b=f.useSelector((function(e){return e.webrtc})).remoteAudioStream;return j.default.createElement(t.StyledCallView,{incoming:p,accepted:q,outgoing:E,isOpen:_},j.default.createElement(t.StyledTopContent,{isOpen:_,incoming:p,accepted:q,outgoing:E},j.default.createElement(o.default,null),_&&j.default.createElement(t.StyledDetails,null,j.default.createElement(d.default,null),q?j.default.createElement(u.default,{startTime:v}):j.default.createElement(s.default,null)),!_&&!q&&j.default.createElement(d.default,null),!_&&q&&j.default.createElement(u.default,{startTime:v}),q&&b&&j.default.createElement(l.AudioBars,{audioStream:b,paused:y,size:_?"large":"small"})),_&&j.default.createElement("div",{className:"pi-grid pi-gap-y-5"},q&&j.default.createElement(c.default,null),j.default.createElement("div",{className:"pi-grid ".concat(g(E,q)?"pi-grid-cols-2":q?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"," pi-gap-3.5")},j.default.createElement(m.default,{description:"Hangup and transfer"}),g(E,q)&&j.default.createElement(n.Button,{onClick:i.answerIncomingCall,variant:"green"},j.default.createElement(r.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:a.faPhone})))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),i=require("../../lib/phone/call.js");require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/mic-check/lib/index.js"),require("../Island.js");var n=require("../Button.js"),l=require("../AudioBars.js");require("../../node_modules/framer-motion/dist/framer-motion.js");var u=require("./Timer.js"),s=require("./Number.js"),d=require("./DisplayName.js"),o=require("./Avatar.js"),c=require("./Actions.js"),m=require("../Hangup.js"),f=require("../../node_modules/react-redux/es/hooks/useSelector.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=p(e);function g(e,t){return!e&&!t}exports.default=function(){var e=f.useSelector((function(e){return e.currentCall})),p=e.incoming,q=e.accepted,E=e.outgoing,v=e.startTime,y=e.paused,b=f.useSelector((function(e){return e.island})).isOpen,x=f.useSelector((function(e){return e.webrtc})).remoteAudioStream;return j.default.createElement("div",{className:"pi-bg-red pi-flex pi-content-center pi-justify-center"},j.default.createElement(t.StyledCallView,{incoming:p,accepted:q,outgoing:E,isOpen:b},j.default.createElement(t.StyledTopContent,{isOpen:b,incoming:p,accepted:q,outgoing:E},j.default.createElement(o.default,null),b&&j.default.createElement(t.StyledDetails,null,j.default.createElement(d.default,null),q?j.default.createElement(u.default,{startTime:v}):j.default.createElement(s.default,null)),!b&&!q&&j.default.createElement(d.default,null),!b&&q&&j.default.createElement(u.default,{startTime:v}),q&&x&&j.default.createElement(l.AudioBars,{audioStream:x,paused:y,size:b?"large":"small"})),b&&j.default.createElement("div",{className:"pi-grid pi-gap-y-5"},q&&j.default.createElement(c.default,null),j.default.createElement("div",{className:"pi-grid ".concat(g(E,q)?"pi-grid-cols-2":q?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"," pi-gap-3.5")},j.default.createElement(m.default,{description:"Hangup and transfer"}),g(E,q)&&j.default.createElement(n.Button,{onClick:i.answerIncomingCall,variant:"green"},j.default.createElement(r.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:a.faPhone}))))))};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { StyledDetails, StyledCallView, StyledTopContent } from '../../styles/Island.styles'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone } from '@nethesis/nethesis-solid-svg-icons'\nimport { Button } from '../'\nimport Timer from './Timer'\nimport Number from './Number'\nimport DisplayName from './DisplayName'\nimport { AudioBars } from '../'\nimport { answerIncomingCall } from '../../lib/phone/call'\nimport Avatar from './Avatar'\nimport Actions from './Actions'\nimport Hangup from '../Hangup'\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n  return !outgoing && !accepted\n}\n\n/**\n * The main view to manage calls, the starting point for calls actions flows\n */\nconst CallView: FC<CallViewProps> = () => {\n  // Get multiple values from currentCall state\n  const { incoming, accepted, outgoing, startTime, paused } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  // Get isOpen and view from island state\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  // Retrieve the audio stream from the webrtc state\n  const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n\n  return (\n    <StyledCallView incoming={incoming} accepted={accepted} outgoing={outgoing} isOpen={isOpen}>\n      <StyledTopContent isOpen={isOpen} incoming={incoming} accepted={accepted} outgoing={outgoing}>\n        <Avatar />\n        {isOpen && (\n          <StyledDetails>\n            <DisplayName />\n            {/* The timer when expanded */}\n            {accepted ? <Timer startTime={startTime} /> : <Number />}\n          </StyledDetails>\n        )}\n        {/* The display name when collepsed */}\n        {!isOpen && !accepted && <DisplayName />}\n        {/* The timer when collapsed */}\n        {!isOpen && accepted && <Timer startTime={startTime} />}\n        {accepted && remoteAudioStream && (\n          <AudioBars\n            audioStream={remoteAudioStream}\n            paused={paused}\n            size={isOpen ? 'large' : 'small'}\n          />\n        )}\n      </StyledTopContent>\n      {isOpen && (\n        <div className='pi-grid pi-gap-y-5'>\n          {accepted && <Actions />}\n          <div\n            className={`pi-grid ${\n              isAnswerVisible(outgoing, accepted)\n                ? 'pi-grid-cols-2'\n                : accepted\n                ? 'pi-grid-cols-1 pi-justify-items-center'\n                : 'pi-grid-cols-1 pi-justify-items-end'\n            } pi-gap-3.5`}\n          >\n            {/* The button to hangup the currentCall */}\n            {/* {incoming || outgoing ? (\n              <Button onClick={hangupCurrentCall} variant='red'>\n                <FontAwesomeIcon className='pi-rotate-135 pi-w-6 pi-h-6' icon={faPhone} />\n              </Button>\n            ) : ( */}\n            <Hangup description=\"Hangup and transfer\" />\n            {/* )} */}\n            {/* The button to answer the incoming call */}\n            {isAnswerVisible(outgoing, accepted) && (\n              <Button onClick={answerIncomingCall} variant='green'>\n                <FontAwesomeIcon className='pi-w-6 pi-h-6' icon={faPhone} />\n              </Button>\n            )}\n          </div>\n        </div>\n      )}\n    </StyledCallView>\n  )\n}\n\nexport default CallView\n\nexport interface CallViewProps {}\n"],"names":["isAnswerVisible","outgoing","accepted","_a","useSelector","state","currentCall","incoming","startTime","paused","isOpen","island","remoteAudioStream","webrtc","React","createElement","StyledCallView","StyledTopContent","Avatar","StyledDetails","DisplayName","Timer","Number","AudioBars","audioStream","size","className","Actions","concat","Hangup","description","Button","onClick","answerIncomingCall","variant","FontAwesomeIcon","icon","faPhone"],"mappings":"4kCAmBA,SAASA,EAAgBC,EAAmBC,GAC1C,OAAQD,IAAaC,CACvB,iBAKoC,WAE5B,IAAAC,EAAsDC,EAAAA,aAC1D,SAACC,GAAqB,OAAAA,EAAMC,WAAW,IADjCC,EAAQJ,EAAAI,SAAEL,EAAQC,EAAAD,SAAED,EAAQE,EAAAF,SAAEO,EAASL,EAAAK,UAAEC,EAAMN,EAAAM,OAI/CC,EAAWN,eAAY,SAACC,GAAqB,OAAAA,EAAMM,iBAGnDC,EAAsBR,eAAY,SAACC,GAAqB,OAAAA,EAAMQ,4BAEtE,OACEC,UAACC,cAAAC,EAAcA,gBAACT,SAAUA,EAAUL,SAAUA,EAAUD,SAAUA,EAAUS,OAAQA,GAClFI,EAAAA,QAAAC,cAACE,mBAAiB,CAAAP,OAAQA,EAAQH,SAAUA,EAAUL,SAAUA,EAAUD,SAAUA,GAClFa,UAAAC,cAACG,EAAM,QAAG,MACTR,GACCI,EAAA,QAAAC,cAACI,EAAAA,cAAa,KACZL,UAAAC,cAACK,EAAW,QAAG,MAEdlB,EAAWY,EAAAA,QAACC,cAAAM,EAAK,SAACb,UAAWA,IAAgBM,wBAACQ,UAAM,QAIvDZ,IAAWR,GAAYY,EAAA,QAAAC,cAACK,EAAW,QAAG,OAEtCV,GAAUR,GAAYY,UAAAC,cAACM,EAAAA,QAAM,CAAAb,UAAWA,IACzCN,GAAYU,GACXE,EAAC,QAAAC,cAAAQ,EAASA,UACR,CAAAC,YAAaZ,EACbH,OAAQA,EACRgB,KAAMf,EAAS,QAAU,WAI9BA,GACCI,EAAK,QAAAC,cAAA,MAAA,CAAAW,UAAU,sBACZxB,GAAYY,EAAC,QAAAC,cAAAY,EAAAA,QAAU,MACxBb,UACEC,cAAA,MAAA,CAAAW,UAAW,WACTE,OAAA5B,EAAgBC,EAAUC,GACtB,iBACAA,EACA,yCACA,sCACO,gBAQbY,EAAAA,QAAAC,cAACc,EAAAA,QAAM,CAACC,YAAY,wBAGnB9B,EAAgBC,EAAUC,IACzBY,UAAAC,cAACgB,EAAMA,OAAA,CAACC,QAASC,qBAAoBC,QAAQ,SAC3CpB,EAAAA,QAAAC,cAACoB,kBAAgB,CAAAT,UAAU,gBAAgBU,KAAMC,EAAAA,aAQjE"}
+{"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { StyledDetails, StyledCallView, StyledTopContent } from '../../styles/Island.styles'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone } from '@nethesis/nethesis-solid-svg-icons'\nimport { Button } from '../'\nimport Timer from './Timer'\nimport Number from './Number'\nimport DisplayName from './DisplayName'\nimport { AudioBars } from '../'\nimport { answerIncomingCall } from '../../lib/phone/call'\nimport Avatar from './Avatar'\nimport Actions from './Actions'\nimport Hangup from '../Hangup'\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n  return !outgoing && !accepted\n}\n\n/**\n * The main view to manage calls, the starting point for calls actions flows\n */\nconst CallView: FC<CallViewProps> = () => {\n  // Get multiple values from currentCall state\n  const { incoming, accepted, outgoing, startTime, paused } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  // Get isOpen and view from island state\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  // Retrieve the audio stream from the webrtc state\n  const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n\n  return (\n    <div className='pi-bg-red pi-flex pi-content-center pi-justify-center'>\n      <StyledCallView incoming={incoming} accepted={accepted} outgoing={outgoing} isOpen={isOpen}>\n        <StyledTopContent\n          isOpen={isOpen}\n          incoming={incoming}\n          accepted={accepted}\n          outgoing={outgoing}\n        >\n          <Avatar />\n          {isOpen && (\n            <StyledDetails>\n              <DisplayName />\n              {/* The timer when expanded */}\n              {accepted ? <Timer startTime={startTime} /> : <Number />}\n            </StyledDetails>\n          )}\n          {/* The display name when collepsed */}\n          {!isOpen && !accepted && <DisplayName />}\n          {/* The timer when collapsed */}\n          {!isOpen && accepted && <Timer startTime={startTime} />}\n          {accepted && remoteAudioStream && (\n            <AudioBars\n              audioStream={remoteAudioStream}\n              paused={paused}\n              size={isOpen ? 'large' : 'small'}\n            />\n          )}\n        </StyledTopContent>\n        {isOpen && (\n          <div className='pi-grid pi-gap-y-5'>\n            {accepted && <Actions />}\n            <div\n              className={`pi-grid ${\n                isAnswerVisible(outgoing, accepted)\n                  ? 'pi-grid-cols-2'\n                  : accepted\n                  ? 'pi-grid-cols-1 pi-justify-items-center'\n                  : 'pi-grid-cols-1 pi-justify-items-end'\n              } pi-gap-3.5`}\n            >\n              {/* The button to hangup the currentCall */}\n              {/* {incoming || outgoing ? (\n              <Button onClick={hangupCurrentCall} variant='red'>\n                <FontAwesomeIcon className='pi-rotate-135 pi-w-6 pi-h-6' icon={faPhone} />\n              </Button>\n            ) : ( */}\n              <Hangup description='Hangup and transfer' />\n              {/* )} */}\n              {/* The button to answer the incoming call */}\n              {isAnswerVisible(outgoing, accepted) && (\n                <Button onClick={answerIncomingCall} variant='green'>\n                  <FontAwesomeIcon className='pi-w-6 pi-h-6' icon={faPhone} />\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n      </StyledCallView>\n    </div>\n  )\n}\n\nexport default CallView\n\nexport interface CallViewProps {}\n"],"names":["isAnswerVisible","outgoing","accepted","_a","useSelector","state","currentCall","incoming","startTime","paused","isOpen","island","remoteAudioStream","webrtc","React","createElement","className","StyledCallView","StyledTopContent","Avatar","StyledDetails","DisplayName","Timer","Number","AudioBars","audioStream","size","Actions","concat","Hangup","description","Button","onClick","answerIncomingCall","variant","FontAwesomeIcon","icon","faPhone"],"mappings":"4kCAmBA,SAASA,EAAgBC,EAAmBC,GAC1C,OAAQD,IAAaC,CACvB,iBAKoC,WAE5B,IAAAC,EAAsDC,EAAAA,aAC1D,SAACC,GAAqB,OAAAA,EAAMC,WAAW,IADjCC,EAAQJ,EAAAI,SAAEL,EAAQC,EAAAD,SAAED,EAAQE,EAAAF,SAAEO,EAASL,EAAAK,UAAEC,EAAMN,EAAAM,OAI/CC,EAAWN,eAAY,SAACC,GAAqB,OAAAA,EAAMM,iBAGnDC,EAAsBR,eAAY,SAACC,GAAqB,OAAAA,EAAMQ,4BAEtE,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,yDACbF,EAAAA,QAAAC,cAACE,iBAAe,CAAAV,SAAUA,EAAUL,SAAUA,EAAUD,SAAUA,EAAUS,OAAQA,GAClFI,EAAAA,QAAAC,cAACG,mBACC,CAAAR,OAAQA,EACRH,SAAUA,EACVL,SAAUA,EACVD,SAAUA,GAEVa,UAAAC,cAACI,EAAM,QAAG,MACTT,GACCI,EAAA,QAAAC,cAACK,EAAAA,cAAa,KACZN,UAAAC,cAACM,EAAW,QAAG,MAEdnB,EAAWY,EAAAA,QAACC,cAAAO,EAAK,SAACd,UAAWA,IAAgBM,wBAACS,UAAM,QAIvDb,IAAWR,GAAYY,EAAA,QAAAC,cAACM,EAAW,QAAG,OAEtCX,GAAUR,GAAYY,UAAAC,cAACO,EAAAA,QAAM,CAAAd,UAAWA,IACzCN,GAAYU,GACXE,EAAC,QAAAC,cAAAS,EAASA,UACR,CAAAC,YAAab,EACbH,OAAQA,EACRiB,KAAMhB,EAAS,QAAU,WAI9BA,GACCI,EAAK,QAAAC,cAAA,MAAA,CAAAC,UAAU,sBACZd,GAAYY,EAAC,QAAAC,cAAAY,EAAAA,QAAU,MACxBb,UACEC,cAAA,MAAA,CAAAC,UAAW,WACTY,OAAA5B,EAAgBC,EAAUC,GACtB,iBACAA,EACA,yCACA,sCACO,gBAQbY,EAAAA,QAAAC,cAACc,EAAAA,QAAM,CAACC,YAAY,wBAGnB9B,EAAgBC,EAAUC,IACzBY,UAAAC,cAACgB,EAAMA,OAAA,CAACC,QAASC,qBAAoBC,QAAQ,SAC3CpB,EAAAA,QAAAC,cAACoB,kBAAgB,CAAAnB,UAAU,gBAAgBoB,KAAMC,EAAAA,cASnE"}

package/dist/components/IslandMotion.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"),require("../node_modules/framer-motion/dist/framer-motion.js");var t=require("../node_modules/react-redux/es/hooks/useSelector.js"),d=require("../_virtual/framer-motion.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),a=function(e){var i=e.children,a=t.useSelector((function(e){return e.currentCall})),h=a.incoming,n=a.outgoing,o=a.accepted,l=a.transferring,c=t.useSelector((function(e){return e.island})),s=c.view,p=c.isOpen,u=t.useSelector((function(e){return e.alerts.status})).activeAlertsCount,g=t.useSelector((function(e){return e.motions})),w=g.variants,x=g.border_radius_collapsed,f=g.border_radius_expanded,m=g.padding_x_collapsed,v=g.padding_y_collapsed,_=g.padding_expanded;var b=function(){var e={width:0,height:0};switch(s){case"call":p?o&&l?e={width:w.call.expanded.transfer.width,height:w.call.expanded.transfer.height}:o?e={width:w.call.expanded.accepted.width,height:w.call.expanded.accepted.height}:h?e={width:w.call.expanded.incoming.width,height:w.call.expanded.incoming.height}:n&&(e={width:w.call.expanded.outgoing.width,height:w.call.expanded.outgoing.height}):e={width:w.call.collapsed.width,height:w.call.collapsed.height};break;case"keypad":e=p?{width:w.keypad.expanded.width,height:w.keypad.expanded.height}:{width:w.transfer.collapsed.width,height:w.transfer.collapsed.height};break;case"transfer":e=p?{width:w.transfer.expanded.width,height:w.transfer.expanded.height}:{width:w.transfer.collapsed.width,height:w.transfer.collapsed.height};break;case"player":e=p?{width:w.player.expanded.width,height:w.player.expanded.height}:{width:w.player.collapsed.width,height:w.player.collapsed.height};break;case"recorder":e=p?{width:w.recorder.expanded.width,height:w.recorder.expanded.height}:{width:w.recorder.collapsed.width,height:w.recorder.collapsed.height}}var t=u>0;return{width:"".concat(0===e.width&&t?w.alerts.width:e.width,"px"),height:"".concat(t&&p?e.height+w.alerts.height+(0===e.height?2*_:_):e.height,"px"),borderRadius:"".concat(p?f:x,"px"),padding:p?"".concat(_,"px"):"".concat(m,"px ").concat(v,"px")}}();return r.default.createElement(d.framerMotion.exports.motion.div,{className:"pi-font-sans pi-pointer-events-auto pi-overflow-hidden pi-bg-black pi-text-xs pi-cursor-pointer pi-text-white hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow",animate:b},i&&i)};exports.IslandMotion=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js"),require("../node_modules/framer-motion/dist/framer-motion.js");var t=require("../node_modules/react-redux/es/hooks/useSelector.js"),d=require("../_virtual/framer-motion.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),r=function(e){var a=e.children,r=t.useSelector((function(e){return e.currentCall})),h=r.incoming,n=r.outgoing,o=r.accepted,c=r.transferring,l=t.useSelector((function(e){return e.island})),s=l.view,p=l.isOpen,g=l.actionsExpanded,u=t.useSelector((function(e){return e.alerts.status})).activeAlertsCount,x=t.useSelector((function(e){return e.motions})),w=x.variants,f=x.border_radius_collapsed,m=x.border_radius_expanded,v=x.padding_x_collapsed,_=x.padding_y_collapsed,b=x.padding_expanded;var y=function(){var e={width:0,height:0};switch(s){case"call":p?o&&c?e={width:w.call.expanded.transfer.width,height:w.call.expanded.transfer.height}:o&&g?e={width:w.call.expanded.accepted.actionsExpanded.width,height:w.call.expanded.accepted.actionsExpanded.height}:o?e={width:w.call.expanded.accepted.width,height:w.call.expanded.accepted.height}:h?e={width:w.call.expanded.incoming.width,height:w.call.expanded.incoming.height}:n&&(e={width:w.call.expanded.outgoing.width,height:w.call.expanded.outgoing.height}):e={width:w.call.collapsed.width,height:w.call.collapsed.height};break;case"keypad":e=p?{width:w.keypad.expanded.width,height:w.keypad.expanded.height}:{width:w.transfer.collapsed.width,height:w.transfer.collapsed.height};break;case"transfer":e=p?{width:w.transfer.expanded.width,height:w.transfer.expanded.height}:{width:w.transfer.collapsed.width,height:w.transfer.collapsed.height};break;case"player":e=p?{width:w.player.expanded.width,height:w.player.expanded.height}:{width:w.player.collapsed.width,height:w.player.collapsed.height};break;case"recorder":e=p?{width:w.recorder.expanded.width,height:w.recorder.expanded.height}:{width:w.recorder.collapsed.width,height:w.recorder.collapsed.height}}var t=u>0;return{width:"".concat(0===e.width&&t?w.alerts.width:e.width,"px"),height:"".concat(t&&p?e.height+w.alerts.height+(0===e.height?2*b:b):e.height,"px"),borderRadius:"".concat(p?m:f,"px"),padding:p?"".concat(b,"px"):"".concat(v,"px ").concat(_,"px")}}();return i.default.createElement(d.framerMotion.exports.motion.div,{className:"pi-font-sans pi-pointer-events-auto pi-overflow-hidden pi-bg-black pi-text-xs pi-cursor-pointer pi-text-white hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow",animate:y},a&&a)};exports.IslandMotion=r,exports.default=r;
 //# sourceMappingURL=IslandMotion.js.map

package/dist/components/IslandMotion.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion/dist/framer-motion'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n  // Retrieve needed stored variables\n  const { incoming, outgoing, accepted, transferring } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  const { view, isOpen } = useSelector((state: RootState) => state.island)\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n  const {\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n  } = useSelector((state: RootState) => state.motions)\n\n  function getVariant() {\n    // Initial size\n    let size: SizeTypes = {\n      width: 0,\n      height: 0,\n    }\n    switch (view) {\n      case 'call':\n        if (isOpen) {\n          if (accepted && transferring) {\n            size = {\n              width: variants.call.expanded.transfer.width,\n              height: variants.call.expanded.transfer.height,\n            }\n          } else if (accepted) {\n            size = {\n              width: variants.call.expanded.accepted.width,\n              height: variants.call.expanded.accepted.height,\n            }\n          } else if (incoming) {\n            size = {\n              width: variants.call.expanded.incoming.width,\n              height: variants.call.expanded.incoming.height,\n            }\n          } else if (outgoing) {\n            size = {\n              width: variants.call.expanded.outgoing.width,\n              height: variants.call.expanded.outgoing.height,\n            }\n          }\n        } else {\n          size = {\n            width: variants.call.collapsed.width,\n            height: variants.call.collapsed.height,\n          }\n        }\n        break\n      case 'keypad':\n        if (isOpen) {\n          size = {\n            width: variants.keypad.expanded.width,\n            height: variants.keypad.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        }\n        break\n      case 'transfer':\n        if (isOpen) {\n          size = {\n            width: variants.transfer.expanded.width,\n            height: variants.transfer.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        }\n        break\n      case 'player':\n        if (isOpen) {\n          size = {\n            width: variants.player.expanded.width,\n            height: variants.player.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.player.collapsed.width,\n            height: variants.player.collapsed.height,\n          }\n        }\n        break\n      case 'recorder':\n        if (isOpen) {\n          size = {\n            width: variants.recorder.expanded.width,\n            height: variants.recorder.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.recorder.collapsed.width,\n            height: variants.recorder.collapsed.height,\n          }\n        }\n        break\n    }\n\n    const isAlert: boolean = activeAlertsCount > 0\n\n    return {\n      width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n      height: `${\n        isAlert && isOpen\n          ? size.height +\n            variants.alerts.height +\n            (size.height === 0 ? padding_expanded * 2 : padding_expanded)\n          : size.height\n      }px`,\n      borderRadius: isOpen ? `${border_radius_expanded}px` : `${border_radius_collapsed}px`,\n      padding: isOpen\n        ? `${padding_expanded}px`\n        : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n    }\n  }\n\n  const motionVariants = getVariant()\n\n  return (\n    <motion.div\n      className='pi-font-sans pi-pointer-events-auto pi-overflow-hidden pi-bg-black pi-text-xs pi-cursor-pointer pi-text-white hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow'\n      animate={motionVariants}\n    >\n      {children && children}\n    </motion.div>\n  )\n}\n\nexport interface IslandMotionProps {\n  children: ReactNode\n}\n\ntype SizeTypes = {\n  width: number\n  height: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","_c","island","view","isOpen","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","padding_x_collapsed","padding_y_collapsed","padding_expanded","motionVariants","size","width","height","call","expanded","transfer","collapsed","keypad","player","recorder","isAlert","concat","borderRadius","padding","getVariant","React","createElement","motion","framerMotion","exports","div","className","animate"],"mappings":"+YAQaA,EAAsC,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAEtDC,EAAiDC,eACrD,SAACC,GAAqB,OAAAA,EAAMC,eADtBC,EAAQJ,EAAAI,SAAEC,EAAQL,EAAAK,SAAEC,EAAQN,EAAAM,SAAEC,EAAYP,EAAAO,aAG5CC,EAAmBP,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMO,MAAM,IAA/DC,SAAMC,WACNC,EAAsBX,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMW,OAAOC,4BACvEC,EAOFd,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMc,OAAN,IANpCC,EAAQF,EAAAE,SACRC,EAAuBH,EAAAG,wBACvBC,2BACAC,EAAmBL,EAAAK,oBACnBC,EAAmBN,EAAAM,oBACnBC,qBAgHF,IAAMC,EA7GN,WAEE,IAAIC,EAAkB,CACpBC,MAAO,EACPC,OAAQ,GAEV,OAAQhB,GACN,IAAK,OACCC,EACEL,GAAYC,EACdiB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAASC,SAASJ,MACvCC,OAAQT,EAASU,KAAKC,SAASC,SAASH,QAEjCpB,EACTkB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAAStB,SAASmB,MACvCC,OAAQT,EAASU,KAAKC,SAAStB,SAASoB,QAEjCtB,EACToB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAASxB,SAASqB,MACvCC,OAAQT,EAASU,KAAKC,SAASxB,SAASsB,QAEjCrB,IACTmB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAASvB,SAASoB,MACvCC,OAAQT,EAASU,KAAKC,SAASvB,SAASqB,SAI5CF,EAAO,CACLC,MAAOR,EAASU,KAAKG,UAAUL,MAC/BC,OAAQT,EAASU,KAAKG,UAAUJ,QAGpC,MACF,IAAK,SAEDF,EADEb,EACK,CACLc,MAAOR,EAASc,OAAOH,SAASH,MAChCC,OAAQT,EAASc,OAAOH,SAASF,QAG5B,CACLD,MAAOR,EAASY,SAASC,UAAUL,MACnCC,OAAQT,EAASY,SAASC,UAAUJ,QAGxC,MACF,IAAK,WAEDF,EADEb,EACK,CACLc,MAAOR,EAASY,SAASD,SAASH,MAClCC,OAAQT,EAASY,SAASD,SAASF,QAG9B,CACLD,MAAOR,EAASY,SAASC,UAAUL,MACnCC,OAAQT,EAASY,SAASC,UAAUJ,QAGxC,MACF,IAAK,SAEDF,EADEb,EACK,CACLc,MAAOR,EAASe,OAAOJ,SAASH,MAChCC,OAAQT,EAASe,OAAOJ,SAASF,QAG5B,CACLD,MAAOR,EAASe,OAAOF,UAAUL,MACjCC,OAAQT,EAASe,OAAOF,UAAUJ,QAGtC,MACF,IAAK,WAEDF,EADEb,EACK,CACLc,MAAOR,EAASgB,SAASL,SAASH,MAClCC,OAAQT,EAASgB,SAASL,SAASF,QAG9B,CACLD,MAAOR,EAASgB,SAASH,UAAUL,MACnCC,OAAQT,EAASgB,SAASH,UAAUJ,QAM5C,IAAMQ,EAAmBtB,EAAoB,EAE7C,MAAO,CACLa,MAAO,UAAkB,IAAfD,EAAKC,OAAeS,EAAUjB,EAASJ,OAAOY,MAAQD,EAAKC,MAAS,MAC9EC,OAAQ,GAAAS,OACND,GAAWvB,EACPa,EAAKE,OACLT,EAASJ,OAAOa,QACC,IAAhBF,EAAKE,OAAkC,EAAnBJ,EAAuBA,GAC5CE,EAAKE,OACP,MACJU,aAAuB,GAAAD,OAATxB,EAAYQ,EAAgCD,EAAV,MAChDmB,QAAS1B,EACL,GAAGwB,OAAAb,EAAoB,MACvB,GAAAa,OAAGf,EAAmB,OAAAe,OAAMd,EAAuB,MAE1D,CAEsBiB,GAEvB,OACEC,UAACC,cAAAC,EAAMC,aAAAC,QAAAF,OAACG,IAAG,CACTC,UAAU,wKACVC,QAASvB,GAERxB,GAAYA,EAGnB"}
+{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion/dist/framer-motion'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n  // Retrieve needed stored variables\n  const { incoming, outgoing, accepted, transferring } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  const { view, isOpen, actionsExpanded } = useSelector((state: RootState) => state.island)\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n  const {\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n  } = useSelector((state: RootState) => state.motions)\n\n  function getVariant() {\n    // Initial size\n    let size: SizeTypes = {\n      width: 0,\n      height: 0,\n    }\n    switch (view) {\n      case 'call':\n        if (isOpen) {\n          if (accepted && transferring) {\n            size = {\n              width: variants.call.expanded.transfer.width,\n              height: variants.call.expanded.transfer.height,\n            }\n          } else if (accepted && actionsExpanded) {\n            size = {\n              width: variants.call.expanded.accepted.actionsExpanded.width,\n              height: variants.call.expanded.accepted.actionsExpanded.height,\n            }\n          } else if (accepted) {\n            size = {\n              width: variants.call.expanded.accepted.width,\n              height: variants.call.expanded.accepted.height,\n            }\n          } else if (incoming) {\n            size = {\n              width: variants.call.expanded.incoming.width,\n              height: variants.call.expanded.incoming.height,\n            }\n          } else if (outgoing) {\n            size = {\n              width: variants.call.expanded.outgoing.width,\n              height: variants.call.expanded.outgoing.height,\n            }\n          }\n        } else {\n          size = {\n            width: variants.call.collapsed.width,\n            height: variants.call.collapsed.height,\n          }\n        }\n        break\n      case 'keypad':\n        if (isOpen) {\n          size = {\n            width: variants.keypad.expanded.width,\n            height: variants.keypad.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        }\n        break\n      case 'transfer':\n        if (isOpen) {\n          size = {\n            width: variants.transfer.expanded.width,\n            height: variants.transfer.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        }\n        break\n      case 'player':\n        if (isOpen) {\n          size = {\n            width: variants.player.expanded.width,\n            height: variants.player.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.player.collapsed.width,\n            height: variants.player.collapsed.height,\n          }\n        }\n        break\n      case 'recorder':\n        if (isOpen) {\n          size = {\n            width: variants.recorder.expanded.width,\n            height: variants.recorder.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.recorder.collapsed.width,\n            height: variants.recorder.collapsed.height,\n          }\n        }\n        break\n    }\n\n    const isAlert: boolean = activeAlertsCount > 0\n\n    return {\n      width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n      height: `${\n        isAlert && isOpen\n          ? size.height +\n            variants.alerts.height +\n            (size.height === 0 ? padding_expanded * 2 : padding_expanded)\n          : size.height\n      }px`,\n      borderRadius: isOpen ? `${border_radius_expanded}px` : `${border_radius_collapsed}px`,\n      padding: isOpen\n        ? `${padding_expanded}px`\n        : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n    }\n  }\n\n  const motionVariants = getVariant()\n\n  return (\n    <motion.div\n      className='pi-font-sans pi-pointer-events-auto pi-overflow-hidden pi-bg-black pi-text-xs pi-cursor-pointer pi-text-white hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow'\n      animate={motionVariants}\n    >\n      {children && children}\n    </motion.div>\n  )\n}\n\nexport interface IslandMotionProps {\n  children: ReactNode\n}\n\ntype SizeTypes = {\n  width: number\n  height: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","_c","island","view","isOpen","actionsExpanded","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","padding_x_collapsed","padding_y_collapsed","padding_expanded","motionVariants","size","width","height","call","expanded","transfer","collapsed","keypad","player","recorder","isAlert","concat","borderRadius","padding","getVariant","React","createElement","motion","framerMotion","exports","div","className","animate"],"mappings":"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"}

package/dist/components/TransferView/TransferList.js

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

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

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

package/dist/lib/phone/call.d.ts

@@ -49,3 +49,4 @@ export declare function attendedTransfer(number: string): Promise<boolean | unde
  * Play the dtmf audio files
  */
 export declare function playDtmfAudio(key: string): void;
+export declare function park(): void;

package/dist/lib/phone/call.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("../devices/devices.js"),r=require("../webrtc/janus.js"),n=require("../webrtc/messages.js"),o=require("../../store/index.js"),a=require("../user/default_device.js"),s=require("../../services/astproxy.js"),u=require("../../static/dtmf/index.js");function i(o){var a=this;t.getSupportedDevices((function(){return e.__awaiter(a,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return r.default.log("This is a SIP call"),[4,n.call(o,{audio:{mandatory:{echoCancellation:!1,googEchoCancellation:!1,googAutoGainControl:!1,googAutoGainControl2:!1,googNoiseSuppression:!1,googHighpassFilter:!1,googTypingNoiseDetection:!1}},audioSend:!0,audioRecv:!0,videoSend:!1,videoRecv:!1})];case 1:return e.sent(),[2]}}))}))}))}exports.answerIncomingCall=function(){a.isWebRTC()&&n.answerWebRTC()},exports.attendedTransfer=function(t){return e.__awaiter(this,void 0,void 0,(function(){var r,n;return e.__generator(this,(function(e){switch(e.label){case 0:return r=o.store.getState().currentCall.conversationId,n=o.store.getState().currentUser.default_device,r&&(null==n?void 0:n.id)&&t?[4,s.attendedTransfer({convid:r,to:t,endpointId:n.id})]:[3,2];case 1:return[2,e.sent()];case 2:return[2]}}))}))},exports.callNumber=function(e,t){i("sip:".concat(e,"@").concat(t))},exports.callSipURI=i,exports.hangupAllExtensions=function(){var e=o.store.getState().currentUser.conversations,t=function(t){Object.keys(e[t]).forEach((function(e){s.hangupConversation({convid:e,endpointId:t})}))};for(var r in e)t(r)},exports.hangupCurrentCall=function(){var e=o.store.getState().currentCall,t=e.outgoing,r=e.accepted;(t||r)&&n.hangup(),o.store.dispatch.player.stopAudioPlayer(),o.store.dispatch.currentCall.reset()},exports.muteCurrentCall=function(){a.isWebRTC()&&n.muteWebRTC()&&o.store.dispatch.currentCall.updateCurrentCall({muted:!0})},exports.pauseCurrentCall=function(){a.isWebRTC()&&n.pauseWebRTC()&&(o.store.dispatch.currentCall.updateCurrentCall({paused:!0}),o.store.dispatch.player.pauseRemoteAudio())},exports.playDtmfAudio=function(e){"*"===e&&(e="star"),"#"===e&&(e="pound"),o.store.dispatch.player.updateStartAudioPlayer({src:u.default["dtmf_".concat(e)]})},exports.unmuteCurrentCall=function(){a.isWebRTC()&&n.unmuteWebRTC()&&o.store.dispatch.currentCall.updateCurrentCall({muted:!1})},exports.unpauseCurrentCall=function(){a.isWebRTC()&&n.unpauseWebRTC()&&(o.store.dispatch.currentCall.updateCurrentCall({paused:!1}),o.store.dispatch.player.playRemoteAudio())};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("../devices/devices.js"),r=require("../webrtc/janus.js"),n=require("../webrtc/messages.js"),o=require("../../store/index.js"),a=require("../user/default_device.js"),s=require("../../services/astproxy.js"),i=require("../../static/dtmf/index.js");function u(o){var a=this;t.getSupportedDevices((function(){return e.__awaiter(a,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return r.default.log("This is a SIP call"),[4,n.call(o,{audio:{mandatory:{echoCancellation:!1,googEchoCancellation:!1,googAutoGainControl:!1,googAutoGainControl2:!1,googNoiseSuppression:!1,googHighpassFilter:!1,googTypingNoiseDetection:!1}},audioSend:!0,audioRecv:!0,videoSend:!1,videoRecv:!1})];case 1:return e.sent(),[2]}}))}))}))}exports.answerIncomingCall=function(){a.isWebRTC()&&n.answerWebRTC()},exports.attendedTransfer=function(t){return e.__awaiter(this,void 0,void 0,(function(){var r,n;return e.__generator(this,(function(e){switch(e.label){case 0:return r=o.store.getState().currentCall.conversationId,n=o.store.getState().currentUser.default_device,r&&(null==n?void 0:n.id)&&t?[4,s.attendedTransfer({convid:r,to:t,endpointId:n.id})]:[3,2];case 1:return[2,e.sent()];case 2:return[2]}}))}))},exports.callNumber=function(e,t){u("sip:".concat(e,"@").concat(t))},exports.callSipURI=u,exports.hangupAllExtensions=function(){var e=o.store.getState().currentUser.conversations,t=function(t){Object.keys(e[t]).forEach((function(e){s.hangupConversation({convid:e,endpointId:t})}))};for(var r in e)t(r)},exports.hangupCurrentCall=function(){var e=o.store.getState().currentCall,t=e.outgoing,r=e.accepted;(t||r)&&n.hangup(),o.store.dispatch.player.stopAudioPlayer(),o.store.dispatch.currentCall.reset()},exports.muteCurrentCall=function(){a.isWebRTC()&&n.muteWebRTC()&&o.store.dispatch.currentCall.updateCurrentCall({muted:!0})},exports.park=function(){var e,t=null===(e=o.store.getState().currentUser.endpoints)||void 0===e?void 0:e.mainextension[0].id,r=o.store.getState().currentCall.conversationId;t&&r&&s.parkConversation({applicantId:t,convid:r,endpointId:t})},exports.pauseCurrentCall=function(){a.isWebRTC()&&n.pauseWebRTC()&&(o.store.dispatch.currentCall.updateCurrentCall({paused:!0}),o.store.dispatch.player.pauseRemoteAudio())},exports.playDtmfAudio=function(e){"*"===e&&(e="star"),"#"===e&&(e="pound"),o.store.dispatch.player.updateStartAudioPlayer({src:i.default["dtmf_".concat(e)]})},exports.unmuteCurrentCall=function(){a.isWebRTC()&&n.unmuteWebRTC()&&o.store.dispatch.currentCall.updateCurrentCall({muted:!1})},exports.unpauseCurrentCall=function(){a.isWebRTC()&&n.unpauseWebRTC()&&(o.store.dispatch.currentCall.updateCurrentCall({paused:!1}),o.store.dispatch.player.playRemoteAudio())};
 //# sourceMappingURL=call.js.map

package/dist/lib/phone/call.js.map

@@ -1 +1 @@
-{"version":3,"file":"call.js","sources":["../../../src/lib/phone/call.ts"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport { getSupportedDevices } from '../devices/devices'\nimport Janus from '../webrtc/janus'\nimport {\n  call,\n  hangup,\n  answerWebRTC,\n  muteWebRTC,\n  unmuteWebRTC,\n  pauseWebRTC,\n  unpauseWebRTC,\n} from '../webrtc/messages'\nimport { store } from '../../store'\nimport { isWebRTC } from '../user/default_device'\nimport {\n  blindTransfer as blindTransferRequest,\n  attendedTransfer as attendedTransferRequest,\n} from '../../services/astproxy'\nimport dtmfAudios from '../../static/dtmf'\nimport { hangupConversation } from '../../services/astproxy'\n\n/**\n * Starts a call to a number\n * @param number The number string\n */\nexport function callNumber(number: string, sipHost: string) {\n  const sipURI = `sip:${number}@${sipHost}`\n  callSipURI(sipURI)\n}\n\n/**\n * Starts a call to a SIP URI\n *\n * @param sipURI The SIP URI string\n */\nexport function callSipURI(sipURI: string) {\n  getSupportedDevices(async () => {\n    // @ts-ignore\n    Janus.log('This is a SIP call')\n    await call(sipURI, {\n      audio: {\n        mandatory: {\n          echoCancellation: false,\n          googEchoCancellation: false,\n          googAutoGainControl: false,\n          googAutoGainControl2: false,\n          googNoiseSuppression: false,\n          googHighpassFilter: false,\n          googTypingNoiseDetection: false,\n        },\n      },\n      audioSend: true,\n      audioRecv: true,\n      videoSend: false,\n      videoRecv: false,\n    })\n  })\n}\n\n/**\n * Answer incoming call\n */\nexport function answerIncomingCall() {\n  if (isWebRTC()) {\n    answerWebRTC()\n  }\n}\n\n/**\n * Hangup all the conversations of all the extensions of the current user\n */\nexport function hangupAllExtensions() {\n  // Get current user endpoints\n  const { conversations } = store.getState().currentUser\n  // Hangup all the conversations of all extensions of the current user\n  for (const extension in conversations) {\n    const conversationsIds = Object.keys(conversations[extension])\n    conversationsIds.forEach((id) => {\n      hangupConversation({\n        convid: id,\n        endpointId: extension,\n      })\n    })\n  }\n}\n\n/**\n * Hangup current call\n */\nexport function hangupCurrentCall() {\n  const { outgoing, accepted } = store.getState().currentCall\n  if (outgoing || accepted) {\n    hangup()\n  }\n  store.dispatch.player.stopAudioPlayer()\n  store.dispatch.currentCall.reset()\n}\n\n/**\n * Mute the current call\n */\nexport function muteCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const muted = muteWebRTC()\n    if (muted) {\n      store.dispatch.currentCall.updateCurrentCall({\n        muted: true,\n      })\n    }\n  }\n}\n\n/**\n * Unmute the current call\n */\nexport function unmuteCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const unmuted = unmuteWebRTC()\n    if (unmuted) {\n      store.dispatch.currentCall.updateCurrentCall({\n        muted: false,\n      })\n    }\n  }\n}\n\n/**\n * Pause the current call\n */\nexport function pauseCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const paused = pauseWebRTC()\n    if (paused) {\n      store.dispatch.currentCall.updateCurrentCall({\n        paused: true,\n      })\n      // Pause remote audio\n      store.dispatch.player.pauseRemoteAudio()\n    }\n  }\n}\n\n/**\n * Unpause the current call\n */\nexport function unpauseCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const unpaused = unpauseWebRTC()\n    if (unpaused) {\n      store.dispatch.currentCall.updateCurrentCall({\n        paused: false,\n      })\n      // Play remote audio\n      store.dispatch.player.playRemoteAudio()\n    }\n  }\n}\n\n/**\n * Transfer the current call through a blind transfer (not in use)\n */\nexport async function blindTransfer(number: string) {\n  // Retrieve current conversation info\n  const { conversationId } = store.getState().currentCall\n  const { default_device } = store.getState().currentUser\n  // Transfer the call through blind transfer\n  if (conversationId && default_device?.id && number) {\n    return await blindTransferRequest({\n      convid: conversationId,\n      to: number,\n      endpointId: default_device.id,\n    })\n  }\n}\n\n/**\n * Transfer the current call through a attended transfer\n */\nexport async function attendedTransfer(number: string) {\n  // Retrieve current conversation info\n  const { conversationId } = store.getState().currentCall\n  const { default_device } = store.getState().currentUser\n  // Transfer the call through attended transfer\n  if (conversationId && default_device?.id && number) {\n    return await attendedTransferRequest({\n      convid: conversationId,\n      to: number,\n      endpointId: default_device.id,\n    })\n  }\n}\n\n/**\n * Play the dtmf audio files\n */\nexport function playDtmfAudio(key: string) {\n  if (key === '*') key = 'star'\n  if (key === '#') key = 'pound'\n  store.dispatch.player.updateStartAudioPlayer({ src: dtmfAudios[`dtmf_${key}`] })\n}\n"],"names":["callSipURI","sipURI","_this","this","getSupportedDevices","__awaiter","Janus","log","call","audio","mandatory","echoCancellation","googEchoCancellation","googAutoGainControl","googAutoGainControl2","googNoiseSuppression","googHighpassFilter","googTypingNoiseDetection","audioSend","audioRecv","videoSend","videoRecv","_a","sent","isWebRTC","answerWebRTC","number","conversationId","store","getState","currentCall","default_device","currentUser","id","attendedTransferRequest","convid","to","endpointId","sipHost","concat","conversations","extension","Object","keys","forEach","hangupConversation","outgoing","accepted","hangup","dispatch","player","stopAudioPlayer","reset","muteWebRTC","updateCurrentCall","muted","pauseWebRTC","paused","pauseRemoteAudio","key","updateStartAudioPlayer","src","dtmfAudios","unmuteWebRTC","unpauseWebRTC","playRemoteAudio"],"mappings":"0XAqCM,SAAUA,EAAWC,GAA3B,IAsBCC,EAAAC,KArBCC,EAAmBA,qBAAC,WAAA,OAAAC,EAAAA,UAAAH,OAAA,OAAA,GAAA,yEAGlB,OADAI,UAAMC,IAAI,sBACJ,CAAA,EAAAC,EAAIA,KAACP,EAAQ,CACjBQ,MAAO,CACLC,UAAW,CACTC,kBAAkB,EAClBC,sBAAsB,EACtBC,qBAAqB,EACrBC,sBAAsB,EACtBC,sBAAsB,EACtBC,oBAAoB,EACpBC,0BAA0B,IAG9BC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,mBAfbC,EAAAC,cAiBD,GAAA,GACH,uCAMMC,EAAQA,YACVC,EAAAA,cAEJ,2BAoHM,SAAiCC,2HAKjC,OAHIC,EAAmBC,EAAAA,MAAMC,WAAWC,2BACpCC,EAAmBH,EAAAA,MAAMC,WAAWG,2BAExCL,IAAkBI,aAAA,EAAAA,EAAgBE,KAAMP,EACnC,CAAA,EAAMQ,mBAAwB,CACnCC,OAAQR,EACRS,GAAIV,EACJW,WAAYN,EAAeE,MAJmB,CAAA,EAAA,GAChD,KAAA,EAAA,MAAA,CAAA,EAAOX,iCAMV,qBAzKe,SAAWI,EAAgBY,GAEzCtC,EADe,OAAAuC,OAAOb,EAAU,KAAAa,OAAAD,GAElC,8DA6CU,IAAAE,EAAkBZ,EAAKA,MAACC,WAAWG,YAAWQ,yBAE3CC,GACgBC,OAAOC,KAAKH,EAAcC,IAClCG,SAAQ,SAACX,GACxBY,qBAAmB,CACjBV,OAAQF,EACRI,WAAYI,GAEhB,KAPF,IAAK,IAAMA,KAAaD,IAAbC,EASb,uCAMQ,IAAAnB,EAAyBM,EAAAA,MAAMC,WAAWC,YAAxCgB,EAAQxB,EAAAwB,SAAEC,cACdD,GAAYC,IACdC,EAAAA,SAEFpB,EAAAA,MAAMqB,SAASC,OAAOC,kBACtBvB,EAAAA,MAAMqB,SAASnB,YAAYsB,OAC7B,qCAOM5B,EAAQA,YACI6B,EAAAA,cAEZzB,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CC,OAAO,GAIf,sCAsBM/B,EAAQA,YACKgC,EAAAA,gBAEb5B,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CG,QAAQ,IAGV7B,EAAAA,MAAMqB,SAASC,OAAOQ,mBAG5B,wBAwDM,SAAwBC,GAChB,MAARA,IAAaA,EAAM,QACX,MAARA,IAAaA,EAAM,SACvB/B,EAAAA,MAAMqB,SAASC,OAAOU,uBAAuB,CAAEC,IAAKC,UAAW,QAAQvB,OAAAoB,KACzE,uCArFMnC,EAAQA,YACMuC,EAAAA,gBAEdnC,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CC,OAAO,GAIf,wCAwBM/B,EAAQA,YACOwC,EAAAA,kBAEfpC,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CG,QAAQ,IAGV7B,EAAAA,MAAMqB,SAASC,OAAOe,kBAG5B"}
+{"version":3,"file":"call.js","sources":["../../../src/lib/phone/call.ts"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport { getSupportedDevices } from '../devices/devices'\nimport Janus from '../webrtc/janus'\nimport {\n  call,\n  hangup,\n  answerWebRTC,\n  muteWebRTC,\n  unmuteWebRTC,\n  pauseWebRTC,\n  unpauseWebRTC,\n} from '../webrtc/messages'\nimport { store } from '../../store'\nimport { isWebRTC } from '../user/default_device'\nimport {\n  blindTransfer as blindTransferRequest,\n  attendedTransfer as attendedTransferRequest,\n} from '../../services/astproxy'\nimport dtmfAudios from '../../static/dtmf'\nimport { hangupConversation, parkConversation } from '../../services/astproxy'\n\n/**\n * Starts a call to a number\n * @param number The number string\n */\nexport function callNumber(number: string, sipHost: string) {\n  const sipURI = `sip:${number}@${sipHost}`\n  callSipURI(sipURI)\n}\n\n/**\n * Starts a call to a SIP URI\n *\n * @param sipURI The SIP URI string\n */\nexport function callSipURI(sipURI: string) {\n  getSupportedDevices(async () => {\n    // @ts-ignore\n    Janus.log('This is a SIP call')\n    await call(sipURI, {\n      audio: {\n        mandatory: {\n          echoCancellation: false,\n          googEchoCancellation: false,\n          googAutoGainControl: false,\n          googAutoGainControl2: false,\n          googNoiseSuppression: false,\n          googHighpassFilter: false,\n          googTypingNoiseDetection: false,\n        },\n      },\n      audioSend: true,\n      audioRecv: true,\n      videoSend: false,\n      videoRecv: false,\n    })\n  })\n}\n\n/**\n * Answer incoming call\n */\nexport function answerIncomingCall() {\n  if (isWebRTC()) {\n    answerWebRTC()\n  }\n}\n\n/**\n * Hangup all the conversations of all the extensions of the current user\n */\nexport function hangupAllExtensions() {\n  // Get current user endpoints\n  const { conversations } = store.getState().currentUser\n  // Hangup all the conversations of all extensions of the current user\n  for (const extension in conversations) {\n    const conversationsIds = Object.keys(conversations[extension])\n    conversationsIds.forEach((id) => {\n      hangupConversation({\n        convid: id,\n        endpointId: extension,\n      })\n    })\n  }\n}\n\n/**\n * Hangup current call\n */\nexport function hangupCurrentCall() {\n  const { outgoing, accepted } = store.getState().currentCall\n  if (outgoing || accepted) {\n    hangup()\n  }\n  store.dispatch.player.stopAudioPlayer()\n  store.dispatch.currentCall.reset()\n}\n\n/**\n * Mute the current call\n */\nexport function muteCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const muted = muteWebRTC()\n    if (muted) {\n      store.dispatch.currentCall.updateCurrentCall({\n        muted: true,\n      })\n    }\n  }\n}\n\n/**\n * Unmute the current call\n */\nexport function unmuteCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const unmuted = unmuteWebRTC()\n    if (unmuted) {\n      store.dispatch.currentCall.updateCurrentCall({\n        muted: false,\n      })\n    }\n  }\n}\n\n/**\n * Pause the current call\n */\nexport function pauseCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const paused = pauseWebRTC()\n    if (paused) {\n      store.dispatch.currentCall.updateCurrentCall({\n        paused: true,\n      })\n      // Pause remote audio\n      store.dispatch.player.pauseRemoteAudio()\n    }\n  }\n}\n\n/**\n * Unpause the current call\n */\nexport function unpauseCurrentCall() {\n  // Check the current user default device\n  if (isWebRTC()) {\n    const unpaused = unpauseWebRTC()\n    if (unpaused) {\n      store.dispatch.currentCall.updateCurrentCall({\n        paused: false,\n      })\n      // Play remote audio\n      store.dispatch.player.playRemoteAudio()\n    }\n  }\n}\n\n/**\n * Transfer the current call through a blind transfer (not in use)\n */\nexport async function blindTransfer(number: string) {\n  // Retrieve current conversation info\n  const { conversationId } = store.getState().currentCall\n  const { default_device } = store.getState().currentUser\n  // Transfer the call through blind transfer\n  if (conversationId && default_device?.id && number) {\n    return await blindTransferRequest({\n      convid: conversationId,\n      to: number,\n      endpointId: default_device.id,\n    })\n  }\n}\n\n/**\n * Transfer the current call through a attended transfer\n */\nexport async function attendedTransfer(number: string) {\n  // Retrieve current conversation info\n  const { conversationId } = store.getState().currentCall\n  const { default_device } = store.getState().currentUser\n  // Transfer the call through attended transfer\n  if (conversationId && default_device?.id && number) {\n    return await attendedTransferRequest({\n      convid: conversationId,\n      to: number,\n      endpointId: default_device.id,\n    })\n  }\n}\n\n/**\n * Play the dtmf audio files\n */\nexport function playDtmfAudio(key: string) {\n  if (key === '*') key = 'star'\n  if (key === '#') key = 'pound'\n  store.dispatch.player.updateStartAudioPlayer({ src: dtmfAudios[`dtmf_${key}`] })\n}\n\nexport function park() {\n  const mainExtension = store.getState().currentUser.endpoints?.mainextension[0].id\n  const conversationId = store.getState().currentCall.conversationId\n\n  if (mainExtension && conversationId) {\n    parkConversation({\n      applicantId: mainExtension,\n      convid: conversationId,\n      endpointId: mainExtension,\n    })\n  }\n}\n"],"names":["callSipURI","sipURI","_this","this","getSupportedDevices","__awaiter","Janus","log","call","audio","mandatory","echoCancellation","googEchoCancellation","googAutoGainControl","googAutoGainControl2","googNoiseSuppression","googHighpassFilter","googTypingNoiseDetection","audioSend","audioRecv","videoSend","videoRecv","_a","sent","isWebRTC","answerWebRTC","number","conversationId","store","getState","currentCall","default_device","currentUser","id","attendedTransferRequest","convid","to","endpointId","sipHost","concat","conversations","extension","Object","keys","forEach","hangupConversation","outgoing","accepted","hangup","dispatch","player","stopAudioPlayer","reset","muteWebRTC","updateCurrentCall","muted","mainExtension","endpoints","mainextension","parkConversation","applicantId","pauseWebRTC","paused","pauseRemoteAudio","key","updateStartAudioPlayer","src","dtmfAudios","unmuteWebRTC","unpauseWebRTC","playRemoteAudio"],"mappings":"0XAqCM,SAAUA,EAAWC,GAA3B,IAsBCC,EAAAC,KArBCC,EAAmBA,qBAAC,WAAA,OAAAC,EAAAA,UAAAH,OAAA,OAAA,GAAA,yEAGlB,OADAI,UAAMC,IAAI,sBACJ,CAAA,EAAAC,EAAIA,KAACP,EAAQ,CACjBQ,MAAO,CACLC,UAAW,CACTC,kBAAkB,EAClBC,sBAAsB,EACtBC,qBAAqB,EACrBC,sBAAsB,EACtBC,sBAAsB,EACtBC,oBAAoB,EACpBC,0BAA0B,IAG9BC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,mBAfbC,EAAAC,cAiBD,GAAA,GACH,uCAMMC,EAAQA,YACVC,EAAAA,cAEJ,2BAoHM,SAAiCC,2HAKjC,OAHIC,EAAmBC,EAAAA,MAAMC,WAAWC,2BACpCC,EAAmBH,EAAAA,MAAMC,WAAWG,2BAExCL,IAAkBI,aAAA,EAAAA,EAAgBE,KAAMP,EACnC,CAAA,EAAMQ,mBAAwB,CACnCC,OAAQR,EACRS,GAAIV,EACJW,WAAYN,EAAeE,MAJmB,CAAA,EAAA,GAChD,KAAA,EAAA,MAAA,CAAA,EAAOX,iCAMV,qBAzKe,SAAWI,EAAgBY,GAEzCtC,EADe,OAAAuC,OAAOb,EAAU,KAAAa,OAAAD,GAElC,8DA6CU,IAAAE,EAAkBZ,EAAKA,MAACC,WAAWG,YAAWQ,yBAE3CC,GACgBC,OAAOC,KAAKH,EAAcC,IAClCG,SAAQ,SAACX,GACxBY,qBAAmB,CACjBV,OAAQF,EACRI,WAAYI,GAEhB,KAPF,IAAK,IAAMA,KAAaD,IAAbC,EASb,uCAMQ,IAAAnB,EAAyBM,EAAAA,MAAMC,WAAWC,YAAxCgB,EAAQxB,EAAAwB,SAAEC,cACdD,GAAYC,IACdC,EAAAA,SAEFpB,EAAAA,MAAMqB,SAASC,OAAOC,kBACtBvB,EAAAA,MAAMqB,SAASnB,YAAYsB,OAC7B,qCAOM5B,EAAQA,YACI6B,EAAAA,cAEZzB,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CC,OAAO,GAIf,gCA+FQC,EAAwD,QAAxClC,EAAAM,EAAAA,MAAMC,WAAWG,YAAYyB,iBAAW,IAAAnC,OAAA,EAAAA,EAAAoC,cAAc,GAAGzB,GACzEN,EAAiBC,EAAKA,MAACC,WAAWC,YAAYH,eAEhD6B,GAAiB7B,GACnBgC,mBAAiB,CACfC,YAAaJ,EACbrB,OAAQR,EACRU,WAAYmB,GAGlB,sCAnFMhC,EAAQA,YACKqC,EAAAA,gBAEbjC,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CQ,QAAQ,IAGVlC,EAAAA,MAAMqB,SAASC,OAAOa,mBAG5B,wBAwDM,SAAwBC,GAChB,MAARA,IAAaA,EAAM,QACX,MAARA,IAAaA,EAAM,SACvBpC,EAAAA,MAAMqB,SAASC,OAAOe,uBAAuB,CAAEC,IAAKC,UAAW,QAAQ5B,OAAAyB,KACzE,uCArFMxC,EAAQA,YACM4C,EAAAA,gBAEdxC,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CC,OAAO,GAIf,wCAwBM/B,EAAQA,YACO6C,EAAAA,kBAEfzC,QAAMqB,SAASnB,YAAYwB,kBAAkB,CAC3CQ,QAAQ,IAGVlC,EAAAA,MAAMqB,SAASC,OAAOoB,kBAG5B"}

package/dist/models/currentCall.d.ts

@@ -13,6 +13,7 @@ export declare const currentCall: {
         accepted: boolean;
         outgoingSocket: boolean;
         outgoingWebRTC: boolean;
+        parked: boolean;
         outgoing: boolean;
         startTime: string;
         muted: boolean;
@@ -46,6 +47,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -65,6 +67,7 @@ export declare const currentCall: {
             number: string;
             incomingSocket: boolean;
             incomingWebRTC: boolean;
+            parked: boolean;
             incoming: boolean;
             acceptedSocket: boolean;
             acceptedWebRTC: boolean;
@@ -95,6 +98,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -120,6 +124,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -144,6 +149,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -169,6 +175,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -193,6 +200,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -218,6 +226,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -242,6 +251,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -266,6 +276,58 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
+            outgoing: boolean;
+            startTime: string;
+            muted: boolean;
+            paused: boolean;
+            keypadValue: string;
+            conversationId: string;
+            transferring: boolean;
+            transferringName: string;
+            transferringNumber: string;
+            transferringStartTime: string;
+            transferSwitching: boolean;
+            transferCalls: any[];
+        };
+        setParked: (state: {
+            displayName: string;
+            username: string;
+            number: string;
+            incomingSocket: boolean;
+            incomingWebRTC: boolean;
+            incoming: boolean;
+            acceptedSocket: boolean;
+            acceptedWebRTC: boolean;
+            accepted: boolean;
+            outgoingSocket: boolean;
+            outgoingWebRTC: boolean;
+            parked: boolean;
+            outgoing: boolean;
+            startTime: string;
+            muted: boolean;
+            paused: boolean;
+            keypadValue: string;
+            conversationId: string;
+            transferring: boolean;
+            transferringName: string;
+            transferringNumber: string;
+            transferringStartTime: string;
+            transferSwitching: boolean;
+            transferCalls: any[];
+        }, payload: boolean) => {
+            displayName: string;
+            username: string;
+            number: string;
+            incomingSocket: boolean;
+            incomingWebRTC: boolean;
+            incoming: boolean;
+            acceptedSocket: boolean;
+            acceptedWebRTC: boolean;
+            accepted: boolean;
+            outgoingSocket: boolean;
+            outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -291,6 +353,7 @@ export declare const currentCall: {
             accepted: boolean;
             outgoingSocket: boolean;
             outgoingWebRTC: boolean;
+            parked: boolean;
             outgoing: boolean;
             startTime: string;
             muted: boolean;
@@ -318,6 +381,7 @@ export declare const currentCall: {
         accepted: boolean;
         outgoingSocket: boolean;
         outgoingWebRTC: boolean;
+        parked: boolean;
         outgoing: boolean;
         startTime: string;
         muted: boolean;
@@ -344,6 +408,7 @@ export interface CurrentCallTypes {
     number?: string;
     incomingSocket?: boolean;
     incomingWebRTC?: boolean;
+    parked?: boolean;
     incoming?: boolean;
     acceptedSocket?: boolean;
     acceptedWebRTC?: boolean;

package/dist/models/currentCall.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),r=require("../node_modules/@rematch/core/dist/core.esm.js"),n=require("../static/incoming_ringtone.js"),t=require("../events/CallEvents.js");require("react"),require("../store/index.js"),require("../node_modules/react-redux/es/index.js");var a={displayName:"",username:"",number:"",incomingSocket:!1,incomingWebRTC:!1,incoming:!1,acceptedSocket:!1,acceptedWebRTC:!1,accepted:!1,outgoingSocket:!1,outgoingWebRTC:!1,outgoing:!1,startTime:"",muted:!1,paused:!1,keypadValue:"",conversationId:"",transferring:!1,transferringName:"",transferringNumber:"",transferringStartTime:"",transferSwitching:!1,transferCalls:new Array},i=r.createModel()({state:a,reducers:{updateCurrentCall:function(r,n){return e.__assign(e.__assign(e.__assign({},r),n),{transferCalls:r.transferCalls})},updateKeypadValue:function(r,n){return e.__assign(e.__assign({},r),{keypadValue:n})},updateTransferring:function(r,n){return e.__assign(e.__assign({},r),{transferring:n})},updateTransferSwitching:function(r,n){return e.__assign(e.__assign({},r),{transferSwitching:n})},addTransferCalls:function(r,n){return r.transferCalls.find((function(e){return e.number===n.number}))?r:e.__assign(e.__assign({},r),{transferCalls:e.__spreadArray(e.__spreadArray([],r.transferCalls,!0),[n],!1)})},reset:function(){return a}},effects:function(r){return{checkIncomingUpdatePlay:function(t,a){var i,s;("webrtc"===(null===(i=a.currentUser.default_device)||void 0===i?void 0:i.type)&&t.incomingWebRTC||"physical"===(null===(s=a.currentUser.default_device)||void 0===s?void 0:s.type)&&t.incomingSocket)&&(t.incoming=!0,r.player.updateStartAudioPlayer({src:n.default,loop:!0})),r.currentCall.updateCurrentCall(e.__assign({},t))},checkOutgoingUpdate:function(n,a){var i,s;("webrtc"===(null===(i=a.currentUser.default_device)||void 0===i?void 0:i.type)&&n.outgoingWebRTC||"physical"===(null===(s=a.currentUser.default_device)||void 0===s?void 0:s.type)&&n.outgoingSocket)&&(n.outgoing=!0,t.dispatchOutgoingCallStarted(n.displayName,n.number)),r.currentCall.updateCurrentCall(e.__assign({},n))},checkAcceptedUpdate:function(n,t){var a,i;("webrtc"===(null===(a=t.currentUser.default_device)||void 0===a?void 0:a.type)&&n.acceptedWebRTC||"physical"===(null===(i=t.currentUser.default_device)||void 0===i?void 0:i.type)&&n.acceptedSocket)&&(n.accepted=!0),r.currentCall.updateCurrentCall(e.__assign({},n))}}}});exports.currentCall=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),r=require("../node_modules/@rematch/core/dist/core.esm.js"),n=require("../static/incoming_ringtone.js"),t=require("../events/CallEvents.js");require("react"),require("../store/index.js"),require("../node_modules/react-redux/es/index.js");var a={displayName:"",username:"",number:"",incomingSocket:!1,incomingWebRTC:!1,incoming:!1,acceptedSocket:!1,acceptedWebRTC:!1,accepted:!1,outgoingSocket:!1,outgoingWebRTC:!1,parked:!1,outgoing:!1,startTime:"",muted:!1,paused:!1,keypadValue:"",conversationId:"",transferring:!1,transferringName:"",transferringNumber:"",transferringStartTime:"",transferSwitching:!1,transferCalls:new Array},i=r.createModel()({state:a,reducers:{updateCurrentCall:function(r,n){return e.__assign(e.__assign(e.__assign({},r),n),{transferCalls:r.transferCalls})},updateKeypadValue:function(r,n){return e.__assign(e.__assign({},r),{keypadValue:n})},updateTransferring:function(r,n){return e.__assign(e.__assign({},r),{transferring:n})},updateTransferSwitching:function(r,n){return e.__assign(e.__assign({},r),{transferSwitching:n})},addTransferCalls:function(r,n){return r.transferCalls.find((function(e){return e.number===n.number}))?r:e.__assign(e.__assign({},r),{transferCalls:e.__spreadArray(e.__spreadArray([],r.transferCalls,!0),[n],!1)})},setParked:function(e,r){return e.parked=r,e},reset:function(){return a}},effects:function(r){return{checkIncomingUpdatePlay:function(t,a){var i,s;("webrtc"===(null===(i=a.currentUser.default_device)||void 0===i?void 0:i.type)&&t.incomingWebRTC||"physical"===(null===(s=a.currentUser.default_device)||void 0===s?void 0:s.type)&&t.incomingSocket)&&(t.incoming=!0,r.player.updateStartAudioPlayer({src:n.default,loop:!0})),r.currentCall.updateCurrentCall(e.__assign({},t))},checkOutgoingUpdate:function(n,a){var i,s;("webrtc"===(null===(i=a.currentUser.default_device)||void 0===i?void 0:i.type)&&n.outgoingWebRTC||"physical"===(null===(s=a.currentUser.default_device)||void 0===s?void 0:s.type)&&n.outgoingSocket)&&(n.outgoing=!0,t.dispatchOutgoingCallStarted(n.displayName,n.number)),r.currentCall.updateCurrentCall(e.__assign({},n))},checkAcceptedUpdate:function(n,t){var a,i;("webrtc"===(null===(a=t.currentUser.default_device)||void 0===a?void 0:a.type)&&n.acceptedWebRTC||"physical"===(null===(i=t.currentUser.default_device)||void 0===i?void 0:i.type)&&n.acceptedSocket)&&(n.accepted=!0),r.currentCall.updateCurrentCall(e.__assign({},n))}}}});exports.currentCall=i;
 //# sourceMappingURL=currentCall.js.map