@nethesis/phone-island 1.1.6 → 1.1.8-dev.1

package/dist/components/Events.js.map

@@ -1 +1 @@
-{"version":3,"file":"Events.js","sources":["../../src/components/Events.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { CallEvents, PlayerEvents, RecorderEvents } from '../events'\n\ninterface EventsProps {\n  children: ReactNode\n  sipHost: string\n}\n\nexport const Events: FC<EventsProps> = ({ sipHost, children }) => {\n  return (\n    <>\n      {<PlayerEvents />}\n      {<RecorderEvents />}\n      {<CallEvents sipHost={sipHost} />}\n      {children}\n    </>\n  )\n}\n"],"names":["_a","sipHost","children","React","createElement","Fragment","PlayerEvents","RecorderEvents","CallEvents"],"mappings":"iYAWuC,SAACA,OAAEC,EAAOD,EAAAC,QAAEC,EAAQF,EAAAE,SACzD,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGF,UAAAC,cAACE,EAAYA,aAAG,MAChBH,UAAAC,cAACG,EAAcA,eAAG,MAClBJ,EAAAA,QAAAC,cAACI,EAAAA,WAAU,CAACP,QAASA,IACrBC,EAGP"}
+{"version":3,"file":"Events.js","sources":["../../src/components/Events.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { CallEvents, PlayerEvents, RecorderEvents } from '../events'\n\ninterface EventsProps {\n  children: ReactNode\n  sipHost: string\n}\n\nexport const Events: FC<EventsProps> = ({ sipHost, children }) => {\n  return (\n    <>\n      {<PlayerEvents />}\n      {<RecorderEvents />}\n      {<CallEvents sipHost={sipHost} />}\n      {children}\n    </>\n  )\n}\n"],"names":["_a","sipHost","children","React","createElement","Fragment","PlayerEvents","RecorderEvents","CallEvents"],"mappings":"gaAWuC,SAACA,OAAEC,EAAOD,EAAAC,QAAEC,EAAQF,EAAAE,SACzD,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGF,UAAAC,cAACE,EAAYA,aAAG,MAChBH,UAAAC,cAACG,EAAcA,eAAG,MAClBJ,EAAAA,QAAAC,cAACI,EAAAA,WAAU,CAACP,QAASA,IACrBC,EAGP"}

package/dist/components/Hangup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Button.js"),i=require("../node_modules/@fortawesome/react-fontawesome/dist/index.js"),n=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../lib/phone/call.js");require("../node_modules/react-redux/es/index.js"),require("../node_modules/i18next/dist/esm/i18next.js"),require("../node_modules/react-i18next/dist/es/context.js");var s=require("../node_modules/react-i18next/dist/es/useTranslation.js"),a=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var l=require("./CustomThemedTooltip.js"),r=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),p=require("../node_modules/react-redux/es/hooks/useSelector.js"),c=require("../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e);exports.default=function(e){e.clickCallback,e.isDestination;var d=e.description,f=e.isPhysicalRecording,m=e.buttonsVariant,h=void 0===m?"transparent":m,g=e.showFullscreenButton,v=void 0!==g&&g,w=e.isExtraLarge,T=void 0!==w&&w,x=e.onToggleExtraLarge,j=p.useSelector(function(e){return e.currentCall}),C=j.transferring,E=j.incoming,D=j.accepted,q=c.useDispatch(),N=p.useSelector(function(e){return e.island}),y=N.isOpen,b=N.sideViewIsVisible,_=N.view,A=p.useSelector(function(e){return e.conference}),F=A.isActive,I=A.conferenceStartedFrom,k=p.useSelector(function(e){return e.currentUser}).username;function S(){E?o.hangupAllExtensions():o.hangupCurrentCall(),setTimeout(function(){q.listen.setUpdateIntrudeStatus(!1,""),q.listen.setUpdateListenStatus(!1,"")},2e3),C&&setTimeout(function(){q.alerts.setAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-open",{}),setTimeout(function(){q.alerts.removeAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-close",{})},2e3)},300)}var z=s.useTranslation().t,B=y&&D||"waitingConference"===_&&y,L=!C;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" ".concat(C?"pi-grid pi-w-full pi-space-x-2 pi-justify-start":"pi-flex pi-justify-center")},u.default.createElement(r.motion.div,{className:"".concat(C&&d?"pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start":L&&B?"pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden":"pi-flex pi-w-12 pi-items-center pi-justify-center"," ")},B&&!v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:function(){return q.island.handleToggleIsOpen()},"data-tooltip-id":"tooltip-open-close-phone-island","data-tooltip-content":y?z("Tooltip.Collapse")||"":z("Tooltip.Open")||""},u.default.createElement(i.FontAwesomeIcon,{icon:n.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"}))),B&&v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:x,"data-tooltip-id":"tooltip-toggle-fullscreen-hangup","data-tooltip-content":z("streamingAnswer"===_?T?"Tooltip.Decrease":"Tooltip.Increase":"Tooltip.Toggle fullscreen")},u.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:T?n.faDownLeftAndUpRightToCenter:n.faUpRightAndDownLeftFromCenter}))),u.default.createElement(t.Button,{onClick:function(){f?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.hangupCurrentPhysicalRecording()):F&&I===k&&"waitingConference"===_?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.endConference()):(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),S())},variant:"red",className:"".concat(C&&d?"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2":L&&B?"pi-relative pi-z-10 pi-gap-4 pi-font-medium pi-text-base pi-transition pi-h-12 pi-w-12 pi-min-w-12 pi-overflow-hidden":"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full"),"data-tooltip-id":d&&C||"waitingConference"===_&&F?"tooltip-top-transfer":"tooltip-left-transfer","data-tooltip-content":d&&C?d:"waitingConference"===_&&F?z("Conference.End conference"):"".concat(z("Tooltip.Hangup"))},u.default.createElement(i.FontAwesomeIcon,{className:"pi-rotate-135 pi-h-6 pi-w-6",icon:n.faPhone}),C&&d&&u.default.createElement(r.motion.div,{style:{height:"17px"},className:"pi-whitespace-nowrap pi-overflow-hidden"},d)),B&&u.default.createElement(t.Button,{variant:h,onClick:function(){return b&&a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),void q.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view","data-tooltip-content":z("Tooltip.Go to settings")||"",className:"".concat(C&&d?"pi-ml-5":L?"pi-absolute pi-right-0 pi-top-0 pi-justify-end":"pi-justify-end pi-ml-16"," pi-flex pi-items-center")},u.default.createElement(i.FontAwesomeIcon,{icon:n.faGear,className:"pi-h-6 pi-w-6"})))),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-left-transfer",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-top-transfer",place:"top"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-open-close-phone-island",place:"right"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-settings-view",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-fullscreen-hangup",place:"top"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Button.js"),i=require("../node_modules/@fortawesome/react-fontawesome/dist/index.js"),n=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../lib/phone/call.js");require("../node_modules/react-redux/es/index.js"),require("../node_modules/i18next/dist/esm/i18next.js"),require("../node_modules/react-i18next/dist/es/context.js");var s=require("../node_modules/react-i18next/dist/es/useTranslation.js"),a=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js"),require("../services/user.js");var l=require("./CustomThemedTooltip.js"),r=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),p=require("../node_modules/react-redux/es/hooks/useSelector.js"),c=require("../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e);exports.default=function(e){e.clickCallback,e.isDestination;var d=e.description,f=e.isPhysicalRecording,m=e.buttonsVariant,h=void 0===m?"transparent":m,g=e.showFullscreenButton,v=void 0!==g&&g,w=e.isExtraLarge,T=void 0!==w&&w,j=e.onToggleExtraLarge,x=p.useSelector(function(e){return e.currentCall}),C=x.transferring,E=x.incoming,D=x.accepted,q=c.useDispatch(),N=p.useSelector(function(e){return e.island}),y=N.isOpen,b=N.sideViewIsVisible,_=N.view,A=p.useSelector(function(e){return e.conference}),F=A.isActive,I=A.conferenceStartedFrom,k=p.useSelector(function(e){return e.currentUser}).username;function S(){E?o.hangupAllExtensions():o.hangupCurrentCall(),setTimeout(function(){q.listen.setUpdateIntrudeStatus(!1,""),q.listen.setUpdateListenStatus(!1,"")},2e3),C&&setTimeout(function(){q.alerts.setAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-open",{}),setTimeout(function(){q.alerts.removeAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-close",{})},2e3)},300)}var z=s.useTranslation().t,B=y&&D||"waitingConference"===_&&y,L=!C;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" ".concat(C?"pi-grid pi-w-full pi-space-x-2 pi-justify-start":"pi-flex pi-justify-center")},u.default.createElement(r.motion.div,{className:"".concat(C&&d?"pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start":L&&B?"pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden":"pi-flex pi-w-12 pi-items-center pi-justify-center"," ")},B&&!v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:function(){return q.island.handleToggleIsOpen()},"data-tooltip-id":"tooltip-open-close-phone-island","data-tooltip-content":y?z("Tooltip.Collapse")||"":z("Tooltip.Open")||""},u.default.createElement(i.FontAwesomeIcon,{icon:n.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"}))),B&&v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:j,"data-tooltip-id":"tooltip-toggle-fullscreen-hangup","data-tooltip-content":z("streamingAnswer"===_?T?"Tooltip.Decrease":"Tooltip.Increase":"Tooltip.Toggle fullscreen")},u.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:T?n.faDownLeftAndUpRightToCenter:n.faUpRightAndDownLeftFromCenter}))),u.default.createElement(t.Button,{onClick:function(){f?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.hangupCurrentPhysicalRecording()):F&&I===k&&"waitingConference"===_?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.endConference()):(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),S())},variant:"red",className:"".concat(C&&d?"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2":L&&B?"pi-relative pi-z-10 pi-gap-4 pi-font-medium pi-text-base pi-transition pi-h-12 pi-w-12 pi-min-w-12 pi-overflow-hidden":"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full"),"data-tooltip-id":d&&C||"waitingConference"===_&&F?"tooltip-top-transfer":"tooltip-left-transfer","data-tooltip-content":d&&C?d:"waitingConference"===_&&F?z("Conference.End conference"):"".concat(z("Tooltip.Hangup"))},u.default.createElement(i.FontAwesomeIcon,{className:"pi-rotate-135 pi-h-6 pi-w-6",icon:n.faPhone}),C&&d&&u.default.createElement(r.motion.div,{style:{height:"17px"},className:"pi-whitespace-nowrap pi-overflow-hidden"},d)),B&&u.default.createElement(t.Button,{variant:h,onClick:function(){return b&&a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),void q.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view","data-tooltip-content":z("Tooltip.Go to settings")||"",className:"".concat(C&&d?"pi-ml-5":L?"pi-absolute pi-right-0 pi-top-0 pi-justify-end":"pi-justify-end pi-ml-16"," pi-flex pi-items-center")},u.default.createElement(i.FontAwesomeIcon,{icon:n.faGear,className:"pi-h-6 pi-w-6"})))),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-left-transfer",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-top-transfer",place:"top"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-open-close-phone-island",place:"right"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-settings-view",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-fullscreen-hangup",place:"top"}))};
 //# sourceMappingURL=Hangup.js.map

package/dist/components/Hangup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hangup.js","sources":["../../src/components/Hangup.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { motion } from 'framer-motion'\nimport { Button } from './Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDownLeftAndUpRightToCenter, faGear, faPhone, faUpRightAndDownLeftFromCenter } from '@fortawesome/free-solid-svg-icons'\nimport { endConference, hangupCurrentCall, hangupCurrentPhysicalRecording } from '../lib/phone/call'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Dispatch } from '../store'\nimport { hangupAllExtensions } from '../lib/phone/call'\nimport { useTranslation } from 'react-i18next'\nimport { eventDispatch } from '../utils'\nimport { CustomThemedTooltip } from './CustomThemedTooltip'\n\n/**\n * Return the status of the\n */\nconst Hangup: FC<HangupProps> = ({\n  clickCallback,\n  isDestination,\n  description,\n  isPhysicalRecording,\n  buttonsVariant = 'transparent',\n  showFullscreenButton = false,\n  isExtraLarge = false,\n  onToggleExtraLarge,\n}) => {\n  const { transferring, incoming, accepted } = useSelector((state: RootState) => state.currentCall)\n  const dispatch = useDispatch<Dispatch>()\n  const { isOpen, sideViewIsVisible, view } = useSelector((state: RootState) => state.island)\n  const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n\n  function handleHangup() {\n    if (incoming) {\n      hangupAllExtensions()\n    } else {\n      hangupCurrentCall()\n    }\n\n    // Delay the dispatch actions\n    setTimeout(() => {\n      dispatch.listen.setUpdateIntrudeStatus(false, '')\n      dispatch.listen.setUpdateListenStatus(false, '')\n    }, 2000)\n\n    // Show confirmation message when a call is transferred\n    if (transferring) {\n      setTimeout(() => {\n        dispatch.alerts.setAlert('call_transfered')\n        eventDispatch('phone-island-call-transfer-successfully-popup-open', {})\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n          eventDispatch('phone-island-call-transfer-successfully-popup-close', {})\n        }, 2000)\n      }, 300)\n    }\n  }\n\n  const { t } = useTranslation()\n  const showSecondaryControls = (isOpen && accepted) || (view === 'waitingConference' && isOpen)\n  const useCompactLayout = !transferring\n\n  // Helper function to determine tooltip content\n  const getToggleTooltipContent = () => {\n    if (view === 'streamingAnswer') {\n      return isExtraLarge ? t('Tooltip.Decrease') : t('Tooltip.Increase')\n    }\n    return t('Tooltip.Toggle fullscreen')\n  }\n\n  // Close side view and open settings view\n  const closeSideViewOpenSettings = () => {\n    if (sideViewIsVisible) {\n      eventDispatch('phone-island-sideview-close', {})\n    }\n    eventDispatch('phone-island-transcription-close', {})\n    dispatch.island.setIslandView('settings')\n  }\n\n  // Phone island footer section\n  return (\n    <>\n      <div\n        className={` ${transferring\n          ? 'pi-grid pi-w-full pi-space-x-2 pi-justify-start'\n          : 'pi-flex pi-justify-center'\n          }`}\n      >\n        {/* The button to hangup the currentCall */}\n        <motion.div\n          className={`${transferring && description\n            ? 'pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start'\n            : useCompactLayout && showSecondaryControls\n              ? 'pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden'\n              : 'pi-flex pi-w-12 pi-items-center pi-justify-center'\n            } `}\n        >\n          {/* collapse phone island button */}\n          {showSecondaryControls && !showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={() => dispatch.island.handleToggleIsOpen()}\n                data-tooltip-id='tooltip-open-close-phone-island'\n                data-tooltip-content={\n                  isOpen ? t('Tooltip.Collapse') || '' : t('Tooltip.Open') || ''\n                }\n              >\n                <FontAwesomeIcon icon={faDownLeftAndUpRightToCenter} className='pi-w-6 pi-h-6' />\n              </Button>\n            </div>\n          )}\n\n          {/* expand/compress button for streaming */}\n          {showSecondaryControls && showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={onToggleExtraLarge}\n                data-tooltip-id='tooltip-toggle-fullscreen-hangup'\n                data-tooltip-content={getToggleTooltipContent()}\n              >\n                <FontAwesomeIcon\n                  className='pi-h-6 pi-w-6'\n                  icon={isExtraLarge ? faDownLeftAndUpRightToCenter : faUpRightAndDownLeftFromCenter}\n                />\n              </Button>\n            </div>\n          )}\n\n          <Button\n            onClick={() => {\n              if (isPhysicalRecording) {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                hangupCurrentPhysicalRecording()\n              } else if (isActive) {\n                if (conferenceStartedFrom === username && view === 'waitingConference') {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  endConference()\n                } else {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  handleHangup()\n                }\n              } else {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                handleHangup()\n              }\n            }}\n            variant='red'\n            className={`${transferring && description\n              ? 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2'\n              : useCompactLayout && showSecondaryControls\n                ? 'pi-relative pi-z-10 pi-gap-4 pi-font-medium pi-text-base pi-transition pi-h-12 pi-w-12 pi-min-w-12 pi-overflow-hidden'\n                : 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full'\n              }`}\n            data-tooltip-id={\n              (description && transferring) || (view === 'waitingConference' && isActive)\n                ? 'tooltip-top-transfer'\n                : 'tooltip-left-transfer'\n            }\n            data-tooltip-content={\n              description && transferring\n                ? description\n                : view === 'waitingConference' && isActive\n                  ? t('Conference.End conference')\n                  : `${t('Tooltip.Hangup')}`\n            }\n          >\n            <FontAwesomeIcon className='pi-rotate-135 pi-h-6 pi-w-6' icon={faPhone} />\n            {transferring && description && (\n              <motion.div\n                style={{ height: '17px' }}\n                className='pi-whitespace-nowrap pi-overflow-hidden'\n              >\n                {description}\n              </motion.div>\n            )}\n          </Button>\n          {showSecondaryControls && (\n            <Button\n              variant={buttonsVariant}\n              onClick={() => closeSideViewOpenSettings()}\n              data-tooltip-id='tooltip-settings-view'\n              data-tooltip-content={t('Tooltip.Go to settings') || ''}\n              className={`${transferring && description\n                ? 'pi-ml-5'\n                : useCompactLayout\n                  ? 'pi-absolute pi-right-0 pi-top-0 pi-justify-end'\n                  : 'pi-justify-end pi-ml-16'\n                } pi-flex pi-items-center`}\n            >\n              <FontAwesomeIcon icon={faGear} className={`pi-h-6 pi-w-6`} />\n            </Button>\n          )}\n        </motion.div>\n      </div>\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-left-transfer' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-top-transfer' place='top' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-open-close-phone-island' place='right' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-settings-view' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-fullscreen-hangup' place='top' />\n    </>\n  )\n}\n\nexport default Hangup\n\ninterface HangupProps {\n  clickCallback?: () => void\n  isDestination?: boolean\n  description?: any\n  isPhysicalRecording?: boolean\n  buttonsVariant?:\n  | 'transparent'\n  | 'default'\n  | 'red'\n  | 'green'\n  | 'neutral'\n  | 'transparentSideView'\n  | 'transparentSettings'\n  showFullscreenButton?: boolean\n  isFullscreen?: boolean\n  onToggleFullscreen?: () => void\n  isExtraLarge?: boolean\n  onToggleExtraLarge?: () => void\n}\n"],"names":["_a","clickCallback","isDestination","description","isPhysicalRecording","_b","buttonsVariant","_c","showFullscreenButton","_d","isExtraLarge","onToggleExtraLarge","_e","useSelector","state","currentCall","transferring","incoming","accepted","dispatch","useDispatch","_f","island","isOpen","sideViewIsVisible","view","_g","conference","isActive","conferenceStartedFrom","username","currentUser","handleHangup","hangupAllExtensions","hangupCurrentCall","setTimeout","listen","setUpdateIntrudeStatus","setUpdateListenStatus","alerts","setAlert","eventDispatch","removeAlert","t","useTranslation","showSecondaryControls","useCompactLayout","React","createElement","Fragment","className","concat","motion","div","Button","variant","onClick","handleToggleIsOpen","FontAwesomeIcon","icon","faDownLeftAndUpRightToCenter","faUpRightAndDownLeftFromCenter","hangupCurrentPhysicalRecording","endConference","faPhone","style","height","setIslandView","faGear","CustomThemedTooltip","id","place"],"mappings":"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"}
+{"version":3,"file":"Hangup.js","sources":["../../src/components/Hangup.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { motion } from 'framer-motion'\nimport { Button } from './Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDownLeftAndUpRightToCenter, faGear, faPhone, faUpRightAndDownLeftFromCenter } from '@fortawesome/free-solid-svg-icons'\nimport { endConference, hangupCurrentCall, hangupCurrentPhysicalRecording } from '../lib/phone/call'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Dispatch } from '../store'\nimport { hangupAllExtensions } from '../lib/phone/call'\nimport { useTranslation } from 'react-i18next'\nimport { eventDispatch } from '../utils'\nimport { CustomThemedTooltip } from './CustomThemedTooltip'\n\n/**\n * Return the status of the\n */\nconst Hangup: FC<HangupProps> = ({\n  clickCallback,\n  isDestination,\n  description,\n  isPhysicalRecording,\n  buttonsVariant = 'transparent',\n  showFullscreenButton = false,\n  isExtraLarge = false,\n  onToggleExtraLarge,\n}) => {\n  const { transferring, incoming, accepted } = useSelector((state: RootState) => state.currentCall)\n  const dispatch = useDispatch<Dispatch>()\n  const { isOpen, sideViewIsVisible, view } = useSelector((state: RootState) => state.island)\n  const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n\n  function handleHangup() {\n    if (incoming) {\n      hangupAllExtensions()\n    } else {\n      hangupCurrentCall()\n    }\n\n    // Delay the dispatch actions\n    setTimeout(() => {\n      dispatch.listen.setUpdateIntrudeStatus(false, '')\n      dispatch.listen.setUpdateListenStatus(false, '')\n    }, 2000)\n\n    // Show confirmation message when a call is transferred\n    if (transferring) {\n      setTimeout(() => {\n        dispatch.alerts.setAlert('call_transfered')\n        eventDispatch('phone-island-call-transfer-successfully-popup-open', {})\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n          eventDispatch('phone-island-call-transfer-successfully-popup-close', {})\n        }, 2000)\n      }, 300)\n    }\n  }\n\n  const { t } = useTranslation()\n  const showSecondaryControls = (isOpen && accepted) || (view === 'waitingConference' && isOpen)\n  const useCompactLayout = !transferring\n\n  // Helper function to determine tooltip content\n  const getToggleTooltipContent = () => {\n    if (view === 'streamingAnswer') {\n      return isExtraLarge ? t('Tooltip.Decrease') : t('Tooltip.Increase')\n    }\n    return t('Tooltip.Toggle fullscreen')\n  }\n\n  // Close side view and open settings view\n  const closeSideViewOpenSettings = () => {\n    if (sideViewIsVisible) {\n      eventDispatch('phone-island-sideview-close', {})\n    }\n    eventDispatch('phone-island-transcription-close', {})\n    dispatch.island.setIslandView('settings')\n  }\n\n  // Phone island footer section\n  return (\n    <>\n      <div\n        className={` ${transferring\n          ? 'pi-grid pi-w-full pi-space-x-2 pi-justify-start'\n          : 'pi-flex pi-justify-center'\n          }`}\n      >\n        {/* The button to hangup the currentCall */}\n        <motion.div\n          className={`${transferring && description\n            ? 'pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start'\n            : useCompactLayout && showSecondaryControls\n              ? 'pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden'\n              : 'pi-flex pi-w-12 pi-items-center pi-justify-center'\n            } `}\n        >\n          {/* collapse phone island button */}\n          {showSecondaryControls && !showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={() => dispatch.island.handleToggleIsOpen()}\n                data-tooltip-id='tooltip-open-close-phone-island'\n                data-tooltip-content={\n                  isOpen ? t('Tooltip.Collapse') || '' : t('Tooltip.Open') || ''\n                }\n              >\n                <FontAwesomeIcon icon={faDownLeftAndUpRightToCenter} className='pi-w-6 pi-h-6' />\n              </Button>\n            </div>\n          )}\n\n          {/* expand/compress button for streaming */}\n          {showSecondaryControls && showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={onToggleExtraLarge}\n                data-tooltip-id='tooltip-toggle-fullscreen-hangup'\n                data-tooltip-content={getToggleTooltipContent()}\n              >\n                <FontAwesomeIcon\n                  className='pi-h-6 pi-w-6'\n                  icon={isExtraLarge ? faDownLeftAndUpRightToCenter : faUpRightAndDownLeftFromCenter}\n                />\n              </Button>\n            </div>\n          )}\n\n          <Button\n            onClick={() => {\n              if (isPhysicalRecording) {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                hangupCurrentPhysicalRecording()\n              } else if (isActive) {\n                if (conferenceStartedFrom === username && view === 'waitingConference') {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  endConference()\n                } else {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  handleHangup()\n                }\n              } else {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                handleHangup()\n              }\n            }}\n            variant='red'\n            className={`${transferring && description\n              ? 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2'\n              : useCompactLayout && showSecondaryControls\n                ? 'pi-relative pi-z-10 pi-gap-4 pi-font-medium pi-text-base pi-transition pi-h-12 pi-w-12 pi-min-w-12 pi-overflow-hidden'\n                : 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full'\n              }`}\n            data-tooltip-id={\n              (description && transferring) || (view === 'waitingConference' && isActive)\n                ? 'tooltip-top-transfer'\n                : 'tooltip-left-transfer'\n            }\n            data-tooltip-content={\n              description && transferring\n                ? description\n                : view === 'waitingConference' && isActive\n                  ? t('Conference.End conference')\n                  : `${t('Tooltip.Hangup')}`\n            }\n          >\n            <FontAwesomeIcon className='pi-rotate-135 pi-h-6 pi-w-6' icon={faPhone} />\n            {transferring && description && (\n              <motion.div\n                style={{ height: '17px' }}\n                className='pi-whitespace-nowrap pi-overflow-hidden'\n              >\n                {description}\n              </motion.div>\n            )}\n          </Button>\n          {showSecondaryControls && (\n            <Button\n              variant={buttonsVariant}\n              onClick={() => closeSideViewOpenSettings()}\n              data-tooltip-id='tooltip-settings-view'\n              data-tooltip-content={t('Tooltip.Go to settings') || ''}\n              className={`${transferring && description\n                ? 'pi-ml-5'\n                : useCompactLayout\n                  ? 'pi-absolute pi-right-0 pi-top-0 pi-justify-end'\n                  : 'pi-justify-end pi-ml-16'\n                } pi-flex pi-items-center`}\n            >\n              <FontAwesomeIcon icon={faGear} className={`pi-h-6 pi-w-6`} />\n            </Button>\n          )}\n        </motion.div>\n      </div>\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-left-transfer' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-top-transfer' place='top' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-open-close-phone-island' place='right' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-settings-view' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-fullscreen-hangup' place='top' />\n    </>\n  )\n}\n\nexport default Hangup\n\ninterface HangupProps {\n  clickCallback?: () => void\n  isDestination?: boolean\n  description?: any\n  isPhysicalRecording?: boolean\n  buttonsVariant?:\n  | 'transparent'\n  | 'default'\n  | 'red'\n  | 'green'\n  | 'neutral'\n  | 'transparentSideView'\n  | 'transparentSettings'\n  showFullscreenButton?: boolean\n  isFullscreen?: boolean\n  onToggleFullscreen?: () => void\n  isExtraLarge?: boolean\n  onToggleExtraLarge?: () => void\n}\n"],"names":["_a","clickCallback","isDestination","description","isPhysicalRecording","_b","buttonsVariant","_c","showFullscreenButton","_d","isExtraLarge","onToggleExtraLarge","_e","useSelector","state","currentCall","transferring","incoming","accepted","dispatch","useDispatch","_f","island","isOpen","sideViewIsVisible","view","_g","conference","isActive","conferenceStartedFrom","username","currentUser","handleHangup","hangupAllExtensions","hangupCurrentCall","setTimeout","listen","setUpdateIntrudeStatus","setUpdateListenStatus","alerts","setAlert","eventDispatch","removeAlert","t","useTranslation","showSecondaryControls","useCompactLayout","React","createElement","Fragment","className","concat","motion","div","Button","variant","onClick","handleToggleIsOpen","FontAwesomeIcon","icon","faDownLeftAndUpRightToCenter","faUpRightAndDownLeftFromCenter","hangupCurrentPhysicalRecording","endConference","faPhone","style","height","setIslandView","faGear","CustomThemedTooltip","id","place"],"mappings":"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"}

package/dist/components/Island.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/customHooks/useIsomorphicLayoutEffect.js");require("../node_modules/tslib/tslib.es6.js");var r=require("../store/index.js"),i=require("./CallView/index.js"),n=require("./KeypadView/index.js"),l=require("./AudioPlayerView/index.js"),u=require("./AlertGuard.js"),a=require("./CallView/BackCall.js"),s=require("./SideView/SideView.js"),o=require("./ViewsTransition.js"),c=require("./RecorderView/index.js"),d=require("./IslandMotion.js"),f=require("./IslandDrag.js"),w=require("./PhysicalRecorderView/index.js"),p=require("./SettingsView/index.js"),m=require("./SwitchDeviceView/index.js"),V=require("../utils/genericFunctions/isBackCallVisible.js"),v=require("./VideoView/index.js"),y=require("./ConferenceView/index.js"),E=require("./ContactView/ContactListView.js"),j=require("./StreamingAnswerView/index.js"),h=require("./OperatorBusyView/index.js"),g=require("./TranscriptionView/TranscriptionView.js"),q=require("../node_modules/react-redux/es/hooks/useSelector.js"),S=require("../node_modules/react-redux/es/hooks/useDispatch.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=x(e),R=function(x){var R=x.showAlways,b=x.uaType;x.urlParamWithEvent;var A=q.useSelector(function(e){return e.currentCall}),I=A.incoming,P=A.accepted,k=A.outgoing,B=q.useSelector(function(e){return e.island}),D=B.view,T=B.sideViewIsVisible,_=B.transcriptionViewIsVisible,L=B.avoidToShow,O=B.previousView,F=q.useSelector(function(e){return{recording:e.physicalRecorder.recording}}).recording,K=q.useSelector(function(e){return e.alerts.status}).activeAlertsCount,M=q.useSelector(function(e){return e.player}).audioPlayerLoop,N=q.useSelector(function(e){return e.conference}).isActive,W=q.useSelector(function(e){return e.currentUser}),G=W.default_device,U=W.endpoints,z=W.username,H=q.useSelector(function(e){return e.users}).extensions,J=e.useRef(null),Q=S.useDispatch(),X=e.useRef(null),Y=e.useRef(null),Z=e.useRef(null);t.useIsomorphicLayoutEffect(function(){Q.player.updatePlayer({audioPlayer:X,localAudio:Y,remoteAudio:Z})},[]),e.useEffect(function(){var e=r.store.getState().conference,t=e.isActive,i=e.conferenceStartedFrom,n=e.isOwnerInside,l=r.store.getState().currentUser.username;(I||k)&&t&&i===l&&n?Q.island.setIslandView("waitingConference"):!I&&!k||L||Q.island.setIslandView("call")},[I,k,L,N]),e.useEffect(function(){F&&Q.island.setIslandView("physicalPhoneRecorder")},[D]);var $=e.useState(""),ee=$[0],te=$[1];e.useEffect(function(){setTimeout(function(){te(D)},200)},[D]);var re,ie=function(){if(!H||!z)return!1;var e=Object.values(H).filter(function(e){return(null==e?void 0:e.username)===z});return null==e?void 0:e.some(function(e){var t=null==U?void 0:U.extension.find(function(t){return t.id===(null==e?void 0:e.exten)});return"nethlink"===(null==t?void 0:t.type)&&"offline"!==(null==e?void 0:e.status)})};return C.default.createElement("div",{ref:J,className:"pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000"},(I||k||P||R||K>0||"player"===D||"recorder"===D||"physicalPhoneRecorder"===D||"waitingConference"===D&&N||"transfer"===D&&N||"settings"===D&&N||"operatorBusy"===D&&("mobile"===b&&ie()||"desktop"===b&&("webrtc"===(null==G?void 0:G.type)||void 0===(null==G?void 0:G.type)&&!ie()||!ie()&&"physical"===(null==G?void 0:G.type)))||"settings"===D&&("recorder"===O||"player"===O))&&!L&&C.default.createElement(C.default.Fragment,null,C.default.createElement(f.IslandDrag,{islandContainerRef:J},C.default.createElement(a.default,{isVisible:V.isBackCallActive()}),C.default.createElement(s.default,{isVisible:T,uaType:b}),C.default.createElement(g.default,{isVisible:_}),C.default.createElement(d.IslandMotion,null,C.default.createElement(u.AlertGuard,{uaType:b},(re={call:i.default?C.default.createElement(i.default,null):null,keypad:n.default?C.default.createElement(n.default,null):null,transfer:E.ContactListView?C.default.createElement(E.ContactListView,null):null,player:l.KeypadView?C.default.createElement(l.KeypadView,null):null,recorder:c.RecorderView?C.default.createElement(c.RecorderView,null):null,physicalPhoneRecorder:w.PhysicalRecorderView?C.default.createElement(w.PhysicalRecorderView,null):null,settings:p.SettingsView?C.default.createElement(p.SettingsView,null):null,video:v.VideoView?C.default.createElement(v.VideoView,null):null,switchDevice:m.SwitchDeviceView?C.default.createElement(m.SwitchDeviceView,null):null,waitingConference:y.WaitingConferenceView?C.default.createElement(y.WaitingConferenceView,null):null,streamingAnswer:j.StreamingAnswerView?C.default.createElement(j.StreamingAnswerView,null):null,operatorBusy:h.OperatorBusyView?C.default.createElement(h.OperatorBusyView,null):null},ee in re&&re[ee]?C.default.createElement(o.default,{forView:ee},re[ee]):C.default.createElement(C.default.Fragment,null)))))),C.default.createElement("div",{className:"pi-hidden"},C.default.createElement("audio",{loop:M,ref:X}),C.default.createElement("audio",{muted:!0,ref:Y}),C.default.createElement("audio",{autoPlay:!0,ref:Z})))};R.displayName="Island",exports.Island=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../utils/customHooks/useIsomorphicLayoutEffect.js");require("../node_modules/tslib/tslib.es6.js");var r=require("../store/index.js");require("../services/user.js");var i=require("./CallView/index.js"),n=require("./KeypadView/index.js"),l=require("./AudioPlayerView/index.js"),u=require("./AlertGuard.js"),a=require("./CallView/BackCall.js"),s=require("./SideView/SideView.js"),o=require("./ViewsTransition.js"),c=require("./RecorderView/index.js"),d=require("./IslandMotion.js"),f=require("./IslandDrag.js"),w=require("./PhysicalRecorderView/index.js"),p=require("./SettingsView/index.js"),m=require("./SwitchDeviceView/index.js"),V=require("../utils/genericFunctions/isBackCallVisible.js"),v=require("./VideoView/index.js"),y=require("./ConferenceView/index.js"),E=require("./ContactView/ContactListView.js"),j=require("./StreamingAnswerView/index.js"),h=require("./OperatorBusyView/index.js"),g=require("./TranscriptionView/TranscriptionView.js"),q=require("../node_modules/react-redux/es/hooks/useSelector.js"),S=require("../node_modules/react-redux/es/hooks/useDispatch.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=x(e),R=function(x){var R=x.showAlways,b=x.uaType;x.urlParamWithEvent;var A=q.useSelector(function(e){return e.currentCall}),I=A.incoming,P=A.accepted,k=A.outgoing,B=q.useSelector(function(e){return e.island}),D=B.view,T=B.sideViewIsVisible,_=B.transcriptionViewIsVisible,L=B.avoidToShow,O=B.previousView,F=q.useSelector(function(e){return{recording:e.physicalRecorder.recording}}).recording,K=q.useSelector(function(e){return e.alerts.status}).activeAlertsCount,M=q.useSelector(function(e){return e.player}).audioPlayerLoop,N=q.useSelector(function(e){return e.conference}).isActive,W=q.useSelector(function(e){return e.currentUser}),G=W.default_device,U=W.endpoints,z=W.username,H=q.useSelector(function(e){return e.users}).extensions,J=e.useRef(null),Q=S.useDispatch(),X=e.useRef(null),Y=e.useRef(null),Z=e.useRef(null);t.useIsomorphicLayoutEffect(function(){Q.player.updatePlayer({audioPlayer:X,localAudio:Y,remoteAudio:Z})},[]),e.useEffect(function(){var e=r.store.getState().conference,t=e.isActive,i=e.conferenceStartedFrom,n=e.isOwnerInside,l=r.store.getState().currentUser.username;(I||k)&&t&&i===l&&n?Q.island.setIslandView("waitingConference"):!I&&!k||L||Q.island.setIslandView("call")},[I,k,L,N]),e.useEffect(function(){F&&Q.island.setIslandView("physicalPhoneRecorder")},[D]);var $=e.useState(""),ee=$[0],te=$[1];e.useEffect(function(){setTimeout(function(){te(D)},200)},[D]);var re,ie=function(){if(!H||!z)return!1;var e=Object.values(H).filter(function(e){return(null==e?void 0:e.username)===z});return null==e?void 0:e.some(function(e){var t=null==U?void 0:U.extension.find(function(t){return t.id===(null==e?void 0:e.exten)});return"nethlink"===(null==t?void 0:t.type)&&"offline"!==(null==e?void 0:e.status)})};return C.default.createElement("div",{ref:J,className:"pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000"},(I||k||P||R||K>0||"player"===D||"recorder"===D||"physicalPhoneRecorder"===D||"waitingConference"===D&&N||"transfer"===D&&N||"settings"===D&&N||"operatorBusy"===D&&("mobile"===b&&ie()||"desktop"===b&&("webrtc"===(null==G?void 0:G.type)||void 0===(null==G?void 0:G.type)&&!ie()||!ie()&&"physical"===(null==G?void 0:G.type)))||"settings"===D&&("recorder"===O||"player"===O))&&!L&&C.default.createElement(C.default.Fragment,null,C.default.createElement(f.IslandDrag,{islandContainerRef:J},C.default.createElement(a.default,{isVisible:V.isBackCallActive()}),C.default.createElement(s.default,{isVisible:T,uaType:b}),C.default.createElement(g.default,{isVisible:_}),C.default.createElement(d.IslandMotion,null,C.default.createElement(u.AlertGuard,{uaType:b},(re={call:i.default?C.default.createElement(i.default,null):null,keypad:n.default?C.default.createElement(n.default,null):null,transfer:E.ContactListView?C.default.createElement(E.ContactListView,null):null,player:l.KeypadView?C.default.createElement(l.KeypadView,null):null,recorder:c.RecorderView?C.default.createElement(c.RecorderView,null):null,physicalPhoneRecorder:w.PhysicalRecorderView?C.default.createElement(w.PhysicalRecorderView,null):null,settings:p.SettingsView?C.default.createElement(p.SettingsView,null):null,video:v.VideoView?C.default.createElement(v.VideoView,null):null,switchDevice:m.SwitchDeviceView?C.default.createElement(m.SwitchDeviceView,null):null,waitingConference:y.WaitingConferenceView?C.default.createElement(y.WaitingConferenceView,null):null,streamingAnswer:j.StreamingAnswerView?C.default.createElement(j.StreamingAnswerView,null):null,operatorBusy:h.OperatorBusyView?C.default.createElement(h.OperatorBusyView,null):null},ee in re&&re[ee]?C.default.createElement(o.default,{forView:ee},re[ee]):C.default.createElement(C.default.Fragment,null)))))),C.default.createElement("div",{className:"pi-hidden"},C.default.createElement("audio",{loop:M,ref:X}),C.default.createElement("audio",{muted:!0,ref:Y}),C.default.createElement("audio",{autoPlay:!0,ref:Z})))};R.displayName="Island",exports.Island=R;
 //# sourceMappingURL=Island.js.map

package/dist/components/Island.js.map

@@ -1 +1 @@
-{"version":3,"file":"Island.js","sources":["../../src/components/Island.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useState, useRef, useEffect, type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../store'\nimport { useIsomorphicLayoutEffect } from '../utils'\nimport CallView from './CallView'\nimport KeyboardView from './KeypadView'\nimport AudioPlayerView from './AudioPlayerView'\nimport { AlertGuard } from './AlertGuard'\nimport BackCall from './CallView/BackCall'\nimport SideView from './SideView/SideView'\nimport ViewsTransition from './ViewsTransition'\nimport { RecorderView } from './RecorderView'\nimport IslandMotions from './IslandMotion'\nimport IslandDrag from './IslandDrag'\nimport { PhysicalRecorderView } from './PhysicalRecorderView'\nimport { SettingsView } from './SettingsView'\nimport { SwitchDeviceView } from './SwitchDeviceView'\nimport { isBackCallActive } from '../utils/genericFunctions/isBackCallVisible'\nimport VideoView from './VideoView'\nimport { WaitingConferenceView } from './ConferenceView'\nimport { store } from '../store'\nimport { ContactListView } from './ContactView/ContactListView'\nimport StreamingAnswerView from './StreamingAnswerView'\nimport { OperatorBusyView } from './OperatorBusyView'\nimport { TranscriptionView } from './TranscriptionView'\n\n/**\n * Provides the Island logic\n *\n * @param showAlways Sets the Island ever visible\n */\nexport const Island: FC<IslandProps> = ({ showAlways, uaType, urlParamWithEvent }) => {\n  // Get the currentCall info\n  const { incoming, accepted, outgoing } = useSelector((state: RootState) => state.currentCall)\n\n  const { view, sideViewIsVisible, transcriptionViewIsVisible, avoidToShow, previousView } =\n    useSelector((state: RootState) => state.island)\n  const { recording } = useSelector((state: RootState) => ({\n    recording: state.physicalRecorder.recording,\n  }))\n\n  // Get activeAlertsCount from island store\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n\n  // Get audioPlayerLoop value from player store\n  const { audioPlayerLoop } = useSelector((state: RootState) => state.player)\n  const { isActive } = useSelector((state: RootState) => state.conference)\n\n  // Get user information for device logic\n  const { default_device, endpoints, username } = useSelector(\n    (state: RootState) => state.currentUser,\n  )\n  const { extensions } = useSelector((state: RootState) => state.users)\n\n  // The Container reference\n  const islandContainerRef = useRef<any>(null)\n\n  // Initialize useDispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  const audioPlayer = useRef<HTMLAudioElement>(null)\n  const localAudio = useRef<HTMLAudioElement>(null)\n  const remoteAudio = useRef<HTMLAudioElement>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch.player.updatePlayer({\n      audioPlayer: audioPlayer,\n      localAudio: localAudio,\n      remoteAudio: remoteAudio,\n    })\n  }, [])\n\n  // Handle and apply view switch logic\n  // ...set callview as the current view\n  useEffect(() => {\n    const { isActive, conferenceStartedFrom, isOwnerInside } = store.getState().conference\n    const { username } = store.getState().currentUser\n    // Check and switch the view\n    if ((incoming || outgoing) && isActive && conferenceStartedFrom === username && isOwnerInside) {\n      dispatch.island.setIslandView('waitingConference')\n    } else if ((incoming || outgoing) && !avoidToShow) {\n      dispatch.island.setIslandView('call')\n    }\n  }, [incoming, outgoing, avoidToShow, isActive])\n\n  useEffect(() => {\n    if (recording) {\n      dispatch.island.setIslandView('physicalPhoneRecorder')\n    }\n  }, [view])\n\n  const [currentView, setCurrentView] = useState<any>('')\n\n  // Handle island view change\n  useEffect(() => {\n    setTimeout(() => {\n      setCurrentView(view)\n    }, 200)\n  }, [view])\n\n  // Check if there's an online NethLink device\n  const hasOnlineNethlink = () => {\n    if (!extensions || !username) return false\n\n    // Get all extensions for current user\n    const userExtensions: any = Object.values(extensions).filter(\n      (ext) => ext?.username === username,\n    )\n\n    // Check if any extension is nethlink type and online\n    return userExtensions?.some((ext) => {\n      const endpointExtension = endpoints?.extension.find((endpoint) => endpoint.id === ext?.exten)\n      return endpointExtension?.type === 'nethlink' && ext?.status !== 'offline'\n    })\n  }\n\n  return (\n    <div\n      ref={islandContainerRef}\n      className='pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000'\n    >\n      {(incoming ||\n        outgoing ||\n        accepted ||\n        showAlways ||\n        activeAlertsCount > 0 ||\n        view === 'player' ||\n        view === 'recorder' ||\n        view === 'physicalPhoneRecorder' ||\n        (view === 'waitingConference' && isActive) ||\n        (view === 'transfer' && isActive) ||\n        (view === 'settings' && isActive) ||\n        (view === 'operatorBusy' &&\n          ((uaType === 'mobile' && hasOnlineNethlink()) ||\n            (uaType === 'desktop' &&\n              (default_device?.type === 'webrtc' ||\n                (default_device?.type === undefined && !hasOnlineNethlink()) ||\n                (!hasOnlineNethlink() && default_device?.type === 'physical'))))) ||\n        (view === 'settings' && (previousView === 'recorder' || previousView === 'player'))) &&\n        !avoidToShow && (\n          <>\n            <IslandDrag islandContainerRef={islandContainerRef}>\n              {/* Add background call visibility logic */}\n              <BackCall isVisible={isBackCallActive()} />\n              <SideView isVisible={sideViewIsVisible} uaType={uaType} />\n              <TranscriptionView isVisible={transcriptionViewIsVisible} />\n              <IslandMotions>\n                {/* The views logic */}\n                <AlertGuard uaType={uaType}>\n                  {(() => {\n                    const views = {\n                      call: CallView ? <CallView /> : null,\n                      keypad: KeyboardView ? <KeyboardView /> : null,\n                      transfer: ContactListView ? <ContactListView /> : null,\n                      player: AudioPlayerView ? <AudioPlayerView /> : null,\n                      recorder: RecorderView ? <RecorderView /> : null,\n                      physicalPhoneRecorder: PhysicalRecorderView ? <PhysicalRecorderView /> : null,\n                      settings: SettingsView ? <SettingsView /> : null,\n                      video: VideoView ? <VideoView /> : null,\n                      switchDevice: SwitchDeviceView ? <SwitchDeviceView /> : null,\n                      waitingConference: WaitingConferenceView ? <WaitingConferenceView /> : null,\n                      streamingAnswer: StreamingAnswerView ? <StreamingAnswerView /> : null,\n                      operatorBusy: OperatorBusyView ? <OperatorBusyView /> : null,\n                    }\n\n                    return currentView in views && views[currentView as keyof typeof views] ? (\n                      <ViewsTransition forView={currentView}>\n                        {views[currentView as keyof typeof views]}\n                      </ViewsTransition>\n                    ) : (\n                      <></>\n                    )\n                  })()}\n                </AlertGuard>\n              </IslandMotions>\n            </IslandDrag>\n          </>\n        )}\n      <div className='pi-hidden'>\n        <audio loop={audioPlayerLoop} ref={audioPlayer}></audio>\n        <audio muted={true} ref={localAudio}></audio>\n        <audio autoPlay ref={remoteAudio}></audio>\n      </div>\n    </div>\n  )\n}\n\nIsland.displayName = 'Island'\n\ninterface IslandProps {\n  showAlways?: boolean\n  uaType?: string\n  urlParamWithEvent?: boolean\n}\n"],"names":["Island","_a","showAlways","uaType","urlParamWithEvent","_b","useSelector","state","currentCall","incoming","accepted","outgoing","_c","island","view","sideViewIsVisible","transcriptionViewIsVisible","avoidToShow","previousView","recording","physicalRecorder","activeAlertsCount","alerts","status","audioPlayerLoop","player","isActive","conference","_d","currentUser","default_device","endpoints","username","extensions","users","islandContainerRef","useRef","dispatch","useDispatch","audioPlayer","localAudio","remoteAudio","useIsomorphicLayoutEffect","updatePlayer","useEffect","store","getState","conferenceStartedFrom","isOwnerInside","setIslandView","_e","useState","currentView","setCurrentView","setTimeout","views","hasOnlineNethlink","userExtensions","Object","values","filter","ext","some","endpointExtension","extension","find","endpoint","id","exten","type","React","ref","className","undefined","createElement","Fragment","IslandDrag","BackCall","isVisible","isBackCallActive","SideView","TranscriptionView","IslandMotions","AlertGuard","call","CallView","keypad","KeyboardView","transfer","ContactListView","AudioPlayerView","KeypadView","recorder","RecorderView","physicalPhoneRecorder","PhysicalRecorderView","settings","SettingsView","video","VideoView","switchDevice","SwitchDeviceView","waitingConference","WaitingConferenceView","streamingAnswer","StreamingAnswerView","operatorBusy","OperatorBusyView","ViewsTransition","forView","loop","muted","autoPlay","displayName"],"mappings":"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"}
+{"version":3,"file":"Island.js","sources":["../../src/components/Island.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useState, useRef, useEffect, type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../store'\nimport { useIsomorphicLayoutEffect } from '../utils'\nimport CallView from './CallView'\nimport KeyboardView from './KeypadView'\nimport AudioPlayerView from './AudioPlayerView'\nimport { AlertGuard } from './AlertGuard'\nimport BackCall from './CallView/BackCall'\nimport SideView from './SideView/SideView'\nimport ViewsTransition from './ViewsTransition'\nimport { RecorderView } from './RecorderView'\nimport IslandMotions from './IslandMotion'\nimport IslandDrag from './IslandDrag'\nimport { PhysicalRecorderView } from './PhysicalRecorderView'\nimport { SettingsView } from './SettingsView'\nimport { SwitchDeviceView } from './SwitchDeviceView'\nimport { isBackCallActive } from '../utils/genericFunctions/isBackCallVisible'\nimport VideoView from './VideoView'\nimport { WaitingConferenceView } from './ConferenceView'\nimport { store } from '../store'\nimport { ContactListView } from './ContactView/ContactListView'\nimport StreamingAnswerView from './StreamingAnswerView'\nimport { OperatorBusyView } from './OperatorBusyView'\nimport { TranscriptionView } from './TranscriptionView'\n\n/**\n * Provides the Island logic\n *\n * @param showAlways Sets the Island ever visible\n */\nexport const Island: FC<IslandProps> = ({ showAlways, uaType, urlParamWithEvent }) => {\n  // Get the currentCall info\n  const { incoming, accepted, outgoing } = useSelector((state: RootState) => state.currentCall)\n\n  const { view, sideViewIsVisible, transcriptionViewIsVisible, avoidToShow, previousView } =\n    useSelector((state: RootState) => state.island)\n  const { recording } = useSelector((state: RootState) => ({\n    recording: state.physicalRecorder.recording,\n  }))\n\n  // Get activeAlertsCount from island store\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n\n  // Get audioPlayerLoop value from player store\n  const { audioPlayerLoop } = useSelector((state: RootState) => state.player)\n  const { isActive } = useSelector((state: RootState) => state.conference)\n\n  // Get user information for device logic\n  const { default_device, endpoints, username } = useSelector(\n    (state: RootState) => state.currentUser,\n  )\n  const { extensions } = useSelector((state: RootState) => state.users)\n\n  // The Container reference\n  const islandContainerRef = useRef<any>(null)\n\n  // Initialize useDispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  const audioPlayer = useRef<HTMLAudioElement>(null)\n  const localAudio = useRef<HTMLAudioElement>(null)\n  const remoteAudio = useRef<HTMLAudioElement>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch.player.updatePlayer({\n      audioPlayer: audioPlayer,\n      localAudio: localAudio,\n      remoteAudio: remoteAudio,\n    })\n  }, [])\n\n  // Handle and apply view switch logic\n  // ...set callview as the current view\n  useEffect(() => {\n    const { isActive, conferenceStartedFrom, isOwnerInside } = store.getState().conference\n    const { username } = store.getState().currentUser\n    // Check and switch the view\n    if ((incoming || outgoing) && isActive && conferenceStartedFrom === username && isOwnerInside) {\n      dispatch.island.setIslandView('waitingConference')\n    } else if ((incoming || outgoing) && !avoidToShow) {\n      dispatch.island.setIslandView('call')\n    }\n  }, [incoming, outgoing, avoidToShow, isActive])\n\n  useEffect(() => {\n    if (recording) {\n      dispatch.island.setIslandView('physicalPhoneRecorder')\n    }\n  }, [view])\n\n  const [currentView, setCurrentView] = useState<any>('')\n\n  // Handle island view change\n  useEffect(() => {\n    setTimeout(() => {\n      setCurrentView(view)\n    }, 200)\n  }, [view])\n\n  // Check if there's an online NethLink device\n  const hasOnlineNethlink = () => {\n    if (!extensions || !username) return false\n\n    // Get all extensions for current user\n    const userExtensions: any = Object.values(extensions).filter(\n      (ext) => ext?.username === username,\n    )\n\n    // Check if any extension is nethlink type and online\n    return userExtensions?.some((ext) => {\n      const endpointExtension = endpoints?.extension.find((endpoint) => endpoint.id === ext?.exten)\n      return endpointExtension?.type === 'nethlink' && ext?.status !== 'offline'\n    })\n  }\n\n  return (\n    <div\n      ref={islandContainerRef}\n      className='pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000'\n    >\n      {(incoming ||\n        outgoing ||\n        accepted ||\n        showAlways ||\n        activeAlertsCount > 0 ||\n        view === 'player' ||\n        view === 'recorder' ||\n        view === 'physicalPhoneRecorder' ||\n        (view === 'waitingConference' && isActive) ||\n        (view === 'transfer' && isActive) ||\n        (view === 'settings' && isActive) ||\n        (view === 'operatorBusy' &&\n          ((uaType === 'mobile' && hasOnlineNethlink()) ||\n            (uaType === 'desktop' &&\n              (default_device?.type === 'webrtc' ||\n                (default_device?.type === undefined && !hasOnlineNethlink()) ||\n                (!hasOnlineNethlink() && default_device?.type === 'physical'))))) ||\n        (view === 'settings' && (previousView === 'recorder' || previousView === 'player'))) &&\n        !avoidToShow && (\n          <>\n            <IslandDrag islandContainerRef={islandContainerRef}>\n              {/* Add background call visibility logic */}\n              <BackCall isVisible={isBackCallActive()} />\n              <SideView isVisible={sideViewIsVisible} uaType={uaType} />\n              <TranscriptionView isVisible={transcriptionViewIsVisible} />\n              <IslandMotions>\n                {/* The views logic */}\n                <AlertGuard uaType={uaType}>\n                  {(() => {\n                    const views = {\n                      call: CallView ? <CallView /> : null,\n                      keypad: KeyboardView ? <KeyboardView /> : null,\n                      transfer: ContactListView ? <ContactListView /> : null,\n                      player: AudioPlayerView ? <AudioPlayerView /> : null,\n                      recorder: RecorderView ? <RecorderView /> : null,\n                      physicalPhoneRecorder: PhysicalRecorderView ? <PhysicalRecorderView /> : null,\n                      settings: SettingsView ? <SettingsView /> : null,\n                      video: VideoView ? <VideoView /> : null,\n                      switchDevice: SwitchDeviceView ? <SwitchDeviceView /> : null,\n                      waitingConference: WaitingConferenceView ? <WaitingConferenceView /> : null,\n                      streamingAnswer: StreamingAnswerView ? <StreamingAnswerView /> : null,\n                      operatorBusy: OperatorBusyView ? <OperatorBusyView /> : null,\n                    }\n\n                    return currentView in views && views[currentView as keyof typeof views] ? (\n                      <ViewsTransition forView={currentView}>\n                        {views[currentView as keyof typeof views]}\n                      </ViewsTransition>\n                    ) : (\n                      <></>\n                    )\n                  })()}\n                </AlertGuard>\n              </IslandMotions>\n            </IslandDrag>\n          </>\n        )}\n      <div className='pi-hidden'>\n        <audio loop={audioPlayerLoop} ref={audioPlayer}></audio>\n        <audio muted={true} ref={localAudio}></audio>\n        <audio autoPlay ref={remoteAudio}></audio>\n      </div>\n    </div>\n  )\n}\n\nIsland.displayName = 'Island'\n\ninterface IslandProps {\n  showAlways?: boolean\n  uaType?: string\n  urlParamWithEvent?: boolean\n}\n"],"names":["Island","_a","showAlways","uaType","urlParamWithEvent","_b","useSelector","state","currentCall","incoming","accepted","outgoing","_c","island","view","sideViewIsVisible","transcriptionViewIsVisible","avoidToShow","previousView","recording","physicalRecorder","activeAlertsCount","alerts","status","audioPlayerLoop","player","isActive","conference","_d","currentUser","default_device","endpoints","username","extensions","users","islandContainerRef","useRef","dispatch","useDispatch","audioPlayer","localAudio","remoteAudio","useIsomorphicLayoutEffect","updatePlayer","useEffect","store","getState","conferenceStartedFrom","isOwnerInside","setIslandView","_e","useState","currentView","setCurrentView","setTimeout","views","hasOnlineNethlink","userExtensions","Object","values","filter","ext","some","endpointExtension","extension","find","endpoint","id","exten","type","React","ref","className","undefined","createElement","Fragment","IslandDrag","BackCall","isVisible","isBackCallActive","SideView","TranscriptionView","IslandMotions","AlertGuard","call","CallView","keypad","KeyboardView","transfer","ContactListView","AudioPlayerView","KeypadView","recorder","RecorderView","physicalPhoneRecorder","PhysicalRecorderView","settings","SettingsView","video","VideoView","switchDevice","SwitchDeviceView","waitingConference","WaitingConferenceView","streamingAnswer","StreamingAnswerView","operatorBusy","OperatorBusyView","ViewsTransition","forView","loop","muted","autoPlay","displayName"],"mappings":"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"}

package/dist/components/IslandDrag.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"),r=require("../store/index.js");require("../node_modules/react-redux/es/index.js");var o=require("../utils/customHooks/useEventListener.js"),s=require("../utils/customHooks/useLocalStorage.js"),n=require("../utils/customHooks/useLongPress.js"),i=require("../utils/genericFunctions/styleTransformValues.js"),a=require("../lib/island/island.js"),u=require("../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.mjs.js"),l=require("../node_modules/framer-motion/dist/es/animation/hooks/use-animation.mjs.js"),d=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),c=require("../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(t),g=function(p){var g=p.children,v=p.islandContainerRef,j=c.useSelector(function(e){return e.island}).startPosition,x=t.useState(!1),h=x[0],y=x[1],_=m.useDispatch(),q=u.useDragControls(),b=l.useAnimation(),S=s.useLocalStorage("phone-island",null),D=S[0],P=S[1],L=t.useRef(null),k=t.useState(D&&D.position?D.position:null),C=k[0],w=k[1];o.useEventListener("phone-island-reset-position",function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return localStorage.removeItem("phone-island"),w(null),[4,b.start({x:j.x,y:j.y,transition:{duration:.3,ease:"easeOut"}})];case 1:return e.sent(),[2]}})})});var E=n.useLongPress(function(){},function(e){var t,o;if(e&&e.target){var s=e.target;if(s.closest('[data-stop-propagation="true"]')||s.hasAttribute("data-stop-propagation"))return}!(null===(o=null===(t=null===r.store||void 0===r.store?void 0:r.store.getState())||void 0===t?void 0:t.island)||void 0===o?void 0:o.isOpen)&&_.island.handleToggleIsOpen()},h,function(){return y(!1)},{shouldPreventDefault:!0,delay:250});return f.default.createElement(d.motion.div,e.__assign({drag:!0,onPointerDown:function(e){var t=e.target;t.closest('[data-stop-propagation="true"]')||t.hasAttribute("data-stop-propagation")||q.start(e)},onDragStart:function(){y(!0)},dragTransition:{power:0,timeConstant:300},initial:{x:(null==C?void 0:C.x)||j.x,y:(null==C?void 0:C.y)||j.y},animate:b,dragControls:q,dragListener:!1,dragConstraints:v,onDragEnd:function(){if(L.current){var e=i.styleTransformValues(L.current),t=e.x,r=e.y;t=a.xPosition(Math.round(t),L.current,v.current),r=a.yPosition(Math.round(r),L.current,v.current),P({position:{x:t,y:r}}),w({x:t,y:r})}},ref:L},E,{className:"pi-absolute"}),g&&g)};exports.IslandDrag=g,exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../store/index.js");require("../node_modules/react-redux/es/index.js");var s=require("../utils/customHooks/useEventListener.js"),o=require("../utils/customHooks/useLocalStorage.js"),n=require("../utils/customHooks/useLongPress.js"),i=require("../utils/genericFunctions/styleTransformValues.js");require("../services/user.js");var a=require("../lib/island/island.js"),u=require("../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.mjs.js"),l=require("../node_modules/framer-motion/dist/es/animation/hooks/use-animation.mjs.js"),d=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),c=require("../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(t),g=function(p){var g=p.children,v=p.islandContainerRef,j=c.useSelector(function(e){return e.island}).startPosition,x=t.useState(!1),h=x[0],q=x[1],y=m.useDispatch(),_=u.useDragControls(),b=l.useAnimation(),S=o.useLocalStorage("phone-island",null),D=S[0],P=S[1],L=t.useRef(null),k=t.useState(D&&D.position?D.position:null),C=k[0],w=k[1];s.useEventListener("phone-island-reset-position",function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return localStorage.removeItem("phone-island"),w(null),[4,b.start({x:j.x,y:j.y,transition:{duration:.3,ease:"easeOut"}})];case 1:return e.sent(),[2]}})})});var E=n.useLongPress(function(){},function(e){var t,s;if(e&&e.target){var o=e.target;if(o.closest('[data-stop-propagation="true"]')||o.hasAttribute("data-stop-propagation"))return}!(null===(s=null===(t=null===r.store||void 0===r.store?void 0:r.store.getState())||void 0===t?void 0:t.island)||void 0===s?void 0:s.isOpen)&&y.island.handleToggleIsOpen()},h,function(){return q(!1)},{shouldPreventDefault:!0,delay:250});return f.default.createElement(d.motion.div,e.__assign({drag:!0,onPointerDown:function(e){var t=e.target;t.closest('[data-stop-propagation="true"]')||t.hasAttribute("data-stop-propagation")||_.start(e)},onDragStart:function(){q(!0)},dragTransition:{power:0,timeConstant:300},initial:{x:(null==C?void 0:C.x)||j.x,y:(null==C?void 0:C.y)||j.y},animate:b,dragControls:_,dragListener:!1,dragConstraints:v,onDragEnd:function(){if(L.current){var e=i.styleTransformValues(L.current),t=e.x,r=e.y;t=a.xPosition(Math.round(t),L.current,v.current),r=a.yPosition(Math.round(r),L.current,v.current),P({position:{x:t,y:r}}),w({x:t,y:r})}},ref:L},E,{className:"pi-absolute"}),g&&g)};exports.IslandDrag=g,exports.default=g;
 //# sourceMappingURL=IslandDrag.js.map

package/dist/components/IslandDrag.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandDrag.js","sources":["../../src/components/IslandDrag.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useState, useRef, MutableRefObject } from 'react'\nimport { RootState, Dispatch, store } from '../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { motion, useDragControls, useAnimation } from 'framer-motion'\nimport { useLongPress, useLocalStorage, styleTransformValues, useEventListener } from '../utils'\nimport { xPosition, yPosition } from '../lib/island/island'\n\nexport const IslandDrag: FC<IslandDragProps> = ({ children, islandContainerRef }) => {\n  const { startPosition } = useSelector((state: RootState) => state.island)\n\n  // Initialize the moved property\n  const [moved, setMoved] = useState<boolean>(false)\n\n  // Initialize dispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize Island drag controls\n  const controls = useDragControls()\n\n  // Initialize animation controls for reset functionality\n  const animationControls = useAnimation()\n\n  // Initialize Island storage\n  const [phoneIslandStorage, setPhoneIslandStorage] =\n    useLocalStorage<PhoneIslandStorageTypes | null>('phone-island', null)\n\n  // The Island reference\n  const islandRef = useRef<any>(null)\n\n  // Initialize position or get from storage\n  const [position, setPosition] = useState<PositionTypes | null>(\n    phoneIslandStorage && phoneIslandStorage.position ? phoneIslandStorage.position : null,\n  )\n\n  // Handles reset position to default\n  const handleResetPosition = async () => {\n    // Clear localStorage\n    localStorage.removeItem('phone-island')\n    \n    // Reset position state\n    setPosition(null)\n    \n    // Animate back to default position\n    await animationControls.start({\n      x: startPosition.x,\n      y: startPosition.y,\n      transition: {\n        duration: 0.3,\n        ease: 'easeOut',\n      },\n    })\n  }\n\n  // Listen for reset position event\n  useEventListener('phone-island-reset-position', handleResetPosition)\n\n  // Handles the drag started event\n  function handleStartDrag(event: React.PointerEvent<Element>) {\n    const target = event.target as HTMLElement\n    if (\n      target.closest('[data-stop-propagation=\"true\"]') ||\n      target.hasAttribute('data-stop-propagation')\n    ) {\n      return\n    }\n\n    controls.start(event)\n  }\n\n  // Handles log press event\n  const handleLongPress = () => {}\n\n  const handleIslandClick = (event?: React.MouseEvent<Element> | any) => {\n    if (event && event.target) {\n      const target = event.target as HTMLElement\n      if (\n        target.closest('[data-stop-propagation=\"true\"]') ||\n        target.hasAttribute('data-stop-propagation')\n      ) {\n        return\n      }\n    }\n\n    // Only if phone island is close is possible to open it trough the click\n    const isPhoneIslandAlreadyOpen = store?.getState()?.island?.isOpen\n    !isPhoneIslandAlreadyOpen && dispatch.island.handleToggleIsOpen()\n  }\n\n  // Handles drag end event\n  const handleDragEnd = () => {\n    if (!islandRef.current) return\n    // Get initial transform values\n    let { x, y }: any = styleTransformValues(islandRef.current)\n    // Round position\n    x = xPosition(Math.round(x), islandRef.current, islandContainerRef.current)\n    y = yPosition(Math.round(y), islandRef.current, islandContainerRef.current)\n    // Save the new position to localstorage\n    setPhoneIslandStorage({\n      position: {\n        x,\n        y,\n      },\n    })\n    // Set position to variable\n    setPosition({\n      x,\n      y,\n    })\n  }\n\n  // Handles drag started event\n  function handleDragStarted() {\n    setMoved(true)\n  }\n\n  // Initialize the longPressEvent object\n  const longPressEvent = useLongPress(\n    handleLongPress,\n    handleIslandClick,\n    moved,\n    () => setMoved(false),\n    {\n      shouldPreventDefault: true,\n      delay: 250,\n    },\n  )\n\n  return (\n    <motion.div\n      drag\n      onPointerDown={handleStartDrag}\n      onDragStart={handleDragStarted}\n      dragTransition={{ \n        power: 0,\n        timeConstant: 300\n      }}\n      initial={{\n        x: position?.x || startPosition.x,\n        y: position?.y || startPosition.y,\n      }}\n      animate={animationControls}\n      dragControls={controls}\n      dragListener={false}\n      dragConstraints={islandContainerRef}\n      onDragEnd={handleDragEnd}\n      ref={islandRef}\n      {...longPressEvent}\n      className='pi-absolute'\n    >\n      {children && children}\n    </motion.div>\n  )\n}\n\nexport default IslandDrag\n\nexport interface IslandDragProps {\n  children: ReactNode\n  islandContainerRef: MutableRefObject<HTMLDivElement>\n}\n\ninterface PhoneIslandStorageTypes {\n  position: PositionTypes\n}\n\ninterface PositionTypes {\n  x: number\n  y: number\n}\n"],"names":["IslandDrag","_a","children","islandContainerRef","startPosition","useSelector","state","island","_b","useState","moved","setMoved","dispatch","useDispatch","controls","useDragControls","animationControls","useAnimation","_c","useLocalStorage","phoneIslandStorage","setPhoneIslandStorage","islandRef","useRef","_d","position","setPosition","useEventListener","__awaiter","localStorage","removeItem","start","x","y","transition","duration","ease","sent","longPressEvent","useLongPress","event","target","closest","hasAttribute","store","getState","isOpen","handleToggleIsOpen","shouldPreventDefault","delay","React","createElement","motion","div","drag","onPointerDown","onDragStart","dragTransition","power","timeConstant","initial","animate","dragControls","dragListener","dragConstraints","onDragEnd","current","styleTransformValues","xPosition","Math","round","yPosition","ref","className"],"mappings":"k8BAUaA,EAAkC,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAkBF,EAAAE,mBACpEC,EAAkBC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,uBAG5DC,EAAoBC,EAAAA,UAAkB,GAArCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAGhBI,EAAWC,EAAAA,cAGXC,EAAWC,EAAAA,kBAGXC,EAAoBC,EAAAA,eAGpBC,EACJC,EAAAA,gBAAgD,eAAgB,MAD3DC,EAAkBF,EAAA,GAAEG,OAIrBC,EAAYC,SAAY,MAGxBC,EAA0Bf,EAAAA,SAC9BW,GAAsBA,EAAmBK,SAAWL,EAAmBK,SAAW,MAD7EA,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAwB5BG,mBAAiB,8BAnBW,WAAA,OAAAC,EAAAA,eAAA,OAAA,OAAA,EAAA,wEAQ1B,OANAC,aAAaC,WAAW,gBAGxBJ,EAAY,MAGN,CAAA,EAAAV,EAAkBe,MAAM,CAC5BC,EAAG5B,EAAc4B,EACjBC,EAAG7B,EAAc6B,EACjBC,WAAY,CACVC,SAAU,GACVC,KAAM,4BALVnC,EAAAoC,kBAyEF,IAAMC,EAAiBC,EAAAA,aA9CC,aAEE,SAACC,WACzB,GAAIA,GAASA,EAAMC,OAAQ,CACzB,IAAMA,EAASD,EAAMC,OACrB,GACEA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,yBAEpB,MAEH,GAGyD,QAAzBnC,EAAiB,QAAjBP,SAAA2C,EAAAA,YAAK,IAALA,EAAKA,WAAA,EAALA,EAAAA,MAAOC,kBAAU,IAAA5C,OAAA,EAAAA,EAAEM,cAAM,IAAAC,OAAA,EAAAA,EAAEsC,SAC/BlC,EAASL,OAAOwC,oBAC/C,EAiCErC,EACA,WAAM,OAAAC,GAAS,IACf,CACEqC,sBAAsB,EACtBC,MAAO,MAIX,OACEC,EAAC,QAAAC,cAAAC,SAAOC,gBACNC,MAAI,EACJC,cAzEJ,SAAyBf,GACvB,IAAMC,EAASD,EAAMC,OAEnBA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,0BAKtB7B,EAASiB,MAAMS,EAChB,EAgEGgB,YApBJ,WACE7C,GAAS,EACV,EAmBG8C,eAAgB,CACdC,MAAO,EACPC,aAAc,KAEhBC,QAAS,CACP5B,GAAGP,aAAQ,EAARA,EAAUO,IAAK5B,EAAc4B,EAChCC,GAAGR,aAAQ,EAARA,EAAUQ,IAAK7B,EAAc6B,GAElC4B,QAAS7C,EACT8C,aAAchD,EACdiD,cAAc,EACdC,gBAAiB7D,EACjB8D,UAvDkB,WACpB,GAAK3C,EAAU4C,QAAf,CAEI,IAAAjE,EAAgBkE,EAAAA,qBAAqB7C,EAAU4C,SAA7ClC,EAAC/B,EAAA+B,EAAEC,MAETD,EAAIoC,EAAAA,UAAUC,KAAKC,MAAMtC,GAAIV,EAAU4C,QAAS/D,EAAmB+D,SACnEjC,EAAIsC,EAAAA,UAAUF,KAAKC,MAAMrC,GAAIX,EAAU4C,QAAS/D,EAAmB+D,SAEnE7C,EAAsB,CACpBI,SAAU,CACRO,EAACA,EACDC,EAACA,KAILP,EAAY,CACVM,EAACA,EACDC,EAACA,GAhB2B,CAkBhC,EAqCIuC,IAAKlD,GACDgB,EACJ,CAAAmC,UAAU,gBAETvE,GAAYA,EAGnB"}
+{"version":3,"file":"IslandDrag.js","sources":["../../src/components/IslandDrag.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useState, useRef, MutableRefObject } from 'react'\nimport { RootState, Dispatch, store } from '../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { motion, useDragControls, useAnimation } from 'framer-motion'\nimport { useLongPress, useLocalStorage, styleTransformValues, useEventListener } from '../utils'\nimport { xPosition, yPosition } from '../lib/island/island'\n\nexport const IslandDrag: FC<IslandDragProps> = ({ children, islandContainerRef }) => {\n  const { startPosition } = useSelector((state: RootState) => state.island)\n\n  // Initialize the moved property\n  const [moved, setMoved] = useState<boolean>(false)\n\n  // Initialize dispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize Island drag controls\n  const controls = useDragControls()\n\n  // Initialize animation controls for reset functionality\n  const animationControls = useAnimation()\n\n  // Initialize Island storage\n  const [phoneIslandStorage, setPhoneIslandStorage] =\n    useLocalStorage<PhoneIslandStorageTypes | null>('phone-island', null)\n\n  // The Island reference\n  const islandRef = useRef<any>(null)\n\n  // Initialize position or get from storage\n  const [position, setPosition] = useState<PositionTypes | null>(\n    phoneIslandStorage && phoneIslandStorage.position ? phoneIslandStorage.position : null,\n  )\n\n  // Handles reset position to default\n  const handleResetPosition = async () => {\n    // Clear localStorage\n    localStorage.removeItem('phone-island')\n    \n    // Reset position state\n    setPosition(null)\n    \n    // Animate back to default position\n    await animationControls.start({\n      x: startPosition.x,\n      y: startPosition.y,\n      transition: {\n        duration: 0.3,\n        ease: 'easeOut',\n      },\n    })\n  }\n\n  // Listen for reset position event\n  useEventListener('phone-island-reset-position', handleResetPosition)\n\n  // Handles the drag started event\n  function handleStartDrag(event: React.PointerEvent<Element>) {\n    const target = event.target as HTMLElement\n    if (\n      target.closest('[data-stop-propagation=\"true\"]') ||\n      target.hasAttribute('data-stop-propagation')\n    ) {\n      return\n    }\n\n    controls.start(event)\n  }\n\n  // Handles log press event\n  const handleLongPress = () => {}\n\n  const handleIslandClick = (event?: React.MouseEvent<Element> | any) => {\n    if (event && event.target) {\n      const target = event.target as HTMLElement\n      if (\n        target.closest('[data-stop-propagation=\"true\"]') ||\n        target.hasAttribute('data-stop-propagation')\n      ) {\n        return\n      }\n    }\n\n    // Only if phone island is close is possible to open it trough the click\n    const isPhoneIslandAlreadyOpen = store?.getState()?.island?.isOpen\n    !isPhoneIslandAlreadyOpen && dispatch.island.handleToggleIsOpen()\n  }\n\n  // Handles drag end event\n  const handleDragEnd = () => {\n    if (!islandRef.current) return\n    // Get initial transform values\n    let { x, y }: any = styleTransformValues(islandRef.current)\n    // Round position\n    x = xPosition(Math.round(x), islandRef.current, islandContainerRef.current)\n    y = yPosition(Math.round(y), islandRef.current, islandContainerRef.current)\n    // Save the new position to localstorage\n    setPhoneIslandStorage({\n      position: {\n        x,\n        y,\n      },\n    })\n    // Set position to variable\n    setPosition({\n      x,\n      y,\n    })\n  }\n\n  // Handles drag started event\n  function handleDragStarted() {\n    setMoved(true)\n  }\n\n  // Initialize the longPressEvent object\n  const longPressEvent = useLongPress(\n    handleLongPress,\n    handleIslandClick,\n    moved,\n    () => setMoved(false),\n    {\n      shouldPreventDefault: true,\n      delay: 250,\n    },\n  )\n\n  return (\n    <motion.div\n      drag\n      onPointerDown={handleStartDrag}\n      onDragStart={handleDragStarted}\n      dragTransition={{ \n        power: 0,\n        timeConstant: 300\n      }}\n      initial={{\n        x: position?.x || startPosition.x,\n        y: position?.y || startPosition.y,\n      }}\n      animate={animationControls}\n      dragControls={controls}\n      dragListener={false}\n      dragConstraints={islandContainerRef}\n      onDragEnd={handleDragEnd}\n      ref={islandRef}\n      {...longPressEvent}\n      className='pi-absolute'\n    >\n      {children && children}\n    </motion.div>\n  )\n}\n\nexport default IslandDrag\n\nexport interface IslandDragProps {\n  children: ReactNode\n  islandContainerRef: MutableRefObject<HTMLDivElement>\n}\n\ninterface PhoneIslandStorageTypes {\n  position: PositionTypes\n}\n\ninterface PositionTypes {\n  x: number\n  y: number\n}\n"],"names":["IslandDrag","_a","children","islandContainerRef","startPosition","useSelector","state","island","_b","useState","moved","setMoved","dispatch","useDispatch","controls","useDragControls","animationControls","useAnimation","_c","useLocalStorage","phoneIslandStorage","setPhoneIslandStorage","islandRef","useRef","_d","position","setPosition","useEventListener","__awaiter","localStorage","removeItem","start","x","y","transition","duration","ease","sent","longPressEvent","useLongPress","event","target","closest","hasAttribute","store","getState","isOpen","handleToggleIsOpen","shouldPreventDefault","delay","React","createElement","motion","div","drag","onPointerDown","onDragStart","dragTransition","power","timeConstant","initial","animate","dragControls","dragListener","dragConstraints","onDragEnd","current","styleTransformValues","xPosition","Math","round","yPosition","ref","className"],"mappings":"q+BAUaA,EAAkC,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAkBF,EAAAE,mBACpEC,EAAkBC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,uBAG5DC,EAAoBC,EAAAA,UAAkB,GAArCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAGhBI,EAAWC,EAAAA,cAGXC,EAAWC,EAAAA,kBAGXC,EAAoBC,EAAAA,eAGpBC,EACJC,EAAAA,gBAAgD,eAAgB,MAD3DC,EAAkBF,EAAA,GAAEG,OAIrBC,EAAYC,SAAY,MAGxBC,EAA0Bf,EAAAA,SAC9BW,GAAsBA,EAAmBK,SAAWL,EAAmBK,SAAW,MAD7EA,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAwB5BG,mBAAiB,8BAnBW,WAAA,OAAAC,EAAAA,eAAA,OAAA,OAAA,EAAA,wEAQ1B,OANAC,aAAaC,WAAW,gBAGxBJ,EAAY,MAGN,CAAA,EAAAV,EAAkBe,MAAM,CAC5BC,EAAG5B,EAAc4B,EACjBC,EAAG7B,EAAc6B,EACjBC,WAAY,CACVC,SAAU,GACVC,KAAM,4BALVnC,EAAAoC,kBAyEF,IAAMC,EAAiBC,EAAAA,aA9CC,aAEE,SAACC,WACzB,GAAIA,GAASA,EAAMC,OAAQ,CACzB,IAAMA,EAASD,EAAMC,OACrB,GACEA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,yBAEpB,MAEH,GAGyD,QAAzBnC,EAAiB,QAAjBP,SAAA2C,EAAAA,YAAK,IAALA,EAAKA,WAAA,EAALA,EAAAA,MAAOC,kBAAU,IAAA5C,OAAA,EAAAA,EAAEM,cAAM,IAAAC,OAAA,EAAAA,EAAEsC,SAC/BlC,EAASL,OAAOwC,oBAC/C,EAiCErC,EACA,WAAM,OAAAC,GAAS,IACf,CACEqC,sBAAsB,EACtBC,MAAO,MAIX,OACEC,EAAC,QAAAC,cAAAC,SAAOC,gBACNC,MAAI,EACJC,cAzEJ,SAAyBf,GACvB,IAAMC,EAASD,EAAMC,OAEnBA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,0BAKtB7B,EAASiB,MAAMS,EAChB,EAgEGgB,YApBJ,WACE7C,GAAS,EACV,EAmBG8C,eAAgB,CACdC,MAAO,EACPC,aAAc,KAEhBC,QAAS,CACP5B,GAAGP,aAAQ,EAARA,EAAUO,IAAK5B,EAAc4B,EAChCC,GAAGR,aAAQ,EAARA,EAAUQ,IAAK7B,EAAc6B,GAElC4B,QAAS7C,EACT8C,aAAchD,EACdiD,cAAc,EACdC,gBAAiB7D,EACjB8D,UAvDkB,WACpB,GAAK3C,EAAU4C,QAAf,CAEI,IAAAjE,EAAgBkE,EAAAA,qBAAqB7C,EAAU4C,SAA7ClC,EAAC/B,EAAA+B,EAAEC,MAETD,EAAIoC,EAAAA,UAAUC,KAAKC,MAAMtC,GAAIV,EAAU4C,QAAS/D,EAAmB+D,SACnEjC,EAAIsC,EAAAA,UAAUF,KAAKC,MAAMrC,GAAIX,EAAU4C,QAAS/D,EAAmB+D,SAEnE7C,EAAsB,CACpBI,SAAU,CACRO,EAACA,EACDC,EAACA,KAILP,EAAY,CACVM,EAACA,EACDC,EAACA,GAhB2B,CAkBhC,EAqCIuC,IAAKlD,GACDgB,EACJ,CAAAmC,UAAU,gBAETvE,GAAYA,EAGnB"}

package/dist/components/IslandMotion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var t=require("../lib/phone/conversation.js"),d=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),a=require("../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),h=function(n){var h=n.children,o=a.useSelector(function(e){return e.currentCall}),s=o.incoming,c=o.outgoing,l=o.accepted,g=o.transferring,p=o.incomingWebRTC,u=o.incomingSocket,w=o.conferencing,x=o.throughQueue,f=o.queueName,m=o.queueNumber,v=o.displayName,b=a.useSelector(function(e){return e.listen}).isListen,y=a.useSelector(function(e){return e.island}),_=y.view,k=y.isOpen,S=y.actionsExpanded,A=y.sideViewIsVisible,j=y.transcriptionViewIsVisible,q=y.isFromStreaming,C=y.isExtraLarge,E=a.useSelector(function(e){return e.alerts.status}).activeAlertsCount,B=a.useSelector(function(e){return e.motions}),N=B.variants,D=B.border_radius_collapsed,L=B.border_radius_expanded,I=B.border_radius_collapsed_conference,O=B.padding_x_collapsed,V=B.padding_y_collapsed,M=B.padding_expanded,Q=B.alert_padding_expanded,R=a.useSelector(function(e){return e.conference}).isActive,z=e.useMemo(function(){var e={width:0,height:0,padding:M};switch(_){case"call":if(k)if(l&&g&&w)e=S?{width:N.call.expanded.transfer.actionsExpanded.width,height:N.call.expanded.transfer.actionsExpanded.height}:{width:N.call.expanded.transfer.width,height:N.call.expanded.transfer.height};else if(l&&S)e={width:N.call.expanded.accepted.actionsExpanded.width,height:N.call.expanded.accepted.actionsExpanded.height};else if(l&&!b)e={width:N.call.expanded.accepted.width,height:N.call.expanded.accepted.height};else if(l&&b)e={width:N.call.expanded.listening.width,height:N.call.expanded.listening.height};else if(s&&!q){e=s&&!l&&x&&Boolean(f||m)&&!t.isNumberOnlyName(v)?{width:N.call.expanded.incomingQueue.width,height:N.call.expanded.incomingQueue.height}:{width:N.call.expanded.incoming.width,height:N.call.expanded.incoming.height}}else s&&q?e={width:N.call.expanded.incomingStreaming.width,height:N.call.expanded.incomingStreaming.height}:c&&!q?e={width:N.call.expanded.outgoing.width,height:N.call.expanded.outgoing.height}:c&&q&&(e={width:N.call.expanded.outgoingStreaming.width,height:N.call.expanded.outgoingStreaming.height});else e={width:N.call.collapsed.width,height:N.call.collapsed.height};break;case"keypad":e=k?{width:N.keypad.expanded.width,height:N.keypad.expanded.height}:{width:N.transfer.collapsed.width,height:N.transfer.collapsed.height};break;case"video":e=k?{width:N.video.expanded.width,height:N.video.expanded.height,padding:N.video.expanded.padding}:{width:N.video.collapsed.width,height:N.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=k?{width:N[_].expanded.width,height:N[_].expanded.height}:{width:N[_].collapsed.width,height:N[_].collapsed.height};break;case"switchDevice":e=k?{width:N.switchDevice.expanded.width,height:N.switchDevice.expanded.height}:{width:N.video.collapsed.width,height:N.video.collapsed.height};break;case"waitingConference":e=k?{width:N.waitingConference.expanded.width,height:N.waitingConference.expanded.height}:{width:N.waitingConference.collapsed.width,height:N.waitingConference.collapsed.height};break;case"streamingAnswer":e=k?C?{width:N.streamingAnswer.extraLarge.width,height:N.streamingAnswer.extraLarge.height,padding:N.streamingAnswer.extraLarge.padding}:{width:N.streamingAnswer.expanded.width,height:N.streamingAnswer.expanded.height,padding:N.streamingAnswer.expanded.padding}:{width:N.streamingAnswer.collapsed.width,height:N.streamingAnswer.collapsed.height};break;case"operatorBusy":e=k?{width:N.operatorBusy.expanded.width,height:N.operatorBusy.expanded.height}:{width:N.operatorBusy.collapsed.width,height:N.operatorBusy.collapsed.height}}var i=E>0;return{width:"".concat(0===e.width&&i?N.alerts.width:e.width,"px"),height:"".concat(i&&k?N.alerts.height+(0===e.height?2*Q:Q):e.height,"px"),borderRadius:"".concat(k?L:R&&"waitingConference"===_?I:D,"px"),padding:k?null!=e.padding?"".concat(e.padding,"px"):"".concat(M,"px"):"".concat(O,"px ").concat(V,"px")}},[_,k,l,g,S,b,s,c,E,N,D,L,O,V,M,Q,p,u,R,q,C,x,f,m,v]);return e.useEffect(function(){var e={};e.width=null==z?void 0:z.width,e.height=null==z?void 0:z.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})},[z,_,k,l,g,S,b,s,c,E,N,D,L,O,V,M,Q,A,j,u,p,R,C]),r.default.createElement(d.motion.div,{className:"".concat(k?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:z,transition:{duration:.15,ease:"easeOut"}},h)};exports.IslandMotion=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/customHooks/useIsomorphicLayoutEffect.js"),t=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js"),require("../services/user.js");var d=require("../lib/phone/conversation.js"),a=require("../utils/customHooks/useStreamingAspectRatio.js"),r=require("../utils/streaming/previewSize.js"),n=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),o=require("../node_modules/react-redux/es/hooks/useSelector.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=h(e),c=function(h){var c=h.children,l=o.useSelector(function(e){return e.currentCall}),p=l.incoming,g=l.outgoing,u=l.accepted,w=l.transferring,x=l.incomingWebRTC,f=l.incomingSocket,m=l.conferencing,v=l.throughQueue,b=l.queueName,y=l.queueNumber,S=l.displayName,_=o.useSelector(function(e){return e.listen}).isListen,k=o.useSelector(function(e){return e.island}),j=k.view,q=k.isOpen,B=k.actionsExpanded,C=k.sideViewIsVisible,A=k.transcriptionViewIsVisible,E=k.isFromStreaming,H=k.isExtraLarge,I=o.useSelector(function(e){return e.alerts.status}).activeAlertsCount,N=o.useSelector(function(e){return e.motions}),R=N.variants,D=N.border_radius_collapsed,L=N.border_radius_expanded,O=N.border_radius_collapsed_conference,W=N.padding_x_collapsed,z=N.padding_y_collapsed,F=N.padding_expanded,P=N.alert_padding_expanded,V=o.useSelector(function(e){return e.conference}).isActive,M=a.useStreamingAspectRatio(),Q=o.useSelector(function(e){return e.streaming}),T=Q.gateChooserOpen,G=Q.contentHeight,J=e.useRef(null),K=e.useState({borderBox:!0,border:2}),U=K[0],X=K[1];i.useIsomorphicLayoutEffect(function(){if(J.current){var e=getComputedStyle(J.current),i=(parseFloat(e.borderTopWidth)||0)+(parseFloat(e.borderBottomWidth)||0),t="border-box"===e.boxSizing;t===U.borderBox&&i===U.border||X({borderBox:t,border:i})}},[]);var Y=function(e,i,t){return G&&G.view===e?G.height+(U.borderBox?2*i+U.border:0):t},Z=e.useMemo(function(){var e={width:0,height:0,padding:F};switch(j){case"call":if(q)if(u&&w&&m)e=B?{width:R.call.expanded.transfer.actionsExpanded.width,height:R.call.expanded.transfer.actionsExpanded.height}:{width:R.call.expanded.transfer.width,height:R.call.expanded.transfer.height};else if(u&&B)e={width:R.call.expanded.accepted.actionsExpanded.width,height:R.call.expanded.accepted.actionsExpanded.height};else if(u&&!_)e={width:R.call.expanded.accepted.width,height:R.call.expanded.accepted.height};else if(u&&_)e={width:R.call.expanded.listening.width,height:R.call.expanded.listening.height};else if(p&&!E){e=p&&!u&&v&&Boolean(b||y)&&!d.isNumberOnlyName(S)?{width:R.call.expanded.incomingQueue.width,height:R.call.expanded.incomingQueue.height}:{width:R.call.expanded.incoming.width,height:R.call.expanded.incoming.height}}else if((p||g)&&E){e={width:(i=p?R.call.expanded.incomingStreaming:R.call.expanded.outgoingStreaming).width,height:Y("call",F,i.height+r.getStreamingPreviewHeight(i.previewWidth,M)+(T?i.gatesHeight:0))}}else g&&!E&&(e={width:R.call.expanded.outgoing.width,height:R.call.expanded.outgoing.height});else e={width:R.call.collapsed.width,height:R.call.collapsed.height};break;case"keypad":e=q?{width:R.keypad.expanded.width,height:R.keypad.expanded.height}:{width:R.transfer.collapsed.width,height:R.transfer.collapsed.height};break;case"video":e=q?{width:R.video.expanded.width,height:R.video.expanded.height,padding:R.video.expanded.padding}:{width:R.video.collapsed.width,height:R.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=q?{width:R[j].expanded.width,height:R[j].expanded.height}:{width:R[j].collapsed.width,height:R[j].collapsed.height};break;case"switchDevice":e=q?{width:R.switchDevice.expanded.width,height:R.switchDevice.expanded.height}:{width:R.video.collapsed.width,height:R.video.collapsed.height};break;case"waitingConference":e=q?{width:R.waitingConference.expanded.width,height:R.waitingConference.expanded.height}:{width:R.waitingConference.collapsed.width,height:R.waitingConference.collapsed.height};break;case"streamingAnswer":var i=H?R.streamingAnswer.extraLarge:R.streamingAnswer.expanded;e=q?{width:i.width,height:Y("streamingAnswer",i.padding,i.height+r.getStreamingPreviewHeight(i.previewWidth,M)),padding:i.padding}:{width:R.streamingAnswer.collapsed.width,height:R.streamingAnswer.collapsed.height};break;case"operatorBusy":e=q?{width:R.operatorBusy.expanded.width,height:R.operatorBusy.expanded.height}:{width:R.operatorBusy.collapsed.width,height:R.operatorBusy.collapsed.height}}var t=I>0;return{width:"".concat(0===e.width&&t?R.alerts.width:e.width,"px"),height:"".concat(t&&q?R.alerts.height+(0===e.height?2*P:P):e.height,"px"),borderRadius:"".concat(q?L:V&&"waitingConference"===j?O:D,"px"),padding:q?null!=e.padding?"".concat(e.padding,"px"):"".concat(F,"px"):"".concat(W,"px ").concat(z,"px")}},[j,q,u,w,B,_,p,g,I,R,D,L,W,z,F,P,x,f,V,E,H,M,T,G,U,v,b,y,S]);return e.useEffect(function(){var e={};e.width=null==Z?void 0:Z.width,e.height=null==Z?void 0:Z.height,t.eventDispatch("phone-island-size-change",{sizeInformation:e})},[Z,j,q,u,w,B,_,p,g,I,R,D,L,W,z,F,P,C,A,f,x,V,H]),s.default.createElement(n.motion.div,{ref:J,className:"".concat(q?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:Z,transition:{duration:.15,ease:"easeOut"}},c)};exports.IslandMotion=c,exports.default=c;
 //# sourceMappingURL=IslandMotion.js.map

package/dist/components/IslandMotion.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\nimport { isNumberOnlyName } from '../lib/phone/conversation'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n  // Retrieve needed stored variables\n  const {\n    incoming,\n    outgoing,\n    accepted,\n    transferring,\n    incomingWebRTC,\n    incomingSocket,\n    conferencing,\n    throughQueue,\n    queueName,\n    queueNumber,\n    displayName,\n  } = useSelector((state: RootState) => state.currentCall)\n  const { isListen } = useSelector((state: RootState) => state.listen)\n  const { view, isOpen, actionsExpanded, sideViewIsVisible,transcriptionViewIsVisible, isFromStreaming, isExtraLarge } = useSelector(\n    (state: RootState) => state.island,\n  )\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n  const {\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    border_radius_collapsed_conference,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n    alert_padding_expanded,\n  } = useSelector((state: RootState) => state.motions)\n  const { isActive } = useSelector((state: RootState) => state.conference)\n\n  const motionVariants = useMemo(() => {\n    // Initial size\n    let size: SizeTypes = {\n      width: 0,\n      height: 0,\n      padding: padding_expanded,\n    }\n\n    switch (view) {\n      case 'call':\n        if (isOpen) {\n          if (accepted && transferring && conferencing) {\n            if (actionsExpanded) {\n              size = {\n                width: variants.call.expanded.transfer.actionsExpanded.width,\n                height: variants.call.expanded.transfer.actionsExpanded.height,\n              }\n            } else {\n              size = {\n                width: variants.call.expanded.transfer.width,\n                height: variants.call.expanded.transfer.height,\n              }\n            }\n          } else if (accepted && actionsExpanded) {\n            size = {\n              width: variants.call.expanded.accepted.actionsExpanded.width,\n              height: variants.call.expanded.accepted.actionsExpanded.height,\n            }\n          } else if (accepted && !isListen) {\n            size = {\n              width: variants.call.expanded.accepted.width,\n              height: variants.call.expanded.accepted.height,\n            }\n          } else if (accepted && isListen) {\n            size = {\n              width: variants.call.expanded.listening.width,\n              height: variants.call.expanded.listening.height,\n            }\n          } else if (incoming && !isFromStreaming) {\n            const showIncomingQueueBadge =\n              incoming && !accepted && throughQueue && Boolean(queueName || queueNumber)\n            size = showIncomingQueueBadge && !isNumberOnlyName(displayName)\n              ? {\n                width: variants.call.expanded.incomingQueue.width,\n                height: variants.call.expanded.incomingQueue.height,\n              }\n              : {\n                width: variants.call.expanded.incoming.width,\n                height: variants.call.expanded.incoming.height,\n              }\n          } else if (incoming && isFromStreaming) {\n            size = {\n              width: variants.call.expanded.incomingStreaming.width,\n              height: variants.call.expanded.incomingStreaming.height,\n            }\n          } else if (outgoing && !isFromStreaming) {\n            size = {\n              width: variants.call.expanded.outgoing.width,\n              height: variants.call.expanded.outgoing.height,\n            }\n          } else if (outgoing && isFromStreaming) {\n            size = {\n              width: variants.call.expanded.outgoingStreaming.width,\n              height: variants.call.expanded.outgoingStreaming.height,\n            }\n          }\n        } else {\n          size = {\n            width: variants.call.collapsed.width,\n            height: variants.call.collapsed.height,\n          }\n        }\n        break\n\n      case 'keypad':\n        size = isOpen\n          ? {\n            width: variants.keypad.expanded.width,\n            height: variants.keypad.expanded.height,\n          }\n          : {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        break\n\n      case 'video':\n        if (isOpen) {\n          size = {\n            width: variants.video.expanded.width,\n            height: variants.video.expanded.height,\n            padding: variants.video.expanded.padding,\n          }\n        } else {\n          size = {\n            width: variants.video.collapsed.width,\n            height: variants.video.collapsed.height,\n          }\n        }\n        break\n      case 'transfer':\n      case 'player':\n      case 'recorder':\n      case 'physicalPhoneRecorder':\n      case 'settings':\n      case 'conference':\n        size = isOpen\n          ? {\n            width: variants[view].expanded.width,\n            height: variants[view].expanded.height,\n          }\n          : {\n            width: variants[view].collapsed.width,\n            height: variants[view].collapsed.height,\n          }\n        break\n\n      case 'switchDevice':\n        size = isOpen\n          ? {\n            width: variants.switchDevice.expanded.width,\n            height: variants.switchDevice.expanded.height,\n          }\n          : {\n            width: variants.video.collapsed.width,\n            height: variants.video.collapsed.height,\n          }\n        break\n\n      case 'waitingConference':\n        size = isOpen\n          ? {\n            width: variants.waitingConference.expanded.width,\n            height: variants.waitingConference.expanded.height,\n          }\n          : {\n            width: variants.waitingConference.collapsed.width,\n            height: variants.waitingConference.collapsed.height,\n          }\n        break\n      case 'streamingAnswer':\n        size = isOpen\n          ? isExtraLarge\n            ? {\n              width: variants.streamingAnswer.extraLarge.width,\n              height: variants.streamingAnswer.extraLarge.height,\n              padding: variants.streamingAnswer.extraLarge.padding,\n            }\n            : {\n              width: variants.streamingAnswer.expanded.width,\n              height: variants.streamingAnswer.expanded.height,\n              padding: variants.streamingAnswer.expanded.padding,\n            }\n          : {\n            width: variants.streamingAnswer.collapsed.width,\n            height: variants.streamingAnswer.collapsed.height,\n          }\n        break\n        case 'operatorBusy':\n        size = isOpen\n          ? {\n            width: variants.operatorBusy.expanded.width,\n            height: variants.operatorBusy.expanded.height,\n          }\n          : {\n            width: variants.operatorBusy.collapsed.width,\n            height: variants.operatorBusy.collapsed.height,\n          }\n        break\n    }\n\n    const isAlert: boolean = activeAlertsCount > 0\n\n    return {\n      width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n      height: `${\n        // If there is an alert and the island is open put the correct height\n        isAlert && isOpen\n          ? variants.alerts.height +\n          (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n          : size.height\n        }px`,\n      borderRadius: isOpen\n        ? `${border_radius_expanded}px`\n        : isActive && view === 'waitingConference'\n          ? `${border_radius_collapsed_conference}px`\n          : `${border_radius_collapsed}px`,\n      padding: isOpen\n        ? size.padding != undefined\n          ? `${size.padding}px`\n          : `${padding_expanded}px`\n        : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n    }\n  }, [\n    view,\n    isOpen,\n    accepted,\n    transferring,\n    actionsExpanded,\n    isListen,\n    incoming,\n    outgoing,\n    activeAlertsCount,\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n    alert_padding_expanded,\n    incomingWebRTC,\n    incomingSocket,\n    isActive,\n    isFromStreaming,\n    isExtraLarge,\n    throughQueue,\n    queueName,\n    queueNumber,\n    displayName,\n  ])\n\n  useEffect(() => {\n    let sizeInformation: any = {}\n    sizeInformation.width = motionVariants?.width\n    sizeInformation.height = motionVariants?.height\n    eventDispatch('phone-island-size-change', {\n      sizeInformation,\n    })\n  }, [\n    motionVariants,\n    view,\n    isOpen,\n    accepted,\n    transferring,\n    actionsExpanded,\n    isListen,\n    incoming,\n    outgoing,\n    activeAlertsCount,\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n    alert_padding_expanded,\n    sideViewIsVisible,\n    transcriptionViewIsVisible,\n    incomingSocket,\n    incomingWebRTC,\n    isActive,\n    isExtraLarge,\n  ])\n\n  return (\n    <motion.div\n      className={`${isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n        } pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow`}\n      animate={motionVariants}\n      transition={{\n        duration: 0.15,\n        ease: 'easeOut',\n      }}\n    >\n      {children}\n    </motion.div>\n  )\n}\n\ninterface IslandMotionProps {\n  children: ReactNode\n}\n\ntype SizeTypes = {\n  width: number\n  height: number\n  padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","conferencing","throughQueue","queueName","queueNumber","displayName","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","isFromStreaming","isExtraLarge","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","border_radius_collapsed_conference","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","isActive","conference","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","Boolean","isNumberOnlyName","incomingQueue","incomingStreaming","outgoingStreaming","collapsed","keypad","video","switchDevice","waitingConference","streamingAnswer","extraLarge","operatorBusy","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate","transition","duration","ease"],"mappings":"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"}
+{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect, useRef, useState } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\nimport { isNumberOnlyName } from '../lib/phone/conversation'\nimport { useStreamingAspectRatio } from '../utils/customHooks/useStreamingAspectRatio'\nimport { useIsomorphicLayoutEffect } from '../utils'\nimport { getStreamingPreviewHeight } from '../utils/streaming/previewSize'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n  // Retrieve needed stored variables\n  const {\n    incoming,\n    outgoing,\n    accepted,\n    transferring,\n    incomingWebRTC,\n    incomingSocket,\n    conferencing,\n    throughQueue,\n    queueName,\n    queueNumber,\n    displayName,\n  } = useSelector((state: RootState) => state.currentCall)\n  const { isListen } = useSelector((state: RootState) => state.listen)\n  const { view, isOpen, actionsExpanded, sideViewIsVisible,transcriptionViewIsVisible, isFromStreaming, isExtraLarge } = useSelector(\n    (state: RootState) => state.island,\n  )\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n  const {\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    border_radius_collapsed_conference,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n    alert_padding_expanded,\n  } = useSelector((state: RootState) => state.motions)\n  const { isActive } = useSelector((state: RootState) => state.conference)\n  // video source calls: the island fits the picture of the source and the gate chooser\n  const streamingAspectRatio = useStreamingAspectRatio()\n  const { gateChooserOpen, contentHeight } = useSelector((state: RootState) => state.streaming)\n\n  // the measured content height of a streaming view becomes the island height: with a\n  // border-box island (host styles) its padding and border are added, with content-box not\n  const islandRef = useRef<HTMLDivElement>(null)\n  const [islandBox, setIslandBox] = useState({ borderBox: true, border: 2 })\n  useIsomorphicLayoutEffect(() => {\n    if (!islandRef.current) return\n    const style = getComputedStyle(islandRef.current)\n    const border =\n      (parseFloat(style.borderTopWidth) || 0) + (parseFloat(style.borderBottomWidth) || 0)\n    const borderBox = style.boxSizing === 'border-box'\n    if (borderBox !== islandBox.borderBox || border !== islandBox.border) {\n      setIslandBox({ borderBox, border })\n    }\n  }, [])\n  const streamingHeight = (\n    view: 'call' | 'streamingAnswer',\n    padding: number,\n    estimate: number,\n  ): number =>\n    contentHeight && contentHeight.view === view\n      ? contentHeight.height + (islandBox.borderBox ? padding * 2 + islandBox.border : 0)\n      : estimate\n\n  const motionVariants = useMemo(() => {\n    // Initial size\n    let size: SizeTypes = {\n      width: 0,\n      height: 0,\n      padding: padding_expanded,\n    }\n\n    switch (view) {\n      case 'call':\n        if (isOpen) {\n          if (accepted && transferring && conferencing) {\n            if (actionsExpanded) {\n              size = {\n                width: variants.call.expanded.transfer.actionsExpanded.width,\n                height: variants.call.expanded.transfer.actionsExpanded.height,\n              }\n            } else {\n              size = {\n                width: variants.call.expanded.transfer.width,\n                height: variants.call.expanded.transfer.height,\n              }\n            }\n          } else if (accepted && actionsExpanded) {\n            size = {\n              width: variants.call.expanded.accepted.actionsExpanded.width,\n              height: variants.call.expanded.accepted.actionsExpanded.height,\n            }\n          } else if (accepted && !isListen) {\n            size = {\n              width: variants.call.expanded.accepted.width,\n              height: variants.call.expanded.accepted.height,\n            }\n          } else if (accepted && isListen) {\n            size = {\n              width: variants.call.expanded.listening.width,\n              height: variants.call.expanded.listening.height,\n            }\n          } else if (incoming && !isFromStreaming) {\n            const showIncomingQueueBadge =\n              incoming && !accepted && throughQueue && Boolean(queueName || queueNumber)\n            size = showIncomingQueueBadge && !isNumberOnlyName(displayName)\n              ? {\n                width: variants.call.expanded.incomingQueue.width,\n                height: variants.call.expanded.incomingQueue.height,\n              }\n              : {\n                width: variants.call.expanded.incoming.width,\n                height: variants.call.expanded.incoming.height,\n              }\n          } else if ((incoming || outgoing) && isFromStreaming) {\n            const streaming = incoming\n              ? variants.call.expanded.incomingStreaming\n              : variants.call.expanded.outgoingStreaming\n            size = {\n              width: streaming.width,\n              height: streamingHeight(\n                'call',\n                padding_expanded,\n                // until the content is measured\n                streaming.height +\n                  getStreamingPreviewHeight(streaming.previewWidth, streamingAspectRatio) +\n                  (gateChooserOpen ? streaming.gatesHeight : 0),\n              ),\n            }\n          } else if (outgoing && !isFromStreaming) {\n            size = {\n              width: variants.call.expanded.outgoing.width,\n              height: variants.call.expanded.outgoing.height,\n            }\n          }\n        } else {\n          size = {\n            width: variants.call.collapsed.width,\n            height: variants.call.collapsed.height,\n          }\n        }\n        break\n\n      case 'keypad':\n        size = isOpen\n          ? {\n            width: variants.keypad.expanded.width,\n            height: variants.keypad.expanded.height,\n          }\n          : {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        break\n\n      case 'video':\n        if (isOpen) {\n          size = {\n            width: variants.video.expanded.width,\n            height: variants.video.expanded.height,\n            padding: variants.video.expanded.padding,\n          }\n        } else {\n          size = {\n            width: variants.video.collapsed.width,\n            height: variants.video.collapsed.height,\n          }\n        }\n        break\n      case 'transfer':\n      case 'player':\n      case 'recorder':\n      case 'physicalPhoneRecorder':\n      case 'settings':\n      case 'conference':\n        size = isOpen\n          ? {\n            width: variants[view].expanded.width,\n            height: variants[view].expanded.height,\n          }\n          : {\n            width: variants[view].collapsed.width,\n            height: variants[view].collapsed.height,\n          }\n        break\n\n      case 'switchDevice':\n        size = isOpen\n          ? {\n            width: variants.switchDevice.expanded.width,\n            height: variants.switchDevice.expanded.height,\n          }\n          : {\n            width: variants.video.collapsed.width,\n            height: variants.video.collapsed.height,\n          }\n        break\n\n      case 'waitingConference':\n        size = isOpen\n          ? {\n            width: variants.waitingConference.expanded.width,\n            height: variants.waitingConference.expanded.height,\n          }\n          : {\n            width: variants.waitingConference.collapsed.width,\n            height: variants.waitingConference.collapsed.height,\n          }\n        break\n      case 'streamingAnswer': {\n        const streaming = isExtraLarge\n          ? variants.streamingAnswer.extraLarge\n          : variants.streamingAnswer.expanded\n        size = isOpen\n          ? {\n            width: streaming.width,\n            height: streamingHeight(\n              'streamingAnswer',\n              streaming.padding,\n              // until the content is measured\n              streaming.height +\n                getStreamingPreviewHeight(streaming.previewWidth, streamingAspectRatio),\n            ),\n            padding: streaming.padding,\n          }\n          : {\n            width: variants.streamingAnswer.collapsed.width,\n            height: variants.streamingAnswer.collapsed.height,\n          }\n        break\n      }\n        case 'operatorBusy':\n        size = isOpen\n          ? {\n            width: variants.operatorBusy.expanded.width,\n            height: variants.operatorBusy.expanded.height,\n          }\n          : {\n            width: variants.operatorBusy.collapsed.width,\n            height: variants.operatorBusy.collapsed.height,\n          }\n        break\n    }\n\n    const isAlert: boolean = activeAlertsCount > 0\n\n    return {\n      width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n      height: `${\n        // If there is an alert and the island is open put the correct height\n        isAlert && isOpen\n          ? variants.alerts.height +\n          (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n          : size.height\n        }px`,\n      borderRadius: isOpen\n        ? `${border_radius_expanded}px`\n        : isActive && view === 'waitingConference'\n          ? `${border_radius_collapsed_conference}px`\n          : `${border_radius_collapsed}px`,\n      padding: isOpen\n        ? size.padding != undefined\n          ? `${size.padding}px`\n          : `${padding_expanded}px`\n        : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n    }\n  }, [\n    view,\n    isOpen,\n    accepted,\n    transferring,\n    actionsExpanded,\n    isListen,\n    incoming,\n    outgoing,\n    activeAlertsCount,\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n    alert_padding_expanded,\n    incomingWebRTC,\n    incomingSocket,\n    isActive,\n    isFromStreaming,\n    isExtraLarge,\n    streamingAspectRatio,\n    gateChooserOpen,\n    contentHeight,\n    islandBox,\n    throughQueue,\n    queueName,\n    queueNumber,\n    displayName,\n  ])\n\n  useEffect(() => {\n    let sizeInformation: any = {}\n    sizeInformation.width = motionVariants?.width\n    sizeInformation.height = motionVariants?.height\n    eventDispatch('phone-island-size-change', {\n      sizeInformation,\n    })\n  }, [\n    motionVariants,\n    view,\n    isOpen,\n    accepted,\n    transferring,\n    actionsExpanded,\n    isListen,\n    incoming,\n    outgoing,\n    activeAlertsCount,\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n    alert_padding_expanded,\n    sideViewIsVisible,\n    transcriptionViewIsVisible,\n    incomingSocket,\n    incomingWebRTC,\n    isActive,\n    isExtraLarge,\n  ])\n\n  return (\n    <motion.div\n      ref={islandRef}\n      className={`${isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n        } pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow`}\n      animate={motionVariants}\n      transition={{\n        duration: 0.15,\n        ease: 'easeOut',\n      }}\n    >\n      {children}\n    </motion.div>\n  )\n}\n\ninterface IslandMotionProps {\n  children: ReactNode\n}\n\ntype SizeTypes = {\n  width: number\n  height: number\n  padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","conferencing","throughQueue","queueName","queueNumber","displayName","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","isFromStreaming","isExtraLarge","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","border_radius_collapsed_conference","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","isActive","conference","streamingAspectRatio","useStreamingAspectRatio","_e","streaming","gateChooserOpen","contentHeight","islandRef","useRef","_f","useState","borderBox","border","islandBox","setIslandBox","useIsomorphicLayoutEffect","current","style","getComputedStyle","parseFloat","borderTopWidth","borderBottomWidth","boxSizing","streamingHeight","padding","estimate","height","motionVariants","useMemo","size","width","call","expanded","transfer","listening","Boolean","isNumberOnlyName","incomingQueue","incomingStreaming","outgoingStreaming","getStreamingPreviewHeight","previewWidth","gatesHeight","collapsed","keypad","video","switchDevice","waitingConference","streamingAnswer","extraLarge","operatorBusy","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","ref","className","animate","transition","duration","ease"],"mappings":"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"}

package/dist/components/KeypadView/Actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js"),require("../../node_modules/react-redux/es/index.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../node_modules/mic-check/lib/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../Island.js");var r=require("../Button.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),require("../../node_modules/i18next/dist/esm/i18next.js"),require("../../node_modules/react-tooltip/dist/react-tooltip.min.mjs.js"),require("../TranscriptionView/TranscriptionView.js");var i=t(e),s=Array.from(Array(9).keys()),n=["*","0","#"];exports.default=function(e){var t=e.keyCallback;return i.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3"},s.map(function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e+1)},variant:"default",className:"pi-text-2xl",style:{transform:"scale(1.15)"}},e+1)}),n.map(function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e)},variant:"default",className:"pi-text-2xl",style:{transform:"scale(1.15)"}},e)}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js"),require("../../services/user.js"),require("../../node_modules/react-redux/es/index.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../node_modules/mic-check/lib/index.js"),require("../../lib/streaming/whepPlayer.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../Island.js");var r=require("../Button.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),require("../../node_modules/i18next/dist/esm/i18next.js"),require("../../node_modules/react-tooltip/dist/react-tooltip.min.mjs.js"),require("../TranscriptionView/TranscriptionView.js");var i=t(e),s=Array.from(Array(9).keys()),n=["*","0","#"];exports.default=function(e){var t=e.keyCallback;return i.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3"},s.map(function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e+1)},variant:"default",className:"pi-text-2xl",style:{transform:"scale(1.15)"}},e+1)}),n.map(function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e)},variant:"default",className:"pi-text-2xl",style:{transform:"scale(1.15)"}},e)}))};
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../src/components/KeypadView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { Button } from '..'\n\nconst keys = Array.from(Array(9).keys())\n\nconst bottomKeys = ['*', '0', '#']\n\nconst Actions: FC<ActionsTypes> = ({ keyCallback }) => {\n  return (\n    <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3'>\n      {keys.map((key) => (\n        <Button\n          key={key + 1}\n          onClick={() => keyCallback(key + 1)}\n          variant='default'\n          className={'pi-text-2xl'}\n          style={{ transform: 'scale(1.15)' }}\n        >\n          {key + 1}\n        </Button>\n      ))}\n      {bottomKeys.map((bottomKey) => (\n        <Button\n          key={bottomKey + 1}\n          onClick={() => keyCallback(bottomKey)}\n          variant='default'\n          className={'pi-text-2xl'}\n          style={{ transform: 'scale(1.15)' }}\n        >\n          {bottomKey}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\nexport default Actions\n\ninterface ActionsTypes {\n  keyCallback: any\n}\n"],"names":["keys","Array","from","bottomKeys","_a","keyCallback","React","createElement","className","map","key","Button","onClick","variant","style","transform","bottomKey"],"mappings":"+0BAMMA,EAAOC,MAAMC,KAAKD,MAAM,GAAGD,QAE3BG,EAAa,CAAC,IAAK,IAAK,qBAEI,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAC9C,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,8HACZR,EAAKS,IAAI,SAACC,GAAQ,OACjBJ,EAAC,QAAAC,cAAAI,EAAMA,OACL,CAAAD,IAAKA,EAAM,EACXE,QAAS,WAAM,OAAAP,EAAYK,EAAM,EAAlB,EACfG,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBL,EAAM,EARQ,GAWlBP,EAAWM,IAAI,SAACO,GAAc,OAC7BV,EAAC,QAAAC,cAAAI,SACC,CAAAD,IAAKM,EAAY,EACjBJ,QAAS,WAAM,OAAAP,EAAYW,EAAU,EACrCH,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBC,KAKX"}
+{"version":3,"file":"Actions.js","sources":["../../../src/components/KeypadView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { Button } from '..'\n\nconst keys = Array.from(Array(9).keys())\n\nconst bottomKeys = ['*', '0', '#']\n\nconst Actions: FC<ActionsTypes> = ({ keyCallback }) => {\n  return (\n    <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3'>\n      {keys.map((key) => (\n        <Button\n          key={key + 1}\n          onClick={() => keyCallback(key + 1)}\n          variant='default'\n          className={'pi-text-2xl'}\n          style={{ transform: 'scale(1.15)' }}\n        >\n          {key + 1}\n        </Button>\n      ))}\n      {bottomKeys.map((bottomKey) => (\n        <Button\n          key={bottomKey + 1}\n          onClick={() => keyCallback(bottomKey)}\n          variant='default'\n          className={'pi-text-2xl'}\n          style={{ transform: 'scale(1.15)' }}\n        >\n          {bottomKey}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\nexport default Actions\n\ninterface ActionsTypes {\n  keyCallback: any\n}\n"],"names":["keys","Array","from","bottomKeys","_a","keyCallback","React","createElement","className","map","key","Button","onClick","variant","style","transform","bottomKey"],"mappings":"85BAMMA,EAAOC,MAAMC,KAAKD,MAAM,GAAGD,QAE3BG,EAAa,CAAC,IAAK,IAAK,qBAEI,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAC9C,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,8HACZR,EAAKS,IAAI,SAACC,GAAQ,OACjBJ,EAAC,QAAAC,cAAAI,EAAMA,OACL,CAAAD,IAAKA,EAAM,EACXE,QAAS,WAAM,OAAAP,EAAYK,EAAM,EAAlB,EACfG,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBL,EAAM,EARQ,GAWlBP,EAAWM,IAAI,SAACO,GAAc,OAC7BV,EAAC,QAAAC,cAAAI,SACC,CAAAD,IAAKM,EAAY,EACjBJ,QAAS,WAAM,OAAAP,EAAYW,EAAU,EACrCH,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBC,KAKX"}

package/dist/components/KeypadView/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),a=require("./Actions.js"),o=require("../../lib/webrtc/messages.js"),n=require("../../lib/island/island.js"),s=require("../../lib/phone/call.js");require("../../node_modules/i18next/dist/esm/i18next.js"),require("../../node_modules/react-i18next/dist/es/context.js");var l=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),u=require("../../lib/user/default_device.js"),d=require("../../services/astproxy.js"),c=require("../../utils/customHooks/useEventListener.js"),p=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js");var f=require("../CustomThemedTooltip.js"),m=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),x=require("../../node_modules/react-redux/es/hooks/useSelector.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=v(e),b=["0","1","2","3","4","5","6","7","8","9","*","#"];exports.default=function(){var v=m.useDispatch(),k=x.useSelector(function(e){return e.currentCall}).keypadValue,j=x.useSelector(function(e){return e.island}).isOpen,q=e.useRef(k);function h(e){v.currentCall.updateKeypadValue("".concat(q.current).concat(e)),q.current="".concat(q.current).concat(e),s.playDtmfAudio(e),u.isWebRTC()?o.sendDTMF(e):d.sendPhysicalDTMF(e),p.eventDispatch("phone-island-call-keypad-sent",{})}c.useEventListener("phone-island-call-keypad-send",function(e){h(e.key)}),e.useEffect(function(){function e(e){b.includes(e.key)&&h(e.key)}return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}},[]);var g=l.useTranslation().t;return y.default.createElement(y.default.Fragment,null,j?y.default.createElement("div",{className:"pi-flex pi-flex-col pi-gap-7"},y.default.createElement("div",{className:"pi-flex pi-gap-4"},y.default.createElement(t.Button,{variant:"transparent",onClick:n.backToPreviousView,"data-tooltip-id":"keyboard-tooltip","data-tooltip-content":g("Tooltip.Back to call")||""},y.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:i.faArrowLeft})),y.default.createElement("input",{"data-stop-propagation":!0,type:"text",readOnly:!0,placeholder:g("Common.Enter a phone number")||"",value:k,autoFocus:!0,className:"pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:focus:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]"})),y.default.createElement(a.default,{keyCallback:h})):y.default.createElement("div",{className:"pi-font-medium pi-text-base"},"Keypad"),y.default.createElement(f.CustomThemedTooltip,{className:"pi-z-1000",id:"keyboard-tooltip",place:"right"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),a=require("./Actions.js"),s=require("../../lib/webrtc/messages.js"),o=require("../../lib/island/island.js"),n=require("../../lib/phone/call.js");require("../../node_modules/i18next/dist/esm/i18next.js"),require("../../node_modules/react-i18next/dist/es/context.js");var l=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),u=require("../../lib/user/default_device.js"),d=require("../../services/astproxy.js"),c=require("../../utils/customHooks/useEventListener.js"),p=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js"),require("../../services/user.js");var f=require("../CustomThemedTooltip.js"),m=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),v=require("../../node_modules/react-redux/es/hooks/useSelector.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=x(e),b=["0","1","2","3","4","5","6","7","8","9","*","#"];exports.default=function(){var x=m.useDispatch(),j=v.useSelector(function(e){return e.currentCall}).keypadValue,k=v.useSelector(function(e){return e.island}).isOpen,q=e.useRef(j);function h(e){x.currentCall.updateKeypadValue("".concat(q.current).concat(e)),q.current="".concat(q.current).concat(e),n.playDtmfAudio(e),u.isWebRTC()?s.sendDTMF(e):d.sendPhysicalDTMF(e),p.eventDispatch("phone-island-call-keypad-sent",{})}c.useEventListener("phone-island-call-keypad-send",function(e){h(e.key)}),e.useEffect(function(){function e(e){b.includes(e.key)&&h(e.key)}return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}},[]);var g=l.useTranslation().t;return y.default.createElement(y.default.Fragment,null,k?y.default.createElement("div",{className:"pi-flex pi-flex-col pi-gap-7"},y.default.createElement("div",{className:"pi-flex pi-gap-4"},y.default.createElement(t.Button,{variant:"transparent",onClick:o.backToPreviousView,"data-tooltip-id":"keyboard-tooltip","data-tooltip-content":g("Tooltip.Back to call")||""},y.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:i.faArrowLeft})),y.default.createElement("input",{"data-stop-propagation":!0,type:"text",readOnly:!0,placeholder:g("Common.Enter a phone number")||"",value:j,autoFocus:!0,className:"pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:focus:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]"})),y.default.createElement(a.default,{keyCallback:h})):y.default.createElement("div",{className:"pi-font-medium pi-text-base"},"Keypad"),y.default.createElement(f.CustomThemedTooltip,{className:"pi-z-1000",id:"keyboard-tooltip",place:"right"}))};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/KeypadView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons'\nimport Actions from './Actions'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { backToPreviousView } from '../../lib/island/island'\nimport { playDtmfAudio } from '../../lib/phone/call'\nimport { useTranslation } from 'react-i18next'\nimport { isWebRTC } from '../../lib/user/default_device'\nimport { sendPhysicalDTMF } from '../../services/astproxy'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\nconst DTMF_KEYS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '#']\n\nconst KeypadView: FC<KeypadViewTypes> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const { keypadValue } = useSelector((state: RootState) => state.currentCall)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const keypadValueRef = useRef<typeof keypadValue>(keypadValue)\n\n  function sendKey(key: string) {\n    dispatch.currentCall.updateKeypadValue(`${keypadValueRef.current}${key}`)\n    keypadValueRef.current = `${keypadValueRef.current}${key}`\n    playDtmfAudio(key)\n    if (isWebRTC()) {\n      sendDTMF(key)\n    } else {\n      sendPhysicalDTMF(key)\n    }\n\n    eventDispatch('phone-island-call-keypad-sent', {})\n  }\n  useEventListener('phone-island-call-keypad-send', (data: KeypadTypes) => {\n    sendKey(data.key)\n  })\n\n  useEffect(() => {\n    function handlePhysicalKeydown(event) {\n      if (DTMF_KEYS.includes(event.key)) {\n        sendKey(event.key)\n      }\n    }\n    window.addEventListener('keydown', handlePhysicalKeydown)\n    return () => window.removeEventListener('keydown', handlePhysicalKeydown)\n  }, [])\n\n  const { t } = useTranslation()\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button\n              variant='transparent'\n              onClick={backToPreviousView}\n              data-tooltip-id='keyboard-tooltip'\n              data-tooltip-content={t('Tooltip.Back to call') || ''}\n            >\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              readOnly\n              placeholder={t('Common.Enter a phone number') || ''}\n              value={keypadValue}\n              autoFocus\n              className='pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:focus:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]'\n            />\n          </div>\n          <Actions keyCallback={sendKey} />\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base'>Keypad</div>\n      )}\n      <CustomThemedTooltip className='pi-z-1000' id='keyboard-tooltip' place='right' />\n    </>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n\ninterface KeypadTypes {\n  key: string\n}\n"],"names":["DTMF_KEYS","dispatch","useDispatch","keypadValue","useSelector","state","currentCall","isOpen","island","keypadValueRef","useRef","sendKey","key","updateKeypadValue","concat","current","playDtmfAudio","isWebRTC","sendDTMF","sendPhysicalDTMF","eventDispatch","useEventListener","data","useEffect","handlePhysicalKeydown","event","includes","window","addEventListener","removeEventListener","t","useTranslation","React","createElement","Fragment","className","Button","variant","onClick","backToPreviousView","FontAwesomeIcon","size","icon","faArrowLeft","type","readOnly","placeholder","value","autoFocus","Actions","keyCallback","CustomThemedTooltip","id","place"],"mappings":"ksCAmBMA,EAAY,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,qBAElC,WACtC,IAAMC,EAAWC,EAAAA,cACTC,EAAgBC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,0BACxDC,EAAWH,cAAY,SAACC,GAAqB,OAAAA,EAAMG,gBACrDC,EAAiBC,SAA2BP,GAElD,SAASQ,EAAQC,GACfX,EAASK,YAAYO,kBAAkB,GAAAC,OAAGL,EAAeM,SAAOD,OAAGF,IACnEH,EAAeM,QAAU,GAAGD,OAAAL,EAAeM,SAAOD,OAAGF,GACrDI,EAAaA,cAACJ,GACVK,EAAQA,WACVC,EAAQA,SAACN,GAETO,EAAgBA,iBAACP,GAGnBQ,gBAAc,gCAAiC,CAAA,EAChD,CACDC,mBAAiB,gCAAiC,SAACC,GACjDX,EAAQW,EAAKV,IACf,GAEAW,EAAAA,UAAU,WACR,SAASC,EAAsBC,GACzBzB,EAAU0B,SAASD,EAAMb,MAC3BD,EAAQc,EAAMb,IAEjB,CAED,OADAe,OAAOC,iBAAiB,UAAWJ,GAC5B,WAAM,OAAAG,OAAOE,oBAAoB,UAAWL,GACpD,EAAE,IAEK,IAAAM,EAAMC,qBAEd,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACG3B,EACCyB,EAAK,QAAAC,cAAA,MAAA,CAAAE,UAAU,gCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oBACbH,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAC,QAAQ,cACRC,QAASC,EAAkBA,mBAAA,kBACX,mBACM,uBAAAT,EAAE,yBAA2B,IAEnDE,UAACC,cAAAO,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMC,EAAWA,eAE9CX,UACyBC,cAAA,QAAA,CAAA,yBAAA,EACvBW,KAAK,OACLC,UACA,EAAAC,YAAahB,EAAE,gCAAkC,GACjDiB,MAAO5C,EACP6C,WAAS,EACTb,UAAU,gcAGdH,EAAA,QAAAC,cAACgB,EAAO,QAAC,CAAAC,YAAavC,KAGxBqB,EAAA,QAAAC,cAAA,MAAA,CAAKE,UAAU,yCAEjBH,EAAAA,QAAAC,cAACkB,sBAAoB,CAAAhB,UAAU,YAAYiB,GAAG,mBAAmBC,MAAM,UAG7E"}
+{"version":3,"file":"index.js","sources":["../../../src/components/KeypadView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowLeft } from '@fortawesome/free-solid-svg-icons'\nimport Actions from './Actions'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { backToPreviousView } from '../../lib/island/island'\nimport { playDtmfAudio } from '../../lib/phone/call'\nimport { useTranslation } from 'react-i18next'\nimport { isWebRTC } from '../../lib/user/default_device'\nimport { sendPhysicalDTMF } from '../../services/astproxy'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\nconst DTMF_KEYS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '#']\n\nconst KeypadView: FC<KeypadViewTypes> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const { keypadValue } = useSelector((state: RootState) => state.currentCall)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const keypadValueRef = useRef<typeof keypadValue>(keypadValue)\n\n  function sendKey(key: string) {\n    dispatch.currentCall.updateKeypadValue(`${keypadValueRef.current}${key}`)\n    keypadValueRef.current = `${keypadValueRef.current}${key}`\n    playDtmfAudio(key)\n    if (isWebRTC()) {\n      sendDTMF(key)\n    } else {\n      sendPhysicalDTMF(key)\n    }\n\n    eventDispatch('phone-island-call-keypad-sent', {})\n  }\n  useEventListener('phone-island-call-keypad-send', (data: KeypadTypes) => {\n    sendKey(data.key)\n  })\n\n  useEffect(() => {\n    function handlePhysicalKeydown(event) {\n      if (DTMF_KEYS.includes(event.key)) {\n        sendKey(event.key)\n      }\n    }\n    window.addEventListener('keydown', handlePhysicalKeydown)\n    return () => window.removeEventListener('keydown', handlePhysicalKeydown)\n  }, [])\n\n  const { t } = useTranslation()\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button\n              variant='transparent'\n              onClick={backToPreviousView}\n              data-tooltip-id='keyboard-tooltip'\n              data-tooltip-content={t('Tooltip.Back to call') || ''}\n            >\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              readOnly\n              placeholder={t('Common.Enter a phone number') || ''}\n              value={keypadValue}\n              autoFocus\n              className='pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:focus:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]'\n            />\n          </div>\n          <Actions keyCallback={sendKey} />\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base'>Keypad</div>\n      )}\n      <CustomThemedTooltip className='pi-z-1000' id='keyboard-tooltip' place='right' />\n    </>\n  )\n}\n\nexport default KeypadView\n\nexport interface KeypadViewTypes {}\n\ninterface KeypadTypes {\n  key: string\n}\n"],"names":["DTMF_KEYS","dispatch","useDispatch","keypadValue","useSelector","state","currentCall","isOpen","island","keypadValueRef","useRef","sendKey","key","updateKeypadValue","concat","current","playDtmfAudio","isWebRTC","sendDTMF","sendPhysicalDTMF","eventDispatch","useEventListener","data","useEffect","handlePhysicalKeydown","event","includes","window","addEventListener","removeEventListener","t","useTranslation","React","createElement","Fragment","className","Button","variant","onClick","backToPreviousView","FontAwesomeIcon","size","icon","faArrowLeft","type","readOnly","placeholder","value","autoFocus","Actions","keyCallback","CustomThemedTooltip","id","place"],"mappings":"ouCAmBMA,EAAY,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,qBAElC,WACtC,IAAMC,EAAWC,EAAAA,cACTC,EAAgBC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,0BACxDC,EAAWH,cAAY,SAACC,GAAqB,OAAAA,EAAMG,gBACrDC,EAAiBC,SAA2BP,GAElD,SAASQ,EAAQC,GACfX,EAASK,YAAYO,kBAAkB,GAAAC,OAAGL,EAAeM,SAAOD,OAAGF,IACnEH,EAAeM,QAAU,GAAGD,OAAAL,EAAeM,SAAOD,OAAGF,GACrDI,EAAaA,cAACJ,GACVK,EAAQA,WACVC,EAAQA,SAACN,GAETO,EAAgBA,iBAACP,GAGnBQ,gBAAc,gCAAiC,CAAA,EAChD,CACDC,mBAAiB,gCAAiC,SAACC,GACjDX,EAAQW,EAAKV,IACf,GAEAW,EAAAA,UAAU,WACR,SAASC,EAAsBC,GACzBzB,EAAU0B,SAASD,EAAMb,MAC3BD,EAAQc,EAAMb,IAEjB,CAED,OADAe,OAAOC,iBAAiB,UAAWJ,GAC5B,WAAM,OAAAG,OAAOE,oBAAoB,UAAWL,GACpD,EAAE,IAEK,IAAAM,EAAMC,qBAEd,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACG3B,EACCyB,EAAK,QAAAC,cAAA,MAAA,CAAAE,UAAU,gCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oBACbH,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAC,QAAQ,cACRC,QAASC,EAAkBA,mBAAA,kBACX,mBACM,uBAAAT,EAAE,yBAA2B,IAEnDE,UAACC,cAAAO,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMC,EAAWA,eAE9CX,UACyBC,cAAA,QAAA,CAAA,yBAAA,EACvBW,KAAK,OACLC,UACA,EAAAC,YAAahB,EAAE,gCAAkC,GACjDiB,MAAO5C,EACP6C,WAAS,EACTb,UAAU,gcAGdH,EAAA,QAAAC,cAACgB,EAAO,QAAC,CAAAC,YAAavC,KAGxBqB,EAAA,QAAAC,cAAA,MAAA,CAAKE,UAAU,yCAEjBH,EAAAA,QAAAC,cAACkB,sBAAoB,CAAAhB,UAAU,YAAYiB,GAAG,mBAAmBC,MAAM,UAG7E"}

package/dist/components/PhysicalRecorderView/index.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");require("../../node_modules/react-redux/es/index.js");var i=require("../../store/index.js");require("../../node_modules/i18next/dist/esm/i18next.js"),require("../../node_modules/react-i18next/dist/es/context.js");var r=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),n=require("../Hangup.js"),s=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),a=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),c=require("../../utils/customHooks/useEventListener.js"),o=require("../../utils/genericFunctions/eventDispatch.js"),l=require("../../services/offhour.js");require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../node_modules/mic-check/lib/index.js");var d=require("../../events/RecorderEvents.js"),u=require("./PhysicalRecordingTimer.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=f(t);exports.PhysicalRecorderView=function(){var f=p.useSelector(function(e){return e.island}).isOpen,v=p.useSelector(function(e){return{recording:e.physicalRecorder.recording}}).recording,g=i.store.getState().currentUser.username,j=t.useRef(null),x=m.useDispatch();t.useEffect(function(){return x.recorder.setVisibleContainerRef(j),function(){x.recorder.reset()}},[]);var w=r.useTranslation().t;c.useEventListener("phone-island-physical-recording-open",function(){!function(){e.__awaiter(this,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:return x.physicalRecorder.setRecording(!0),[4,l.startAnnouncementRecording()];case 1:return(t=e.sent()).tempFilename&&x.physicalRecorder.setTempFilename(t.tempFilename),o.eventDispatch("phone-island-recording-started",{}),[2]}})})}()});var E=i.store.getState().physicalRecorder.recordingTempVariable;return c.useEventListener("phone-island-conversations",function(e){Object.keys(e).forEach(function(t){var i;if(t===g){var r=null===(i=e[t])||void 0===i?void 0:i.conversations;if(r){var n=Object.keys(r);if(n.length>0&&"REC"===r[n[0]].counterpartName){x.physicalRecorder.setStartTime("".concat(Date.now()/1e3));var s=r[n[0]];if(s&&s.chSource){var a={conversationId:s.id,endpointId:s.chSource.callerNum};x.physicalRecorder.setCallRecordingInformations({recordingCallInformation:a})}}0===n.length&&v&&!E&&(d.dispatchPhysicalRecordingSave(),x.island.setIslandView(null),x.physicalRecorder.setRecording(!1))}}})}),h.default.createElement(h.default.Fragment,null,f?h.default.createElement("div",{className:""},E&&h.default.createElement("div",{className:"pi-flex pi-w-full pi-justify-center pi-items-center pi-pt-4 pi-pb-9"},h.default.createElement("div",{className:"pi-font-medium pi-text-4xl pi-w-fit pi-h-fit dark:pi-text-white"},h.default.createElement(u.default,null))),h.default.createElement("div",{className:"pi-flex pi-w-full pi-justify-center pi-items-center"},E?h.default.createElement("div",{className:"pi-sans pi-text-sm pi-w-fit pi-h-fit dark:pi-text-white"},w("Common.Close the call to stop recording")):h.default.createElement("div",{className:"pi-mt-12 pi-font-regular pi-text-lg pi-w-fit pi-h-fit dark:pi-text-white"},w("Common.Answer phone to start recording"))),h.default.createElement("div",{className:"pi-grid pi-pt-2 pi-mt-8"},h.default.createElement("div",{className:"pi-grid pi-justify-items-center"},h.default.createElement(n.default,{description:w("Tooltip.Interrupt recording"),isPhysicalRecording:!0})))):h.default.createElement("div",{className:"pi-flex pi-justify-between pi-items-center"},h.default.createElement("div",{className:"pi-font-medium pi-text-base"},w("Common.Recording")),h.default.createElement("div",{className:"".concat(f?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6"," pi-flex pi-justify-center pi-items-center")},h.default.createElement("div",{className:"".concat(f?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full"," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},h.default.createElement("span",{className:"".concat(f?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6"," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full pi-bg-red-400 pi-opacity-75 ")}),h.default.createElement(s.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 pi-text-red-500",icon:a.faCircle})))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react");require("../../node_modules/react-redux/es/index.js");var i=require("../../store/index.js");require("../../node_modules/i18next/dist/esm/i18next.js"),require("../../node_modules/react-i18next/dist/es/context.js");var r=require("../../node_modules/react-i18next/dist/es/useTranslation.js"),s=require("../Hangup.js"),n=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),a=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),c=require("../../utils/customHooks/useEventListener.js"),o=require("../../utils/genericFunctions/eventDispatch.js");require("../../services/user.js");var l=require("../../services/offhour.js");require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../node_modules/mic-check/lib/index.js"),require("../../lib/streaming/whepPlayer.js");var d=require("../../events/RecorderEvents.js"),u=require("./PhysicalRecordingTimer.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=f(t);exports.PhysicalRecorderView=function(){var f=p.useSelector(function(e){return e.island}).isOpen,v=p.useSelector(function(e){return{recording:e.physicalRecorder.recording}}).recording,g=i.store.getState().currentUser.username,j=t.useRef(null),w=m.useDispatch();t.useEffect(function(){return w.recorder.setVisibleContainerRef(j),function(){w.recorder.reset()}},[]);var x=r.useTranslation().t;c.useEventListener("phone-island-physical-recording-open",function(){!function(){e.__awaiter(this,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:return w.physicalRecorder.setRecording(!0),[4,l.startAnnouncementRecording()];case 1:return(t=e.sent()).tempFilename&&w.physicalRecorder.setTempFilename(t.tempFilename),o.eventDispatch("phone-island-recording-started",{}),[2]}})})}()});var y=i.store.getState().physicalRecorder.recordingTempVariable;return c.useEventListener("phone-island-conversations",function(e){Object.keys(e).forEach(function(t){var i;if(t===g){var r=null===(i=e[t])||void 0===i?void 0:i.conversations;if(r){var s=Object.keys(r);if(s.length>0&&"REC"===r[s[0]].counterpartName){w.physicalRecorder.setStartTime("".concat(Date.now()/1e3));var n=r[s[0]];if(n&&n.chSource){var a={conversationId:n.id,endpointId:n.chSource.callerNum};w.physicalRecorder.setCallRecordingInformations({recordingCallInformation:a})}}0===s.length&&v&&!y&&(d.dispatchPhysicalRecordingSave(),w.island.setIslandView(null),w.physicalRecorder.setRecording(!1))}}})}),h.default.createElement(h.default.Fragment,null,f?h.default.createElement("div",{className:""},y&&h.default.createElement("div",{className:"pi-flex pi-w-full pi-justify-center pi-items-center pi-pt-4 pi-pb-9"},h.default.createElement("div",{className:"pi-font-medium pi-text-4xl pi-w-fit pi-h-fit dark:pi-text-white"},h.default.createElement(u.default,null))),h.default.createElement("div",{className:"pi-flex pi-w-full pi-justify-center pi-items-center"},y?h.default.createElement("div",{className:"pi-sans pi-text-sm pi-w-fit pi-h-fit dark:pi-text-white"},x("Common.Close the call to stop recording")):h.default.createElement("div",{className:"pi-mt-12 pi-font-regular pi-text-lg pi-w-fit pi-h-fit dark:pi-text-white"},x("Common.Answer phone to start recording"))),h.default.createElement("div",{className:"pi-grid pi-pt-2 pi-mt-8"},h.default.createElement("div",{className:"pi-grid pi-justify-items-center"},h.default.createElement(s.default,{description:x("Tooltip.Interrupt recording"),isPhysicalRecording:!0})))):h.default.createElement("div",{className:"pi-flex pi-justify-between pi-items-center"},h.default.createElement("div",{className:"pi-font-medium pi-text-base"},x("Common.Recording")),h.default.createElement("div",{className:"".concat(f?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6"," pi-flex pi-justify-center pi-items-center")},h.default.createElement("div",{className:"".concat(f?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full"," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},h.default.createElement("span",{className:"".concat(f?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6"," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full pi-bg-red-400 pi-opacity-75 ")}),h.default.createElement(n.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 pi-text-red-500",icon:a.faCircle})))))};
 //# sourceMappingURL=index.js.map