npm - @nethesis/phone-island - Versions diffs - 1.0.6-dev.7 → 1.0.6-dev.8 - Mend

@nethesis/phone-island 1.0.6-dev.7 → 1.0.6-dev.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1413) hide show

package/dist/components/AudioBars.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AudioBars.js","sources":["../../src/components/AudioBars.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef, useCallback } from 'react'\nimport { ContextSourceType } from '../models/audioBars'\nimport { useDispatch } from 'react-redux'\nimport { store } from '../store'\nimport { Dispatch } from '../store'\n\n// The map for the large versione of the audio bars\nconst BARS_CONFIG = {\n large: {\n 0: 4,\n 1: 3,\n 2: 2,\n 3: 1,\n 4: 1,\n 5: 2,\n 6: 3,\n 7: 4,\n },\n // The map for the small versione of the audio bars\n\n small: {\n 0: 2,\n 1: 1,\n 2: 1,\n 3: 2,\n },\n}\n\ninterface AudioBarsProps {\n audioStream?: MediaStream \| null\n audioElement?: HTMLAudioElement \| null\n size?: 'large' \| 'small'\n paused?: boolean\n}\n\ninterface BarsMapType {\n [key: number]: number\n}\n\n/*\n This component shows a dynamic audio spectrum given an audio stream\n \n @param audioStream An audio stream to analyse\n * @param audioElement An audio element to analyse\n /\nexport const AudioBars: FC<AudioBarsProps> = ({\n audioStream = null,\n audioElement = null,\n paused = false,\n size = 'large',\n}) => {\n // Initialize the main elements\n const containerElement = useRef<HTMLDivElement \| null>(null)\n const animationRequest = useRef<number \| null>(null)\n const context = useRef<AudioContext \| null>(null)\n const analyser = useRef<AnalyserNode \| null>(null)\n const source = useRef<ContextSourceType>(null)\n\n const barsMap: BarsMapType = BARS_CONFIG[size]\n const dispatch = useDispatch<Dispatch>()\n\n // The function that renders the frames of animation\n const animate = useCallback(() => {\n if (!analyser.current \|\| !containerElement.current?.children) {\n return\n }\n\n try {\n const frequencyData = new Uint8Array(analyser.current.frequencyBinCount)\n analyser.current.getByteFrequencyData(frequencyData)\n // Update the height of each bar based on frequency data\n const bars = containerElement.current.children\n const barCount = Object.keys(barsMap).length\n\n for (let i = 0; i < barCount; ++i) {\n const value = frequencyData[barsMap[i]] / 255\n const bar = bars[i] as HTMLElement\n\n if (bar) {\n bar.style.height = value > 0 ? `${100 value}%` : '0%'\n }\n }\n\n // Continue animation if not paused\n if (!paused) {\n animationRequest.current = requestAnimationFrame(animate)\n }\n } catch (err) {\n console.error('AudioBars animation error:', err)\n }\n }, [barsMap, paused])\n\n // Handles audio configuration and animation\n useEffect(() => {\n // Clean up any previous animations\n const cleanupAnimation = () => {\n if (animationRequest.current) {\n cancelAnimationFrame(animationRequest.current)\n animationRequest.current = null\n }\n }\n\n // Disconnect audio source if it exists\n const disconnectSource = () => {\n if (source.current) {\n try {\n source.current.disconnect()\n } catch (e) {\n // Ignore disconnection errors\n }\n }\n }\n\n // Check if audio stream is active\n if (audioStream && !audioStream.active) {\n console.warn('AudioBars: audio stream is not active')\n return cleanupAnimation\n }\n\n try {\n const { audioElementContext, audioElementAnalyser, audioElementSource, isReady } =\n store.getState().audioBars\n\n // Initialize audio context and analyser once\n if (audioElement && isReady) {\n // The source is an audio element\n context.current = audioElementContext\n analyser.current = audioElementAnalyser\n source.current = audioElementSource\n } else {\n // The source is an audio stream or isn't ready\n context.current = new AudioContext()\n analyser.current = context.current.createAnalyser()\n analyser.current.smoothingTimeConstant = 0.8\n analyser.current.fftSize = 32\n\n // Create the media source stream\n if (audioStream) {\n source.current = context.current.createMediaStreamSource(audioStream)\n } else if (audioElement) {\n source.current = context.current.createMediaElementSource(audioElement)\n\n // Save audio elements to the store\n dispatch.audioBars.setAudioElementContext(context.current)\n dispatch.audioBars.setAudioElementAnalyser(analyser.current)\n dispatch.audioBars.setAudioElementSource(source.current)\n dispatch.audioBars.setIsReady(true)\n }\n }\n\n // Connect the audio source to the analyser\n if (analyser.current && source.current) {\n // Disconnect any existing connections\n disconnectSource()\n\n // Connect source -> analyser (-> destination if it's an audio element)\n source.current.connect(analyser.current)\n if (audioElement) {\n analyser.current.connect(context.current!.destination)\n }\n\n // Start animation if not paused\n if (!paused) {\n cleanupAnimation()\n animationRequest.current = requestAnimationFrame(animate)\n }\n }\n } catch (err) {\n console.error('AudioBars initialization error:', err)\n cleanupAnimation()\n }\n\n // Cleanup when component is unmounted\n return () => {\n cleanupAnimation()\n disconnectSource()\n }\n }, [audioStream, audioElement, animate, dispatch.audioBars, paused])\n\n // Handle paused state or size changes\n useEffect(() => {\n if (analyser.current) {\n // Stop current animation\n if (animationRequest.current) {\n cancelAnimationFrame(animationRequest.current)\n animationRequest.current = null\n }\n\n // Restart if not paused\n if (!paused) {\n animationRequest.current = requestAnimationFrame(animate)\n }\n }\n }, [size, paused, animate])\n\n return (\n <div\n className={`${\n size === 'small' ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n } pi-flex pi-justify-center pi-items-center`}\n >\n {/* The bars container /}\n <div\n className={`${\n size === 'small' ? 'pi-h-6' : 'pi-h-8'\n } pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n ref={containerElement}\n >\n {/ Every single bar */}\n {(audioStream \|\| audioElement) &&\n Object.keys(barsMap).map((key) => (\n <span\n key={key}\n className='pi-bg-emerald-700 dark:pi-bg-emerald-600 pi-w-0.5 pi-rounded-sm'\n ></span>\n ))}\n </div>\n </div>\n )\n}\n"],"names":["BARS_CONFIG","large","small","_a","_b","audioStream","_c","audioElement","_d","paused","_e","size","containerElement","useRef","animationRequest","context","analyser","source","barsMap","dispatch","useDispatch","animate","useCallback","current","children","frequencyData","Uint8Array","frequencyBinCount","getByteFrequencyData","bars","barCount","Object","keys","length","i","value","bar","style","height","concat","requestAnimationFrame","err","console","error","useEffect","cleanupAnimation","cancelAnimationFrame","disconnectSource","disconnect","e","active","warn","store","getState","audioBars","audioElementContext","audioElementAnalyser","audioElementSource","isReady","AudioContext","createAnalyser","smoothingTimeConstant","fftSize","createMediaStreamSource","createMediaElementSource","setAudioElementContext","setAudioElementAnalyser","setAudioElementSource","setIsReady","connect","destination","React","createElement","className","ref","map","key"],"mappings":"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"}
1	+ {"version":3,"file":"AudioBars.js","sources":["../../src/components/AudioBars.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useRef, useCallback } from 'react'\nimport { ContextSourceType } from '../models/audioBars'\nimport { useDispatch } from 'react-redux'\nimport { store } from '../store'\nimport { Dispatch } from '../store'\n\n// The map for the large versione of the audio bars\nconst BARS_CONFIG = {\n large: {\n 0: 4,\n 1: 3,\n 2: 2,\n 3: 1,\n 4: 1,\n 5: 2,\n 6: 3,\n 7: 4,\n },\n // The map for the small versione of the audio bars\n\n small: {\n 0: 2,\n 1: 1,\n 2: 1,\n 3: 2,\n },\n}\n\ninterface AudioBarsProps {\n audioStream?: MediaStream \| null\n audioElement?: HTMLAudioElement \| null\n size?: 'large' \| 'small'\n paused?: boolean\n}\n\ninterface BarsMapType {\n [key: number]: number\n}\n\n/*\n This component shows a dynamic audio spectrum given an audio stream\n \n @param audioStream An audio stream to analyse\n * @param audioElement An audio element to analyse\n /\nexport const AudioBars: FC<AudioBarsProps> = ({\n audioStream = null,\n audioElement = null,\n paused = false,\n size = 'large',\n}) => {\n // Initialize the main elements\n const containerElement = useRef<HTMLDivElement \| null>(null)\n const animationRequest = useRef<number \| null>(null)\n const context = useRef<AudioContext \| null>(null)\n const analyser = useRef<AnalyserNode \| null>(null)\n const source = useRef<ContextSourceType>(null)\n\n const barsMap: BarsMapType = BARS_CONFIG[size]\n const dispatch = useDispatch<Dispatch>()\n\n // The function that renders the frames of animation\n const animate = useCallback(() => {\n if (!analyser.current \|\| !containerElement.current?.children) {\n return\n }\n\n try {\n const frequencyData = new Uint8Array(analyser.current.frequencyBinCount)\n analyser.current.getByteFrequencyData(frequencyData)\n // Update the height of each bar based on frequency data\n const bars = containerElement.current.children\n const barCount = Object.keys(barsMap).length\n\n for (let i = 0; i < barCount; ++i) {\n const value = frequencyData[barsMap[i]] / 255\n const bar = bars[i] as HTMLElement\n\n if (bar) {\n bar.style.height = value > 0 ? `${100 value}%` : '0%'\n }\n }\n\n // Continue animation if not paused\n if (!paused) {\n animationRequest.current = requestAnimationFrame(animate)\n }\n } catch (err) {\n console.error('AudioBars animation error:', err)\n }\n }, [barsMap, paused])\n\n // Handles audio configuration and animation\n useEffect(() => {\n // Clean up any previous animations\n const cleanupAnimation = () => {\n if (animationRequest.current) {\n cancelAnimationFrame(animationRequest.current)\n animationRequest.current = null\n }\n }\n\n // Disconnect audio source if it exists\n const disconnectSource = () => {\n if (source.current) {\n try {\n source.current.disconnect()\n } catch (e) {\n // Ignore disconnection errors\n }\n }\n }\n\n // Check if audio stream is active\n if (audioStream && !audioStream.active) {\n console.warn('AudioBars: audio stream is not active')\n return cleanupAnimation\n }\n\n try {\n const { audioElementContext, audioElementAnalyser, audioElementSource, isReady } =\n store.getState().audioBars\n\n // Initialize audio context and analyser once\n if (audioElement && isReady) {\n // The source is an audio element\n context.current = audioElementContext\n analyser.current = audioElementAnalyser\n source.current = audioElementSource\n } else {\n // The source is an audio stream or isn't ready\n context.current = new AudioContext()\n analyser.current = context.current.createAnalyser()\n analyser.current.smoothingTimeConstant = 0.8\n analyser.current.fftSize = 32\n\n // Create the media source stream\n if (audioStream) {\n source.current = context.current.createMediaStreamSource(audioStream)\n } else if (audioElement) {\n source.current = context.current.createMediaElementSource(audioElement)\n\n // Save audio elements to the store\n dispatch.audioBars.setAudioElementContext(context.current)\n dispatch.audioBars.setAudioElementAnalyser(analyser.current)\n dispatch.audioBars.setAudioElementSource(source.current)\n dispatch.audioBars.setIsReady(true)\n }\n }\n\n // Connect the audio source to the analyser\n if (analyser.current && source.current) {\n // Disconnect any existing connections\n disconnectSource()\n\n // Connect source -> analyser (-> destination if it's an audio element)\n source.current.connect(analyser.current)\n if (audioElement) {\n analyser.current.connect(context.current!.destination)\n }\n\n // Start animation if not paused\n if (!paused) {\n cleanupAnimation()\n animationRequest.current = requestAnimationFrame(animate)\n }\n }\n } catch (err) {\n console.error('AudioBars initialization error:', err)\n cleanupAnimation()\n }\n\n // Cleanup when component is unmounted\n return () => {\n cleanupAnimation()\n disconnectSource()\n }\n }, [audioStream, audioElement, animate, dispatch.audioBars, paused])\n\n // Handle paused state or size changes\n useEffect(() => {\n if (analyser.current) {\n // Stop current animation\n if (animationRequest.current) {\n cancelAnimationFrame(animationRequest.current)\n animationRequest.current = null\n }\n\n // Restart if not paused\n if (!paused) {\n animationRequest.current = requestAnimationFrame(animate)\n }\n }\n }, [size, paused, animate])\n\n return (\n <div\n className={`${\n size === 'small' ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n } pi-flex pi-justify-center pi-items-center`}\n >\n {/* The bars container /}\n <div\n className={`${\n size === 'small' ? 'pi-h-6' : 'pi-h-8'\n } pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n ref={containerElement}\n >\n {/ Every single bar */}\n {(audioStream \|\| audioElement) &&\n Object.keys(barsMap).map((key) => (\n <span\n key={key}\n className='pi-bg-emerald-700 dark:pi-bg-emerald-600 pi-w-0.5 pi-rounded-sm'\n ></span>\n ))}\n </div>\n </div>\n )\n}\n"],"names":["BARS_CONFIG","large","small","_a","_b","audioStream","_c","audioElement","_d","paused","_e","size","containerElement","useRef","animationRequest","context","analyser","source","barsMap","dispatch","useDispatch","animate","useCallback","current","children","frequencyData","Uint8Array","frequencyBinCount","getByteFrequencyData","bars","barCount","Object","keys","length","i","value","bar","style","height","concat","requestAnimationFrame","err","console","error","useEffect","cleanupAnimation","cancelAnimationFrame","disconnectSource","disconnect","e","active","warn","store","getState","audioBars","audioElementContext","audioElementAnalyser","audioElementSource","isReady","AudioContext","createAnalyser","smoothingTimeConstant","fftSize","createMediaStreamSource","createMediaElementSource","setAudioElementContext","setAudioElementAnalyser","setAudioElementSource","setIsReady","connect","destination","React","createElement","className","ref","map","key"],"mappings":"qUAUMA,EAAc,CAClBC,MAAO,CACL,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,GAILC,MAAO,CACL,EAAG,EACH,EAAG,EACH,EAAG,EACH,EAAG,sBAqBsC,SAACC,OAC5CC,EAAkBD,EAAAE,YAAlBA,OAAW,IAAAD,EAAG,KAAIA,EAClBE,EAAmBH,EAAAI,aAAnBA,OAAY,IAAAD,EAAG,KAAIA,EACnBE,EAAcL,EAAAM,OAAdA,OAAM,IAAAD,GAAQA,EACdE,EAAAP,EAAAQ,KAAAA,OAAO,IAAAD,EAAA,QAAOA,EAGRE,EAAmBC,SAA8B,MACjDC,EAAmBD,SAAsB,MACzCE,EAAUF,SAA4B,MACtCG,EAAWH,SAA4B,MACvCI,EAASJ,SAA0B,MAEnCK,EAAuBlB,EAAYW,GACnCQ,EAAWC,EAAAA,cAGXC,EAAUC,EAAAA,aAAY,iBAC1B,GAAKN,EAASO,UAAsC,QAA1BpB,EAAAS,EAAiBW,eAAS,IAAApB,OAAA,EAAAA,EAAAqB,UAIpD,IACE,IAAMC,EAAgB,IAAIC,WAAWV,EAASO,QAAQI,mBACtDX,EAASO,QAAQK,qBAAqBH,GAKtC,IAHA,IAAMI,EAAOjB,EAAiBW,QAAQC,SAChCM,EAAWC,OAAOC,KAAKd,GAASe,OAE7BC,EAAI,EAAGA,EAAIJ,IAAYI,EAAG,CACjC,IAAMC,EAAQV,EAAcP,EAAQgB,IAAM,IACpCE,EAAMP,EAAKK,GAEbE,IACFA,EAAIC,MAAMC,OAASH,EAAQ,EAAI,GAAGI,OAAA,IAAMJ,EAAK,KAAM,KAEtD,CAGI1B,IACHK,EAAiBS,QAAUiB,sBAAsBnB,GAEpD,CAAC,MAAOoB,GACPC,QAAQC,MAAM,6BAA8BF,EAC7C,CACH,GAAG,CAACvB,EAAST,IAyGb,OAtGAmC,EAAAA,WAAU,WAER,IAAMC,EAAmB,WACnB/B,EAAiBS,UACnBuB,qBAAqBhC,EAAiBS,SACtCT,EAAiBS,QAAU,KAE/B,EAGMwB,EAAmB,WACvB,GAAI9B,EAAOM,QACT,IACEN,EAAOM,QAAQyB,YAChB,CAAC,MAAOC,GAER,CAEL,EAGA,GAAI5C,IAAgBA,EAAY6C,OAE9B,OADAR,QAAQS,KAAK,yCACNN,EAGT,IACQ,IAAA1C,EACJiD,EAAAA,MAAMC,WAAWC,UADXC,wBAAqBC,yBAAsBC,uBAAoBC,YAInEnD,GAAgBmD,GAElB3C,EAAQQ,QAAUgC,EAClBvC,EAASO,QAAUiC,EACnBvC,EAAOM,QAAUkC,IAGjB1C,EAAQQ,QAAU,IAAIoC,aACtB3C,EAASO,QAAUR,EAAQQ,QAAQqC,iBACnC5C,EAASO,QAAQsC,sBAAwB,GACzC7C,EAASO,QAAQuC,QAAU,GAGvBzD,EACFY,EAAOM,QAAUR,EAAQQ,QAAQwC,wBAAwB1D,GAChDE,IACTU,EAAOM,QAAUR,EAAQQ,QAAQyC,yBAAyBzD,GAG1DY,EAASmC,UAAUW,uBAAuBlD,EAAQQ,SAClDJ,EAASmC,UAAUY,wBAAwBlD,EAASO,SACpDJ,EAASmC,UAAUa,sBAAsBlD,EAAOM,SAChDJ,EAASmC,UAAUc,YAAW,KAK9BpD,EAASO,SAAWN,EAAOM,UAE7BwB,IAGA9B,EAAOM,QAAQ8C,QAAQrD,EAASO,SAC5BhB,GACFS,EAASO,QAAQ8C,QAAQtD,EAAQQ,QAAS+C,aAIvC7D,IACHoC,IACA/B,EAAiBS,QAAUiB,sBAAsBnB,IAGtD,CAAC,MAAOoB,GACPC,QAAQC,MAAM,kCAAmCF,GACjDI,GACD,CAGD,OAAO,WACLA,IACAE,GACF,CACF,GAAG,CAAC1C,EAAaE,EAAcc,EAASF,EAASmC,UAAW7C,IAG5DmC,EAAAA,WAAU,WACJ5B,EAASO,UAEPT,EAAiBS,UACnBuB,qBAAqBhC,EAAiBS,SACtCT,EAAiBS,QAAU,MAIxBd,IACHK,EAAiBS,QAAUiB,sBAAsBnB,IAGtD,GAAE,CAACV,EAAMF,EAAQY,IAGhBkD,EACE,QAAAC,cAAA,MAAA,CAAAC,UAAW,GAAAlC,OACA,UAAT5B,EAAmB,gBAAkB,kBACK,+CAG5C4D,EACE,QAAAC,cAAA,MAAA,CAAAC,UAAW,GAAAlC,OACA,UAAT5B,EAAmB,SAAW,SAAQ,mFAExC+D,IAAK9D,IAGHP,GAAeE,IACfwB,OAAOC,KAAKd,GAASyD,KAAI,SAACC,GAAQ,OAChCL,UAAAC,cAAA,OAAA,CACEI,IAAKA,EACLH,UAAU,mEAEb,KAIX"}

package/dist/components/AudioPlayerView/Avatar.js CHANGED Viewed

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

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

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

package/dist/components/AudioPlayerView/PlayerFooterActions.js CHANGED Viewed

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

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

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

package/dist/components/AudioPlayerView/Progress.js CHANGED Viewed

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

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

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

package/dist/components/AudioPlayerView/index.js CHANGED Viewed

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

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

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

package/dist/components/AvatarGroup.js CHANGED Viewed

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

package/dist/components/AvatarGroup.js.map CHANGED Viewed

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

package/dist/components/Button.js CHANGED Viewed

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

package/dist/components/Button.js.map CHANGED Viewed

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

package/dist/components/CallView/Actions.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../src/components/CallView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo, useEffect, useRef, useCallback } from 'react'\nimport {\n muteCurrentCall,\n unmuteCurrentCall,\n pauseCurrentCall,\n unpauseCurrentCall,\n parkCurrentCall,\n startConference,\n} from '../../lib/phone/call'\nimport { Button } from '../'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPause,\n faPlay,\n faMicrophone,\n faMicrophoneSlash,\n faSquareParking,\n faUserPlus,\n faPlus,\n faAngleDown,\n faAngleUp,\n} from '@fortawesome/free-solid-svg-icons'\nimport { faClose, faGridRound, faOpen } from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState, Dispatch } from '../../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store } from '../../store'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport TransferButton from '../TransferButton'\nimport { isWebRTC } from '../../lib/user/default_device'\nimport { sendPhysicalDTMF } from '../../services/astproxy'\nimport { IconDefinition } from '@fortawesome/fontawesome-common-types'\n\ninterface ActionButtonProps {\n active: boolean\n onClick: () => void\n tooltipId: string\n tooltipContent: string\n icon: IconDefinition\n activeIcon?: IconDefinition\n}\n\nconst ActionButton: React.FC<ActionButtonProps> = React.memo(\n ({ active, onClick, tooltipId, tooltipContent, icon, activeIcon = icon }) => (\n <Button\n variant='default'\n active={active}\n onClick={onClick}\n data-tooltip-id={tooltipId}\n data-tooltip-content={tooltipContent}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={active ? activeIcon : icon} />\n </Button>\n ),\n)\n\nconst Actions: FC = () => {\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const { paused, muted, parked, transferring } = useSelector(\n (state: RootState) => state.currentCall,\n )\n const { view, actionsExpanded, sideViewIsVisible, transcriptionViewIsVisible } = useSelector(\n (state: RootState) => state.island,\n )\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n const { username, profile } = useSelector((state: RootState) => state?.currentUser)\n\n // Check if the actions should be expanded automatically\n const autoExpandedRef = useRef(false)\n // Check if the actions should be collapsed automatically\n const autoCollapsedRef = useRef(false)\n\n const isOwnerOfConference = useMemo(\n () => username !== '' && conferenceStartedFrom === username,\n [username, conferenceStartedFrom],\n )\n\n const shouldHideTransferButton = useMemo(\n () => isActive && !isOwnerOfConference,\n [isActive, isOwnerOfConference],\n )\n\n const shouldHideButtons = useMemo(\n () => intrudeListenStatus?.isIntrude \|\| intrudeListenStatus?.isListen,\n [intrudeListenStatus],\n )\n\n const toggleMute = useCallback(() => {\n muted ? unmuteCurrentCall() : muteCurrentCall()\n }, [muted])\n\n const togglePause = useCallback(() => {\n paused ? unpauseCurrentCall() : pauseCurrentCall()\n }, [paused])\n\n const openKeypad = useCallback(() => {\n dispatch.island.setIslandView(view !== 'keypad' ? 'keypad' : 'call')\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n eventDispatch('phone-island-call-keypad-opened', {})\n }, [view, sideViewIsVisible, transcriptionViewIsVisible, dispatch.island])\n\n const toggleActionsExpanded = useCallback(() => {\n const newState = !actionsExpanded\n dispatch.island.toggleActionsExpanded(newState)\n eventDispatch(`phone-island-call-actions-${newState ? 'opened' : 'closed'}`, {})\n if (!newState) {\n eventDispatch('phone-island-sideview-close', {})\n }\n }, [actionsExpanded, transcriptionViewIsVisible, dispatch.island])\n\n const toggleSideView = useCallback(() => {\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n } else {\n // When opening SideView, close TranscriptionView if it's open\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n eventDispatch('phone-island-sideview-open', {})\n }\n }, [sideViewIsVisible, transcriptionViewIsVisible])\n\n const transfer = useCallback(() => {\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n eventDispatch('phone-island-call-transfer-opened', {})\n }, [view, sideViewIsVisible, transcriptionViewIsVisible, dispatch.island])\n\n const beginConference = useCallback(() => {\n eventDispatch('phone-island-conference-list-open', {})\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n }, [view, sideViewIsVisible, transcriptionViewIsVisible, dispatch.island])\n\n const addUserToConference = useCallback(async () => {\n dispatch.island.setIslandView('waitingConference')\n await startConference()\n }, [dispatch.island])\n\n const handleConferenceAction = useCallback(() => {\n isActive ? addUserToConference() : beginConference()\n }, [isActive, addUserToConference, beginConference])\n\n const shouldExpandActions = useMemo(() => {\n return (\n isActive &&\n view === 'call' &&\n !actionsExpanded &&\n !autoExpandedRef.current &&\n isOwnerOfConference\n )\n }, [isActive, view, actionsExpanded, isOwnerOfConference])\n\n // Check if user is not the owner of the conference\n const shouldCollapseActions = useMemo(() => {\n return (\n isActive &&\n view === 'call' &&\n actionsExpanded &&\n !autoCollapsedRef.current &&\n username !== '' &&\n !isOwnerOfConference\n )\n }, [isActive, view, actionsExpanded, username, isOwnerOfConference])\n\n // Automatically expand actions if the user has enabled conference\n useEffect(() => {\n if (shouldExpandActions) {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n autoExpandedRef.current = true\n }\n }, [shouldExpandActions, dispatch.island])\n\n // Automatically collapse actions if the user is not the owner of the conference\n useEffect(() => {\n if (shouldCollapseActions) {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n autoCollapsedRef.current = true\n }\n }, [shouldCollapseActions, dispatch.island])\n\n const cancelTransfer = useCallback(() => {\n const sendDtmfFunc = isWebRTC() ? sendDTMF : sendPhysicalDTMF\n\n sendDtmfFunc('')\n\n const { audioPlayerPlaying } = store.getState().player\n // Check if the local audio is already playing and start playing\n if (!audioPlayerPlaying) {\n dispatch.player.updateStartAudioPlayer({\n src: outgoingRingtone,\n loop: true,\n })\n }\n\n setTimeout(() => {\n sendDtmfFunc('1')\n dispatch.player.stopAudioPlayer()\n // The workarround to disable transfer because of the wrong conv.connection value from ws\n if (transferring) {\n setTimeout(() => {\n dispatch.currentCall.updateTransferring(false)\n }, 500)\n }\n\n eventDispatch('phone-island-call-transfer-canceled', {})\n }, 500)\n }, [transferring, dispatch.player, dispatch.currentCall])\n\n useEventListener('phone-island-call-keypad-open', openKeypad)\n useEventListener('phone-island-call-transfer-open', transfer)\n useEventListener('phone-island-call-transfer-cancel', cancelTransfer)\n useEventListener('phone-island-call-actions-open', () => {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n })\n useEventListener('phone-island-call-actions-close', () => {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n })\n\n const mainGridClassName = useMemo(() => {\n if (\n intrudeListenStatus?.isListen \|\|\n intrudeListenStatus?.isIntrude \|\|\n (isActive && !isOwnerOfConference)\n ) {\n if (intrudeListenStatus.isIntrude) {\n return 'pi-mb-6 pi-grid pi-grid-cols-1 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'\n }\n if (isActive && !isOwnerOfConference) {\n return 'pi-flex pi-items-center pi-justify-center pi-gap-4'\n }\n return 'pi-hidden'\n }\n return 'pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'\n }, [intrudeListenStatus, isActive, isOwnerOfConference])\n\n return (\n <>\n <div className={mainGridClassName}>\n {!shouldHideButtons && (\n <ActionButton\n active={paused}\n onClick={togglePause}\n tooltipId='tooltip-pause'\n tooltipContent={paused ? t('Tooltip.Play') : t('Tooltip.Pause')}\n icon={faPause}\n activeIcon={faPlay}\n />\n )}\n\n {!intrudeListenStatus?.isListen && (\n <ActionButton\n active={muted}\n onClick={toggleMute}\n tooltipId='tooltip-mute'\n tooltipContent={muted ? t('Tooltip.Unmute') : t('Tooltip.Mute')}\n icon={faMicrophone}\n activeIcon={faMicrophoneSlash}\n />\n )}\n\n {!shouldHideTransferButton && <TransferButton />}\n\n {!shouldHideButtons && !shouldHideTransferButton && (\n <Button\n active={actionsExpanded}\n variant='transparent'\n onClick={toggleActionsExpanded}\n data-tooltip-id='tooltip-expand'\n data-tooltip-content={actionsExpanded ? t('Tooltip.Collapse') : t('Tooltip.Expand')}\n >\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={actionsExpanded ? faAngleUp : faAngleDown}\n />\n </Button>\n )}\n </div>\n\n {/ Actions expanded section /}\n {actionsExpanded && (\n <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n <ActionButton\n active={view === 'keypad'}\n onClick={openKeypad}\n tooltipId='tooltip-keyboard'\n tooltipContent={t('Tooltip.Keyboard')}\n icon={faGridRound}\n />\n\n <ActionButton\n active={parked}\n onClick={parkCurrentCall}\n tooltipId='tooltip-park'\n tooltipContent={t('Tooltip.Park')}\n icon={faSquareParking}\n />\n\n {profile?.macro_permissions?.settings?.permissions?.conference?.value && (\n <Button\n data-stop-propagation={true}\n variant='default'\n onClick={handleConferenceAction}\n data-tooltip-id='tooltip-conference'\n data-tooltip-content={\n isActive ? t('Tooltip.Conference') \|\| '' : t('Tooltip.Add user to conference') \|\| ''\n }\n >\n <FontAwesomeIcon icon={isActive ? faPlus : faUserPlus} className='pi-h-6 pi-w-6' />\n </Button>\n )}\n\n <Button\n variant='default'\n onClick={toggleSideView}\n data-tooltip-id='tooltip-sideView'\n data-tooltip-content={t('Tooltip.Other actions') \|\| ''}\n >\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={sideViewIsVisible ? faClose : faOpen}\n />\n </Button>\n </div>\n )}\n {/ Buttons tooltips */}\n <CustomThemedTooltip id='tooltip-transfer' place='bottom' />\n <CustomThemedTooltip id='tooltip-pause' place='bottom' />\n <CustomThemedTooltip id='tooltip-mute' place='bottom' />\n <CustomThemedTooltip id='tooltip-expand' place='bottom' />\n <CustomThemedTooltip id='tooltip-keyboard' place='bottom' />\n <CustomThemedTooltip id='tooltip-conference' place='bottom' />\n <CustomThemedTooltip id='tooltip-park' place='bottom' />\n <CustomThemedTooltip id='tooltip-sideView' place='left' />\n </>\n )\n}\n\nexport default React.memo(Actions)\n"],"names":["ActionButton","React","memo","_a","active","onClick","tooltipId","tooltipContent","icon","_b","activeIcon","createElement","Button","variant","FontAwesomeIcon","className","Actions$1","t","useTranslation","dispatch","useDispatch","_e","useSelector","state","currentCall","paused","muted","parked","transferring","_f","island","view","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","intrudeListenStatus","listen","_g","conference","isActive","conferenceStartedFrom","_h","currentUser","username","profile","autoExpandedRef","useRef","autoCollapsedRef","isOwnerOfConference","useMemo","shouldHideTransferButton","shouldHideButtons","isIntrude","isListen","toggleMute","useCallback","unmuteCurrentCall","muteCurrentCall","togglePause","unpauseCurrentCall","pauseCurrentCall","openKeypad","setIslandView","eventDispatch","toggleActionsExpanded","newState","concat","toggleSideView","transfer","beginConference","addUserToConference","__awaiter","startConference","sent","handleConferenceAction","shouldExpandActions","current","shouldCollapseActions","useEffect","cancelTransfer","sendDtmfFunc","isWebRTC","sendDTMF","sendPhysicalDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","useEventListener","mainGridClassName","Fragment","faPause","faPlay","faMicrophone","faMicrophoneSlash","TransferButton","faAngleUp","faAngleDown","faGridRound","parkCurrentCall","faSquareParking","_d","_c","macro_permissions","settings","permissions","value","faPlus","faUserPlus","faClose","faOpen","CustomThemedTooltip","id","place"],"mappings":"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"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../src/components/CallView/Actions.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo, useEffect, useRef, useCallback } from 'react'\nimport {\n muteCurrentCall,\n unmuteCurrentCall,\n pauseCurrentCall,\n unpauseCurrentCall,\n parkCurrentCall,\n startConference,\n} from '../../lib/phone/call'\nimport { Button } from '../'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPause,\n faPlay,\n faMicrophone,\n faMicrophoneSlash,\n faSquareParking,\n faUserPlus,\n faPlus,\n faAngleDown,\n faAngleUp,\n} from '@fortawesome/free-solid-svg-icons'\nimport { faClose, faGridRound, faOpen } from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState, Dispatch } from '../../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store } from '../../store'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport TransferButton from '../TransferButton'\nimport { isWebRTC } from '../../lib/user/default_device'\nimport { sendPhysicalDTMF } from '../../services/astproxy'\nimport { IconDefinition } from '@fortawesome/fontawesome-common-types'\n\ninterface ActionButtonProps {\n active: boolean\n onClick: () => void\n tooltipId: string\n tooltipContent: string\n icon: IconDefinition\n activeIcon?: IconDefinition\n}\n\nconst ActionButton: React.FC<ActionButtonProps> = React.memo(\n ({ active, onClick, tooltipId, tooltipContent, icon, activeIcon = icon }) => (\n <Button\n variant='default'\n active={active}\n onClick={onClick}\n data-tooltip-id={tooltipId}\n data-tooltip-content={tooltipContent}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={active ? activeIcon : icon} />\n </Button>\n ),\n)\n\nconst Actions: FC = () => {\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const { paused, muted, parked, transferring } = useSelector(\n (state: RootState) => state.currentCall,\n )\n const { view, actionsExpanded, sideViewIsVisible, transcriptionViewIsVisible } = useSelector(\n (state: RootState) => state.island,\n )\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n const { username, profile } = useSelector((state: RootState) => state?.currentUser)\n\n // Check if the actions should be expanded automatically\n const autoExpandedRef = useRef(false)\n // Check if the actions should be collapsed automatically\n const autoCollapsedRef = useRef(false)\n\n const isOwnerOfConference = useMemo(\n () => username !== '' && conferenceStartedFrom === username,\n [username, conferenceStartedFrom],\n )\n\n const shouldHideTransferButton = useMemo(\n () => isActive && !isOwnerOfConference,\n [isActive, isOwnerOfConference],\n )\n\n const shouldHideButtons = useMemo(\n () => intrudeListenStatus?.isIntrude \|\| intrudeListenStatus?.isListen,\n [intrudeListenStatus],\n )\n\n const toggleMute = useCallback(() => {\n muted ? unmuteCurrentCall() : muteCurrentCall()\n }, [muted])\n\n const togglePause = useCallback(() => {\n paused ? unpauseCurrentCall() : pauseCurrentCall()\n }, [paused])\n\n const openKeypad = useCallback(() => {\n dispatch.island.setIslandView(view !== 'keypad' ? 'keypad' : 'call')\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n eventDispatch('phone-island-call-keypad-opened', {})\n }, [view, sideViewIsVisible, transcriptionViewIsVisible, dispatch.island])\n\n const toggleActionsExpanded = useCallback(() => {\n const newState = !actionsExpanded\n dispatch.island.toggleActionsExpanded(newState)\n eventDispatch(`phone-island-call-actions-${newState ? 'opened' : 'closed'}`, {})\n if (!newState) {\n eventDispatch('phone-island-sideview-close', {})\n }\n }, [actionsExpanded, transcriptionViewIsVisible, dispatch.island])\n\n const toggleSideView = useCallback(() => {\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n } else {\n // When opening SideView, close TranscriptionView if it's open\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n eventDispatch('phone-island-sideview-open', {})\n }\n }, [sideViewIsVisible, transcriptionViewIsVisible])\n\n const transfer = useCallback(() => {\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n eventDispatch('phone-island-call-transfer-opened', {})\n }, [view, sideViewIsVisible, transcriptionViewIsVisible, dispatch.island])\n\n const beginConference = useCallback(() => {\n eventDispatch('phone-island-conference-list-open', {})\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n if (transcriptionViewIsVisible) {\n eventDispatch('phone-island-transcription-close', {})\n }\n }, [view, sideViewIsVisible, transcriptionViewIsVisible, dispatch.island])\n\n const addUserToConference = useCallback(async () => {\n dispatch.island.setIslandView('waitingConference')\n await startConference()\n }, [dispatch.island])\n\n const handleConferenceAction = useCallback(() => {\n isActive ? addUserToConference() : beginConference()\n }, [isActive, addUserToConference, beginConference])\n\n const shouldExpandActions = useMemo(() => {\n return (\n isActive &&\n view === 'call' &&\n !actionsExpanded &&\n !autoExpandedRef.current &&\n isOwnerOfConference\n )\n }, [isActive, view, actionsExpanded, isOwnerOfConference])\n\n // Check if user is not the owner of the conference\n const shouldCollapseActions = useMemo(() => {\n return (\n isActive &&\n view === 'call' &&\n actionsExpanded &&\n !autoCollapsedRef.current &&\n username !== '' &&\n !isOwnerOfConference\n )\n }, [isActive, view, actionsExpanded, username, isOwnerOfConference])\n\n // Automatically expand actions if the user has enabled conference\n useEffect(() => {\n if (shouldExpandActions) {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n autoExpandedRef.current = true\n }\n }, [shouldExpandActions, dispatch.island])\n\n // Automatically collapse actions if the user is not the owner of the conference\n useEffect(() => {\n if (shouldCollapseActions) {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n autoCollapsedRef.current = true\n }\n }, [shouldCollapseActions, dispatch.island])\n\n const cancelTransfer = useCallback(() => {\n const sendDtmfFunc = isWebRTC() ? sendDTMF : sendPhysicalDTMF\n\n sendDtmfFunc('')\n\n const { audioPlayerPlaying } = store.getState().player\n // Check if the local audio is already playing and start playing\n if (!audioPlayerPlaying) {\n dispatch.player.updateStartAudioPlayer({\n src: outgoingRingtone,\n loop: true,\n })\n }\n\n setTimeout(() => {\n sendDtmfFunc('1')\n dispatch.player.stopAudioPlayer()\n // The workarround to disable transfer because of the wrong conv.connection value from ws\n if (transferring) {\n setTimeout(() => {\n dispatch.currentCall.updateTransferring(false)\n }, 500)\n }\n\n eventDispatch('phone-island-call-transfer-canceled', {})\n }, 500)\n }, [transferring, dispatch.player, dispatch.currentCall])\n\n useEventListener('phone-island-call-keypad-open', openKeypad)\n useEventListener('phone-island-call-transfer-open', transfer)\n useEventListener('phone-island-call-transfer-cancel', cancelTransfer)\n useEventListener('phone-island-call-actions-open', () => {\n dispatch.island.toggleActionsExpanded(true)\n eventDispatch('phone-island-call-actions-opened', {})\n })\n useEventListener('phone-island-call-actions-close', () => {\n dispatch.island.toggleActionsExpanded(false)\n eventDispatch('phone-island-call-actions-closed', {})\n })\n\n const mainGridClassName = useMemo(() => {\n if (\n intrudeListenStatus?.isListen \|\|\n intrudeListenStatus?.isIntrude \|\|\n (isActive && !isOwnerOfConference)\n ) {\n if (intrudeListenStatus.isIntrude) {\n return 'pi-mb-6 pi-grid pi-grid-cols-1 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'\n }\n if (isActive && !isOwnerOfConference) {\n return 'pi-flex pi-items-center pi-justify-center pi-gap-4'\n }\n return 'pi-hidden'\n }\n return 'pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'\n }, [intrudeListenStatus, isActive, isOwnerOfConference])\n\n return (\n <>\n <div className={mainGridClassName}>\n {!shouldHideButtons && (\n <ActionButton\n active={paused}\n onClick={togglePause}\n tooltipId='tooltip-pause'\n tooltipContent={paused ? t('Tooltip.Play') : t('Tooltip.Pause')}\n icon={faPause}\n activeIcon={faPlay}\n />\n )}\n\n {!intrudeListenStatus?.isListen && (\n <ActionButton\n active={muted}\n onClick={toggleMute}\n tooltipId='tooltip-mute'\n tooltipContent={muted ? t('Tooltip.Unmute') : t('Tooltip.Mute')}\n icon={faMicrophone}\n activeIcon={faMicrophoneSlash}\n />\n )}\n\n {!shouldHideTransferButton && <TransferButton />}\n\n {!shouldHideButtons && !shouldHideTransferButton && (\n <Button\n active={actionsExpanded}\n variant='transparent'\n onClick={toggleActionsExpanded}\n data-tooltip-id='tooltip-expand'\n data-tooltip-content={actionsExpanded ? t('Tooltip.Collapse') : t('Tooltip.Expand')}\n >\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={actionsExpanded ? faAngleUp : faAngleDown}\n />\n </Button>\n )}\n </div>\n\n {/ Actions expanded section /}\n {actionsExpanded && (\n <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n <ActionButton\n active={view === 'keypad'}\n onClick={openKeypad}\n tooltipId='tooltip-keyboard'\n tooltipContent={t('Tooltip.Keyboard')}\n icon={faGridRound}\n />\n\n <ActionButton\n active={parked}\n onClick={parkCurrentCall}\n tooltipId='tooltip-park'\n tooltipContent={t('Tooltip.Park')}\n icon={faSquareParking}\n />\n\n {profile?.macro_permissions?.settings?.permissions?.conference?.value && (\n <Button\n data-stop-propagation={true}\n variant='default'\n onClick={handleConferenceAction}\n data-tooltip-id='tooltip-conference'\n data-tooltip-content={\n isActive ? t('Tooltip.Conference') \|\| '' : t('Tooltip.Add user to conference') \|\| ''\n }\n >\n <FontAwesomeIcon icon={isActive ? faPlus : faUserPlus} className='pi-h-6 pi-w-6' />\n </Button>\n )}\n\n <Button\n variant='default'\n onClick={toggleSideView}\n data-tooltip-id='tooltip-sideView'\n data-tooltip-content={t('Tooltip.Other actions') \|\| ''}\n >\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={sideViewIsVisible ? faClose : faOpen}\n />\n </Button>\n </div>\n )}\n {/ Buttons tooltips */}\n <CustomThemedTooltip id='tooltip-transfer' place='bottom' />\n <CustomThemedTooltip id='tooltip-pause' place='bottom' />\n <CustomThemedTooltip id='tooltip-mute' place='bottom' />\n <CustomThemedTooltip id='tooltip-expand' place='bottom' />\n <CustomThemedTooltip id='tooltip-keyboard' place='bottom' />\n <CustomThemedTooltip id='tooltip-conference' place='bottom' />\n <CustomThemedTooltip id='tooltip-park' place='bottom' />\n <CustomThemedTooltip id='tooltip-sideView' place='left' />\n </>\n )\n}\n\nexport default React.memo(Actions)\n"],"names":["ActionButton","React","memo","_a","active","onClick","tooltipId","tooltipContent","icon","_b","activeIcon","createElement","Button","variant","FontAwesomeIcon","className","Actions$1","t","useTranslation","dispatch","useDispatch","_e","useSelector","state","currentCall","paused","muted","parked","transferring","_f","island","view","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","intrudeListenStatus","listen","_g","conference","isActive","conferenceStartedFrom","_h","currentUser","username","profile","autoExpandedRef","useRef","autoCollapsedRef","isOwnerOfConference","useMemo","shouldHideTransferButton","shouldHideButtons","isIntrude","isListen","toggleMute","useCallback","unmuteCurrentCall","muteCurrentCall","togglePause","unpauseCurrentCall","pauseCurrentCall","openKeypad","setIslandView","eventDispatch","toggleActionsExpanded","newState","concat","toggleSideView","transfer","beginConference","addUserToConference","__awaiter","startConference","sent","handleConferenceAction","shouldExpandActions","current","shouldCollapseActions","useEffect","cancelTransfer","sendDtmfFunc","isWebRTC","sendDTMF","sendPhysicalDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","updateTransferring","useEventListener","mainGridClassName","Fragment","faPause","faPlay","faMicrophone","faMicrophoneSlash","TransferButton","faAngleUp","faAngleDown","faGridRound","parkCurrentCall","faSquareParking","_d","_c","macro_permissions","settings","permissions","value","faPlus","faUserPlus","faClose","faOpen","CustomThemedTooltip","id","place"],"mappings":"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"}

package/dist/components/CallView/Avatar.js CHANGED Viewed

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