@nethesis/phone-island 1.0.6-dev.4 → 1.0.6-dev.6

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/AlertView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faTimes,\n  faCircleXmark,\n  faCircleCheck,\n  faArrowRotateRight,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../Button'\nimport { t } from 'i18next'\nimport { eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\n/**\n * Shows user alerts\n */\nconst AlertView: FC<AlertViewProp> = ({ uaType }) => {\n  const { data } = useSelector((state: RootState) => state.alerts)\n  const { default_device } = useSelector((state: RootState) => state.currentUser)\n  const dispatch = useDispatch<Dispatch>()\n\n  // Extract active alerts\n  const activeAlerts = Object.values(data).filter((alert: any) => alert.active)\n\n  // Display the latest active alert\n  const latestAlert = activeAlerts.length > 0 ? activeAlerts[activeAlerts.length - 1] : null\n\n  const handleClearAllAlerts = () => {\n    dispatch.alerts.removeAllAlerts()\n    eventDispatch('phone-island-all-alerts-removed', {})\n  }\n\n  const reloadPhoneIsland = () => {\n    window.location.reload()\n  }\n\n  const handleReloadComponent = () => {\n    eventDispatch('phone-island-reload-component', { force: true })\n  }\n\n  return (\n    latestAlert && (\n      <div className='pi-relative pi-rounded-md pi-w-full pi-flex'>\n        <div className='pi-flex pi-items-center'>\n          <div\n            className={`pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-mr-4 pi-rounded-full pi-h-10 pi-w-10 ${\n              latestAlert?.type === 'call_transfered'\n                ? 'pi-bg-green-200 dark:pi-bg-green-900'\n                : 'pi-bg-rose-200 dark:pi-bg-rose-900'\n            }`}\n          >\n            {/* Icon */}\n            <FontAwesomeIcon\n              icon={latestAlert?.type === 'call_transfered' ? faCircleCheck : faCircleXmark}\n              className={`pi-h-5 pi-w-10 ${\n                latestAlert?.type === 'call_transfered'\n                  ? 'pi-text-green-700 dark:pi-text-green-200'\n                  : 'pi-text-rose-700 dark:pi-text-rose-200'\n              }`}\n              aria-hidden='true'\n            />\n          </div>\n\n          <div className='ml-3'>\n            <h3 className='pi-text-lg pi-font-medium pi-text-gray-900 dark:pi-text-gray-50 pi-dark:text-rose-100 margin-block-property'>\n              {t(`Errors.${latestAlert?.type}`)}\n            </h3>\n            <div className='pi-text-sm pi-font-normal pi-text-gray-700 dark:pi-text-gray-200 pi-dark:text-rose-200 pi-leading-5'>\n              {t(`Errors.${latestAlert?.message}`)}\n            </div>\n          </div>\n        </div>\n\n        {/* Close button */}\n        <Button\n          variant='transparent'\n          onClick={() => {\n            if (default_device?.type === 'nethlink' && uaType === 'mobile' && latestAlert?.type !== 'call_transfered') {\n              reloadPhoneIsland()\n            } else if (default_device?.type === 'webrtc' && latestAlert?.type !== 'call_transfered') {\n              handleReloadComponent()\n            } else {\n              handleClearAllAlerts()\n            }\n          }}\n          className='pi-absolute pi--right-6 pi-transform pi--translate-y-1/2'\n          data-tooltip-id='tooltip-close-alert'\n          data-tooltip-content={\n            (default_device?.type === 'nethlink' && uaType === 'mobile' && latestAlert?.type !== 'call_transfered') ||\n            (default_device?.type === 'webrtc' && latestAlert?.type !== 'call_transfered')\n              ? `${t('Tooltip.Reload')}`\n              : `${t('Tooltip.Close alert')}`\n          }\n        >\n          <FontAwesomeIcon\n            icon={\n              (default_device?.type === 'nethlink' && latestAlert?.type !== 'call_transfered') ||\n              (default_device?.type === 'webrtc' && latestAlert?.type !== 'call_transfered')\n                ? faArrowRotateRight\n                : faTimes\n            }\n            className='pi-text-gray-700 dark:pi-text-gray-50 pi-w-4 pi-h-4'\n          />\n        </Button>\n        <CustomThemedTooltip id='tooltip-close-alert' place='left' />\n      </div>\n    )\n  )\n}\n\ninterface AlertViewProp {\n  uaType?: string\n}\n\nexport default AlertView\n"],"names":["_a","uaType","data","useSelector","state","alerts","default_device","currentUser","dispatch","useDispatch","activeAlerts","Object","values","filter","alert","active","latestAlert","length","React","createElement","className","concat","type","FontAwesomeIcon","icon","faCircleCheck","faCircleXmark","t","message","Button","variant","onClick","window","location","reload","eventDispatch","force","removeAllAlerts","faArrowRotateRight","faTimes","CustomThemedTooltip","id","place"],"mappings":"uyBAqBqC,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OACpCC,EAASC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,eACjDC,EAAmBH,eAAY,SAACC,GAAqB,OAAAA,EAAMG,8BAC7DC,EAAWC,EAAAA,cAGXC,EAAeC,OAAOC,OAAOV,GAAMW,QAAO,SAACC,GAAe,OAAAA,EAAMC,MAAM,IAGtEC,EAAcN,EAAaO,OAAS,EAAIP,EAAaA,EAAaO,OAAS,GAAK,KAetF,OACED,GACEE,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,+CACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,2BACbF,EAAA,QAAAC,cAAA,MAAA,CACEC,UAAW,sGACTC,OAAsB,qBAAtBL,aAAW,EAAXA,EAAaM,MACT,uCACA,uCAINJ,EAAAA,QAAAC,cAACI,EAAAA,gBAAe,CACdC,KAA4B,qBAAtBR,aAAW,EAAXA,EAAaM,MAA6BG,EAAaA,cAAGC,EAAaA,cAC7EN,UAAW,kBACTC,OAAsB,qBAAtBL,aAAA,EAAAA,EAAaM,MACT,2CACA,0CAEM,cAAA,UAIhBJ,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,QACbF,EAAA,QAAAC,cAAA,KAAA,CAAIC,UAAU,+GACXO,EAACA,EAAC,UAAUN,OAAAL,eAAAA,EAAaM,QAE5BJ,UAAAC,cAAA,MAAA,CAAKC,UAAU,uGACZO,EAAAA,EAAE,iBAAUX,aAAW,EAAXA,EAAaY,aAMhCV,EAAA,QAAAC,cAACU,EAAMA,OACL,CAAAC,QAAQ,cACRC,QAAS,WACsB,cAAzBzB,aAAc,EAAdA,EAAgBgB,OAAkC,WAAXrB,GAA6C,qBAAtBe,aAAA,EAAAA,EAAaM,MA5CvFU,OAAOC,SAASC,SA8C4B,YAAzB5B,eAAAA,EAAgBgB,OAA2C,qBAAtBN,aAAW,EAAXA,EAAaM,MA1CrEa,EAAAA,cAAc,gCAAiC,CAAEC,OAAO,KATxD5B,EAASH,OAAOgC,kBAChBF,gBAAc,kCAAmC,CAAA,GAuD1C,EACDf,UAAU,6EACM,sBAAqB,uBAET,cAAzBd,aAAc,EAAdA,EAAgBgB,OAAkC,WAAXrB,GAA6C,qBAAtBe,eAAAA,EAAaM,OAClD,YAAzBhB,eAAAA,EAAgBgB,OAA2C,qBAAtBN,aAAW,EAAXA,EAAaM,MAC/C,GAAGD,OAAAM,IAAE,mBACL,GAAGN,OAAAM,IAAE,yBAGXT,EAAAA,QAACC,cAAAI,kBACC,CAAAC,KAC4B,cAAzBlB,aAAA,EAAAA,EAAgBgB,OAA6C,qBAAtBN,aAAA,EAAAA,EAAaM,OAC3B,YAAzBhB,eAAAA,EAAgBgB,OAA2C,qBAAtBN,aAAW,EAAXA,EAAaM,MAC/CgB,EAAkBA,mBAClBC,UAENnB,UAAU,yDAGdF,UAAAC,cAACqB,EAAmBA,oBAAA,CAACC,GAAG,sBAAsBC,MAAM,SAI5D"}
+{"version":3,"file":"index.js","sources":["../../../src/components/AlertView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n  faTimes,\n  faCircleXmark,\n  faCircleCheck,\n  faArrowRotateRight,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../Button'\nimport { t } from 'i18next'\nimport { eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\n/**\n * Shows user alerts\n */\nconst AlertView: FC<AlertViewProp> = ({ uaType }) => {\n  const { data } = useSelector((state: RootState) => state.alerts)\n  const { default_device } = useSelector((state: RootState) => state.currentUser)\n  const dispatch = useDispatch<Dispatch>()\n\n  // Extract active alerts\n  const activeAlerts = Object.values(data).filter((alert: any) => alert.active)\n\n  // Display the latest active alert\n  const latestAlert = activeAlerts.length > 0 ? activeAlerts[activeAlerts.length - 1] : null\n\n  const handleClearAllAlerts = () => {\n    dispatch.alerts.removeAllAlerts()\n    eventDispatch('phone-island-all-alerts-removed', {})\n  }\n\n  const reloadPhoneIsland = () => {\n    window.location.reload()\n  }\n\n  const handleReloadComponent = () => {\n    eventDispatch('phone-island-reload-component', { force: true })\n  }\n\n  return (\n    latestAlert && (\n      <div className='pi-relative pi-rounded-md pi-w-full pi-flex'>\n        <div className='pi-flex pi-items-center'>\n          <div\n            className={`pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-mr-4 pi-rounded-full pi-h-10 pi-w-10 ${\n              latestAlert?.type === 'call_transfered'\n                ? 'pi-bg-green-200 dark:pi-bg-green-900'\n                : 'pi-bg-rose-200 dark:pi-bg-rose-900'\n            }`}\n          >\n            {/* Icon */}\n            <FontAwesomeIcon\n              icon={latestAlert?.type === 'call_transfered' ? faCircleCheck : faCircleXmark}\n              className={`pi-h-5 pi-w-10 ${\n                latestAlert?.type === 'call_transfered'\n                  ? 'pi-text-green-700 dark:pi-text-green-200'\n                  : 'pi-text-rose-700 dark:pi-text-rose-200'\n              }`}\n              aria-hidden='true'\n            />\n          </div>\n\n          <div className='ml-3'>\n            <h3 className='pi-text-lg pi-font-medium pi-text-gray-900 dark:pi-text-gray-50 pi-dark:text-rose-100 margin-block-property'>\n              {t(`Errors.${latestAlert?.type}`)}\n            </h3>\n            <div className='pi-text-sm pi-font-normal pi-text-gray-700 dark:pi-text-gray-200 pi-dark:text-rose-200 pi-leading-5'>\n              {t(`Errors.${latestAlert?.message}`)}\n            </div>\n          </div>\n        </div>\n\n        {/* Close button */}\n        <Button\n          variant='transparent'\n          onClick={() => {\n            if (default_device?.type === 'nethlink' && uaType === 'mobile' && latestAlert?.type !== 'call_transfered') {\n              reloadPhoneIsland()\n            } else if (default_device?.type === 'webrtc' && latestAlert?.type !== 'call_transfered') {\n              handleReloadComponent()\n            } else {\n              handleClearAllAlerts()\n            }\n          }}\n          className='pi-absolute pi--right-6 pi-transform pi--translate-y-1/2'\n          data-tooltip-id='tooltip-close-alert'\n          data-tooltip-content={\n            (default_device?.type === 'nethlink' && uaType === 'mobile' && latestAlert?.type !== 'call_transfered') ||\n            (default_device?.type === 'webrtc' && latestAlert?.type !== 'call_transfered')\n              ? `${t('Tooltip.Reload')}`\n              : `${t('Tooltip.Close alert')}`\n          }\n        >\n          <FontAwesomeIcon\n            icon={\n              (default_device?.type === 'nethlink' && latestAlert?.type !== 'call_transfered') ||\n              (default_device?.type === 'webrtc' && latestAlert?.type !== 'call_transfered')\n                ? faArrowRotateRight\n                : faTimes\n            }\n            className='pi-text-gray-700 dark:pi-text-gray-50 pi-w-4 pi-h-4'\n          />\n        </Button>\n        <CustomThemedTooltip id='tooltip-close-alert' place='left' />\n      </div>\n    )\n  )\n}\n\ninterface AlertViewProp {\n  uaType?: string\n}\n\nexport default AlertView\n"],"names":["_a","uaType","data","useSelector","state","alerts","default_device","currentUser","dispatch","useDispatch","activeAlerts","Object","values","filter","alert","active","latestAlert","length","React","createElement","className","concat","type","FontAwesomeIcon","icon","faCircleCheck","faCircleXmark","t","message","Button","variant","onClick","window","location","reload","eventDispatch","force","removeAllAlerts","faArrowRotateRight","faTimes","CustomThemedTooltip","id","place"],"mappings":"wfAqBqC,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OACpCC,EAASC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,eACjDC,EAAmBH,eAAY,SAACC,GAAqB,OAAAA,EAAMG,8BAC7DC,EAAWC,EAAAA,cAGXC,EAAeC,OAAOC,OAAOV,GAAMW,QAAO,SAACC,GAAe,OAAAA,EAAMC,MAAM,IAGtEC,EAAcN,EAAaO,OAAS,EAAIP,EAAaA,EAAaO,OAAS,GAAK,KAetF,OACED,GACEE,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,+CACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,2BACbF,EAAA,QAAAC,cAAA,MAAA,CACEC,UAAW,sGACTC,OAAsB,qBAAtBL,aAAW,EAAXA,EAAaM,MACT,uCACA,uCAINJ,EAAAA,QAAAC,cAACI,EAAAA,gBAAe,CACdC,KAA4B,qBAAtBR,aAAW,EAAXA,EAAaM,MAA6BG,EAAaA,cAAGC,EAAaA,cAC7EN,UAAW,kBACTC,OAAsB,qBAAtBL,aAAA,EAAAA,EAAaM,MACT,2CACA,0CAEM,cAAA,UAIhBJ,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,QACbF,EAAA,QAAAC,cAAA,KAAA,CAAIC,UAAU,+GACXO,EAACA,EAAC,UAAUN,OAAAL,eAAAA,EAAaM,QAE5BJ,UAAAC,cAAA,MAAA,CAAKC,UAAU,uGACZO,EAAAA,EAAE,iBAAUX,aAAW,EAAXA,EAAaY,aAMhCV,EAAA,QAAAC,cAACU,EAAMA,OACL,CAAAC,QAAQ,cACRC,QAAS,WACsB,cAAzBzB,aAAc,EAAdA,EAAgBgB,OAAkC,WAAXrB,GAA6C,qBAAtBe,aAAA,EAAAA,EAAaM,MA5CvFU,OAAOC,SAASC,SA8C4B,YAAzB5B,eAAAA,EAAgBgB,OAA2C,qBAAtBN,aAAW,EAAXA,EAAaM,MA1CrEa,EAAAA,cAAc,gCAAiC,CAAEC,OAAO,KATxD5B,EAASH,OAAOgC,kBAChBF,gBAAc,kCAAmC,CAAA,GAuD1C,EACDf,UAAU,6EACM,sBAAqB,uBAET,cAAzBd,aAAc,EAAdA,EAAgBgB,OAAkC,WAAXrB,GAA6C,qBAAtBe,eAAAA,EAAaM,OAClD,YAAzBhB,eAAAA,EAAgBgB,OAA2C,qBAAtBN,aAAW,EAAXA,EAAaM,MAC/C,GAAGD,OAAAM,IAAE,mBACL,GAAGN,OAAAM,IAAE,yBAGXT,EAAAA,QAACC,cAAAI,kBACC,CAAAC,KAC4B,cAAzBlB,aAAA,EAAAA,EAAgBgB,OAA6C,qBAAtBN,aAAA,EAAAA,EAAaM,OAC3B,YAAzBhB,eAAAA,EAAgBgB,OAA2C,qBAAtBN,aAAW,EAAXA,EAAaM,MAC/CgB,EAAkBA,mBAClBC,UAENnB,UAAU,yDAGdF,UAAAC,cAACqB,EAAmBA,oBAAA,CAACC,GAAG,sBAAsBC,MAAM,SAI5D"}

package/dist/components/AudioBars.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var r=require("../store/index.js"),t=require("../node_modules/react-redux/es/hooks/useDispatch.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e),i={large:{0:4,1:3,2:2,3:1,4:1,5:2,6:3,7:4},small:{0:2,1:1,2:1,3:2}};exports.AudioBars=function(n){var a=n.audioStream,c=void 0===a?null:a,o=n.audioElement,s=void 0===o?null:o,l=n.paused,d=void 0!==l&&l,m=n.size,f=void 0===m?"large":m,p=e.useRef(null),v=e.useRef(null),y=e.useRef(null),h=e.useRef(null),A=e.useRef(null),E=i[f],B=t.useDispatch(),x=e.useCallback((function(){var e;if(h.current&&(null===(e=p.current)||void 0===e?void 0:e.children))try{var r=new Uint8Array(h.current.frequencyBinCount);h.current.getByteFrequencyData(r);for(var t=p.current.children,n=Object.keys(E).length,u=0;u<n;++u){var i=r[E[u]]/255,a=t[u];a&&(a.style.height=i>0?"".concat(100*i,"%"):"0%")}d||(v.current=requestAnimationFrame(x))}catch(e){console.error("AudioBars animation error:",e)}}),[E,d]);return e.useEffect((function(){var e=function(){v.current&&(cancelAnimationFrame(v.current),v.current=null)},t=function(){if(A.current)try{A.current.disconnect()}catch(e){}};if(c&&!c.active)return console.warn("AudioBars: audio stream is not active"),e;try{var n=r.store.getState().audioBars,u=n.audioElementContext,i=n.audioElementAnalyser,a=n.audioElementSource,o=n.isReady;s&&o?(y.current=u,h.current=i,A.current=a):(y.current=new AudioContext,h.current=y.current.createAnalyser(),h.current.smoothingTimeConstant=.8,h.current.fftSize=32,c?A.current=y.current.createMediaStreamSource(c):s&&(A.current=y.current.createMediaElementSource(s),B.audioBars.setAudioElementContext(y.current),B.audioBars.setAudioElementAnalyser(h.current),B.audioBars.setAudioElementSource(A.current),B.audioBars.setIsReady(!0))),h.current&&A.current&&(t(),A.current.connect(h.current),s&&h.current.connect(y.current.destination),d||(e(),v.current=requestAnimationFrame(x)))}catch(r){console.error("AudioBars initialization error:",r),e()}return function(){e(),t()}}),[c,s,x,B.audioBars,d]),e.useEffect((function(){h.current&&(v.current&&(cancelAnimationFrame(v.current),v.current=null),d||(v.current=requestAnimationFrame(x)))}),[f,d,x]),u.default.createElement("div",{className:"".concat("small"===f?"pi-h-6 pi-w-6":"pi-h-12 pi-w-12"," pi-flex pi-justify-center pi-items-center")},u.default.createElement("div",{className:"".concat("small"===f?"pi-h-6":"pi-h-8"," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden"),ref:p},(c||s)&&Object.keys(E).map((function(e){return u.default.createElement("span",{key:e,className:"pi-bg-emerald-700 dark:pi-bg-emerald-600 pi-w-0.5 pi-rounded-sm"})}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-redux"),t=require("../store/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e),i={large:{0:4,1:3,2:2,3:1,4:1,5:2,6:3,7:4},small:{0:2,1:1,2:1,3:2}};exports.AudioBars=function(n){var a=n.audioStream,c=void 0===a?null:a,o=n.audioElement,l=void 0===o?null:o,s=n.paused,d=void 0!==s&&s,f=n.size,m=void 0===f?"large":f,p=e.useRef(null),v=e.useRef(null),y=e.useRef(null),A=e.useRef(null),h=e.useRef(null),E=i[m],B=r.useDispatch(),g=e.useCallback((function(){var e;if(A.current&&(null===(e=p.current)||void 0===e?void 0:e.children))try{var r=new Uint8Array(A.current.frequencyBinCount);A.current.getByteFrequencyData(r);for(var t=p.current.children,n=Object.keys(E).length,u=0;u<n;++u){var i=r[E[u]]/255,a=t[u];a&&(a.style.height=i>0?"".concat(100*i,"%"):"0%")}d||(v.current=requestAnimationFrame(g))}catch(e){console.error("AudioBars animation error:",e)}}),[E,d]);return e.useEffect((function(){var e=function(){v.current&&(cancelAnimationFrame(v.current),v.current=null)},r=function(){if(h.current)try{h.current.disconnect()}catch(e){}};if(c&&!c.active)return console.warn("AudioBars: audio stream is not active"),e;try{var n=t.store.getState().audioBars,u=n.audioElementContext,i=n.audioElementAnalyser,a=n.audioElementSource,o=n.isReady;l&&o?(y.current=u,A.current=i,h.current=a):(y.current=new AudioContext,A.current=y.current.createAnalyser(),A.current.smoothingTimeConstant=.8,A.current.fftSize=32,c?h.current=y.current.createMediaStreamSource(c):l&&(h.current=y.current.createMediaElementSource(l),B.audioBars.setAudioElementContext(y.current),B.audioBars.setAudioElementAnalyser(A.current),B.audioBars.setAudioElementSource(h.current),B.audioBars.setIsReady(!0))),A.current&&h.current&&(r(),h.current.connect(A.current),l&&A.current.connect(y.current.destination),d||(e(),v.current=requestAnimationFrame(g)))}catch(r){console.error("AudioBars initialization error:",r),e()}return function(){e(),r()}}),[c,l,g,B.audioBars,d]),e.useEffect((function(){A.current&&(v.current&&(cancelAnimationFrame(v.current),v.current=null),d||(v.current=requestAnimationFrame(g)))}),[m,d,g]),u.default.createElement("div",{className:"".concat("small"===m?"pi-h-6 pi-w-6":"pi-h-12 pi-w-12"," pi-flex pi-justify-center pi-items-center")},u.default.createElement("div",{className:"".concat("small"===m?"pi-h-6":"pi-h-8"," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden"),ref:p},(c||l)&&Object.keys(E).map((function(e){return u.default.createElement("span",{key:e,className:"pi-bg-emerald-700 dark:pi-bg-emerald-600 pi-w-0.5 pi-rounded-sm"})}))))};
 //# sourceMappingURL=AudioBars.js.map

package/dist/components/AudioBars.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioBars.js","sources":["../../src/components/AudioBars.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef, useCallback } from 'react'\nimport { ContextSourceType } from '../models/audioBars'\nimport { useDispatch } from 'react-redux'\nimport { store } from '../store'\nimport { Dispatch } from '../store'\n\n// The map for the large versione of the audio bars\nconst BARS_CONFIG = {\n  large: {\n    0: 4,\n    1: 3,\n    2: 2,\n    3: 1,\n    4: 1,\n    5: 2,\n    6: 3,\n    7: 4,\n  },\n  // The map for the small versione of the audio bars\n\n  small: {\n    0: 2,\n    1: 1,\n    2: 1,\n    3: 2,\n  },\n}\n\ninterface AudioBarsProps {\n  audioStream?: MediaStream | null\n  audioElement?: HTMLAudioElement | null\n  size?: 'large' | 'small'\n  paused?: boolean\n}\n\ninterface BarsMapType {\n  [key: number]: number\n}\n\n/**\n * This component shows a dynamic audio spectrum given an audio stream\n *\n * @param audioStream An audio stream to analyse\n * @param audioElement An audio element to analyse\n */\nexport const AudioBars: FC<AudioBarsProps> = ({\n  audioStream = null,\n  audioElement = null,\n  paused = false,\n  size = 'large',\n}) => {\n  // Initialize the main elements\n  const containerElement = useRef<HTMLDivElement | null>(null)\n  const animationRequest = useRef<number | null>(null)\n  const context = useRef<AudioContext | null>(null)\n  const analyser = useRef<AnalyserNode | null>(null)\n  const source = useRef<ContextSourceType>(null)\n\n  const barsMap: BarsMapType = BARS_CONFIG[size]\n  const dispatch = useDispatch<Dispatch>()\n\n  // The function that renders the frames of animation\n  const animate = useCallback(() => {\n    if (!analyser.current || !containerElement.current?.children) {\n      return\n    }\n\n    try {\n      const frequencyData = new Uint8Array(analyser.current.frequencyBinCount)\n      analyser.current.getByteFrequencyData(frequencyData)\n      // Update the height of each bar based on frequency data\n      const bars = containerElement.current.children\n      const barCount = Object.keys(barsMap).length\n\n      for (let i = 0; i < barCount; ++i) {\n        const value = frequencyData[barsMap[i]] / 255\n        const bar = bars[i] as HTMLElement\n\n        if (bar) {\n          bar.style.height = value > 0 ? `${100 * value}%` : '0%'\n        }\n      }\n\n      // Continue animation if not paused\n      if (!paused) {\n        animationRequest.current = requestAnimationFrame(animate)\n      }\n    } catch (err) {\n      console.error('AudioBars animation error:', err)\n    }\n  }, [barsMap, paused])\n\n  // Handles audio configuration and animation\n  useEffect(() => {\n    // Clean up any previous animations\n    const cleanupAnimation = () => {\n      if (animationRequest.current) {\n        cancelAnimationFrame(animationRequest.current)\n        animationRequest.current = null\n      }\n    }\n\n    // Disconnect audio source if it exists\n    const disconnectSource = () => {\n      if (source.current) {\n        try {\n          source.current.disconnect()\n        } catch (e) {\n          // Ignore disconnection errors\n        }\n      }\n    }\n\n    // Check if audio stream is active\n    if (audioStream && !audioStream.active) {\n      console.warn('AudioBars: audio stream is not active')\n      return cleanupAnimation\n    }\n\n    try {\n      const { audioElementContext, audioElementAnalyser, audioElementSource, isReady } =\n        store.getState().audioBars\n\n      // Initialize audio context and analyser once\n      if (audioElement && isReady) {\n        // The source is an audio element\n        context.current = audioElementContext\n        analyser.current = audioElementAnalyser\n        source.current = audioElementSource\n      } else {\n        // The source is an audio stream or isn't ready\n        context.current = new AudioContext()\n        analyser.current = context.current.createAnalyser()\n        analyser.current.smoothingTimeConstant = 0.8\n        analyser.current.fftSize = 32\n\n        // Create the media source stream\n        if (audioStream) {\n          source.current = context.current.createMediaStreamSource(audioStream)\n        } else if (audioElement) {\n          source.current = context.current.createMediaElementSource(audioElement)\n\n          // Save audio elements to the store\n          dispatch.audioBars.setAudioElementContext(context.current)\n          dispatch.audioBars.setAudioElementAnalyser(analyser.current)\n          dispatch.audioBars.setAudioElementSource(source.current)\n          dispatch.audioBars.setIsReady(true)\n        }\n      }\n\n      // Connect the audio source to the analyser\n      if (analyser.current && source.current) {\n        // Disconnect any existing connections\n        disconnectSource()\n\n        // Connect source -> analyser (-> destination if it's an audio element)\n        source.current.connect(analyser.current)\n        if (audioElement) {\n          analyser.current.connect(context.current!.destination)\n        }\n\n        // Start animation if not paused\n        if (!paused) {\n          cleanupAnimation()\n          animationRequest.current = requestAnimationFrame(animate)\n        }\n      }\n    } catch (err) {\n      console.error('AudioBars initialization error:', err)\n      cleanupAnimation()\n    }\n\n    // Cleanup when component is unmounted\n    return () => {\n      cleanupAnimation()\n      disconnectSource()\n    }\n  }, [audioStream, audioElement, animate, dispatch.audioBars, paused])\n\n  // Handle paused state or size changes\n  useEffect(() => {\n    if (analyser.current) {\n      // Stop current animation\n      if (animationRequest.current) {\n        cancelAnimationFrame(animationRequest.current)\n        animationRequest.current = null\n      }\n\n      // Restart if not paused\n      if (!paused) {\n        animationRequest.current = requestAnimationFrame(animate)\n      }\n    }\n  }, [size, paused, animate])\n\n  return (\n    <div\n      className={`${\n        size === 'small' ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n      } pi-flex pi-justify-center pi-items-center`}\n    >\n      {/* The bars container  */}\n      <div\n        className={`${\n          size === 'small' ? 'pi-h-6' : 'pi-h-8'\n        } pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n        ref={containerElement}\n      >\n        {/* Every single bar */}\n        {(audioStream || audioElement) &&\n          Object.keys(barsMap).map((key) => (\n            <span\n              key={key}\n              className='pi-bg-emerald-700 dark:pi-bg-emerald-600 pi-w-0.5 pi-rounded-sm'\n            ></span>\n          ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["BARS_CONFIG","large","small","_a","_b","audioStream","_c","audioElement","_d","paused","_e","size","containerElement","useRef","animationRequest","context","analyser","source","barsMap","dispatch","useDispatch","animate","useCallback","current","children","frequencyData","Uint8Array","frequencyBinCount","getByteFrequencyData","bars","barCount","Object","keys","length","i","value","bar","style","height","concat","requestAnimationFrame","err","console","error","useEffect","cleanupAnimation","cancelAnimationFrame","disconnectSource","disconnect","e","active","warn","store","getState","audioBars","audioElementContext","audioElementAnalyser","audioElementSource","isReady","AudioContext","createAnalyser","smoothingTimeConstant","fftSize","createMediaStreamSource","createMediaElementSource","setAudioElementContext","setAudioElementAnalyser","setAudioElementSource","setIsReady","connect","destination","React","createElement","className","ref","map","key"],"mappings":"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"}
+{"version":3,"file":"AudioBars.js","sources":["../../src/components/AudioBars.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef, useCallback } from 'react'\nimport { ContextSourceType } from '../models/audioBars'\nimport { useDispatch } from 'react-redux'\nimport { store } from '../store'\nimport { Dispatch } from '../store'\n\n// The map for the large versione of the audio bars\nconst BARS_CONFIG = {\n  large: {\n    0: 4,\n    1: 3,\n    2: 2,\n    3: 1,\n    4: 1,\n    5: 2,\n    6: 3,\n    7: 4,\n  },\n  // The map for the small versione of the audio bars\n\n  small: {\n    0: 2,\n    1: 1,\n    2: 1,\n    3: 2,\n  },\n}\n\ninterface AudioBarsProps {\n  audioStream?: MediaStream | null\n  audioElement?: HTMLAudioElement | null\n  size?: 'large' | 'small'\n  paused?: boolean\n}\n\ninterface BarsMapType {\n  [key: number]: number\n}\n\n/**\n * This component shows a dynamic audio spectrum given an audio stream\n *\n * @param audioStream An audio stream to analyse\n * @param audioElement An audio element to analyse\n */\nexport const AudioBars: FC<AudioBarsProps> = ({\n  audioStream = null,\n  audioElement = null,\n  paused = false,\n  size = 'large',\n}) => {\n  // Initialize the main elements\n  const containerElement = useRef<HTMLDivElement | null>(null)\n  const animationRequest = useRef<number | null>(null)\n  const context = useRef<AudioContext | null>(null)\n  const analyser = useRef<AnalyserNode | null>(null)\n  const source = useRef<ContextSourceType>(null)\n\n  const barsMap: BarsMapType = BARS_CONFIG[size]\n  const dispatch = useDispatch<Dispatch>()\n\n  // The function that renders the frames of animation\n  const animate = useCallback(() => {\n    if (!analyser.current || !containerElement.current?.children) {\n      return\n    }\n\n    try {\n      const frequencyData = new Uint8Array(analyser.current.frequencyBinCount)\n      analyser.current.getByteFrequencyData(frequencyData)\n      // Update the height of each bar based on frequency data\n      const bars = containerElement.current.children\n      const barCount = Object.keys(barsMap).length\n\n      for (let i = 0; i < barCount; ++i) {\n        const value = frequencyData[barsMap[i]] / 255\n        const bar = bars[i] as HTMLElement\n\n        if (bar) {\n          bar.style.height = value > 0 ? `${100 * value}%` : '0%'\n        }\n      }\n\n      // Continue animation if not paused\n      if (!paused) {\n        animationRequest.current = requestAnimationFrame(animate)\n      }\n    } catch (err) {\n      console.error('AudioBars animation error:', err)\n    }\n  }, [barsMap, paused])\n\n  // Handles audio configuration and animation\n  useEffect(() => {\n    // Clean up any previous animations\n    const cleanupAnimation = () => {\n      if (animationRequest.current) {\n        cancelAnimationFrame(animationRequest.current)\n        animationRequest.current = null\n      }\n    }\n\n    // Disconnect audio source if it exists\n    const disconnectSource = () => {\n      if (source.current) {\n        try {\n          source.current.disconnect()\n        } catch (e) {\n          // Ignore disconnection errors\n        }\n      }\n    }\n\n    // Check if audio stream is active\n    if (audioStream && !audioStream.active) {\n      console.warn('AudioBars: audio stream is not active')\n      return cleanupAnimation\n    }\n\n    try {\n      const { audioElementContext, audioElementAnalyser, audioElementSource, isReady } =\n        store.getState().audioBars\n\n      // Initialize audio context and analyser once\n      if (audioElement && isReady) {\n        // The source is an audio element\n        context.current = audioElementContext\n        analyser.current = audioElementAnalyser\n        source.current = audioElementSource\n      } else {\n        // The source is an audio stream or isn't ready\n        context.current = new AudioContext()\n        analyser.current = context.current.createAnalyser()\n        analyser.current.smoothingTimeConstant = 0.8\n        analyser.current.fftSize = 32\n\n        // Create the media source stream\n        if (audioStream) {\n          source.current = context.current.createMediaStreamSource(audioStream)\n        } else if (audioElement) {\n          source.current = context.current.createMediaElementSource(audioElement)\n\n          // Save audio elements to the store\n          dispatch.audioBars.setAudioElementContext(context.current)\n          dispatch.audioBars.setAudioElementAnalyser(analyser.current)\n          dispatch.audioBars.setAudioElementSource(source.current)\n          dispatch.audioBars.setIsReady(true)\n        }\n      }\n\n      // Connect the audio source to the analyser\n      if (analyser.current && source.current) {\n        // Disconnect any existing connections\n        disconnectSource()\n\n        // Connect source -> analyser (-> destination if it's an audio element)\n        source.current.connect(analyser.current)\n        if (audioElement) {\n          analyser.current.connect(context.current!.destination)\n        }\n\n        // Start animation if not paused\n        if (!paused) {\n          cleanupAnimation()\n          animationRequest.current = requestAnimationFrame(animate)\n        }\n      }\n    } catch (err) {\n      console.error('AudioBars initialization error:', err)\n      cleanupAnimation()\n    }\n\n    // Cleanup when component is unmounted\n    return () => {\n      cleanupAnimation()\n      disconnectSource()\n    }\n  }, [audioStream, audioElement, animate, dispatch.audioBars, paused])\n\n  // Handle paused state or size changes\n  useEffect(() => {\n    if (analyser.current) {\n      // Stop current animation\n      if (animationRequest.current) {\n        cancelAnimationFrame(animationRequest.current)\n        animationRequest.current = null\n      }\n\n      // Restart if not paused\n      if (!paused) {\n        animationRequest.current = requestAnimationFrame(animate)\n      }\n    }\n  }, [size, paused, animate])\n\n  return (\n    <div\n      className={`${\n        size === 'small' ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n      } pi-flex pi-justify-center pi-items-center`}\n    >\n      {/* The bars container  */}\n      <div\n        className={`${\n          size === 'small' ? 'pi-h-6' : 'pi-h-8'\n        } pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n        ref={containerElement}\n      >\n        {/* Every single bar */}\n        {(audioStream || audioElement) &&\n          Object.keys(barsMap).map((key) => (\n            <span\n              key={key}\n              className='pi-bg-emerald-700 dark:pi-bg-emerald-600 pi-w-0.5 pi-rounded-sm'\n            ></span>\n          ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["BARS_CONFIG","large","small","_a","_b","audioStream","_c","audioElement","_d","paused","_e","size","containerElement","useRef","animationRequest","context","analyser","source","barsMap","dispatch","useDispatch","animate","useCallback","current","children","frequencyData","Uint8Array","frequencyBinCount","getByteFrequencyData","bars","barCount","Object","keys","length","i","value","bar","style","height","concat","requestAnimationFrame","err","console","error","useEffect","cleanupAnimation","cancelAnimationFrame","disconnectSource","disconnect","e","active","warn","store","getState","audioBars","audioElementContext","audioElementAnalyser","audioElementSource","isReady","AudioContext","createAnalyser","smoothingTimeConstant","fftSize","createMediaStreamSource","createMediaElementSource","setAudioElementContext","setAudioElementAnalyser","setAudioElementSource","setIsReady","connect","destination","React","createElement","className","ref","map","key"],"mappings":"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"}

package/dist/components/AudioPlayerView/Avatar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/AudioPlayerView/Avatar.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo } from 'react'\nimport { type TypeTypes } from '../../types'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBullhorn, faVoicemail, faMusic, faBell, type IconDefinition } from '@fortawesome/free-solid-svg-icons'\nimport { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst animationVariants = {\n  open: { width: '56px', height: '56px', borderRadius: '26px' },\n  closed: { width: '24px', height: '24px', borderRadius: '26px' }\n}\n\nexport const Avatar: FC<AvatarProps> = ({ type }) => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  const icon: IconDefinition = useMemo(() => {\n    switch(type) {\n      case 'announcement': return faBullhorn\n      case 'call_recording': return faVoicemail\n      case 'ringtone_preview': return faBell\n      default: return faMusic\n    }\n  }, [type])\n\n  return (\n    <motion.div\n      animate={isOpen ? 'open' : 'closed'}\n      variants={animationVariants}\n      className='pi-w-12 pi-h-12 pi-bg-secondaryNeutral dark:pi-bg-secondaryNeutralDark pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0'\n    >\n      <FontAwesomeIcon\n        size={isOpen ? '2xl' : 'lg'}\n        icon={icon}\n        className='pi-text-gray-50 dark:pi-text-gray-50'\n      />\n    </motion.div>\n  )\n}\n\nexport interface AvatarProps {\n  type?: TypeTypes | null\n}\n"],"names":["animationVariants","open","width","height","borderRadius","closed","_a","type","isOpen","useSelector","state","island","icon","useMemo","faBullhorn","faVoicemail","faBell","faMusic","React","createElement","motion","div","animate","variants","className","FontAwesomeIcon","size"],"mappings":"kiBAWMA,EAAoB,CACxBC,KAAM,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,aAAc,QACrDC,OAAQ,CAAEH,MAAO,OAAQC,OAAQ,OAAQC,aAAc,wBAGlB,SAACE,GAAE,IAAAC,EAAID,EAAAC,KACpCC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAErDC,EAAuBC,EAAAA,SAAQ,WACnC,OAAON,GACL,IAAK,eAAgB,OAAOO,aAC5B,IAAK,iBAAkB,OAAOC,cAC9B,IAAK,mBAAoB,OAAOC,SAChC,QAAS,OAAOC,EAAAA,QAEpB,GAAG,CAACV,IAEJ,OACEW,EAAC,QAAAC,cAAAC,SAAOC,KACNC,QAASd,EAAS,OAAS,SAC3Be,SAAUvB,EACVwB,UAAU,kKAEVN,EAAAA,QAACC,cAAAM,EAAAA,gBACC,CAAAC,KAAMlB,EAAS,MAAQ,KACvBI,KAAMA,EACNY,UAAU,yCAIlB"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/AudioPlayerView/Avatar.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo } from 'react'\nimport { type TypeTypes } from '../../types'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBullhorn, faVoicemail, faMusic, faBell, type IconDefinition } from '@fortawesome/free-solid-svg-icons'\nimport { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst animationVariants = {\n  open: { width: '56px', height: '56px', borderRadius: '26px' },\n  closed: { width: '24px', height: '24px', borderRadius: '26px' }\n}\n\nexport const Avatar: FC<AvatarProps> = ({ type }) => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  const icon: IconDefinition = useMemo(() => {\n    switch(type) {\n      case 'announcement': return faBullhorn\n      case 'call_recording': return faVoicemail\n      case 'ringtone_preview': return faBell\n      default: return faMusic\n    }\n  }, [type])\n\n  return (\n    <motion.div\n      animate={isOpen ? 'open' : 'closed'}\n      variants={animationVariants}\n      className='pi-w-12 pi-h-12 pi-bg-secondaryNeutral dark:pi-bg-secondaryNeutralDark pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0'\n    >\n      <FontAwesomeIcon\n        size={isOpen ? '2xl' : 'lg'}\n        icon={icon}\n        className='pi-text-gray-50 dark:pi-text-gray-50'\n      />\n    </motion.div>\n  )\n}\n\nexport interface AvatarProps {\n  type?: TypeTypes | null\n}\n"],"names":["animationVariants","open","width","height","borderRadius","closed","_a","type","isOpen","useSelector","state","island","icon","useMemo","faBullhorn","faVoicemail","faBell","faMusic","React","createElement","motion","div","animate","variants","className","FontAwesomeIcon","size"],"mappings":"6TAWMA,EAAoB,CACxBC,KAAM,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,aAAc,QACrDC,OAAQ,CAAEH,MAAO,OAAQC,OAAQ,OAAQC,aAAc,wBAGlB,SAACE,GAAE,IAAAC,EAAID,EAAAC,KACpCC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAErDC,EAAuBC,EAAAA,SAAQ,WACnC,OAAON,GACL,IAAK,eAAgB,OAAOO,aAC5B,IAAK,iBAAkB,OAAOC,cAC9B,IAAK,mBAAoB,OAAOC,SAChC,QAAS,OAAOC,EAAAA,QAEpB,GAAG,CAACV,IAEJ,OACEW,EAAC,QAAAC,cAAAC,SAAOC,KACNC,QAASd,EAAS,OAAS,SAC3Be,SAAUvB,EACVwB,UAAU,kKAEVN,EAAAA,QAACC,cAAAM,EAAAA,gBACC,CAAAC,KAAMlB,EAAS,MAAQ,KACvBI,KAAMA,EACNY,UAAU,yCAIlB"}

package/dist/components/AudioPlayerView/PlayerFooterActions.js

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

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

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

package/dist/components/AudioPlayerView/Progress.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../src/components/AudioPlayerView/Progress.tsx"],"sourcesContent":["import React, { type FC, useState, useEffect, useRef, useCallback } from 'react'\nimport { useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { formatTime } from '../../utils/genericFunctions/player'\nimport { useDispatch } from 'react-redux'\nimport { StyledCustomRange } from '../../styles/CustomRange.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPlay, faPause, faTrash, faVolumeHigh, faVolumeXmark } from '@fortawesome/free-solid-svg-icons'\nimport { eventDispatch, useEventListener } from '../../utils'\n\nconst StyledCustomRangeInput =\n  StyledCustomRange as unknown as React.ForwardRefExoticComponent<\n    React.ComponentPropsWithoutRef<'input'> & React.RefAttributes<HTMLInputElement>\n  >\n\nexport const Progress: FC<ProgressTypes> = ({ isPlayer }) => {\n  const { audioPlayer, audioPlayerPlaying, audioPlayerTrackDuration } = useSelector(\n    (state: RootState) => state.player,\n  )\n  const progressBarRef = useRef<any>()\n  const progressAnimationRef = useRef<any>()\n  const [timeProgress, setTimeProgress] = useState<string>('00:00')\n  const [displayDuration, setDisplayDuration] = useState<string>()\n  const dispatch = useDispatch<Dispatch>()\n  const [trackDuration, setTrackDuration] = useState<number>(\n    (audioPlayerTrackDuration && Math.round(audioPlayerTrackDuration)) || 0,\n  )\n  const { recorded, playing } = useSelector((state: RootState) => state.recorder)\n  const [isMuted, setIsMuted] = useState<boolean>(false)\n\n  const progressAnimation = useCallback(() => {\n    const currentTime = audioPlayer?.current?.currentTime\n    currentTime && setTimeProgress(formatTime(Math.round(currentTime)))\n    progressBarRef.current.value = currentTime\n    trackDuration &&\n      currentTime &&\n      progressBarRef.current.style.setProperty(\n        '--range-progress',\n        `${(currentTime / trackDuration) * 100}%`,\n      )\n    progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n  }, [audioPlayer, trackDuration, progressBarRef])\n\n  useEffect(() => {\n    if (audioPlayerPlaying) {\n      progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n    } else {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [audioPlayerPlaying])\n\n  useEffect(() => {\n    if (audioPlayerTrackDuration) {\n      setTrackDuration(Math.round(audioPlayerTrackDuration))\n      setDisplayDuration(formatTime(audioPlayerTrackDuration))\n    }\n  }, [audioPlayerTrackDuration])\n\n  useEffect(() => {\n    return () => {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [])\n\n  function handleProgressChange() {\n    dispatch.player.setAudioPlayerCurrentTime(progressBarRef.current.value)\n  }\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  function handlePause() {\n    dispatch.player.pauseAudioPlayer()\n    dispatch.recorder.setPlaying(false)\n    dispatch.recorder.setPaused(true)\n    eventDispatch('phone-island-recording-paused', {})\n  }\n  useEventListener('phone-island-recording-pause', (data: {}) => {\n    handlePause()\n  })\n\n  function handlePlay() {\n    dispatch.player.startAudioPlayer(() => {\n      // The callback for the end event of the audio player\n      dispatch.recorder.setPlaying(false)\n      dispatch.recorder.setPaused(true)\n    })\n    dispatch.recorder.setPlaying(true)\n    eventDispatch('phone-island-recording-played', {})\n  }\n  useEventListener('phone-island-recording-play', (data: {}) => {\n    handlePlay()\n  })\n\n  function handleDelete() {\n    dispatch.recorder.resetRecorded()\n    eventDispatch('phone-island-recording-deleted', {})\n  }\n  useEventListener('phone-island-recording-delete', (data: {}) => {\n    handleDelete()\n  })\n\n  function handleToggleMute() {\n    if (audioPlayer?.current) {\n      const newMuteState = !isMuted\n      audioPlayer.current.muted = newMuteState\n      setIsMuted(newMuteState)\n    }\n  }\n\n  return (\n    <div className='pi-w-full pi-h-full pi-flex pi-flex-col pi-items-center pi-justify-between pi-px-2'>\n      {/* Player controls with progress bar */}\n      <div className='pi-w-full pi-flex pi-items-center pi-justify-between pi-gap-2'>\n        {isPlayer ? (\n          <div className='pi-cursor-pointer pi-flex-none' onClick={handleToggleMute}>\n            <FontAwesomeIcon\n              icon={isMuted ? faVolumeXmark : faVolumeHigh}\n              className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n            />\n          </div>\n        ) : (\n          <>\n            {audioPlayerPlaying ? (\n              <div\n                onClick={handlePause}\n                className='pi-cursor-pointer pi-flex-none'\n                data-tooltip-id='tooltip-pause-recorder-view'\n                data-tooltip-content={'Pause'}\n              >\n                <FontAwesomeIcon\n                  icon={faPause}\n                  className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n                />\n              </div>\n            ) : (\n              <div\n                onClick={handlePlay}\n                className='pi-cursor-pointer pi-flex-none'\n                data-tooltip-id='tooltip-play-recorder-view'\n                data-tooltip-content={'Play'}\n              >\n                <FontAwesomeIcon\n                  icon={faPlay}\n                  className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n                />\n              </div>\n            )}\n          </>\n        )}\n\n        <div\n          className='pi-w-full pi-flex-grow pi-mx-2'\n          onClick={stopPropagation}\n          onMouseDown={stopPropagation}\n          onTouchStart={stopPropagation}\n        >\n          <StyledCustomRangeInput\n            data-stop-propagation={true}\n            ref={progressBarRef}\n            defaultValue={0}\n            type='range'\n            step='1'\n            min='0'\n            max={(trackDuration && trackDuration) || 0}\n            onChange={handleProgressChange}\n            className='pi-text-green-600 dark:pi-text-green-500'\n          />\n        </div>\n\n        {!isPlayer && (\n          <div\n            onClick={handleDelete}\n            className='pi-cursor-pointer pi-flex-none'\n            data-tooltip-id='tooltip-delete-recorder-view'\n            data-tooltip-content={'Delete'}\n          >\n            <FontAwesomeIcon\n              icon={faTrash}\n              className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-200'\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Time indicators */}\n      <div className='pi-flex pi-justify-between pi-w-full pi-text-xs pi-mt-2 pi-mb-1'>\n        <div className='pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]'>\n          {timeProgress}\n        </div>\n        <div className='pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]'>\n          {displayDuration}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Progress\nexport interface ProgressTypes {\n  isPlayer?: boolean\n}\n"],"names":["StyledCustomRangeInput","StyledCustomRange","Progress","_a","isPlayer","_b","useSelector","state","player","audioPlayer","audioPlayerPlaying","audioPlayerTrackDuration","progressBarRef","useRef","progressAnimationRef","_c","useState","timeProgress","setTimeProgress","_d","displayDuration","setDisplayDuration","dispatch","useDispatch","_e","Math","round","trackDuration","setTrackDuration","_f","recorder","_g","isMuted","setIsMuted","progressAnimation","useCallback","currentTime","current","formatTime","value","style","setProperty","requestAnimationFrame","stopPropagation","e","handlePause","pauseAudioPlayer","setPlaying","setPaused","eventDispatch","handlePlay","startAudioPlayer","handleDelete","resetRecorded","useEffect","cancelAnimationFrame","useEventListener","data","React","createElement","className","onClick","newMuteState","muted","FontAwesomeIcon","icon","faVolumeXmark","faVolumeHigh","Fragment","faPause","faPlay","onMouseDown","onTouchStart","ref","defaultValue","type","step","min","max","onChange","setAudioPlayerCurrentTime","faTrash"],"mappings":"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"}
+{"version":3,"file":"Progress.js","sources":["../../../src/components/AudioPlayerView/Progress.tsx"],"sourcesContent":["import React, { type FC, useState, useEffect, useRef, useCallback } from 'react'\nimport { useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { formatTime } from '../../utils/genericFunctions/player'\nimport { useDispatch } from 'react-redux'\nimport { StyledCustomRange } from '../../styles/CustomRange.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPlay, faPause, faTrash, faVolumeHigh, faVolumeXmark } from '@fortawesome/free-solid-svg-icons'\nimport { eventDispatch, useEventListener } from '../../utils'\n\nconst StyledCustomRangeInput =\n  StyledCustomRange as unknown as React.ForwardRefExoticComponent<\n    React.ComponentPropsWithoutRef<'input'> & React.RefAttributes<HTMLInputElement>\n  >\n\nexport const Progress: FC<ProgressTypes> = ({ isPlayer }) => {\n  const { audioPlayer, audioPlayerPlaying, audioPlayerTrackDuration } = useSelector(\n    (state: RootState) => state.player,\n  )\n  const progressBarRef = useRef<any>()\n  const progressAnimationRef = useRef<any>()\n  const [timeProgress, setTimeProgress] = useState<string>('00:00')\n  const [displayDuration, setDisplayDuration] = useState<string>()\n  const dispatch = useDispatch<Dispatch>()\n  const [trackDuration, setTrackDuration] = useState<number>(\n    (audioPlayerTrackDuration && Math.round(audioPlayerTrackDuration)) || 0,\n  )\n  const { recorded, playing } = useSelector((state: RootState) => state.recorder)\n  const [isMuted, setIsMuted] = useState<boolean>(false)\n\n  const progressAnimation = useCallback(() => {\n    const currentTime = audioPlayer?.current?.currentTime\n    currentTime && setTimeProgress(formatTime(Math.round(currentTime)))\n    progressBarRef.current.value = currentTime\n    trackDuration &&\n      currentTime &&\n      progressBarRef.current.style.setProperty(\n        '--range-progress',\n        `${(currentTime / trackDuration) * 100}%`,\n      )\n    progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n  }, [audioPlayer, trackDuration, progressBarRef])\n\n  useEffect(() => {\n    if (audioPlayerPlaying) {\n      progressAnimationRef.current = requestAnimationFrame(progressAnimation)\n    } else {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [audioPlayerPlaying])\n\n  useEffect(() => {\n    if (audioPlayerTrackDuration) {\n      setTrackDuration(Math.round(audioPlayerTrackDuration))\n      setDisplayDuration(formatTime(audioPlayerTrackDuration))\n    }\n  }, [audioPlayerTrackDuration])\n\n  useEffect(() => {\n    return () => {\n      cancelAnimationFrame(progressAnimationRef.current)\n    }\n  }, [])\n\n  function handleProgressChange() {\n    dispatch.player.setAudioPlayerCurrentTime(progressBarRef.current.value)\n  }\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  function handlePause() {\n    dispatch.player.pauseAudioPlayer()\n    dispatch.recorder.setPlaying(false)\n    dispatch.recorder.setPaused(true)\n    eventDispatch('phone-island-recording-paused', {})\n  }\n  useEventListener('phone-island-recording-pause', (data: {}) => {\n    handlePause()\n  })\n\n  function handlePlay() {\n    dispatch.player.startAudioPlayer(() => {\n      // The callback for the end event of the audio player\n      dispatch.recorder.setPlaying(false)\n      dispatch.recorder.setPaused(true)\n    })\n    dispatch.recorder.setPlaying(true)\n    eventDispatch('phone-island-recording-played', {})\n  }\n  useEventListener('phone-island-recording-play', (data: {}) => {\n    handlePlay()\n  })\n\n  function handleDelete() {\n    dispatch.recorder.resetRecorded()\n    eventDispatch('phone-island-recording-deleted', {})\n  }\n  useEventListener('phone-island-recording-delete', (data: {}) => {\n    handleDelete()\n  })\n\n  function handleToggleMute() {\n    if (audioPlayer?.current) {\n      const newMuteState = !isMuted\n      audioPlayer.current.muted = newMuteState\n      setIsMuted(newMuteState)\n    }\n  }\n\n  return (\n    <div className='pi-w-full pi-h-full pi-flex pi-flex-col pi-items-center pi-justify-between pi-px-2'>\n      {/* Player controls with progress bar */}\n      <div className='pi-w-full pi-flex pi-items-center pi-justify-between pi-gap-2'>\n        {isPlayer ? (\n          <div className='pi-cursor-pointer pi-flex-none' onClick={handleToggleMute}>\n            <FontAwesomeIcon\n              icon={isMuted ? faVolumeXmark : faVolumeHigh}\n              className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n            />\n          </div>\n        ) : (\n          <>\n            {audioPlayerPlaying ? (\n              <div\n                onClick={handlePause}\n                className='pi-cursor-pointer pi-flex-none'\n                data-tooltip-id='tooltip-pause-recorder-view'\n                data-tooltip-content={'Pause'}\n              >\n                <FontAwesomeIcon\n                  icon={faPause}\n                  className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n                />\n              </div>\n            ) : (\n              <div\n                onClick={handlePlay}\n                className='pi-cursor-pointer pi-flex-none'\n                data-tooltip-id='tooltip-play-recorder-view'\n                data-tooltip-content={'Play'}\n              >\n                <FontAwesomeIcon\n                  icon={faPlay}\n                  className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-300'\n                />\n              </div>\n            )}\n          </>\n        )}\n\n        <div\n          className='pi-w-full pi-flex-grow pi-mx-2'\n          onClick={stopPropagation}\n          onMouseDown={stopPropagation}\n          onTouchStart={stopPropagation}\n        >\n          <StyledCustomRangeInput\n            data-stop-propagation={true}\n            ref={progressBarRef}\n            defaultValue={0}\n            type='range'\n            step='1'\n            min='0'\n            max={(trackDuration && trackDuration) || 0}\n            onChange={handleProgressChange}\n            className='pi-text-green-600 dark:pi-text-green-500'\n          />\n        </div>\n\n        {!isPlayer && (\n          <div\n            onClick={handleDelete}\n            className='pi-cursor-pointer pi-flex-none'\n            data-tooltip-id='tooltip-delete-recorder-view'\n            data-tooltip-content={'Delete'}\n          >\n            <FontAwesomeIcon\n              icon={faTrash}\n              className='pi-h-4 pi-w-4 pi-text-gray-700 dark:pi-text-gray-200'\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Time indicators */}\n      <div className='pi-flex pi-justify-between pi-w-full pi-text-xs pi-mt-2 pi-mb-1'>\n        <div className='pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]'>\n          {timeProgress}\n        </div>\n        <div className='pi-font-medium pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-max-w-[45%]'>\n          {displayDuration}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Progress\nexport interface ProgressTypes {\n  isPlayer?: boolean\n}\n"],"names":["StyledCustomRangeInput","StyledCustomRange","Progress","_a","isPlayer","_b","useSelector","state","player","audioPlayer","audioPlayerPlaying","audioPlayerTrackDuration","progressBarRef","useRef","progressAnimationRef","_c","useState","timeProgress","setTimeProgress","_d","displayDuration","setDisplayDuration","dispatch","useDispatch","_e","Math","round","trackDuration","setTrackDuration","_f","recorder","_g","isMuted","setIsMuted","progressAnimation","useCallback","currentTime","current","formatTime","value","style","setProperty","requestAnimationFrame","stopPropagation","e","handlePause","pauseAudioPlayer","setPlaying","setPaused","eventDispatch","handlePlay","startAudioPlayer","handleDelete","resetRecorded","useEffect","cancelAnimationFrame","useEventListener","data","React","createElement","className","onClick","newMuteState","muted","FontAwesomeIcon","icon","faVolumeXmark","faVolumeHigh","Fragment","faPause","faPlay","onMouseDown","onTouchStart","ref","defaultValue","type","step","min","max","onChange","setAudioPlayerCurrentTime","faTrash"],"mappings":"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"}

package/dist/components/AudioPlayerView/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("./Avatar.js"),t=require("./Progress.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var s=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var i=require("./PlayerFooterActions.js"),o=require("../Button.js"),a=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js");var l=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),d=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e),m=function(){var e=u.useSelector((function(e){return e.player})),c=e.audioPlayerTrackType,m=e.audioPlayerTrackName;e.audioPlayer;var f=e.audioPlayerPlaying,y=u.useSelector((function(e){return e.island})).isOpen;function j(e){e.stopPropagation()}var v=s.useTranslation().t,x=d.useDispatch();return p.default.createElement("div",{className:"pi-flex pi-gap-7 pi-flex-col"},p.default.createElement("div",{className:"pi-flex pi-gap-4"},p.default.createElement(r.Avatar,{type:c}),p.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full"},p.default.createElement("div",{style:{width:y?"202px":"60px"},className:"pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block"},m)),p.default.createElement(o.Button,{onClick:function(){return f&&(x.player.stopAudioPlayer(),a.eventDispatch("phone-island-audio-player-close",{})),void x.island.resetPlayerClose()},variant:"transparentSettings","data-tooltip-id":"tooltip-close-settings","data-tooltip-content":v("Common.Close")||""},p.default.createElement(l.FontAwesomeIcon,{icon:n.faXmark,className:"pi-w-5 pi-h-5"}))),y&&p.default.createElement("div",{onClick:j,onMouseDown:j,onTouchStart:j},p.default.createElement(t.Progress,{isPlayer:!0}),p.default.createElement(i.PlayerFooterActions,null)))};exports.KeypadView=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-redux"),r=require("./Avatar.js"),a=require("./Progress.js"),i=require("react-i18next"),o=require("./PlayerFooterActions.js"),l=require("../Button.js"),n=require("../../utils/genericFunctions/eventDispatch.js");require("tslib"),require("../../store/index.js");var s=require("@fortawesome/react-fontawesome"),u=require("@fortawesome/free-solid-svg-icons");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e),d=function(){var e=t.useSelector((function(e){return e.player})),c=e.audioPlayerTrackType,d=e.audioPlayerTrackName;e.audioPlayer;var f=e.audioPlayerPlaying,m=t.useSelector((function(e){return e.island})).isOpen;function v(e){e.stopPropagation()}var y=i.useTranslation().t,x=t.useDispatch();return p.default.createElement("div",{className:"pi-flex pi-gap-7 pi-flex-col"},p.default.createElement("div",{className:"pi-flex pi-gap-4"},p.default.createElement(r.Avatar,{type:c}),p.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full"},p.default.createElement("div",{style:{width:m?"202px":"60px"},className:"pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block"},d)),p.default.createElement(l.Button,{onClick:function(){return f&&(x.player.stopAudioPlayer(),n.eventDispatch("phone-island-audio-player-close",{})),void x.island.resetPlayerClose()},variant:"transparentSettings","data-tooltip-id":"tooltip-close-settings","data-tooltip-content":y("Common.Close")||""},p.default.createElement(s.FontAwesomeIcon,{icon:u.faXmark,className:"pi-w-5 pi-h-5"}))),m&&p.default.createElement("div",{onClick:v,onMouseDown:v,onTouchStart:v},p.default.createElement(a.Progress,{isPlayer:!0}),p.default.createElement(o.PlayerFooterActions,null)))};exports.KeypadView=d,exports.default=d;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/AudioPlayerView/index.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { Avatar } from './Avatar'\nimport Progress from './Progress'\nimport { useTranslation } from 'react-i18next'\nimport PlayerFooterActions from './PlayerFooterActions'\nimport { Button } from '../Button'\nimport { eventDispatch } from '../../utils'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faXmark } from '@fortawesome/free-solid-svg-icons'\n\nexport const KeypadView: FC<KeypadViewTypes> = () => {\n  const { audioPlayerTrackType, audioPlayerTrackName, audioPlayer, audioPlayerPlaying } =\n    useSelector((state: RootState) => state.player)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  const { t } = useTranslation()\n\n  // Initialize state dispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  function playerClose() {\n    if (audioPlayerPlaying) {\n      dispatch.player.stopAudioPlayer()\n      eventDispatch('phone-island-audio-player-close', {})\n    }\n    dispatch.island.resetPlayerClose()\n  }\n\n  return (\n    <div className='pi-flex pi-gap-7 pi-flex-col'>\n      <div className='pi-flex pi-gap-4'>\n        <Avatar type={audioPlayerTrackType} />\n        <div className='pi-flex pi-items-center pi-w-full'>\n          <div\n            style={{\n              width: isOpen ? '202px' : '60px',\n            }}\n            className={`pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block`}\n          >\n            {audioPlayerTrackName}\n          </div>\n        </div>\n        <Button\n          onClick={() => playerClose()}\n          variant='transparentSettings'\n          data-tooltip-id='tooltip-close-settings'\n          data-tooltip-content={t('Common.Close') || ''}\n        >\n          <FontAwesomeIcon icon={faXmark} className='pi-w-5 pi-h-5' />\n        </Button>\n      </div>\n      {isOpen && (\n        <div onClick={stopPropagation} onMouseDown={stopPropagation} onTouchStart={stopPropagation}>\n          {/* add prop to indicate that is audioplayer view */}\n          <Progress isPlayer />\n          <PlayerFooterActions />\n        </div>\n      )}\n      {/* Buttons tooltips */}\n    </div>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n"],"names":["KeypadView","_a","useSelector","state","player","audioPlayerTrackType","audioPlayerTrackName","audioPlayer","audioPlayerPlaying","isOpen","island","stopPropagation","e","t","useTranslation","dispatch","useDispatch","React","createElement","className","Avatar","type","style","width","Button","onClick","stopAudioPlayer","eventDispatch","resetPlayerClose","variant","FontAwesomeIcon","icon","faXmark","onMouseDown","onTouchStart","Progress","isPlayer","PlayerFooterActions"],"mappings":"ywCAeaA,EAAkC,WACvC,IAAAC,EACJC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,UADlCC,EAAoBJ,EAAAI,qBAAEC,EAAoBL,EAAAK,qBAAaL,EAAAM,YAAA,IAAEC,EAAkBP,EAAAO,mBAE3EC,EAAWP,eAAY,SAACC,GAAqB,OAAAA,EAAMO,iBAE3D,SAASC,EAAgBC,GACvBA,EAAED,iBACH,CAEO,IAAAE,EAAMC,qBAGRC,EAAWC,EAAAA,cAUjB,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,gCACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,oBACbF,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACC,KAAMhB,IACdY,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,qCACbF,EAAAA,QAAAC,cAAA,MAAA,CACEI,MAAO,CACLC,MAAOd,EAAS,QAAU,QAE5BU,UAAW,yFAEVb,IAGLW,EAAC,QAAAC,cAAAM,UACCC,QAAS,WAAM,OAtBjBjB,IACFO,EAASX,OAAOsB,kBAChBC,gBAAc,kCAAmC,CAAA,SAEnDZ,EAASL,OAAOkB,kBAkBkB,EAC5BC,QAAQ,wCACQ,yBAAwB,uBAClBhB,EAAE,iBAAmB,IAE3CI,UAACC,cAAAY,EAAAA,gBAAgB,CAAAC,KAAMC,EAAAA,QAASb,UAAU,oBAG7CV,GACCQ,EAAK,QAAAC,cAAA,MAAA,CAAAO,QAASd,EAAiBsB,YAAatB,EAAiBuB,aAAcvB,GAEzEM,EAAAA,QAACC,cAAAiB,EAAAA,SAAS,CAAAC,UAAW,IACrBnB,EAAAA,QAAAC,cAACmB,EAAAA,oBAAsB,OAMjC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/AudioPlayerView/index.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { Avatar } from './Avatar'\nimport Progress from './Progress'\nimport { useTranslation } from 'react-i18next'\nimport PlayerFooterActions from './PlayerFooterActions'\nimport { Button } from '../Button'\nimport { eventDispatch } from '../../utils'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faXmark } from '@fortawesome/free-solid-svg-icons'\n\nexport const KeypadView: FC<KeypadViewTypes> = () => {\n  const { audioPlayerTrackType, audioPlayerTrackName, audioPlayer, audioPlayerPlaying } =\n    useSelector((state: RootState) => state.player)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n\n  function stopPropagation(e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) {\n    e.stopPropagation()\n  }\n\n  const { t } = useTranslation()\n\n  // Initialize state dispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  function playerClose() {\n    if (audioPlayerPlaying) {\n      dispatch.player.stopAudioPlayer()\n      eventDispatch('phone-island-audio-player-close', {})\n    }\n    dispatch.island.resetPlayerClose()\n  }\n\n  return (\n    <div className='pi-flex pi-gap-7 pi-flex-col'>\n      <div className='pi-flex pi-gap-4'>\n        <Avatar type={audioPlayerTrackType} />\n        <div className='pi-flex pi-items-center pi-w-full'>\n          <div\n            style={{\n              width: isOpen ? '202px' : '60px',\n            }}\n            className={`pi-text-base pi-overflow-hidden pi-text-ellipsis pi-whitespace-nowrap pi-inline-block`}\n          >\n            {audioPlayerTrackName}\n          </div>\n        </div>\n        <Button\n          onClick={() => playerClose()}\n          variant='transparentSettings'\n          data-tooltip-id='tooltip-close-settings'\n          data-tooltip-content={t('Common.Close') || ''}\n        >\n          <FontAwesomeIcon icon={faXmark} className='pi-w-5 pi-h-5' />\n        </Button>\n      </div>\n      {isOpen && (\n        <div onClick={stopPropagation} onMouseDown={stopPropagation} onTouchStart={stopPropagation}>\n          {/* add prop to indicate that is audioplayer view */}\n          <Progress isPlayer />\n          <PlayerFooterActions />\n        </div>\n      )}\n      {/* Buttons tooltips */}\n    </div>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n"],"names":["KeypadView","_a","useSelector","state","player","audioPlayerTrackType","audioPlayerTrackName","audioPlayer","audioPlayerPlaying","isOpen","island","stopPropagation","e","t","useTranslation","dispatch","useDispatch","React","createElement","className","Avatar","type","style","width","Button","onClick","stopAudioPlayer","eventDispatch","resetPlayerClose","variant","FontAwesomeIcon","icon","faXmark","onMouseDown","onTouchStart","Progress","isPlayer","PlayerFooterActions"],"mappings":"iiBAeaA,EAAkC,WACvC,IAAAC,EACJC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,UADlCC,EAAoBJ,EAAAI,qBAAEC,EAAoBL,EAAAK,qBAAaL,EAAAM,YAAA,IAAEC,EAAkBP,EAAAO,mBAE3EC,EAAWP,eAAY,SAACC,GAAqB,OAAAA,EAAMO,iBAE3D,SAASC,EAAgBC,GACvBA,EAAED,iBACH,CAEO,IAAAE,EAAMC,qBAGRC,EAAWC,EAAAA,cAUjB,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,gCACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,oBACbF,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACC,KAAMhB,IACdY,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,qCACbF,EAAAA,QAAAC,cAAA,MAAA,CACEI,MAAO,CACLC,MAAOd,EAAS,QAAU,QAE5BU,UAAW,yFAEVb,IAGLW,EAAC,QAAAC,cAAAM,UACCC,QAAS,WAAM,OAtBjBjB,IACFO,EAASX,OAAOsB,kBAChBC,gBAAc,kCAAmC,CAAA,SAEnDZ,EAASL,OAAOkB,kBAkBkB,EAC5BC,QAAQ,wCACQ,yBAAwB,uBAClBhB,EAAE,iBAAmB,IAE3CI,UAACC,cAAAY,EAAAA,gBAAgB,CAAAC,KAAMC,EAAAA,QAASb,UAAU,oBAG7CV,GACCQ,EAAK,QAAAC,cAAA,MAAA,CAAAO,QAASd,EAAiBsB,YAAatB,EAAiBuB,aAAcvB,GAEzEM,EAAAA,QAACC,cAAAiB,EAAAA,SAAS,CAAAC,UAAW,IACrBnB,EAAAA,QAAAC,cAACmB,EAAAA,oBAAsB,OAMjC"}

package/dist/components/AvatarGroup.js

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

package/dist/components/AvatarGroup.js.map

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

package/dist/components/Button.js

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

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, ReactNode, ComponentPropsWithRef } from 'react'\nimport { classNames } from '../utils'\n\ninterface ButtonProps extends ComponentPropsWithRef<'button'> {\n  children: ReactNode\n  variant:\n  | 'red'\n  | 'green'\n  | 'default'\n  | 'neutral'\n  | 'transparent'\n  | 'transparentSideView'\n  | 'transparentSettings'\n  | 'gray'\n  active?: boolean\n  conference?: boolean\n}\n\nexport const Button: FC<ButtonProps> = ({\n  children,\n  variant,\n  active = false,\n  conference = false,\n  className = '',\n  ...props\n}) => {\n  const classes = {\n    base: 'pi-flex pi-content-center pi-items-center pi-justify-center pi-tracking-wide pi-duration-200 pi-transform pi-outline-none focus:pi-ring-2 focus:pi-z-20 focus:pi-ring-offset-2 disabled:pi-opacity-40 disabled:pi-cursor-not-allowed pi-border pi-border-transparent focus:pi-ring-offset-white dark:focus:pi-ring-offset-black pi-text-sm pi-leading-4 pi-col-start-auto pi-transition-color pi-shrink-0',\n    variant: {\n      red: 'pi-bg-phoneIslandClose dark:pi-bg-phoneIslandCloseDark hover:pi-bg-phoneIslandCloseHover dark:hover:pi-bg-phoneIslandCloseHoverDark focus:pi-ring-emerald-500 dark:focus:ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      green:\n        'pi-bg-phoneIslandCall dark:pi-bg-phoneIslandCallDark hover:pi-bg-phoneIslandCallHover dark:hover:pi-bg-phoneIslandCallHoverDark focus:pi-ring-green-500 focus:dark:pi-ring-200 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      default:\n        'pi-bg-phoneIslandActive dark:pi-bg-phoneIslandActiveDark hover:pi-bg-gray-500 dark:hover:pi-bg-gray-50 focus:pi-ring-emerald-500 dark:focus:pi-ring-emerald-300 pi-text-primaryInvert dark:pi-text-primaryInvertDark pi-h-12 pi-w-12 pi-rounded-full',\n      neutral:\n        'pi-bg-transparent enabled:hover:pi-bg-gray-500 enabled:hover:pi-border-gray-500 pi-border pi-border-gray-700 focus:pi-ring-0 pi-h-12 pi-w-12 pi-rounded-full',\n      transparent:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-700/30 enabled:hover:pi-bg-gray-300/70 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 pi-text-secondaryNeutral dark:pi-text-secondaryNeutralDark pi-h-12 pi-w-12 pi-rounded-full',\n      transparentSideView:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-600 enabled:hover:pi-bg-gray-600 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 pi-h-8 pi-w-8 pi-rounded pi-text-iconWhite dark:pi-text-iconWhiteDark',\n      transparentSettings:\n        'pi-bg-transparent dark:hover:pi-bg-gray-600 hover:pi-bg-gray-300 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded',\n      gray: 'dark:pi-bg-gray-300 pi-bg-gray-700 hover:pi-bg-gray-800 dark:hover:pi-bg-gray-50 focus:pi-ring-gray-500 dark:focus:ring-gray-300 pi-text-gray-50 dark:pi-text-gray-900 pi-rounded-full pi-py-4 pi-px-4 pi-max-w-56',\n    },\n    background: {\n      base: {\n        default: 'pi-bg-gray-700 dark:pi-bg-gray-300',\n      },\n      active: {\n        default: 'pi-bg-gray-500 dark:pi-bg-gray-50',\n      },\n    },\n  }\n\n  return (\n    <>\n      <button\n        data-stop-propagation={true}\n        className={classNames(\n          active && classes.background.active[variant]\n            ? classes.background.active[variant]\n            : classes.background.base[variant] && classes.background.base[variant],\n          classes.base,\n          variant && classes.variant[variant],\n          className && className,\n          conference ? 'pi-font-medium' : 'pi-font-light',\n        )}\n        {...props}\n      >\n        {children}\n      </button>\n    </>\n  )\n}\n"],"names":["_a","children","variant","_b","active","_c","conference","_d","className","props","__rest","classes","base","red","green","default","neutral","transparent","transparentSideView","transparentSettings","gray","background","React","createElement","Fragment","__assign","classNames"],"mappings":"+TAqBuC,SAACA,GACtC,IAAAC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAcH,EAAAI,OAAdA,OAAM,IAAAD,GAAQA,EACdE,EAAkBL,EAAAM,WAAlBA,OAAU,IAAAD,GAAQA,EAClBE,EAAAP,EAAAQ,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACXE,EAAKC,EAAAA,OAAAV,EAN8B,0DAQhCW,EAAU,CACdC,KAAM,4YACNV,QAAS,CACPW,IAAK,gQACLC,MACE,qPACFC,QACE,uPACFC,QACE,+JACFC,YACE,iSACFC,oBACE,sQACFC,oBACE,4NACFC,KAAM,sNAERC,WAAY,CACVT,KAAM,CACJG,QAAS,sCAEXX,OAAQ,CACNW,QAAS,uCAKf,OACEO,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAAC,cAAA,SAAAE,EAAAA,SAAA,CAAA,yBACyB,EACvBjB,UAAWkB,EAAAA,WACTtB,GAAUO,EAAQU,WAAWjB,OAAOF,GAChCS,EAAQU,WAAWjB,OAAOF,GAC1BS,EAAQU,WAAWT,KAAKV,IAAYS,EAAQU,WAAWT,KAAKV,GAChES,EAAQC,KACRV,GAAWS,EAAQT,QAAQA,GAC3BM,GAAaA,EACbF,EAAa,iBAAmB,kBAE9BG,GAEHR,GAIT"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, ReactNode, ComponentPropsWithRef } from 'react'\nimport { classNames } from '../utils'\n\ninterface ButtonProps extends ComponentPropsWithRef<'button'> {\n  children: ReactNode\n  variant:\n  | 'red'\n  | 'green'\n  | 'default'\n  | 'neutral'\n  | 'transparent'\n  | 'transparentSideView'\n  | 'transparentSettings'\n  | 'gray'\n  active?: boolean\n  conference?: boolean\n}\n\nexport const Button: FC<ButtonProps> = ({\n  children,\n  variant,\n  active = false,\n  conference = false,\n  className = '',\n  ...props\n}) => {\n  const classes = {\n    base: 'pi-flex pi-content-center pi-items-center pi-justify-center pi-tracking-wide pi-duration-200 pi-transform pi-outline-none focus:pi-ring-2 focus:pi-z-20 focus:pi-ring-offset-2 disabled:pi-opacity-40 disabled:pi-cursor-not-allowed pi-border pi-border-transparent focus:pi-ring-offset-white dark:focus:pi-ring-offset-black pi-text-sm pi-leading-4 pi-col-start-auto pi-transition-color pi-shrink-0',\n    variant: {\n      red: 'pi-bg-phoneIslandClose dark:pi-bg-phoneIslandCloseDark hover:pi-bg-phoneIslandCloseHover dark:hover:pi-bg-phoneIslandCloseHoverDark focus:pi-ring-emerald-500 dark:focus:ring-emerald-300 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      green:\n        'pi-bg-phoneIslandCall dark:pi-bg-phoneIslandCallDark hover:pi-bg-phoneIslandCallHover dark:hover:pi-bg-phoneIslandCallHoverDark focus:pi-ring-green-500 focus:dark:pi-ring-200 pi-text-white dark:pi-text-gray-950 pi-h-12 pi-w-12 pi-rounded-full',\n      default:\n        'pi-bg-phoneIslandActive dark:pi-bg-phoneIslandActiveDark hover:pi-bg-gray-500 dark:hover:pi-bg-gray-50 focus:pi-ring-emerald-500 dark:focus:pi-ring-emerald-300 pi-text-primaryInvert dark:pi-text-primaryInvertDark pi-h-12 pi-w-12 pi-rounded-full',\n      neutral:\n        'pi-bg-transparent enabled:hover:pi-bg-gray-500 enabled:hover:pi-border-gray-500 pi-border pi-border-gray-700 focus:pi-ring-0 pi-h-12 pi-w-12 pi-rounded-full',\n      transparent:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-700/30 enabled:hover:pi-bg-gray-300/70 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 pi-text-secondaryNeutral dark:pi-text-secondaryNeutralDark pi-h-12 pi-w-12 pi-rounded-full',\n      transparentSideView:\n        'pi-bg-transparent dark:enabled:hover:pi-bg-gray-600 enabled:hover:pi-bg-gray-600 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 pi-h-8 pi-w-8 pi-rounded pi-text-iconWhite dark:pi-text-iconWhiteDark',\n      transparentSettings:\n        'pi-bg-transparent dark:hover:pi-bg-gray-600 hover:pi-bg-gray-300 focus:pi-ring-offset-gray-200 dark:focus:pi-ring-gray-500 dark:focus:pi-ring-gray-500 focus:pi-ring-gray-400 dark:pi-text-white pi-h-8 pi-w-8 pi-rounded',\n      gray: 'dark:pi-bg-gray-300 pi-bg-gray-700 hover:pi-bg-gray-800 dark:hover:pi-bg-gray-50 focus:pi-ring-gray-500 dark:focus:ring-gray-300 pi-text-gray-50 dark:pi-text-gray-900 pi-rounded-full pi-py-4 pi-px-4 pi-max-w-56',\n    },\n    background: {\n      base: {\n        default: 'pi-bg-gray-700 dark:pi-bg-gray-300',\n      },\n      active: {\n        default: 'pi-bg-gray-500 dark:pi-bg-gray-50',\n      },\n    },\n  }\n\n  return (\n    <>\n      <button\n        data-stop-propagation={true}\n        className={classNames(\n          active && classes.background.active[variant]\n            ? classes.background.active[variant]\n            : classes.background.base[variant] && classes.background.base[variant],\n          classes.base,\n          variant && classes.variant[variant],\n          className && className,\n          conference ? 'pi-font-medium' : 'pi-font-light',\n        )}\n        {...props}\n      >\n        {children}\n      </button>\n    </>\n  )\n}\n"],"names":["_a","children","variant","_b","active","_c","conference","_d","className","props","__rest","classes","base","red","green","default","neutral","transparent","transparentSideView","transparentSettings","gray","background","React","createElement","Fragment","__assign","classNames"],"mappings":"kSAqBuC,SAACA,GACtC,IAAAC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAcH,EAAAI,OAAdA,OAAM,IAAAD,GAAQA,EACdE,EAAkBL,EAAAM,WAAlBA,OAAU,IAAAD,GAAQA,EAClBE,EAAAP,EAAAQ,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACXE,EAAKC,EAAAA,OAAAV,EAN8B,0DAQhCW,EAAU,CACdC,KAAM,4YACNV,QAAS,CACPW,IAAK,gQACLC,MACE,qPACFC,QACE,uPACFC,QACE,+JACFC,YACE,iSACFC,oBACE,sQACFC,oBACE,4NACFC,KAAM,sNAERC,WAAY,CACVT,KAAM,CACJG,QAAS,sCAEXX,OAAQ,CACNW,QAAS,uCAKf,OACEO,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAAC,cAAA,SAAAE,EAAAA,SAAA,CAAA,yBACyB,EACvBjB,UAAWkB,EAAAA,WACTtB,GAAUO,EAAQU,WAAWjB,OAAOF,GAChCS,EAAQU,WAAWjB,OAAOF,GAC1BS,EAAQU,WAAWT,KAAKV,IAAYS,EAAQU,WAAWT,KAAKV,GAChES,EAAQC,KACRV,GAAWS,EAAQT,QAAQA,GAC3BM,GAAaA,EACbF,EAAa,iBAAmB,kBAE9BG,GAEHR,GAIT"}

package/dist/components/CallView/Actions.js

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