npm - @nethesis/phone-island - Versions diffs - 1.0.6-dev.4 → 1.0.6-dev.5 - Mend

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

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/ConferenceView/ConferenceUsersList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConferenceUsersList.js","sources":["../../../src/components/ConferenceView/ConferenceUsersList.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faMicrophone,\n faMicrophoneSlash,\n faPause,\n faTrash,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../Button'\nimport { useTranslation } from 'react-i18next'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport Timer from '../CallView/Timer'\nimport { muteUserConference, removeUserConference } from '../../lib/phone/call'\n\nexport interface ConferenceUsersListProps {}\n\nexport const ConferenceUsersList: FC<ConferenceUsersListProps> = ({}) => {\n const { usersList } = useSelector((state: RootState) => state.conference)\n const { isOwnerInside, conferenceId } = useSelector((state: RootState) => state.conference)\n const dispatch = useDispatch()\n\n const { avatars } = useSelector((state: RootState) => state.avatars)\n const { extensions } = useSelector((state: RootState) => state.users)\n const { t } = useTranslation()\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 // 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 const handleMuteParticipant = (userId: string, extensionId, isAlreadyMuted) => {\n dispatch.conference.toggleUserMuted({ extenId: extensionId })\n muteUserConference(conferenceId, userId, isAlreadyMuted)\n }\n\n const handleRemoveParticipant = (extenId: string) => {\n removeUserConference(conferenceId, extenId)\n }\n\n const UserAvatar = ({ user }: { user: any }) => (\n <div className='pi-inline-flex pi-items-center pi-justify-center pi-w-8 pi-h-8 pi-rounded-full pi-bg-gray-500'>\n {getAvatarUrl(user.extenId) ? (\n <div\n className='pi-rounded-full pi-w-8 pi-h-8'\n style={{\n backgroundImage: `url(${getAvatarUrl(user?.extenId)})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n backgroundPosition: 'center',\n }}\n />\n ) : (\n <span className='pi-text-sm pi-font-medium pi-text-white'>\n {generateInitials(user?.name, user?.extenId)}\n </span>\n )}\n </div>\n )\n\n return (\n <>\n <div\n className={`${\n isOwnerInside ? '' : 'pi-space-y-1'\n } pi-flex pi-flex-col pi-mt-2 pi-h-32 pi-overflow-y-auto pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-dark:scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-dark:scrollbar-track-gray-900 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25`}\n >\n {usersList && Object.values(usersList).filter((user) => !user?.owner).length > 0 ? (\n Object?.values(usersList)\n ?.filter((user) => !user?.owner)\n ?.map((user) => (\n <div\n key={`${user?.id}-${user?.extenId}`}\n className={`${\n isOwnerInside ? '' : 'pi-py-1'\n } pi-flex pi-items-center pi-justify-between pi-px-3 pi-rounded-lg`}\n >\n <div className='pi-flex pi-items-center pi-gap-3 pi-truncate'>\n <UserAvatar user={user} />\n <span className='pi-font-medium pi-text-sm pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-w-32'>\n {user?.name \|\| user?.extenId}\n </span>\n </div>\n {isOwnerInside ? (\n <>\n <Button\n variant='transparent'\n data-tooltip-id='conference-user-mute'\n data-tooltip-content={\n user?.muted\n ? t('Conference.Unmute participant')\n : t('Conference.Mute participant')\n }\n onClick={() => handleMuteParticipant(user?.id, user?.extenId, user?.muted)}\n >\n <FontAwesomeIcon\n className={`pi-h-4 pi-w-4 ${\n user?.muted ? 'pi-text-red-500' : 'pi-text-gray-600 dark:pi-text-gray-300'\n }`}\n icon={user?.muted ? faMicrophoneSlash : faMicrophone}\n />\n </Button>\n <Button\n variant='transparent'\n data-tooltip-id='conference-user-remove'\n data-tooltip-content={t('Conference.Remove participant')}\n onClick={() => handleRemoveParticipant(user?.extenId)}\n >\n <FontAwesomeIcon\n className='pi-h-4 pi-w-4 pi-text-gray-600 dark:pi-text-gray-300'\n icon={faTrash}\n />\n </Button>\n </>\n ) : (\n <>\n <FontAwesomeIcon\n className='pi-h-5 pi-w-5 pi-text-gray-600 dark:pi-text-gray-300'\n icon={user.muted ? faMicrophoneSlash : faPause}\n />\n <Timer\n size='small'\n startTime={String(\n Math?.floor(\n user?.joinTime !== null && user?.joinTime ? user?.joinTime / 1000 : 0,\n ),\n )}\n isNotAlwaysWhite\n isInsideConference\n />\n </>\n )}\n </div>\n ))\n ) : (\n <div className='pi-flex pi-flex-col pi-justify-center pi-items-center pi-h-20 pi-text-gray-500 dark:pi-text-gray-400'>\n <span>{t('Conference.No participants')}</span>\n <span className='pi-text-xs pi-mt-1'>\n {t('Conference.Add participants to conference')}\n </span>\n </div>\n )}\n </div>\n <CustomThemedTooltip className='pi-z-1000' id='conference-user-remove' place='left' />\n <CustomThemedTooltip className='pi-z-1000' id='conference-user-mute' place='left' />\n </>\n )\n}\n\nexport default ConferenceUsersList\n"],"names":["ConferenceUsersList","_a","usersList","useSelector","state","conference","_d","isOwnerInside","conferenceId","dispatch","useDispatch","avatars","extensions","users","t","useTranslation","getAvatarUrl","username","concat","UserAvatar","name","user","React","className","extenId","createElement","style","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","split","map","n","join","toUpperCase","slice","substring","Fragment","Object","values","filter","owner","length","_c","_b","key","id","Button","variant","muted","onClick","userId","extensionId","isAlreadyMuted","toggleUserMuted","muteUserConference","FontAwesomeIcon","icon","faMicrophoneSlash","faMicrophone","removeUserConference","faTrash","faPause","Timer","size","startTime","String","Math","floor","joinTime","isNotAlwaysWhite","isInsideConference","CustomThemedTooltip","place"],"mappings":"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"}
1	+ {"version":3,"file":"ConferenceUsersList.js","sources":["../../../src/components/ConferenceView/ConferenceUsersList.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faMicrophone,\n faMicrophoneSlash,\n faPause,\n faTrash,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../Button'\nimport { useTranslation } from 'react-i18next'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport Timer from '../CallView/Timer'\nimport { muteUserConference, removeUserConference } from '../../lib/phone/call'\n\nexport interface ConferenceUsersListProps {}\n\nexport const ConferenceUsersList: FC<ConferenceUsersListProps> = ({}) => {\n const { usersList } = useSelector((state: RootState) => state.conference)\n const { isOwnerInside, conferenceId } = useSelector((state: RootState) => state.conference)\n const dispatch = useDispatch()\n\n const { avatars } = useSelector((state: RootState) => state.avatars)\n const { extensions } = useSelector((state: RootState) => state.users)\n const { t } = useTranslation()\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 // 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 const handleMuteParticipant = (userId: string, extensionId, isAlreadyMuted) => {\n dispatch.conference.toggleUserMuted({ extenId: extensionId })\n muteUserConference(conferenceId, userId, isAlreadyMuted)\n }\n\n const handleRemoveParticipant = (extenId: string) => {\n removeUserConference(conferenceId, extenId)\n }\n\n const UserAvatar = ({ user }: { user: any }) => (\n <div className='pi-inline-flex pi-items-center pi-justify-center pi-w-8 pi-h-8 pi-rounded-full pi-bg-gray-500'>\n {getAvatarUrl(user.extenId) ? (\n <div\n className='pi-rounded-full pi-w-8 pi-h-8'\n style={{\n backgroundImage: `url(${getAvatarUrl(user?.extenId)})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n backgroundPosition: 'center',\n }}\n />\n ) : (\n <span className='pi-text-sm pi-font-medium pi-text-white'>\n {generateInitials(user?.name, user?.extenId)}\n </span>\n )}\n </div>\n )\n\n return (\n <>\n <div\n className={`${\n isOwnerInside ? '' : 'pi-space-y-1'\n } pi-flex pi-flex-col pi-mt-2 pi-h-32 pi-overflow-y-auto pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-dark:scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-dark:scrollbar-track-gray-900 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25`}\n >\n {usersList && Object.values(usersList).filter((user) => !user?.owner).length > 0 ? (\n Object?.values(usersList)\n ?.filter((user) => !user?.owner)\n ?.map((user) => (\n <div\n key={`${user?.id}-${user?.extenId}`}\n className={`${\n isOwnerInside ? '' : 'pi-py-1'\n } pi-flex pi-items-center pi-justify-between pi-px-3 pi-rounded-lg`}\n >\n <div className='pi-flex pi-items-center pi-gap-3 pi-truncate'>\n <UserAvatar user={user} />\n <span className='pi-font-medium pi-text-sm pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-w-32'>\n {user?.name \|\| user?.extenId}\n </span>\n </div>\n {isOwnerInside ? (\n <>\n <Button\n variant='transparent'\n data-tooltip-id='conference-user-mute'\n data-tooltip-content={\n user?.muted\n ? t('Conference.Unmute participant')\n : t('Conference.Mute participant')\n }\n onClick={() => handleMuteParticipant(user?.id, user?.extenId, user?.muted)}\n >\n <FontAwesomeIcon\n className={`pi-h-4 pi-w-4 ${\n user?.muted ? 'pi-text-red-500' : 'pi-text-gray-600 dark:pi-text-gray-300'\n }`}\n icon={user?.muted ? faMicrophoneSlash : faMicrophone}\n />\n </Button>\n <Button\n variant='transparent'\n data-tooltip-id='conference-user-remove'\n data-tooltip-content={t('Conference.Remove participant')}\n onClick={() => handleRemoveParticipant(user?.extenId)}\n >\n <FontAwesomeIcon\n className='pi-h-4 pi-w-4 pi-text-gray-600 dark:pi-text-gray-300'\n icon={faTrash}\n />\n </Button>\n </>\n ) : (\n <>\n <FontAwesomeIcon\n className='pi-h-5 pi-w-5 pi-text-gray-600 dark:pi-text-gray-300'\n icon={user.muted ? faMicrophoneSlash : faPause}\n />\n <Timer\n size='small'\n startTime={String(\n Math?.floor(\n user?.joinTime !== null && user?.joinTime ? user?.joinTime / 1000 : 0,\n ),\n )}\n isNotAlwaysWhite\n isInsideConference\n />\n </>\n )}\n </div>\n ))\n ) : (\n <div className='pi-flex pi-flex-col pi-justify-center pi-items-center pi-h-20 pi-text-gray-500 dark:pi-text-gray-400'>\n <span>{t('Conference.No participants')}</span>\n <span className='pi-text-xs pi-mt-1'>\n {t('Conference.Add participants to conference')}\n </span>\n </div>\n )}\n </div>\n <CustomThemedTooltip className='pi-z-1000' id='conference-user-remove' place='left' />\n <CustomThemedTooltip className='pi-z-1000' id='conference-user-mute' place='left' />\n </>\n )\n}\n\nexport default ConferenceUsersList\n"],"names":["ConferenceUsersList","_a","usersList","useSelector","state","conference","_d","isOwnerInside","conferenceId","dispatch","useDispatch","avatars","extensions","users","t","useTranslation","getAvatarUrl","username","concat","UserAvatar","name","user","React","className","extenId","createElement","style","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","split","map","n","join","toUpperCase","slice","substring","Fragment","Object","values","filter","owner","length","_c","_b","key","id","Button","variant","muted","onClick","userId","extensionId","isAlreadyMuted","toggleUserMuted","muteUserConference","FontAwesomeIcon","icon","faMicrophoneSlash","faMicrophone","removeUserConference","faTrash","faPause","Timer","size","startTime","String","Math","floor","joinTime","isNotAlwaysWhite","isInsideConference","CustomThemedTooltip","place"],"mappings":"qcAqBaA,EAAoD,SAACC,WACxDC,EAAcC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,wBACxDC,EAAkCH,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMC,UAAU,IAAlFE,kBAAeC,iBACjBC,EAAWC,EAAAA,cAETC,EAAYR,eAAY,SAACC,GAAqB,OAAAA,EAAMO,mBACpDC,EAAeT,eAAY,SAACC,GAAqB,OAAAA,EAAMS,oBACvDC,EAAMC,qBAGRC,EAAe,SAACC,SACpB,OAAKA,GAAaN,GAGdC,YAAcX,EAAAW,EAAWK,yBAAWA,WAAYN,EAAQC,EAAWK,GAAUA,UACxE,GAAAC,OAAGP,EAAQC,EAAWK,GAAUA,WAJP,IAQpC,EA0BME,EAAa,SAAClB,GAAE,IAvBImB,EAA0BH,EAuB9BI,EAAIpB,EAAAoB,KAAsB,OAC9CC,EAAAA,6BAAKC,UAAU,iGACZP,EAAaK,EAAKG,SACjBF,EAAA,QAAAG,cAAA,MAAA,CACEF,UAAU,gCACVG,MAAO,CACLC,gBAAiB,OAAAT,OAAOF,EAAaK,aAAI,EAAJA,EAAMG,SAAW,KACtDI,iBAAkB,YAClBC,eAAgB,UAChBC,mBAAoB,YAIxBR,EAAA,QAAAG,cAAA,OAAA,CAAMF,UAAU,4CApCIH,EAqCAC,aAAA,EAAAA,EAAMD,KArCoBH,EAqCdI,aAAI,EAAJA,EAAMG,QApCtCJ,EACKA,EACJW,MAAM,KACNC,KAAI,SAACC,GAAc,OAAAA,EAAE,MACrBC,KAAK,IACLC,cACAC,MAAM,EAAG,GACHnB,EACFA,EAASoB,UAAU,EAAG,GAAGF,cAE3B,OAYuC,EAoBhD,OACEb,UAAAG,cAAAH,EAAA,QAAAgB,SAAA,KACEhB,EAAAA,QACEG,cAAA,MAAA,CAAAF,UAAW,GAAAL,OACTX,EAAgB,GAAK,eAAc,qWAGpCL,GAAaqC,OAAOC,OAAOtC,GAAWuC,QAAO,SAACpB,GAAS,QAACA,aAAI,EAAJA,EAAMqB,MAAP,IAAcC,OAAS,EAE3C,QADlCC,EAAyB,QAAzBC,EAAAN,kBAAA,EAAAA,OAAQC,OAAOtC,UAAU,IAAA2C,OAAA,EAAAA,EACrBJ,QAAO,SAACpB,GAAS,QAACA,aAAI,EAAJA,EAAMqB,iBAAM,IAAAE,OAAA,EAAAA,EAC9BZ,KAAI,SAACX,GAAS,OACdC,EAAAA,QAAAG,cAAA,MAAA,CACEqB,IAAK,GAAG5B,OAAAG,aAAA,EAAAA,EAAM0B,GAAM,KAAA7B,OAAAG,aAAA,EAAAA,EAAMG,SAC1BD,UAAW,GACTL,OAAAX,EAAgB,GAAK,UAC4C,sEAEnEe,EAAAA,QAAKG,cAAA,MAAA,CAAAF,UAAU,gDACbD,EAAAA,QAAAG,cAACN,EAAU,CAACE,KAAMA,IAClBC,EAAAA,QAAMG,cAAA,OAAA,CAAAF,UAAU,yFACbF,aAAI,EAAJA,EAAMD,QAAQC,aAAI,EAAJA,EAAMG,WAGxBjB,EACCe,EAAAA,QAAAG,cAAAH,EAAA,QAAAgB,SAAA,KACEhB,EAAA,QAAAG,cAACuB,SAAM,CACLC,QAAQ,cACQ,kBAAA,uBAEd,wBAAA5B,aAAA,EAAAA,EAAM6B,OACFpC,EAAE,iCACFA,EAAE,+BAERqC,QAAS,WAAM,OA9DJC,EA8D0B/B,eAAAA,EAAM0B,GA9DhBM,EA8DoBhC,aAAA,EAAAA,EAAMG,QA9Db8B,EA8DsBjC,aAAA,EAAAA,EAAM6B,MA7DtFzC,EAASJ,WAAWkD,gBAAgB,CAAE/B,QAAS6B,SAC/CG,EAAAA,mBAAmBhD,EAAc4C,EAAQE,GAFb,IAACF,EAAgBC,EAAaC,IAgExChC,EAAAA,QAAAG,cAACgC,EAAAA,gBACC,CAAAlC,UAAW,iBACTL,QAAAG,eAAAA,EAAM6B,OAAQ,kBAAoB,0CAEpCQ,MAAMrC,eAAAA,EAAM6B,OAAQS,EAAAA,kBAAoBC,EAAAA,gBAG5CtC,EAAAA,QAAAG,cAACuB,SAAM,CACLC,QAAQ,cAAa,kBACL,yBAAwB,uBAClBnC,EAAE,iCACxBqC,QAAS,WAAM,OAtEF3B,EAsE0BH,aAAA,EAAAA,EAAMG,aArE/DqC,uBAAqBrD,EAAcgB,GADL,IAACA,CAsEwC,GAErDF,EAAAA,QAAAG,cAACgC,EAAAA,gBACC,CAAAlC,UAAU,uDACVmC,KAAMI,EAAOA,YAKnBxC,EAAA,QAAAG,cAAAH,EAAA,QAAAgB,SAAA,KACEhB,EAAAA,QAAAG,cAACgC,kBACC,CAAAlC,UAAU,uDACVmC,KAAMrC,EAAK6B,MAAQS,EAAiBA,kBAAGI,EAAOA,UAEhDzC,EAAAA,QAAAG,cAACuC,EAAAA,QACC,CAAAC,KAAK,QACLC,UAAWC,OACT,OAAAC,WAAA,IAAAA,UAAA,EAAAA,KAAMC,MACe,QAAnBhD,aAAI,EAAJA,EAAMiD,YAAqBjD,aAAI,EAAJA,EAAMiD,WAAWjD,aAAI,EAAJA,EAAMiD,UAAW,IAAO,IAGxEC,kBACA,EAAAC,6BAOZlD,EAAK,QAAAG,cAAA,MAAA,CAAAF,UAAU,wGACbD,EAAA,QAAAG,cAAA,OAAA,KAAOX,EAAE,+BACTQ,UAAMG,cAAA,OAAA,CAAAF,UAAU,sBACbT,EAAE,gDAKXQ,UAAAG,cAACgD,EAAmBA,oBAAA,CAAClD,UAAU,YAAYwB,GAAG,yBAAyB2B,MAAM,SAC7EpD,EAAAA,QAAAG,cAACgD,sBAAoB,CAAAlD,UAAU,YAAYwB,GAAG,uBAAuB2B,MAAM,SAGjF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js"),require("../../node_modules/@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 t=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../Hangup.js"),a=require("./ConferenceUsersList.js"),i=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),l=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js");var s=require("../CallView/Timer.js"),u=require("../../lib/phone/call.js"),c=require("../CustomThemedTooltip.js"),d=require("../AudioBars.js"),f=require("../AvatarGroup.js"),m=require("../../node_modules/react-redux/es/hooks/useSelector.js"),p=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=h(e);exports.WaitingConferenceView=function(){var h=m.useSelector((function(e){return e.conference})),v=h.isOwnerInside,C=h.isConferenceMuted,E=h.conferenceStartTime,j=h.conferenceId,g=h.usersList,x=m.useSelector((function(e){return e.island})),b=x.view,q=x.sideViewIsVisible,N=x.isOpen,A=m.useSelector((function(e){return e.webrtc})).remoteAudioStream,T=m.useSelector((function(e){return e.currentCall})),I=T.paused,y=T.muted,_=t.useTranslation().t,F=p.useDispatch(),M=function(){F.island.toggleConferenceList(!0),F.island.setIslandView("transfer"!==b?"transfer":"call"),q&&o.eventDispatch("phone-island-sideview-close",{}),o.eventDispatch("phone-island-call-conference-list-opened",{})},S=e.useCallback((function(){y?u.unmuteCurrentCall():u.muteCurrentCall()}),[y]);return w.default.createElement(w.default.Fragment,null,N?w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{className:"pi-flex pi-flex-col pi-w-full"},w.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-text-gray-900 dark:pi-text-gray-50"},w.default.createElement("h1",{className:"pi-text-lg pi-font-medium pi-leading-7 pi-w-full"},_(v?"Conference.Conference":"Conference.Waiting for the conference")),v&&w.default.createElement(s.default,{size:"small",startTime:String(null===Math||void 0===Math?void 0:Math.floor(E/1e3)),isNotAlwaysWhite:!0,isInsideConference:!0})),w.default.createElement(a.ConferenceUsersList,null),w.default.createElement("div",{className:"pi-flex pi-justify-center pi-space-x-6 pi-mt-4"},v?w.default.createElement(w.default.Fragment,null,w.default.createElement(i.Button,{variant:"default",active:y,onClick:S,"data-tooltip-id":"tooltip-mute","data-tooltip-content":_(y?"Tooltip.Unmute":"Tooltip.Mute")},y?w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faMicrophoneSlash}):w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faMicrophone})),w.default.createElement(i.Button,{variant:"default",active:!!C,onClick:function(){j&&(u.muteAllUsersConference(j,C),F.conference.toggleIsConferenceMuted(!C))},"data-tooltip-id":"tooltip-all-user-muted","data-tooltip-content":"".concat(_(C?"Conference.Unmute all participants":"Conference.Mute all participants"))},C?w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faVolumeXmark}):w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faVolumeHigh})),w.default.createElement(i.Button,{"data-stop-propagation":!0,variant:"default",onClick:function(){return M()},"data-tooltip-id":"tooltip-add-user-to-conference","data-tooltip-content":_("Conference.Add participant")||""},w.default.createElement(r.FontAwesomeIcon,{icon:l.faUserPlus,className:"pi-h-6 pi-w-6"}))):w.default.createElement(w.default.Fragment,null,w.default.createElement(i.Button,{variant:"default",className:"pi-w-52 pi-font-medium pi-leading-5",conference:!0,onClick:function(){return F.conference.toggleIsOwnerInside(!0),void setTimeout((function(){u.joinConference()}),800)}},w.default.createElement(r.FontAwesomeIcon,{icon:l.faArrowRightToBracket,className:"pi-mr-3"}),_("Conference.Start conference")),w.default.createElement(i.Button,{variant:"default",conference:!0,onClick:function(){return M()},"data-tooltip-id":"tooltip-add-user-to-conference-before-started","data-tooltip-content":_("Conference.Add participant")||"",className:"pi-font-medium"},w.default.createElement(r.FontAwesomeIcon,{icon:l.faUserPlus}))))),w.default.createElement("div",{className:"pi-absolute pi-bottom-4 pi-right-0 pi-w-full pi-pb-2"},w.default.createElement(n.default,null)),w.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"tooltip-add-user-to-conference",place:"top"}),w.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"tooltip-add-user-to-conference-before-started",place:"left"}),w.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"tooltip-all-user-muted",place:"top"})):w.default.createElement("div",{className:"pi-flex-col"},w.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-space-x-1"},w.default.createElement(r.FontAwesomeIcon,{icon:l.faUsers,className:"pi-h-4 pi-w-4"}),w.default.createElement(s.default,{size:"small",startTime:String(null===Math||void 0===Math?void 0:Math.floor(E/1e3)),isNotAlwaysWhite:!0,isInsideConference:!0}),w.default.createElement(d.AudioBars,{audioStream:A,paused:I,size:N?"large":"small"})),w.default.createElement("div",{className:"pi-flex pi-justify-center pi-items-center pi-pt-1"},w.default.createElement(f.default,{usersList:g||{},maxAvatars:5}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-redux"),a=require("react-i18next"),n=require("../Hangup.js"),i=require("./ConferenceUsersList.js"),l=require("../Button.js"),r=require("@fortawesome/react-fontawesome"),o=require("@fortawesome/free-solid-svg-icons"),c=require("../../utils/genericFunctions/eventDispatch.js");require("tslib"),require("../../store/index.js");var s=require("../CallView/Timer.js"),u=require("../../lib/phone/call.js"),f=require("../CustomThemedTooltip.js"),d=require("../AudioBars.js"),m=require("../AvatarGroup.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=p(e);exports.WaitingConferenceView=function(){var p=t.useSelector((function(e){return e.conference})),C=p.isOwnerInside,E=p.isConferenceMuted,h=p.conferenceStartTime,v=p.conferenceId,g=p.usersList,N=t.useSelector((function(e){return e.island})),A=N.view,x=N.sideViewIsVisible,j=N.isOpen,I=t.useSelector((function(e){return e.webrtc})).remoteAudioStream,T=t.useSelector((function(e){return e.currentCall})),q=T.paused,b=T.muted,F=a.useTranslation().t,M=t.useDispatch(),S=function(){M.island.toggleConferenceList(!0),M.island.setIslandView("transfer"!==A?"transfer":"call"),x&&c.eventDispatch("phone-island-sideview-close",{}),c.eventDispatch("phone-island-call-conference-list-opened",{})},y=e.useCallback((function(){b?u.unmuteCurrentCall():u.muteCurrentCall()}),[b]);return w.default.createElement(w.default.Fragment,null,j?w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{className:"pi-flex pi-flex-col pi-w-full"},w.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-text-gray-900 dark:pi-text-gray-50"},w.default.createElement("h1",{className:"pi-text-lg pi-font-medium pi-leading-7 pi-w-full"},F(C?"Conference.Conference":"Conference.Waiting for the conference")),C&&w.default.createElement(s.default,{size:"small",startTime:String(null===Math||void 0===Math?void 0:Math.floor(h/1e3)),isNotAlwaysWhite:!0,isInsideConference:!0})),w.default.createElement(i.ConferenceUsersList,null),w.default.createElement("div",{className:"pi-flex pi-justify-center pi-space-x-6 pi-mt-4"},C?w.default.createElement(w.default.Fragment,null,w.default.createElement(l.Button,{variant:"default",active:b,onClick:y,"data-tooltip-id":"tooltip-mute","data-tooltip-content":F(b?"Tooltip.Unmute":"Tooltip.Mute")},b?w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:o.faMicrophoneSlash}):w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:o.faMicrophone})),w.default.createElement(l.Button,{variant:"default",active:!!E,onClick:function(){v&&(u.muteAllUsersConference(v,E),M.conference.toggleIsConferenceMuted(!E))},"data-tooltip-id":"tooltip-all-user-muted","data-tooltip-content":"".concat(F(E?"Conference.Unmute all participants":"Conference.Mute all participants"))},E?w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:o.faVolumeXmark}):w.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:o.faVolumeHigh})),w.default.createElement(l.Button,{"data-stop-propagation":!0,variant:"default",onClick:function(){return S()},"data-tooltip-id":"tooltip-add-user-to-conference","data-tooltip-content":F("Conference.Add participant")||""},w.default.createElement(r.FontAwesomeIcon,{icon:o.faUserPlus,className:"pi-h-6 pi-w-6"}))):w.default.createElement(w.default.Fragment,null,w.default.createElement(l.Button,{variant:"default",className:"pi-w-52 pi-font-medium pi-leading-5",conference:!0,onClick:function(){return M.conference.toggleIsOwnerInside(!0),void setTimeout((function(){u.joinConference()}),800)}},w.default.createElement(r.FontAwesomeIcon,{icon:o.faArrowRightToBracket,className:"pi-mr-3"}),F("Conference.Start conference")),w.default.createElement(l.Button,{variant:"default",conference:!0,onClick:function(){return S()},"data-tooltip-id":"tooltip-add-user-to-conference-before-started","data-tooltip-content":F("Conference.Add participant")||"",className:"pi-font-medium"},w.default.createElement(r.FontAwesomeIcon,{icon:o.faUserPlus}))))),w.default.createElement("div",{className:"pi-absolute pi-bottom-4 pi-right-0 pi-w-full pi-pb-2"},w.default.createElement(n.default,null)),w.default.createElement(f.CustomThemedTooltip,{className:"pi-z-1000",id:"tooltip-add-user-to-conference",place:"top"}),w.default.createElement(f.CustomThemedTooltip,{className:"pi-z-1000",id:"tooltip-add-user-to-conference-before-started",place:"left"}),w.default.createElement(f.CustomThemedTooltip,{className:"pi-z-1000",id:"tooltip-all-user-muted",place:"top"})):w.default.createElement("div",{className:"pi-flex-col"},w.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-space-x-1"},w.default.createElement(r.FontAwesomeIcon,{icon:o.faUsers,className:"pi-h-4 pi-w-4"}),w.default.createElement(s.default,{size:"small",startTime:String(null===Math||void 0===Math?void 0:Math.floor(h/1e3)),isNotAlwaysWhite:!0,isInsideConference:!0}),w.default.createElement(d.AudioBars,{audioStream:I,paused:q,size:j?"large":"small"})),w.default.createElement("div",{className:"pi-flex pi-justify-center pi-items-center pi-pt-1"},w.default.createElement(m.default,{usersList:g||{},maxAvatars:5}))))};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/ConferenceView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useCallback } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport Hangup from '../Hangup'\nimport ConferenceUsersList from './ConferenceUsersList'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faArrowRightToBracket,\n faMicrophone,\n faMicrophoneSlash,\n faUserPlus,\n faUsers,\n faVolumeHigh,\n faVolumeXmark,\n} from '@fortawesome/free-solid-svg-icons'\nimport { eventDispatch } from '../../utils'\nimport Timer from '../CallView/Timer'\nimport { joinConference, muteAllUsersConference } from '../../lib/phone/call'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { AudioBars } from '../AudioBars'\nimport AvatarGroup from '../AvatarGroup'\nimport { muteCurrentCall, unmuteCurrentCall } from '../../lib/phone/call'\n\nexport const WaitingConferenceView: FC<WaitingConferenceViewProps> = () => {\n const { isOwnerInside, isConferenceMuted, conferenceStartTime, conferenceId, usersList } =\n useSelector((state: RootState) => state.conference)\n const { view, sideViewIsVisible, isOpen } = useSelector((state: RootState) => state.island)\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n const { paused, muted } = useSelector((state: RootState) => state.currentCall)\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const handleMuteParticipant = () => {\n if (conferenceId) {\n muteAllUsersConference(conferenceId, isConferenceMuted)\n dispatch.conference.toggleIsConferenceMuted(!isConferenceMuted)\n }\n }\n\n const openAddUserListToAddConference = () => {\n // Update island store and set conference list view to true\n dispatch.island.toggleConferenceList(true)\n // Set the island view to transfer list\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-conference-list-opened', {})\n }\n\n const joinOwnerToConference = () => {\n dispatch.conference.toggleIsOwnerInside(true)\n setTimeout(() => {\n joinConference()\n }, 800)\n }\n\n const toggleMute = useCallback(() => {\n muted ? unmuteCurrentCall() : muteCurrentCall()\n }, [muted])\n\n return (\n <>\n {isOpen ? (\n <>\n <div className='pi-flex pi-flex-col pi-w-full'>\n {/* Header /}\n <div className='pi-flex pi-items-center pi-justify-between pi-text-gray-900 dark:pi-text-gray-50'>\n <h1 className='pi-text-lg pi-font-medium pi-leading-7 pi-w-full'>\n {isOwnerInside\n ? t('Conference.Conference')\n : t('Conference.Waiting for the conference')}\n </h1>\n {isOwnerInside && (\n <Timer\n size='small'\n startTime={String(Math?.floor(conferenceStartTime / 1000))}\n isNotAlwaysWhite\n isInsideConference\n />\n )}\n </div>\n\n {/ User waiting list */}\n <ConferenceUsersList />\n <div className='pi-flex pi-justify-center pi-space-x-6 pi-mt-4'>\n {!isOwnerInside ? (\n <>\n <Button\n variant='default'\n className='pi-w-52 pi-font-medium pi-leading-5'\n conference\n onClick={() => joinOwnerToConference()}\n >\n <FontAwesomeIcon icon={faArrowRightToBracket} className='pi-mr-3' />\n {t('Conference.Start conference')}\n </Button>\n <Button\n variant='default'\n conference\n onClick={() => openAddUserListToAddConference()}\n data-tooltip-id='tooltip-add-user-to-conference-before-started'\n data-tooltip-content={t('Conference.Add participant') \|\| ''}\n className='pi-font-medium'\n >\n <FontAwesomeIcon icon={faUserPlus} />\n </Button>\n </>\n ) : (\n <>\n <Button\n variant='default'\n active={muted}\n onClick={toggleMute}\n data-tooltip-id='tooltip-mute'\n data-tooltip-content={muted ? t('Tooltip.Unmute') : t('Tooltip.Mute')}\n >\n {muted ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophoneSlash} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophone} />\n )}\n </Button>\n <Button\n variant='default'\n active={isConferenceMuted ? true : false}\n onClick={() => handleMuteParticipant()}\n data-tooltip-id='tooltip-all-user-muted'\n data-tooltip-content={\n isConferenceMuted\n ? `${t('Conference.Unmute all participants')}`\n : `${t('Conference.Mute all participants')}`\n }\n >\n {isConferenceMuted ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faVolumeXmark} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faVolumeHigh} />\n )}\n </Button>\n <Button\n data-stop-propagation={true}\n variant='default'\n onClick={() => openAddUserListToAddConference()}\n data-tooltip-id='tooltip-add-user-to-conference'\n data-tooltip-content={t('Conference.Add participant') \|\| ''}\n >\n <FontAwesomeIcon icon={faUserPlus} className='pi-h-6 pi-w-6' />\n </Button>\n </>\n )}\n </div>\n </div>\n <div className={`pi-absolute pi-bottom-4 pi-right-0 pi-w-full pi-pb-2`}>\n <Hangup />\n </div>\n <CustomThemedTooltip\n className='pi-z-1000'\n id='tooltip-add-user-to-conference'\n place='top'\n />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='tooltip-add-user-to-conference-before-started'\n place='left'\n />\n <CustomThemedTooltip className='pi-z-1000' id='tooltip-all-user-muted' place='top' />\n </>\n ) : (\n <div className='pi-flex-col'>\n <div className='pi-flex pi-items-center pi-justify-between pi-space-x-1'>\n <FontAwesomeIcon icon={faUsers} className='pi-h-4 pi-w-4' />\n <Timer\n size='small'\n startTime={String(Math?.floor(conferenceStartTime / 1000))}\n isNotAlwaysWhite\n isInsideConference\n />\n <AudioBars\n audioStream={remoteAudioStream}\n paused={paused}\n size={isOpen ? 'large' : 'small'}\n />\n </div>\n <div className='pi-flex pi-justify-center pi-items-center pi-pt-1'>\n <AvatarGroup usersList={usersList \|\| {}} maxAvatars={5} />\n </div>\n </div>\n )}\n </>\n )\n}\n\nexport interface WaitingConferenceViewProps {}\n"],"names":["_a","useSelector","state","conference","isOwnerInside","isConferenceMuted","conferenceStartTime","conferenceId","usersList","_b","island","view","sideViewIsVisible","isOpen","remoteAudioStream","webrtc","_c","currentCall","paused","muted","t","useTranslation","dispatch","useDispatch","openAddUserListToAddConference","toggleConferenceList","setIslandView","eventDispatch","toggleMute","useCallback","unmuteCurrentCall","muteCurrentCall","React","createElement","Fragment","className","Timer","size","startTime","String","Math","floor","isNotAlwaysWhite","isInsideConference","ConferenceUsersList","Button","variant","active","onClick","FontAwesomeIcon","icon","faMicrophoneSlash","faMicrophone","muteAllUsersConference","toggleIsConferenceMuted","concat","faVolumeXmark","faVolumeHigh","faUserPlus","toggleIsOwnerInside","setTimeout","joinConference","faArrowRightToBracket","Hangup","CustomThemedTooltip","id","place","faUsers","AudioBars","audioStream","AvatarGroup","maxAvatars"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/ConferenceView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useCallback } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport Hangup from '../Hangup'\nimport ConferenceUsersList from './ConferenceUsersList'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faArrowRightToBracket,\n faMicrophone,\n faMicrophoneSlash,\n faUserPlus,\n faUsers,\n faVolumeHigh,\n faVolumeXmark,\n} from '@fortawesome/free-solid-svg-icons'\nimport { eventDispatch } from '../../utils'\nimport Timer from '../CallView/Timer'\nimport { joinConference, muteAllUsersConference } from '../../lib/phone/call'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { AudioBars } from '../AudioBars'\nimport AvatarGroup from '../AvatarGroup'\nimport { muteCurrentCall, unmuteCurrentCall } from '../../lib/phone/call'\n\nexport const WaitingConferenceView: FC<WaitingConferenceViewProps> = () => {\n const { isOwnerInside, isConferenceMuted, conferenceStartTime, conferenceId, usersList } =\n useSelector((state: RootState) => state.conference)\n const { view, sideViewIsVisible, isOpen } = useSelector((state: RootState) => state.island)\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n const { paused, muted } = useSelector((state: RootState) => state.currentCall)\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const handleMuteParticipant = () => {\n if (conferenceId) {\n muteAllUsersConference(conferenceId, isConferenceMuted)\n dispatch.conference.toggleIsConferenceMuted(!isConferenceMuted)\n }\n }\n\n const openAddUserListToAddConference = () => {\n // Update island store and set conference list view to true\n dispatch.island.toggleConferenceList(true)\n // Set the island view to transfer list\n dispatch.island.setIslandView(view !== 'transfer' ? 'transfer' : 'call')\n // Check if sideView is visible and close it\n if (sideViewIsVisible) {\n eventDispatch('phone-island-sideview-close', {})\n }\n eventDispatch('phone-island-call-conference-list-opened', {})\n }\n\n const joinOwnerToConference = () => {\n dispatch.conference.toggleIsOwnerInside(true)\n setTimeout(() => {\n joinConference()\n }, 800)\n }\n\n const toggleMute = useCallback(() => {\n muted ? unmuteCurrentCall() : muteCurrentCall()\n }, [muted])\n\n return (\n <>\n {isOpen ? (\n <>\n <div className='pi-flex pi-flex-col pi-w-full'>\n {/* Header /}\n <div className='pi-flex pi-items-center pi-justify-between pi-text-gray-900 dark:pi-text-gray-50'>\n <h1 className='pi-text-lg pi-font-medium pi-leading-7 pi-w-full'>\n {isOwnerInside\n ? t('Conference.Conference')\n : t('Conference.Waiting for the conference')}\n </h1>\n {isOwnerInside && (\n <Timer\n size='small'\n startTime={String(Math?.floor(conferenceStartTime / 1000))}\n isNotAlwaysWhite\n isInsideConference\n />\n )}\n </div>\n\n {/ User waiting list */}\n <ConferenceUsersList />\n <div className='pi-flex pi-justify-center pi-space-x-6 pi-mt-4'>\n {!isOwnerInside ? (\n <>\n <Button\n variant='default'\n className='pi-w-52 pi-font-medium pi-leading-5'\n conference\n onClick={() => joinOwnerToConference()}\n >\n <FontAwesomeIcon icon={faArrowRightToBracket} className='pi-mr-3' />\n {t('Conference.Start conference')}\n </Button>\n <Button\n variant='default'\n conference\n onClick={() => openAddUserListToAddConference()}\n data-tooltip-id='tooltip-add-user-to-conference-before-started'\n data-tooltip-content={t('Conference.Add participant') \|\| ''}\n className='pi-font-medium'\n >\n <FontAwesomeIcon icon={faUserPlus} />\n </Button>\n </>\n ) : (\n <>\n <Button\n variant='default'\n active={muted}\n onClick={toggleMute}\n data-tooltip-id='tooltip-mute'\n data-tooltip-content={muted ? t('Tooltip.Unmute') : t('Tooltip.Mute')}\n >\n {muted ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophoneSlash} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faMicrophone} />\n )}\n </Button>\n <Button\n variant='default'\n active={isConferenceMuted ? true : false}\n onClick={() => handleMuteParticipant()}\n data-tooltip-id='tooltip-all-user-muted'\n data-tooltip-content={\n isConferenceMuted\n ? `${t('Conference.Unmute all participants')}`\n : `${t('Conference.Mute all participants')}`\n }\n >\n {isConferenceMuted ? (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faVolumeXmark} />\n ) : (\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faVolumeHigh} />\n )}\n </Button>\n <Button\n data-stop-propagation={true}\n variant='default'\n onClick={() => openAddUserListToAddConference()}\n data-tooltip-id='tooltip-add-user-to-conference'\n data-tooltip-content={t('Conference.Add participant') \|\| ''}\n >\n <FontAwesomeIcon icon={faUserPlus} className='pi-h-6 pi-w-6' />\n </Button>\n </>\n )}\n </div>\n </div>\n <div className={`pi-absolute pi-bottom-4 pi-right-0 pi-w-full pi-pb-2`}>\n <Hangup />\n </div>\n <CustomThemedTooltip\n className='pi-z-1000'\n id='tooltip-add-user-to-conference'\n place='top'\n />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='tooltip-add-user-to-conference-before-started'\n place='left'\n />\n <CustomThemedTooltip className='pi-z-1000' id='tooltip-all-user-muted' place='top' />\n </>\n ) : (\n <div className='pi-flex-col'>\n <div className='pi-flex pi-items-center pi-justify-between pi-space-x-1'>\n <FontAwesomeIcon icon={faUsers} className='pi-h-4 pi-w-4' />\n <Timer\n size='small'\n startTime={String(Math?.floor(conferenceStartTime / 1000))}\n isNotAlwaysWhite\n isInsideConference\n />\n <AudioBars\n audioStream={remoteAudioStream}\n paused={paused}\n size={isOpen ? 'large' : 'small'}\n />\n </div>\n <div className='pi-flex pi-justify-center pi-items-center pi-pt-1'>\n <AvatarGroup usersList={usersList \|\| {}} maxAvatars={5} />\n </div>\n </div>\n )}\n </>\n )\n}\n\nexport interface WaitingConferenceViewProps {}\n"],"names":["_a","useSelector","state","conference","isOwnerInside","isConferenceMuted","conferenceStartTime","conferenceId","usersList","_b","island","view","sideViewIsVisible","isOpen","remoteAudioStream","webrtc","_c","currentCall","paused","muted","t","useTranslation","dispatch","useDispatch","openAddUserListToAddConference","toggleConferenceList","setIslandView","eventDispatch","toggleMute","useCallback","unmuteCurrentCall","muteCurrentCall","React","createElement","Fragment","className","Timer","size","startTime","String","Math","floor","isNotAlwaysWhite","isInsideConference","ConferenceUsersList","Button","variant","active","onClick","FontAwesomeIcon","icon","faMicrophoneSlash","faMicrophone","muteAllUsersConference","toggleIsConferenceMuted","concat","faVolumeXmark","faVolumeHigh","faUserPlus","toggleIsOwnerInside","setTimeout","joinConference","faArrowRightToBracket","Hangup","CustomThemedTooltip","id","place","faUsers","AudioBars","audioStream","AvatarGroup","maxAvatars"],"mappings":"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"}

package/dist/components/ContactView/ContactListView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),i=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var a=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../../lib/island/island.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),l=require("../../lib/phone/call.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 o=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var s=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js");require("../../store/index.js");var c=require("../CustomThemedTooltip.js"),d=require("../../services/phonebook.js"),p=require("./SelectContactNumberView.js"),m=require("../../node_modules/lodash/debounce.js"),f=require("./ListAvatar.js"),v=require("../../node_modules/react-redux/es/hooks/useSelector.js"),h=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=g(t);exports.ContactListView=function(){var g=v.useSelector((function(e){return e.island})),x=g.isOpen,E=g.contactListView,y=v.useSelector((function(e){return e.users})).endpoints,N=v.useSelector((function(e){return e.currentUser})).username,w=t.useState(!1),k=w[0],j=w[1],C=t.useState([]),T=C[0],_=C[1],q=t.useState([]),P=q[0],L=q[1],S=t.useState(),A=S[0],I=S[1],F=t.useState(!0),B=F[0],H=F[1],O=t.useState(""),z=O[0],D=O[1],V=t.useState(),M=V[0],R=V[1],U=t.useRef(null),W=t.useState(!1),$=W[0],G=W[1],J=t.useState(10),K=J[0],Q=J[1],X=h.useDispatch(),Y=v.useSelector((function(e){return e.currentCall})).paused,Z=t.useMemo((function(){return e.__spreadArray(e.__spreadArray([],T,!0),P,!0)}),[T,P]),ee=t.useRef(m.default((function(e){ie(e)}),300)).current;function te(e){if(void 0===e&&(e=""),e=e.trim().toLowerCase(),y){var t=null==Object?void 0:Object.values(y).filter((function(t){var i,a,r,n,l;return(null==t?void 0:t.username)!==N&&((null===(i=null==t?void 0:t.endpoints)||void 0===i?void 0:i.extension.find((function(t){var i,a;return null===(a=null===(i=null==t?void 0:t.id)||void 0===i?void 0:i.toLowerCase())||void 0===a?void 0:a.startsWith(e)})))||(null===(r=null===(a=null==t?void 0:t.username)||void 0===a?void 0:a.toLowerCase())||void 0===r?void 0:r.includes(e))||(null===(l=null===(n=null==t?void 0:t.name)||void 0===n?void 0:n.toLowerCase())||void 0===l?void 0:l.includes(e)))}));_(t)}}function ie(t){return void 0===t&&(t=""),e.__awaiter(this,void 0,void 0,(function(){var i,a;return e.__generator(this,(function(e){switch(e.label){case 0:j(!1),t=t.trim().toLowerCase(),/^[0-9*#+]+$/.test(t)?R(!0):R(!1),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,d.searchPhonebook(1,t,"")];case 2:return i=e.sent(),L(i.rows),[3,4];case 3:return a=e.sent(),console.error("Error fetching phonebook:",a),[3,4];case 4:return j(!0),[2]}}))}))}function ae(e){return e&&"object"==typeof e&&"endpoints"in e&&"username"in e}function re(e){return e&&"object"==typeof e&&"source"in e&&"name"in e}function ne(e){var t;return null===(t=["online","voicemail","cellphone","callforward"])||void 0===t?void 0:t.includes(e)}t.useEffect((function(){return function(){ee.cancel()}}),[ee]),s.useEventListener("phone-island-call-transfer",(function(e){l.handleAttendedTransfer(e.number,X),u.eventDispatch("phone-island-call-transfer-opened",{})})),t.useEffect((function(){y&&N&&(te(z),B&&(ie(z),H(!1)))}),[y,N]),t.useEffect((function(){var e,t,i=function(){var e,t,i;G(!!(U.current&&U.current.scrollTop>3)),U.current&&(null===(e=U.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=U.current)||void 0===t?void 0:t.scrollTop)>=(null===(i=U.current)||void 0===i?void 0:i.scrollHeight)-10&&Q((function(e){return e+10}))};return x?null===(e=U.current)||void 0===e||e.addEventListener("scroll",i):null===(t=U.current)||void 0===t||t.removeEventListener("scroll",i),function(){var e;return null===(e=U.current)||void 0===e?void 0:e.removeEventListener("scroll",i)}}),[x]);var le=o.useTranslation().t,oe=b.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},b.default.createElement("div",{className:"pi-relative pi-z-50"},b.default.createElement("div",{className:"pi-flex pi-gap-4"},b.default.createElement(i.Button,{variant:"transparent",onClick:function(){l.isInsideConferenceList()&&u.eventDispatch("phone-island-conference-list-close",{}),Y&&u.eventDispatch("phone-island-call-unhold",{}),r.backToPreviousView()},"data-tooltip-id":"contact-list-tooltip-back-to-call","data-tooltip-content":le("Tooltip.Back to call")||""},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faArrowLeft})),b.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){D(e.currentTarget.value),ee(e.currentTarget.value),te(e.currentTarget.value)},value:z,placeholder:le("Common.Search contact or phone number")||"",autoFocus:!0,spellCheck:!1,className:"pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]"}))),!k&&b.default.createElement("div",{className:"pi-mt-6"},Array.from({length:5}).map((function(e,t){return b.default.createElement("div",{key:t,className:"pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center"},b.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})),b.default.createElement("div",{className:"pi-flex pi-flex-col pi-gap-2 pi-w-full"},b.default.createElement("div",{className:"pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"}),b.default.createElement("div",{className:"pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"})),b.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-pr-2"},b.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})))}))),b.default.createElement("div",{className:k?"":"pi-hidden"},b.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"},$&&b.default.createElement("div",{className:"pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100"})),b.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},b.default.createElement("div",{style:{height:"17rem"},ref:U,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},M&&b.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},b.default.createElement(f.default,{placeHolderIcon:n.faUser}),b.default.createElement("div",null,b.default.createElement("div",{className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},le("Common.Phone number entered")),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},z))),b.default.createElement("div",{className:"pi-flex pi-gap-3.5"},b.default.createElement(i.Button,{onClick:function(){return l.clickTransferOrConference(z,X)},variant:"green","data-tooltip-id":"contact-list-tooltip-call-to-transfer","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})))),Z&&Z.slice(0,K).map((function(e,t){return b.default.createElement("div",{key:t,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},function(){var t,i;return ae(e)?b.default.createElement(b.default.Fragment,null,b.default.createElement(f.default,{username:null==e?void 0:e.username,status:null==e?void 0:e.mainPresence,placeHolderIcon:n.faHeadset}),b.default.createElement("div",null,b.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},e.name),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},null===(i=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===i?void 0:i.id))):re(e)?b.default.createElement(b.default.Fragment,null,b.default.createElement(f.default,{placeHolderIcon:"person"===(null==e?void 0:e.kind)?n.faUser:n.faBuilding}),b.default.createElement("div",null,b.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},(null==e?void 0:e.displayName)||"-"),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},b.default.createElement("span",null,d.getMainPhoneNumber(e)||"-"),d.getTotalPhoneNumbers(e)>1&&b.default.createElement("span",{className:"pi-ml-2"},le("Common.plus_x_others",{count:d.getTotalPhoneNumbers(e)-1}))))):void 0}()),b.default.createElement("div",{className:"pi-flex pi-gap-3.5"},ae(e)?b.default.createElement(i.Button,{onClick:function(){var t,i;return ne(null==e?void 0:e.mainPresence)&&l.clickTransferOrConference(null===(i=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===i?void 0:i.id,X)},variant:"green",disabled:!ne(null==e?void 0:e.mainPresence),"data-tooltip-id":ne(null==e?void 0:e.mainPresence)?"contact-list-tooltip-left":"","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})):re(e)?d.getTotalPhoneNumbers(e)<2?b.default.createElement(i.Button,{onClick:function(){return l.clickTransferOrConference(d.getMainPhoneNumber(e),X)},variant:"green",disabled:0==d.getTotalPhoneNumbers(e),"data-tooltip-id":d.getTotalPhoneNumbers(e)>0?"contact-list-tooltip-left":"","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})):b.default.createElement(i.Button,{onClick:function(){return I(e),void X.island.setContactListView("selectContactNumber")},variant:"transparent","data-tooltip-id":"contact-list-tooltip-left","data-tooltip-content":le("Tooltip.Select phone number")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faAngleRight})):void 0))})),0===Z.length&&!M&&b.default.createElement("p",{className:" pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm"},le("No contacts found"))))));return b.default.createElement(b.default.Fragment,null,function(){switch(E){case"main":default:return oe;case"selectContactNumber":return b.default.createElement(p.SelectContactNumberView,{contact:A})}}(),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-left",place:"left"}),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-back-to-call",place:"right"}),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-call-to-transfer",place:"left"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),a=require("../Button.js"),i=require("react-redux"),n=require("@fortawesome/react-fontawesome"),r=require("../../lib/island/island.js"),l=require("@fortawesome/free-solid-svg-icons"),o=require("../../lib/phone/call.js"),c=require("react-i18next"),u=require("../../utils/customHooks/useEventListener.js"),s=require("../../utils/genericFunctions/eventDispatch.js");require("../../store/index.js");var d=require("../CustomThemedTooltip.js"),p=require("../../services/phonebook.js"),f=require("./SelectContactNumberView.js"),m=require("lodash/debounce"),v=require("./ListAvatar.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=g(t),b=g(m);exports.ContactListView=function(){var m=i.useSelector((function(e){return e.island})),g=m.isOpen,E=m.contactListView,x=i.useSelector((function(e){return e.users})).endpoints,y=i.useSelector((function(e){return e.currentUser})).username,N=t.useState(!1),w=N[0],k=N[1],C=t.useState([]),T=C[0],j=C[1],L=t.useState([]),P=L[0],q=L[1],S=t.useState(),A=S[0],I=S[1],_=t.useState(!0),F=_[0],B=_[1],H=t.useState(""),O=H[0],z=H[1],V=t.useState(),D=V[0],M=V[1],R=t.useRef(null),U=t.useState(!1),W=U[0],$=U[1],G=t.useState(10),J=G[0],K=G[1],Q=i.useDispatch(),X=i.useSelector((function(e){return e.currentCall})).paused,Y=t.useMemo((function(){return e.__spreadArray(e.__spreadArray([],T,!0),P,!0)}),[T,P]),Z=t.useRef(b.default((function(e){te(e)}),300)).current;function ee(e){if(void 0===e&&(e=""),e=e.trim().toLowerCase(),x){var t=null==Object?void 0:Object.values(x).filter((function(t){var a,i,n,r,l;return(null==t?void 0:t.username)!==y&&((null===(a=null==t?void 0:t.endpoints)||void 0===a?void 0:a.extension.find((function(t){var a,i;return null===(i=null===(a=null==t?void 0:t.id)||void 0===a?void 0:a.toLowerCase())||void 0===i?void 0:i.startsWith(e)})))||(null===(n=null===(i=null==t?void 0:t.username)||void 0===i?void 0:i.toLowerCase())||void 0===n?void 0:n.includes(e))||(null===(l=null===(r=null==t?void 0:t.name)||void 0===r?void 0:r.toLowerCase())||void 0===l?void 0:l.includes(e)))}));j(t)}}function te(t){return void 0===t&&(t=""),e.__awaiter(this,void 0,void 0,(function(){var a,i;return e.__generator(this,(function(e){switch(e.label){case 0:k(!1),t=t.trim().toLowerCase(),/^[0-9*#+]+$/.test(t)?M(!0):M(!1),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,p.searchPhonebook(1,t,"")];case 2:return a=e.sent(),q(a.rows),[3,4];case 3:return i=e.sent(),console.error("Error fetching phonebook:",i),[3,4];case 4:return k(!0),[2]}}))}))}function ae(e){return e&&"object"==typeof e&&"endpoints"in e&&"username"in e}function ie(e){return e&&"object"==typeof e&&"source"in e&&"name"in e}function ne(e){var t;return null===(t=["online","voicemail","cellphone","callforward"])||void 0===t?void 0:t.includes(e)}t.useEffect((function(){return function(){Z.cancel()}}),[Z]),u.useEventListener("phone-island-call-transfer",(function(e){o.handleAttendedTransfer(e.number,Q),s.eventDispatch("phone-island-call-transfer-opened",{})})),t.useEffect((function(){x&&y&&(ee(O),F&&(te(O),B(!1)))}),[x,y]),t.useEffect((function(){var e,t,a=function(){var e,t,a;$(!!(R.current&&R.current.scrollTop>3)),R.current&&(null===(e=R.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=R.current)||void 0===t?void 0:t.scrollTop)>=(null===(a=R.current)||void 0===a?void 0:a.scrollHeight)-10&&K((function(e){return e+10}))};return g?null===(e=R.current)||void 0===e||e.addEventListener("scroll",a):null===(t=R.current)||void 0===t||t.removeEventListener("scroll",a),function(){var e;return null===(e=R.current)||void 0===e?void 0:e.removeEventListener("scroll",a)}}),[g]);var re=c.useTranslation().t,le=h.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},h.default.createElement("div",{className:"pi-relative pi-z-50"},h.default.createElement("div",{className:"pi-flex pi-gap-4"},h.default.createElement(a.Button,{variant:"transparent",onClick:function(){o.isInsideConferenceList()&&s.eventDispatch("phone-island-conference-list-close",{}),X&&s.eventDispatch("phone-island-call-unhold",{}),r.backToPreviousView()},"data-tooltip-id":"contact-list-tooltip-back-to-call","data-tooltip-content":re("Tooltip.Back to call")||""},h.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faArrowLeft})),h.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){z(e.currentTarget.value),Z(e.currentTarget.value),ee(e.currentTarget.value)},value:O,placeholder:re("Common.Search contact or phone number")||"",autoFocus:!0,spellCheck:!1,className:"pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]"}))),!w&&h.default.createElement("div",{className:"pi-mt-6"},Array.from({length:5}).map((function(e,t){return h.default.createElement("div",{key:t,className:"pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1"},h.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center"},h.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})),h.default.createElement("div",{className:"pi-flex pi-flex-col pi-gap-2 pi-w-full"},h.default.createElement("div",{className:"pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"}),h.default.createElement("div",{className:"pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"})),h.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-pr-2"},h.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})))}))),h.default.createElement("div",{className:w?"":"pi-hidden"},h.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"},W&&h.default.createElement("div",{className:"pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100"})),h.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},h.default.createElement("div",{style:{height:"17rem"},ref:R,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},D&&h.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},h.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},h.default.createElement(v.default,{placeHolderIcon:l.faUser}),h.default.createElement("div",null,h.default.createElement("div",{className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},re("Common.Phone number entered")),h.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},O))),h.default.createElement("div",{className:"pi-flex pi-gap-3.5"},h.default.createElement(a.Button,{onClick:function(){return o.clickTransferOrConference(O,Q)},variant:"green","data-tooltip-id":"contact-list-tooltip-call-to-transfer","data-tooltip-content":o.isInsideConferenceList()?re("Conference.Add participant"):re("Tooltip.Transfer call")},h.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faPhone})))),Y&&Y.slice(0,J).map((function(e,t){return h.default.createElement("div",{key:t,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},h.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},function(){var t,a;return ae(e)?h.default.createElement(h.default.Fragment,null,h.default.createElement(v.default,{username:null==e?void 0:e.username,status:null==e?void 0:e.mainPresence,placeHolderIcon:l.faHeadset}),h.default.createElement("div",null,h.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},e.name),h.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},null===(a=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===a?void 0:a.id))):ie(e)?h.default.createElement(h.default.Fragment,null,h.default.createElement(v.default,{placeHolderIcon:"person"===(null==e?void 0:e.kind)?l.faUser:l.faBuilding}),h.default.createElement("div",null,h.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},(null==e?void 0:e.displayName)||"-"),h.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},h.default.createElement("span",null,p.getMainPhoneNumber(e)||"-"),p.getTotalPhoneNumbers(e)>1&&h.default.createElement("span",{className:"pi-ml-2"},re("Common.plus_x_others",{count:p.getTotalPhoneNumbers(e)-1}))))):void 0}()),h.default.createElement("div",{className:"pi-flex pi-gap-3.5"},ae(e)?h.default.createElement(a.Button,{onClick:function(){var t,a;return ne(null==e?void 0:e.mainPresence)&&o.clickTransferOrConference(null===(a=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===a?void 0:a.id,Q)},variant:"green",disabled:!ne(null==e?void 0:e.mainPresence),"data-tooltip-id":ne(null==e?void 0:e.mainPresence)?"contact-list-tooltip-left":"","data-tooltip-content":o.isInsideConferenceList()?re("Conference.Add participant"):re("Tooltip.Transfer call")},h.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faPhone})):ie(e)?p.getTotalPhoneNumbers(e)<2?h.default.createElement(a.Button,{onClick:function(){return o.clickTransferOrConference(p.getMainPhoneNumber(e),Q)},variant:"green",disabled:0==p.getTotalPhoneNumbers(e),"data-tooltip-id":p.getTotalPhoneNumbers(e)>0?"contact-list-tooltip-left":"","data-tooltip-content":o.isInsideConferenceList()?re("Conference.Add participant"):re("Tooltip.Transfer call")},h.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faPhone})):h.default.createElement(a.Button,{onClick:function(){return I(e),void Q.island.setContactListView("selectContactNumber")},variant:"transparent","data-tooltip-id":"contact-list-tooltip-left","data-tooltip-content":re("Tooltip.Select phone number")},h.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:l.faAngleRight})):void 0))})),0===Y.length&&!D&&h.default.createElement("p",{className:" pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm"},re("No contacts found"))))));return h.default.createElement(h.default.Fragment,null,function(){switch(E){case"main":default:return le;case"selectContactNumber":return h.default.createElement(f.SelectContactNumberView,{contact:A})}}(),h.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-left",place:"left"}),h.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-back-to-call",place:"right"}),h.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-call-to-transfer",place:"left"}))};
 //# sourceMappingURL=ContactListView.js.map

package/dist/components/ContactView/ContactListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactListView.js","sources":["../../../src/components/ContactView/ContactListView.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef, useMemo } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToPreviousView } from '../../lib/island/island'\nimport {\n faPhone,\n faArrowLeft,\n faUser,\n faBuilding,\n faAngleRight,\n faHeadset,\n} from '@fortawesome/free-solid-svg-icons'\nimport { UserEndpointsTypes } from '../../types'\nimport {\n clickTransferOrConference,\n handleAttendedTransfer,\n isInsideConferenceList,\n} from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { getMainPhoneNumber, getTotalPhoneNumbers, searchPhonebook } from '../../services/phonebook'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { SelectContactNumberView } from './SelectContactNumberView'\nimport debounce from 'lodash/debounce'\nimport ListAvatar from './ListAvatar'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const ContactListView: FC<ContactListViewProps> = () => {\n const { isOpen, contactListView } = useSelector((state: RootState) => state.island)\n const { endpoints } = useSelector((state: RootState) => state.users)\n const { username } = useSelector((state: RootState) => state.currentUser)\n const [loaded, setLoaded] = useState<boolean>(false)\n const [filteredOperators, setFilteredOperators] = useState<UserEndpointsTypes[]>([])\n const [filteredPhonebookContacts, setFilteredPhonebookContacts] = useState<PhonebookContact[]>([])\n const [currentContact, setCurrentContact] = useState<PhonebookContact>()\n const [firstPhonebookLoading, setFirstPhonebookLoading] = useState(true)\n const [searchQuery, setSearchQuery] = useState('')\n const [showPhoneNumberTyped, setShowPhoneNumberTyped] = useState<boolean>()\n const relativeRef = useRef<HTMLDivElement>(null)\n const [showGradient, setShowGradient] = useState<boolean>(false)\n const [showingUsers, setShowingUsers] = useState<number>(USERS_NUMBER_PER_PAGE)\n const dispatch = useDispatch<Dispatch>()\n const { paused } = useSelector((state: RootState) => state.currentCall)\n\n const filteredContacts = useMemo(() => {\n return [...filteredOperators, ...filteredPhonebookContacts]\n }, [filteredOperators, filteredPhonebookContacts])\n\n // debounce phonebook search\n const debouncedSearchPhonebookContacts = useRef(\n debounce((value: string) => {\n retrievePhonebookContacts(value)\n }, 300), // debounce delay\n ).current\n\n // cleanup the debounce function on unmount\n useEffect(() => {\n return () => {\n debouncedSearchPhonebookContacts.cancel()\n }\n }, [debouncedSearchPhonebookContacts])\n\n function searchQueryChanged(event: FormEvent<HTMLInputElement>) {\n setSearchQuery(event.currentTarget.value)\n debouncedSearchPhonebookContacts(event.currentTarget.value)\n filterOperators(event.currentTarget.value)\n }\n\n function retrieveContacts() {\n filterOperators(searchQuery)\n\n // load phonebook contacts only once\n\n if (firstPhonebookLoading) {\n retrievePhonebookContacts(searchQuery)\n setFirstPhonebookLoading(false)\n }\n }\n\n function filterOperators(textQuery: string = '') {\n textQuery = textQuery.trim().toLowerCase()\n\n if (endpoints) {\n const operators = Object?.values(endpoints).filter(\n (userEndpoints: UserEndpointsTypes) =>\n // Remove the currentUser from the list\n userEndpoints?.username !== username &&\n (userEndpoints?.endpoints?.extension.find((extension) =>\n extension?.id?.toLowerCase()?.startsWith(textQuery),\n ) \|\|\n userEndpoints?.username?.toLowerCase()?.includes(textQuery) \|\|\n userEndpoints?.name?.toLowerCase()?.includes(textQuery)),\n )\n setFilteredOperators(operators)\n }\n }\n\n async function retrievePhonebookContacts(textQuery: string = '') {\n setLoaded(false)\n textQuery = textQuery.trim().toLowerCase()\n\n // phone number typed\n\n if (/^[0-9#+]+$/.test(textQuery)) {\n setShowPhoneNumberTyped(true)\n } else {\n setShowPhoneNumberTyped(false)\n }\n\n // search phonebook\n\n try {\n const phonebookSearchResult = await searchPhonebook(1, textQuery, '')\n setFilteredPhonebookContacts(phonebookSearchResult.rows)\n } catch (error) {\n console.error('Error fetching phonebook:', error)\n }\n setLoaded(true)\n }\n\n useEventListener('phone-island-call-transfer', (data: CallStartTypes) => {\n handleAttendedTransfer(data.number, dispatch)\n eventDispatch('phone-island-call-transfer-opened', {})\n })\n\n // Retrieve\n useEffect(() => {\n if (endpoints && username) {\n retrieveContacts()\n }\n }, [endpoints, username])\n\n useEffect(() => {\n // Handle users list scrolling\n const handleScroll = () => {\n setShowGradient(\n relativeRef.current && relativeRef.current.scrollTop > SHOW_LIST_GRADIENT_DISTANCE\n ? true\n : false,\n )\n // Manage scroll to bottom\n if (\n relativeRef.current &&\n relativeRef.current?.offsetHeight + relativeRef.current?.scrollTop >=\n relativeRef.current?.scrollHeight - 10\n ) {\n // Improve showing users\n setShowingUsers((state) => state + USERS_NUMBER_PER_PAGE)\n }\n }\n // Manage expansion and collapsing\n if (isOpen) {\n relativeRef.current?.addEventListener('scroll', handleScroll)\n } else {\n relativeRef.current?.removeEventListener('scroll', handleScroll)\n }\n return () => relativeRef.current?.removeEventListener('scroll', handleScroll)\n }, [isOpen])\n\n function handleBackClick() {\n if (isInsideConferenceList()) {\n // Close the conference list\n eventDispatch('phone-island-conference-list-close', {})\n }\n // Unhold the call if it was paused during transfer selection\n if (paused) {\n eventDispatch('phone-island-call-unhold', {})\n }\n // Open the call view\n backToPreviousView()\n }\n\n function isUserEndpointsType(obj: any): obj is UserEndpointsTypes {\n return obj && typeof obj === 'object' && 'endpoints' in obj && 'username' in obj\n }\n\n function isPhonebookContact(obj: any): obj is PhonebookContact {\n return obj && typeof obj === 'object' && 'source' in obj && 'name' in obj\n }\n\n function isContactAvailable(mainPresence: string): boolean {\n return ['online', 'voicemail', 'cellphone', 'callforward']?.includes(mainPresence)\n }\n\n function goToSelectNumberView(phonebookContact: PhonebookContact): void {\n setCurrentContact(phonebookContact)\n dispatch.island.setContactListView('selectContactNumber')\n }\n\n const { t } = useTranslation()\n\n const mainView = (\n <div className='pi-relative pi-flex pi-flex-col'>\n {/ Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-gap-4'>\n <Button\n variant='transparent'\n onClick={handleBackClick}\n data-tooltip-id='contact-list-tooltip-back-to-call'\n data-tooltip-content={t('Tooltip.Back to call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <input\n data-stop-propagation={true}\n type='text'\n onChange={searchQueryChanged}\n value={searchQuery}\n placeholder={t('Common.Search contact or phone number') \|\| ''}\n autoFocus\n spellCheck={false}\n className='pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]'\n />\n </div>\n </div>\n {/ skeleton loader /}\n {!loaded && (\n <div className='pi-mt-6'>\n {Array.from({ length: 5 }).map((_, i) => (\n <div\n key={i}\n className='pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1'\n >\n <div className='pi-flex pi-items-center pi-justify-center'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-flex-col pi-gap-2 pi-w-full'>\n <div className='pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n <div className='pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-items-center pi-justify-center pi-pr-2'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/ contact list /}\n <div className={!loaded ? 'pi-hidden' : ''}>\n {/ List shadow /}\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'>\n {showGradient && (\n <div className='pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100'></div>\n )}\n </div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n ref={relativeRef}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ The custom searched number /}\n {showPhoneNumberTyped && (\n <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'>\n <div className='pi-flex pi-items-center pi-gap-4'>\n <ListAvatar placeHolderIcon={faUser} />\n <div>\n <div className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'>\n {t('Common.Phone number entered')}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {searchQuery}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(searchQuery, dispatch)}\n variant='green'\n data-tooltip-id='contact-list-tooltip-call-to-transfer'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n )}\n {/ Operators and phonebook contacts list */}\n {filteredContacts &&\n filteredContacts.slice(0, showingUsers).map((filteredContact, i) => (\n <div\n key={i}\n className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <>\n <ListAvatar\n username={filteredContact?.username}\n status={filteredContact?.mainPresence}\n placeHolderIcon={faHeadset}\n />\n <div>\n <div\n data-stop-propagation={true}\n className={`pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium`}\n >\n {filteredContact.name}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {filteredContact?.endpoints?.mainextension[0]?.id}\n </div>\n </div>\n </>\n )\n } else if (isPhonebookContact(filteredContact)) {\n return (\n <>\n <ListAvatar\n placeHolderIcon={\n filteredContact?.kind === 'person' ? faUser : faBuilding\n }\n />\n <div>\n <div\n data-stop-propagation={true}\n className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'\n >\n {filteredContact?.displayName \|\| '-'}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n <span>{getMainPhoneNumber(filteredContact) \|\| '-'}</span>\n {getTotalPhoneNumbers(filteredContact) > 1 && (\n <span className='pi-ml-2'>\n {t('Common.plus_x_others', {\n count: getTotalPhoneNumbers(filteredContact) - 1,\n })}\n </span>\n )}\n </div>\n </div>\n </>\n )\n }\n })()}\n </div>\n <div className='pi-flex pi-gap-3.5'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <Button\n onClick={() =>\n isContactAvailable(filteredContact?.mainPresence) &&\n clickTransferOrConference(\n filteredContact?.endpoints?.mainextension[0]?.id,\n dispatch,\n )\n }\n variant='green'\n disabled={!isContactAvailable(filteredContact?.mainPresence)}\n data-tooltip-id={\n isContactAvailable(filteredContact?.mainPresence)\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else if (isPhonebookContact(filteredContact)) {\n if (getTotalPhoneNumbers(filteredContact) < 2) {\n return (\n <Button\n onClick={() =>\n clickTransferOrConference(\n getMainPhoneNumber(filteredContact),\n dispatch,\n )\n }\n variant='green'\n disabled={getTotalPhoneNumbers(filteredContact) == 0}\n data-tooltip-id={\n getTotalPhoneNumbers(filteredContact) > 0\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else {\n // change view to show contact numbers\n return (\n <Button\n onClick={() => goToSelectNumberView(filteredContact)}\n variant='transparent'\n data-tooltip-id={'contact-list-tooltip-left'}\n data-tooltip-content={t('Tooltip.Select phone number')}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faAngleRight} />\n </Button>\n )\n }\n }\n })()}\n </div>\n </div>\n ))}\n {filteredContacts.length === 0 && !showPhoneNumberTyped && (\n <p className=' pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm'>\n {t('No contacts found')}\n </p>\n )}\n </div>\n </div>\n </div>\n </div>\n )\n\n return (\n <>\n {(() => {\n switch (contactListView) {\n case 'main':\n return mainView\n case 'selectContactNumber':\n return <SelectContactNumberView contact={currentContact} />\n default:\n return mainView\n }\n })()}\n <CustomThemedTooltip className='pi-z-1000' id='contact-list-tooltip-left' place='left' />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-back-to-call'\n place='right'\n />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-call-to-transfer'\n place='left'\n />\n </>\n )\n}\n\ninterface ContactListViewProps {}\n\ninterface CallStartTypes {\n number: string\n}\n"],"names":["_a","useSelector","state","island","isOpen","contactListView","endpoints","users","username","currentUser","_b","useState","loaded","setLoaded","_c","filteredOperators","setFilteredOperators","_d","filteredPhonebookContacts","setFilteredPhonebookContacts","_e","currentContact","setCurrentContact","_f","firstPhonebookLoading","setFirstPhonebookLoading","_g","searchQuery","setSearchQuery","_h","showPhoneNumberTyped","setShowPhoneNumberTyped","relativeRef","useRef","_j","showGradient","setShowGradient","_k","showingUsers","setShowingUsers","dispatch","useDispatch","paused","currentCall","filteredContacts","useMemo","__spreadArray","debouncedSearchPhonebookContacts","debounce","value","retrievePhonebookContacts","current","filterOperators","textQuery","trim","toLowerCase","operators","Object","values","filter","userEndpoints","extension","find","id","startsWith","includes","name","test","searchPhonebook","phonebookSearchResult","sent","rows","console","error","error_1","isUserEndpointsType","obj","isPhonebookContact","isContactAvailable","mainPresence","useEffect","cancel","useEventListener","data","handleAttendedTransfer","number","eventDispatch","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","t","useTranslation","mainView","React","createElement","className","Button","variant","onClick","isInsideConferenceList","backToPreviousView","FontAwesomeIcon","icon","faArrowLeft","type","onChange","event","currentTarget","placeholder","autoFocus","spellCheck","Array","from","length","map","_","i","key","style","marginTop","height","ref","ListAvatar","placeHolderIcon","faUser","clickTransferOrConference","faPhone","slice","filteredContact","Fragment","status","faHeadset","mainextension","kind","faBuilding","displayName","getMainPhoneNumber","getTotalPhoneNumbers","count","disabled","setContactListView","faAngleRight","SelectContactNumberView","contact","CustomThemedTooltip","place"],"mappings":"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"}
1	+ {"version":3,"file":"ContactListView.js","sources":["../../../src/components/ContactView/ContactListView.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef, useMemo } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToPreviousView } from '../../lib/island/island'\nimport {\n faPhone,\n faArrowLeft,\n faUser,\n faBuilding,\n faAngleRight,\n faHeadset,\n} from '@fortawesome/free-solid-svg-icons'\nimport { UserEndpointsTypes } from '../../types'\nimport {\n clickTransferOrConference,\n handleAttendedTransfer,\n isInsideConferenceList,\n} from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { getMainPhoneNumber, getTotalPhoneNumbers, searchPhonebook } from '../../services/phonebook'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { SelectContactNumberView } from './SelectContactNumberView'\nimport debounce from 'lodash/debounce'\nimport ListAvatar from './ListAvatar'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const ContactListView: FC<ContactListViewProps> = () => {\n const { isOpen, contactListView } = useSelector((state: RootState) => state.island)\n const { endpoints } = useSelector((state: RootState) => state.users)\n const { username } = useSelector((state: RootState) => state.currentUser)\n const [loaded, setLoaded] = useState<boolean>(false)\n const [filteredOperators, setFilteredOperators] = useState<UserEndpointsTypes[]>([])\n const [filteredPhonebookContacts, setFilteredPhonebookContacts] = useState<PhonebookContact[]>([])\n const [currentContact, setCurrentContact] = useState<PhonebookContact>()\n const [firstPhonebookLoading, setFirstPhonebookLoading] = useState(true)\n const [searchQuery, setSearchQuery] = useState('')\n const [showPhoneNumberTyped, setShowPhoneNumberTyped] = useState<boolean>()\n const relativeRef = useRef<HTMLDivElement>(null)\n const [showGradient, setShowGradient] = useState<boolean>(false)\n const [showingUsers, setShowingUsers] = useState<number>(USERS_NUMBER_PER_PAGE)\n const dispatch = useDispatch<Dispatch>()\n const { paused } = useSelector((state: RootState) => state.currentCall)\n\n const filteredContacts = useMemo(() => {\n return [...filteredOperators, ...filteredPhonebookContacts]\n }, [filteredOperators, filteredPhonebookContacts])\n\n // debounce phonebook search\n const debouncedSearchPhonebookContacts = useRef(\n debounce((value: string) => {\n retrievePhonebookContacts(value)\n }, 300), // debounce delay\n ).current\n\n // cleanup the debounce function on unmount\n useEffect(() => {\n return () => {\n debouncedSearchPhonebookContacts.cancel()\n }\n }, [debouncedSearchPhonebookContacts])\n\n function searchQueryChanged(event: FormEvent<HTMLInputElement>) {\n setSearchQuery(event.currentTarget.value)\n debouncedSearchPhonebookContacts(event.currentTarget.value)\n filterOperators(event.currentTarget.value)\n }\n\n function retrieveContacts() {\n filterOperators(searchQuery)\n\n // load phonebook contacts only once\n\n if (firstPhonebookLoading) {\n retrievePhonebookContacts(searchQuery)\n setFirstPhonebookLoading(false)\n }\n }\n\n function filterOperators(textQuery: string = '') {\n textQuery = textQuery.trim().toLowerCase()\n\n if (endpoints) {\n const operators = Object?.values(endpoints).filter(\n (userEndpoints: UserEndpointsTypes) =>\n // Remove the currentUser from the list\n userEndpoints?.username !== username &&\n (userEndpoints?.endpoints?.extension.find((extension) =>\n extension?.id?.toLowerCase()?.startsWith(textQuery),\n ) \|\|\n userEndpoints?.username?.toLowerCase()?.includes(textQuery) \|\|\n userEndpoints?.name?.toLowerCase()?.includes(textQuery)),\n )\n setFilteredOperators(operators)\n }\n }\n\n async function retrievePhonebookContacts(textQuery: string = '') {\n setLoaded(false)\n textQuery = textQuery.trim().toLowerCase()\n\n // phone number typed\n\n if (/^[0-9#+]+$/.test(textQuery)) {\n setShowPhoneNumberTyped(true)\n } else {\n setShowPhoneNumberTyped(false)\n }\n\n // search phonebook\n\n try {\n const phonebookSearchResult = await searchPhonebook(1, textQuery, '')\n setFilteredPhonebookContacts(phonebookSearchResult.rows)\n } catch (error) {\n console.error('Error fetching phonebook:', error)\n }\n setLoaded(true)\n }\n\n useEventListener('phone-island-call-transfer', (data: CallStartTypes) => {\n handleAttendedTransfer(data.number, dispatch)\n eventDispatch('phone-island-call-transfer-opened', {})\n })\n\n // Retrieve\n useEffect(() => {\n if (endpoints && username) {\n retrieveContacts()\n }\n }, [endpoints, username])\n\n useEffect(() => {\n // Handle users list scrolling\n const handleScroll = () => {\n setShowGradient(\n relativeRef.current && relativeRef.current.scrollTop > SHOW_LIST_GRADIENT_DISTANCE\n ? true\n : false,\n )\n // Manage scroll to bottom\n if (\n relativeRef.current &&\n relativeRef.current?.offsetHeight + relativeRef.current?.scrollTop >=\n relativeRef.current?.scrollHeight - 10\n ) {\n // Improve showing users\n setShowingUsers((state) => state + USERS_NUMBER_PER_PAGE)\n }\n }\n // Manage expansion and collapsing\n if (isOpen) {\n relativeRef.current?.addEventListener('scroll', handleScroll)\n } else {\n relativeRef.current?.removeEventListener('scroll', handleScroll)\n }\n return () => relativeRef.current?.removeEventListener('scroll', handleScroll)\n }, [isOpen])\n\n function handleBackClick() {\n if (isInsideConferenceList()) {\n // Close the conference list\n eventDispatch('phone-island-conference-list-close', {})\n }\n // Unhold the call if it was paused during transfer selection\n if (paused) {\n eventDispatch('phone-island-call-unhold', {})\n }\n // Open the call view\n backToPreviousView()\n }\n\n function isUserEndpointsType(obj: any): obj is UserEndpointsTypes {\n return obj && typeof obj === 'object' && 'endpoints' in obj && 'username' in obj\n }\n\n function isPhonebookContact(obj: any): obj is PhonebookContact {\n return obj && typeof obj === 'object' && 'source' in obj && 'name' in obj\n }\n\n function isContactAvailable(mainPresence: string): boolean {\n return ['online', 'voicemail', 'cellphone', 'callforward']?.includes(mainPresence)\n }\n\n function goToSelectNumberView(phonebookContact: PhonebookContact): void {\n setCurrentContact(phonebookContact)\n dispatch.island.setContactListView('selectContactNumber')\n }\n\n const { t } = useTranslation()\n\n const mainView = (\n <div className='pi-relative pi-flex pi-flex-col'>\n {/ Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-gap-4'>\n <Button\n variant='transparent'\n onClick={handleBackClick}\n data-tooltip-id='contact-list-tooltip-back-to-call'\n data-tooltip-content={t('Tooltip.Back to call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <input\n data-stop-propagation={true}\n type='text'\n onChange={searchQueryChanged}\n value={searchQuery}\n placeholder={t('Common.Search contact or phone number') \|\| ''}\n autoFocus\n spellCheck={false}\n className='pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]'\n />\n </div>\n </div>\n {/ skeleton loader /}\n {!loaded && (\n <div className='pi-mt-6'>\n {Array.from({ length: 5 }).map((_, i) => (\n <div\n key={i}\n className='pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1'\n >\n <div className='pi-flex pi-items-center pi-justify-center'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-flex-col pi-gap-2 pi-w-full'>\n <div className='pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n <div className='pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-items-center pi-justify-center pi-pr-2'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/ contact list /}\n <div className={!loaded ? 'pi-hidden' : ''}>\n {/ List shadow /}\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'>\n {showGradient && (\n <div className='pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100'></div>\n )}\n </div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n ref={relativeRef}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ The custom searched number /}\n {showPhoneNumberTyped && (\n <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'>\n <div className='pi-flex pi-items-center pi-gap-4'>\n <ListAvatar placeHolderIcon={faUser} />\n <div>\n <div className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'>\n {t('Common.Phone number entered')}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {searchQuery}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(searchQuery, dispatch)}\n variant='green'\n data-tooltip-id='contact-list-tooltip-call-to-transfer'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n )}\n {/ Operators and phonebook contacts list */}\n {filteredContacts &&\n filteredContacts.slice(0, showingUsers).map((filteredContact, i) => (\n <div\n key={i}\n className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <>\n <ListAvatar\n username={filteredContact?.username}\n status={filteredContact?.mainPresence}\n placeHolderIcon={faHeadset}\n />\n <div>\n <div\n data-stop-propagation={true}\n className={`pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium`}\n >\n {filteredContact.name}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {filteredContact?.endpoints?.mainextension[0]?.id}\n </div>\n </div>\n </>\n )\n } else if (isPhonebookContact(filteredContact)) {\n return (\n <>\n <ListAvatar\n placeHolderIcon={\n filteredContact?.kind === 'person' ? faUser : faBuilding\n }\n />\n <div>\n <div\n data-stop-propagation={true}\n className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'\n >\n {filteredContact?.displayName \|\| '-'}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n <span>{getMainPhoneNumber(filteredContact) \|\| '-'}</span>\n {getTotalPhoneNumbers(filteredContact) > 1 && (\n <span className='pi-ml-2'>\n {t('Common.plus_x_others', {\n count: getTotalPhoneNumbers(filteredContact) - 1,\n })}\n </span>\n )}\n </div>\n </div>\n </>\n )\n }\n })()}\n </div>\n <div className='pi-flex pi-gap-3.5'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <Button\n onClick={() =>\n isContactAvailable(filteredContact?.mainPresence) &&\n clickTransferOrConference(\n filteredContact?.endpoints?.mainextension[0]?.id,\n dispatch,\n )\n }\n variant='green'\n disabled={!isContactAvailable(filteredContact?.mainPresence)}\n data-tooltip-id={\n isContactAvailable(filteredContact?.mainPresence)\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else if (isPhonebookContact(filteredContact)) {\n if (getTotalPhoneNumbers(filteredContact) < 2) {\n return (\n <Button\n onClick={() =>\n clickTransferOrConference(\n getMainPhoneNumber(filteredContact),\n dispatch,\n )\n }\n variant='green'\n disabled={getTotalPhoneNumbers(filteredContact) == 0}\n data-tooltip-id={\n getTotalPhoneNumbers(filteredContact) > 0\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else {\n // change view to show contact numbers\n return (\n <Button\n onClick={() => goToSelectNumberView(filteredContact)}\n variant='transparent'\n data-tooltip-id={'contact-list-tooltip-left'}\n data-tooltip-content={t('Tooltip.Select phone number')}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faAngleRight} />\n </Button>\n )\n }\n }\n })()}\n </div>\n </div>\n ))}\n {filteredContacts.length === 0 && !showPhoneNumberTyped && (\n <p className=' pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm'>\n {t('No contacts found')}\n </p>\n )}\n </div>\n </div>\n </div>\n </div>\n )\n\n return (\n <>\n {(() => {\n switch (contactListView) {\n case 'main':\n return mainView\n case 'selectContactNumber':\n return <SelectContactNumberView contact={currentContact} />\n default:\n return mainView\n }\n })()}\n <CustomThemedTooltip className='pi-z-1000' id='contact-list-tooltip-left' place='left' />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-back-to-call'\n place='right'\n />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-call-to-transfer'\n place='left'\n />\n </>\n )\n}\n\ninterface ContactListViewProps {}\n\ninterface CallStartTypes {\n number: string\n}\n"],"names":["_a","useSelector","state","island","isOpen","contactListView","endpoints","users","username","currentUser","_b","useState","loaded","setLoaded","_c","filteredOperators","setFilteredOperators","_d","filteredPhonebookContacts","setFilteredPhonebookContacts","_e","currentContact","setCurrentContact","_f","firstPhonebookLoading","setFirstPhonebookLoading","_g","searchQuery","setSearchQuery","_h","showPhoneNumberTyped","setShowPhoneNumberTyped","relativeRef","useRef","_j","showGradient","setShowGradient","_k","showingUsers","setShowingUsers","dispatch","useDispatch","paused","currentCall","filteredContacts","useMemo","__spreadArray","debouncedSearchPhonebookContacts","debounce","value","retrievePhonebookContacts","current","filterOperators","textQuery","trim","toLowerCase","operators","Object","values","filter","userEndpoints","extension","find","id","startsWith","includes","name","test","searchPhonebook","phonebookSearchResult","sent","rows","console","error","error_1","isUserEndpointsType","obj","isPhonebookContact","isContactAvailable","mainPresence","useEffect","cancel","useEventListener","data","handleAttendedTransfer","number","eventDispatch","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","t","useTranslation","mainView","React","createElement","className","Button","variant","onClick","isInsideConferenceList","backToPreviousView","FontAwesomeIcon","icon","faArrowLeft","type","onChange","event","currentTarget","placeholder","autoFocus","spellCheck","Array","from","length","map","_","i","key","style","marginTop","height","ref","ListAvatar","placeHolderIcon","faUser","clickTransferOrConference","faPhone","slice","filteredContact","Fragment","status","faHeadset","mainextension","kind","faBuilding","displayName","getMainPhoneNumber","getTotalPhoneNumbers","count","disabled","setContactListView","faAngleRight","SelectContactNumberView","contact","CustomThemedTooltip","place"],"mappings":"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"}

package/dist/components/ContactView/ListAvatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react");require("../../node_modules/react-redux/es/index.js");var a=require("./StatusBullet.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t);exports.default=function(t){var s=t.username,n=t.status,u=t.placeHolderIcon,o=e.__rest(t,["username","status","placeHolderIcon"]),d=i.useSelector((function(e){return e.avatars})).avatars,p=d&&s&&d[s];return l.default.createElement("div",e.__assign({style:e.__assign({},p&&{backgroundImage:"url(".concat(d[s],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"}),"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},o),p?l.default.createElement("div",e.__assign({style:{backgroundImage:"url(".concat(d[s],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},o),l.default.createElement(a.default,{status:n})):l.default.createElement("div",e.__assign({className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition"},o),l.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},l.default.createElement(r.FontAwesomeIcon,{icon:u,className:"pi-h-6 pi-w-6","aria-hidden":"true"}),n&&l.default.createElement(a.default,{status:n}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react"),t=require("react-redux"),r=require("./StatusBullet.js"),i=require("@fortawesome/react-fontawesome");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(a);exports.default=function(a){var l=a.username,u=a.status,s=a.placeHolderIcon,p=e.__rest(a,["username","status","placeHolderIcon"]),o=t.useSelector((function(e){return e.avatars})).avatars,c=o&&l&&o[l];return n.default.createElement("div",e.__assign({style:e.__assign({},c&&{backgroundImage:"url(".concat(o[l],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"}),"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},p),c?n.default.createElement("div",e.__assign({style:{backgroundImage:"url(".concat(o[l],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},p),n.default.createElement(r.default,{status:u})):n.default.createElement("div",e.__assign({className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition"},p),n.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},n.default.createElement(i.FontAwesomeIcon,{icon:s,className:"pi-h-6 pi-w-6","aria-hidden":"true"}),u&&n.default.createElement(r.default,{status:u}))))};
 //# sourceMappingURL=ListAvatar.js.map

package/dist/components/ContactView/ListAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListAvatar.js","sources":["../../../src/components/ContactView/ListAvatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport StatusBullet from './StatusBullet'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons'\n\nconst ListAvatar: FC<ListAvatarProps> = ({ username, status, placeHolderIcon, ...props }) => {\n const { avatars } = useSelector((state: RootState) => state.avatars)\n\n const hasValidAvatar = avatars && username && avatars[username]\n\n return (\n <div\n style={{\n ...(hasValidAvatar && {\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }),\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n {hasValidAvatar ? (\n <div\n style={{\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n <StatusBullet status={status} />\n </div>\n ) : (\n <div\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition`}\n {...props}\n >\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon icon={placeHolderIcon} className='pi-h-6 pi-w-6' aria-hidden='true' />\n {status && <StatusBullet status={status} />}\n </div>\n </div>\n )}\n </div>\n )\n}\n\ninterface ListAvatarProps extends ComponentProps<'div'> {\n username?: string\n status?: string\n placeHolderIcon: IconDefinition\n}\n\nexport default ListAvatar\n"],"names":["_a","username","status","placeHolderIcon","props","__rest","avatars","useSelector","state","hasValidAvatar","React","createElement","__assign","style","backgroundImage","concat","backgroundRepeat","backgroundSize","className","StatusBullet","FontAwesomeIcon","icon"],"mappings":"~~ydAUwC~~,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAMF,EAAAE,OAAEC,EAAeH,EAAAG,gBAAKC,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,WAAA,SAAA,oBAC/BM,EAAYC,eAAY,SAACC,GAAqB,OAAAA,EAAMF,mBAEtDG,EAAiBH,GAAWL,GAAYK,EAAQL,GAEtD,OACES,EACE,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CAAAC,MACKD,EAAAA,SAAA,CAAA,EAACH,GAAkB,CACpBK,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,qCAGG,EACvBC,UAAW,+EACPd,GAEHK,EACCC,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEC,MAAO,CACLC,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,WACjB,yBACsB,EACvBC,UAAW,+EACPd,GAEJM,EAAA,QAAAC,cAACQ,EAAY,QAAC,CAAAjB,OAAQA,KAGxBQ,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEM,UAAW,iHACPd,GAEJM,EAAAA,QAAKC,cAAA,MAAA,CAAAO,UAAU,mHACbR,UAACC,cAAAS,EAAeA,gBAAC,CAAAC,KAAMlB,EAAiBe,UAAU,gBAA4B,cAAA,SAC7EhB,GAAUQ,EAAAA,QAAAC,cAACQ,UAAY,CAACjB,OAAQA,MAM7C"}
1	+ {"version":3,"file":"ListAvatar.js","sources":["../../../src/components/ContactView/ListAvatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport StatusBullet from './StatusBullet'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons'\n\nconst ListAvatar: FC<ListAvatarProps> = ({ username, status, placeHolderIcon, ...props }) => {\n const { avatars } = useSelector((state: RootState) => state.avatars)\n\n const hasValidAvatar = avatars && username && avatars[username]\n\n return (\n <div\n style={{\n ...(hasValidAvatar && {\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }),\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n {hasValidAvatar ? (\n <div\n style={{\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n <StatusBullet status={status} />\n </div>\n ) : (\n <div\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition`}\n {...props}\n >\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon icon={placeHolderIcon} className='pi-h-6 pi-w-6' aria-hidden='true' />\n {status && <StatusBullet status={status} />}\n </div>\n </div>\n )}\n </div>\n )\n}\n\ninterface ListAvatarProps extends ComponentProps<'div'> {\n username?: string\n status?: string\n placeHolderIcon: IconDefinition\n}\n\nexport default ListAvatar\n"],"names":["_a","username","status","placeHolderIcon","props","__rest","avatars","useSelector","state","hasValidAvatar","React","createElement","__assign","style","backgroundImage","concat","backgroundRepeat","backgroundSize","className","StatusBullet","FontAwesomeIcon","icon"],"mappings":"qTAUwC,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAMF,EAAAE,OAAEC,EAAeH,EAAAG,gBAAKC,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,WAAA,SAAA,oBAC/BM,EAAYC,eAAY,SAACC,GAAqB,OAAAA,EAAMF,mBAEtDG,EAAiBH,GAAWL,GAAYK,EAAQL,GAEtD,OACES,EACE,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CAAAC,MACKD,EAAAA,SAAA,CAAA,EAACH,GAAkB,CACpBK,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,qCAGG,EACvBC,UAAW,+EACPd,GAEHK,EACCC,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEC,MAAO,CACLC,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,WACjB,yBACsB,EACvBC,UAAW,+EACPd,GAEJM,EAAA,QAAAC,cAACQ,EAAY,QAAC,CAAAjB,OAAQA,KAGxBQ,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEM,UAAW,iHACPd,GAEJM,EAAAA,QAAKC,cAAA,MAAA,CAAAO,UAAU,mHACbR,UAACC,cAAAS,EAAeA,gBAAC,CAAAC,KAAMlB,EAAiBe,UAAU,gBAA4B,cAAA,SAC7EhB,GAAUQ,EAAAA,QAAAC,cAACQ,UAAY,CAACjB,OAAQA,MAM7C"}

package/dist/components/ContactView/SelectContactNumberView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),r=require("../../lib/phone/call.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var l=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../CustomThemedTooltip.js"),s=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),o=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(e);exports.SelectContactNumberView=function(p){var u=p.contact,d=o.useDispatch(),m=l.useTranslation().t,f=e.useMemo((function(){for(var e=[],t=0,i=["extension","workphone","cellphone"];t<i.length;t++){var a=i[t],r=null==u?void 0:u[a];r&&e.push({number:r,type:a})}return e}),[u]);function h(e){switch(e){case"extension":return a.faHeadset;case"workphone":return s.faOfficePhone;case"cellphone":return a.faMobile;default:return a.faPhone}}return c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},c.default.createElement("div",{className:"pi-relative pi-z-50"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50"},c.default.createElement(t.Button,{onClick:function(){return d.island.setContactListView("main")},variant:"transparent","data-tooltip-id":"tooltip-back-to-transfer-results","data-tooltip-content":m("Common.Back")||""},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faArrowLeft})),c.default.createElement("h1",{className:"pi-text-lg pi-font-medium pi-leading-7"},(null==u?void 0:u.displayName)||"-"))),c.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"}),c.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},c.default.createElement("div",{style:{height:"17rem"},className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},f.map((function(e,l){return c.default.createElement("div",{key:l,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},c.default.createElement("div",{className:"pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full"},c.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},c.default.createElement(i.FontAwesomeIcon,{icon:h(e.type),className:"pi-h-6 pi-w-6","aria-hidden":"true"}))),c.default.createElement("div",null,c.default.createElement("div",{style:{maxWidth:"196px"},"data-stop-propagation":!0,className:"pi-h-fit pi-truncate pi-text-sm pi-font-medium"},m("Phone.".concat(e.type))),c.default.createElement("div",{className:"pi-text-sm pi-text-gray-700 dark:pi-text-gray-300"},e.number))),c.default.createElement("div",{className:"pi-flex pi-gap-3.5"},c.default.createElement(t.Button,{onClick:function(){return r.clickTransferOrConference(e.number,d)},variant:"green","data-tooltip-id":"transfer-list-tooltip-left","data-tooltip-content":r.isInsideConferenceList()?m("Conference.Add participant"):m("Tooltip.Transfer call")},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faPhone}))))}))))),c.default.createElement(n.CustomThemedTooltip,{id:"tooltip-back-to-transfer-results",place:"right"}),c.default.createElement(n.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-list-tooltip-left",place:"left"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),a=require("react-redux"),i=require("@fortawesome/react-fontawesome"),r=require("@fortawesome/free-solid-svg-icons"),l=require("../../lib/phone/call.js"),n=require("react-i18next"),o=require("../CustomThemedTooltip.js"),p=require("@nethesis/nethesis-solid-svg-icons");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e);exports.SelectContactNumberView=function(s){var u=s.contact,d=a.useDispatch(),f=n.useTranslation().t,m=e.useMemo((function(){for(var e=[],t=0,a=["extension","workphone","cellphone"];t<a.length;t++){var i=a[t],r=null==u?void 0:u[i];r&&e.push({number:r,type:i})}return e}),[u]);function h(e){switch(e){case"extension":return r.faHeadset;case"workphone":return p.faOfficePhone;case"cellphone":return r.faMobile;default:return r.faPhone}}return c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},c.default.createElement("div",{className:"pi-relative pi-z-50"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50"},c.default.createElement(t.Button,{onClick:function(){return d.island.setContactListView("main")},variant:"transparent","data-tooltip-id":"tooltip-back-to-transfer-results","data-tooltip-content":f("Common.Back")||""},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:r.faArrowLeft})),c.default.createElement("h1",{className:"pi-text-lg pi-font-medium pi-leading-7"},(null==u?void 0:u.displayName)||"-"))),c.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"}),c.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},c.default.createElement("div",{style:{height:"17rem"},className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},m.map((function(e,a){return c.default.createElement("div",{key:a,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},c.default.createElement("div",{className:"pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full"},c.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},c.default.createElement(i.FontAwesomeIcon,{icon:h(e.type),className:"pi-h-6 pi-w-6","aria-hidden":"true"}))),c.default.createElement("div",null,c.default.createElement("div",{style:{maxWidth:"196px"},"data-stop-propagation":!0,className:"pi-h-fit pi-truncate pi-text-sm pi-font-medium"},f("Phone.".concat(e.type))),c.default.createElement("div",{className:"pi-text-sm pi-text-gray-700 dark:pi-text-gray-300"},e.number))),c.default.createElement("div",{className:"pi-flex pi-gap-3.5"},c.default.createElement(t.Button,{onClick:function(){return l.clickTransferOrConference(e.number,d)},variant:"green","data-tooltip-id":"transfer-list-tooltip-left","data-tooltip-content":l.isInsideConferenceList()?f("Conference.Add participant"):f("Tooltip.Transfer call")},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:r.faPhone}))))}))))),c.default.createElement(o.CustomThemedTooltip,{id:"tooltip-back-to-transfer-results",place:"right"}),c.default.createElement(o.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-list-tooltip-left",place:"left"}))};
 //# sourceMappingURL=SelectContactNumberView.js.map

package/dist/components/ContactView/SelectContactNumberView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectContactNumberView.js","sources":["../../../src/components/ContactView/SelectContactNumberView.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 { Button } from '../Button'\nimport { useDispatch } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone, faArrowLeft, faMobile, faHeadset } from '@fortawesome/free-solid-svg-icons'\nimport { clickTransferOrConference, isInsideConferenceList } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\n\nexport const SelectContactNumberView: FC<SelectContactNumberViewProps> = ({ contact }) => {\n const dispatch = useDispatch<Dispatch>()\n const { t } = useTranslation()\n\n type PhoneNumber = {\n number: string\n type: string\n }\n\n const phoneNumbers = useMemo(() => {\n const phoneNumbers: PhoneNumber[] = []\n\n const phoneTypes = ['extension', 'workphone', 'cellphone']\n\n for (const type of phoneTypes) {\n const phoneNumber = contact?.[type]\n if (phoneNumber) {\n phoneNumbers.push({\n number: phoneNumber,\n type: type,\n })\n }\n }\n return phoneNumbers\n }, [contact])\n\n function getPhoneIcon(type: string) {\n switch (type) {\n case 'extension':\n return faHeadset\n case 'workphone':\n return faOfficePhone\n case 'cellphone':\n return faMobile\n default:\n return faPhone\n }\n }\n\n return (\n <>\n <div className='pi-relative pi-flex pi-flex-col'>\n {/* Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50'>\n <Button\n onClick={() => dispatch.island.setContactListView('main')}\n variant='transparent'\n data-tooltip-id='tooltip-back-to-transfer-results'\n data-tooltip-content={t('Common.Back') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <h1 className='pi-text-lg pi-font-medium pi-leading-7'>\n {contact?.displayName \|\| '-'}\n </h1>\n </div>\n </div>\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'></div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ Phone numbers of phonebook contact */}\n {phoneNumbers.map((phoneNumber, i) => (\n <div\n key={i}\n className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n <div className='pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full'>\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon\n icon={getPhoneIcon(phoneNumber.type)}\n className='pi-h-6 pi-w-6'\n aria-hidden='true'\n />\n </div>\n </div>\n <div>\n <div\n style={{ maxWidth: '196px' }}\n data-stop-propagation={true}\n className='pi-h-fit pi-truncate pi-text-sm pi-font-medium'\n >\n {t(`Phone.${phoneNumber.type}`)}\n </div>\n <div className='pi-text-sm pi-text-gray-700 dark:pi-text-gray-300'>\n {phoneNumber.number}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(phoneNumber.number, dispatch)}\n variant='green'\n data-tooltip-id='transfer-list-tooltip-left'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n <CustomThemedTooltip id={`tooltip-back-to-transfer-results`} place='right' />\n <CustomThemedTooltip className='pi-z-1000' id='transfer-list-tooltip-left' place='left' />\n </>\n )\n}\n\ninterface SelectContactNumberViewProps {\n contact?: PhonebookContact\n}\n"],"names":["_a","contact","dispatch","useDispatch","t","useTranslation","phoneNumbers","useMemo","phoneTypes_1","_i","length","type","phoneNumber","push","number","getPhoneIcon","faHeadset","faOfficePhone","faMobile","faPhone","React","createElement","Fragment","className","Button","onClick","island","setContactListView","variant","FontAwesomeIcon","icon","faArrowLeft","displayName","style","marginTop","height","map","i","key","maxWidth","concat","clickTransferOrConference","isInsideConferenceList","CustomThemedTooltip","id","place"],"mappings":"~~upCAeyE~~,SAACA,GAAE,IAAAC,EAAOD,EAAAC,QAC3EC,EAAWC,EAAAA,cACTC,EAAMC,qBAORC,EAAeC,EAAAA,SAAQ,WAK3B,IAJA,IAAMD,EAA8B,OAIjBE,EAFA,CAAC,YAAa,YAAa,aAE3BC,EAAUD,EAAAE,OAAVD,IAAY,CAA1B,IAAME,EAAIH,EAAAC,GACPG,EAAcX,eAAAA,EAAUU,GAC1BC,GACFN,EAAaO,KAAK,CAChBC,OAAQF,EACRD,KAAMA,GAGX,CACD,OAAOL,CACT,GAAG,CAACL,IAEJ,SAASc,EAAaJ,GACpB,OAAQA,GACN,IAAK,YACH,OAAOK,YACT,IAAK,YACH,OAAOC,gBACT,IAAK,YACH,OAAOC,WACT,QACE,OAAOC,UAEZ,CAED,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mCAEbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,uBACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,0EACbH,UAAAC,cAACG,EAAAA,OAAM,CACLC,QAAS,WAAM,OAAAvB,EAASwB,OAAOC,mBAAmB,SAClDC,QAAQ,cACQ,kBAAA,mCACM,uBAAAxB,EAAE,gBAAkB,IAE1CgB,UAACC,cAAAQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMC,EAAWA,eAE9DX,EAAA,QAAAC,cAAA,KAAA,CAAIE,UAAU,2CACXtB,aAAA,EAAAA,EAAS+B,cAAe,OAI/BZ,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,4EACfH,UAAKC,cAAA,MAAA,CAAAY,MAAO,CAAEC,UAAW,SAAWX,UAAU,gCAE5CH,EAAAA,QAAAC,cAAA,MAAA,CACEY,MAAO,CAAEE,OAAQ,SACjBZ,UAAU,qUAGTjB,EAAa8B,KAAI,SAACxB,EAAayB,GAAM,OACpCjB,UACEC,cAAA,MAAA,CAAAiB,IAAKD,EACLd,UAAU,qIAEVH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oHACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mHACbH,EAAAA,QAAAC,cAACQ,EAAAA,gBACC,CAAAC,KAAMf,EAAaH,EAAYD,MAC/BY,UAAU,8BACE,WAIlBH,UAAAC,cAAA,MAAA,KACED,EACE,QAAAC,cAAA,MAAA,CAAAY,MAAO,CAAEM,SAAU,SACI,yBAAA,EACvBhB,UAAU,kDAETnB,EAAE,SAAAoC,OAAS5B,EAAYD,QAE1BS,UAAKC,cAAA,MAAA,CAAAE,UAAU,qDACZX,EAAYE,UAInBM,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sBACbH,EAAC,QAAAC,cAAAG,SACC,CAAAC,QAAS,WAAM,OAAAgB,EAAyBA,0BAAC7B,EAAYE,OAAQZ,EAAS,EACtE0B,QAAQ,QACQ,kBAAA,6BAEd,uBAAAc,2BACItC,EAAE,8BACFA,EAAE,0BAGRgB,EAAAA,QAAAC,cAACQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMX,EAAOA,YAI/D,OAIPC,EAAC,QAAAC,cAAAsB,uBAAoBC,GAAI,mCAAoCC,MAAM,UACnEzB,EAAAA,QAAAC,cAACsB,sBAAoB,CAAApB,UAAU,YAAYqB,GAAG,6BAA6BC,MAAM,SAGvF"}
1	+ {"version":3,"file":"SelectContactNumberView.js","sources":["../../../src/components/ContactView/SelectContactNumberView.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 { Button } from '../Button'\nimport { useDispatch } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone, faArrowLeft, faMobile, faHeadset } from '@fortawesome/free-solid-svg-icons'\nimport { clickTransferOrConference, isInsideConferenceList } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\n\nexport const SelectContactNumberView: FC<SelectContactNumberViewProps> = ({ contact }) => {\n const dispatch = useDispatch<Dispatch>()\n const { t } = useTranslation()\n\n type PhoneNumber = {\n number: string\n type: string\n }\n\n const phoneNumbers = useMemo(() => {\n const phoneNumbers: PhoneNumber[] = []\n\n const phoneTypes = ['extension', 'workphone', 'cellphone']\n\n for (const type of phoneTypes) {\n const phoneNumber = contact?.[type]\n if (phoneNumber) {\n phoneNumbers.push({\n number: phoneNumber,\n type: type,\n })\n }\n }\n return phoneNumbers\n }, [contact])\n\n function getPhoneIcon(type: string) {\n switch (type) {\n case 'extension':\n return faHeadset\n case 'workphone':\n return faOfficePhone\n case 'cellphone':\n return faMobile\n default:\n return faPhone\n }\n }\n\n return (\n <>\n <div className='pi-relative pi-flex pi-flex-col'>\n {/* Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50'>\n <Button\n onClick={() => dispatch.island.setContactListView('main')}\n variant='transparent'\n data-tooltip-id='tooltip-back-to-transfer-results'\n data-tooltip-content={t('Common.Back') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <h1 className='pi-text-lg pi-font-medium pi-leading-7'>\n {contact?.displayName \|\| '-'}\n </h1>\n </div>\n </div>\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'></div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ Phone numbers of phonebook contact */}\n {phoneNumbers.map((phoneNumber, i) => (\n <div\n key={i}\n className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n <div className='pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full'>\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon\n icon={getPhoneIcon(phoneNumber.type)}\n className='pi-h-6 pi-w-6'\n aria-hidden='true'\n />\n </div>\n </div>\n <div>\n <div\n style={{ maxWidth: '196px' }}\n data-stop-propagation={true}\n className='pi-h-fit pi-truncate pi-text-sm pi-font-medium'\n >\n {t(`Phone.${phoneNumber.type}`)}\n </div>\n <div className='pi-text-sm pi-text-gray-700 dark:pi-text-gray-300'>\n {phoneNumber.number}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(phoneNumber.number, dispatch)}\n variant='green'\n data-tooltip-id='transfer-list-tooltip-left'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n <CustomThemedTooltip id={`tooltip-back-to-transfer-results`} place='right' />\n <CustomThemedTooltip className='pi-z-1000' id='transfer-list-tooltip-left' place='left' />\n </>\n )\n}\n\ninterface SelectContactNumberViewProps {\n contact?: PhonebookContact\n}\n"],"names":["_a","contact","dispatch","useDispatch","t","useTranslation","phoneNumbers","useMemo","phoneTypes_1","_i","length","type","phoneNumber","push","number","getPhoneIcon","faHeadset","faOfficePhone","faMobile","faPhone","React","createElement","Fragment","className","Button","onClick","island","setContactListView","variant","FontAwesomeIcon","icon","faArrowLeft","displayName","style","marginTop","height","map","i","key","maxWidth","concat","clickTransferOrConference","isInsideConferenceList","CustomThemedTooltip","id","place"],"mappings":"mfAeyE,SAACA,GAAE,IAAAC,EAAOD,EAAAC,QAC3EC,EAAWC,EAAAA,cACTC,EAAMC,qBAORC,EAAeC,EAAAA,SAAQ,WAK3B,IAJA,IAAMD,EAA8B,OAIjBE,EAFA,CAAC,YAAa,YAAa,aAE3BC,EAAUD,EAAAE,OAAVD,IAAY,CAA1B,IAAME,EAAIH,EAAAC,GACPG,EAAcX,eAAAA,EAAUU,GAC1BC,GACFN,EAAaO,KAAK,CAChBC,OAAQF,EACRD,KAAMA,GAGX,CACD,OAAOL,CACT,GAAG,CAACL,IAEJ,SAASc,EAAaJ,GACpB,OAAQA,GACN,IAAK,YACH,OAAOK,YACT,IAAK,YACH,OAAOC,gBACT,IAAK,YACH,OAAOC,WACT,QACE,OAAOC,UAEZ,CAED,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mCAEbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,uBACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,0EACbH,UAAAC,cAACG,EAAAA,OAAM,CACLC,QAAS,WAAM,OAAAvB,EAASwB,OAAOC,mBAAmB,SAClDC,QAAQ,cACQ,kBAAA,mCACM,uBAAAxB,EAAE,gBAAkB,IAE1CgB,UAACC,cAAAQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMC,EAAWA,eAE9DX,EAAA,QAAAC,cAAA,KAAA,CAAIE,UAAU,2CACXtB,aAAA,EAAAA,EAAS+B,cAAe,OAI/BZ,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,4EACfH,UAAKC,cAAA,MAAA,CAAAY,MAAO,CAAEC,UAAW,SAAWX,UAAU,gCAE5CH,EAAAA,QAAAC,cAAA,MAAA,CACEY,MAAO,CAAEE,OAAQ,SACjBZ,UAAU,qUAGTjB,EAAa8B,KAAI,SAACxB,EAAayB,GAAM,OACpCjB,UACEC,cAAA,MAAA,CAAAiB,IAAKD,EACLd,UAAU,qIAEVH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oHACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mHACbH,EAAAA,QAAAC,cAACQ,EAAAA,gBACC,CAAAC,KAAMf,EAAaH,EAAYD,MAC/BY,UAAU,8BACE,WAIlBH,UAAAC,cAAA,MAAA,KACED,EACE,QAAAC,cAAA,MAAA,CAAAY,MAAO,CAAEM,SAAU,SACI,yBAAA,EACvBhB,UAAU,kDAETnB,EAAE,SAAAoC,OAAS5B,EAAYD,QAE1BS,UAAKC,cAAA,MAAA,CAAAE,UAAU,qDACZX,EAAYE,UAInBM,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sBACbH,EAAC,QAAAC,cAAAG,SACC,CAAAC,QAAS,WAAM,OAAAgB,EAAyBA,0BAAC7B,EAAYE,OAAQZ,EAAS,EACtE0B,QAAQ,QACQ,kBAAA,6BAEd,uBAAAc,2BACItC,EAAE,8BACFA,EAAE,0BAGRgB,EAAAA,QAAAC,cAACQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMX,EAAOA,YAI/D,OAIPC,EAAC,QAAAC,cAAAsB,uBAAoBC,GAAI,mCAAoCC,MAAM,UACnEzB,EAAAA,QAAAC,cAACsB,sBAAoB,CAAApB,UAAU,YAAYqB,GAAG,6BAA6BC,MAAM,SAGvF"}

package/dist/components/ContactView/StatusBullet.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("react"));exports.default=function(t){var i=t.status;return e.__rest(t,["status"]),r.default.createElement("span",{style:{right:"1px",bottom:"1px"},className:"pi-absolute pi-rounded-full pi-w-3 pi-h-3 pi-z-20 ".concat("online"===i||"voicemail"===i||"cellphone"===i||"callforward"===i?"pi-bg-green-500":"busy"===i||"incoming"===i||"ringing"===i?"pi-bg-red-500":"dnd"===i?"pi-bg-gray-950":"offline"===i?"pi-bg-gray-500":""," pi-border-2 pi-border-white")})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(require("react"));exports.default=function(r){var i=r.status;return e.__rest(r,["status"]),t.default.createElement("span",{style:{right:"1px",bottom:"1px"},className:"pi-absolute pi-rounded-full pi-w-3 pi-h-3 pi-z-20 ".concat("online"===i||"voicemail"===i||"cellphone"===i||"callforward"===i?"pi-bg-green-500":"busy"===i||"incoming"===i||"ringing"===i?"pi-bg-red-500":"dnd"===i?"pi-bg-gray-950":"offline"===i?"pi-bg-gray-500":""," pi-border-2 pi-border-white")})};
 //# sourceMappingURL=StatusBullet.js.map

package/dist/components/ContactView/StatusBullet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBullet.js","sources":["../../../src/components/ContactView/StatusBullet.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\n\nconst StatusBullet: FC<StatusBulletProps> = ({ status, ...props }) => {\n return (\n <span\n style={{ right: '1px', bottom: '1px' }}\n className={`pi-absolute pi-rounded-full pi-w-3 pi-h-3 pi-z-20 ${\n status === 'online' \|\|\n status === 'voicemail' \|\|\n status === 'cellphone' \|\|\n status === 'callforward'\n ? 'pi-bg-green-500'\n : status === 'busy' \|\| status === 'incoming' \|\| status === 'ringing'\n ? 'pi-bg-red-500'\n : status === 'dnd'\n ? 'pi-bg-gray-950'\n : status === 'offline'\n ? 'pi-bg-gray-500'\n : ''\n } pi-border-2 pi-border-white`}\n ></span>\n )\n}\n\ninterface StatusBulletProps extends ComponentProps<'div'> {\n status?: string\n}\n\nexport default StatusBullet\n"],"names":["_a","status","__rest","React","createElement","style","right","bottom","className","concat"],"mappings":"~~6OAK4C~~,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OACnD,OAD6DC,EAAAA,OAAAF,EAAlB,YAEzCG,EAAAA,QACEC,cAAA,OAAA,CAAAC,MAAO,CAAEC,MAAO,MAAOC,OAAQ,OAC/BC,UAAW,qDACTC,OAAW,WAAXR,GACW,cAAXA,GACW,cAAXA,GACW,gBAAXA,EACI,kBACW,SAAXA,GAAgC,aAAXA,GAAoC,YAAXA,EAC9C,gBACW,QAAXA,EACA,iBACW,YAAXA,EACA,iBACA,GACwB,iCAGpC"}
1	+ {"version":3,"file":"StatusBullet.js","sources":["../../../src/components/ContactView/StatusBullet.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\n\nconst StatusBullet: FC<StatusBulletProps> = ({ status, ...props }) => {\n return (\n <span\n style={{ right: '1px', bottom: '1px' }}\n className={`pi-absolute pi-rounded-full pi-w-3 pi-h-3 pi-z-20 ${\n status === 'online' \|\|\n status === 'voicemail' \|\|\n status === 'cellphone' \|\|\n status === 'callforward'\n ? 'pi-bg-green-500'\n : status === 'busy' \|\| status === 'incoming' \|\| status === 'ringing'\n ? 'pi-bg-red-500'\n : status === 'dnd'\n ? 'pi-bg-gray-950'\n : status === 'offline'\n ? 'pi-bg-gray-500'\n : ''\n } pi-border-2 pi-border-white`}\n ></span>\n )\n}\n\ninterface StatusBulletProps extends ComponentProps<'div'> {\n status?: string\n}\n\nexport default StatusBullet\n"],"names":["_a","status","__rest","React","createElement","style","right","bottom","className","concat"],"mappings":"6MAK4C,SAACA,GAAE,IAAAC,EAAMD,EAAAC,OACnD,OAD6DC,EAAAA,OAAAF,EAAlB,YAEzCG,EAAAA,QACEC,cAAA,OAAA,CAAAC,MAAO,CAAEC,MAAO,MAAOC,OAAQ,OAC/BC,UAAW,qDACTC,OAAW,WAAXR,GACW,cAAXA,GACW,cAAXA,GACW,gBAAXA,EACI,kBACW,SAAXA,GAAgC,aAAXA,GAAoC,YAAXA,EAC9C,gBACW,QAAXA,EACA,iBACW,YAAXA,EACA,iBACA,GACwB,iCAGpC"}

package/dist/components/ContactView/TransferActions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),s=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),i=require("../../lib/webrtc/messages.js"),o=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var n=require("../../static/outgoing_ringtone.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 a=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var l=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js");var d=require("../CustomThemedTooltip.js"),c=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(e);exports.TransferActions=function(){var e=c.useDispatch(),m=p.useSelector((function(e){return e.currentCall}));function j(){e.currentCall.updateTransferSwitching(!0),i.sendDTMF("*"),o.store.getState().player.audioPlayerPlaying||e.player.updateStartAudioPlayer({src:n.default,loop:!0}),setTimeout((function(){i.sendDTMF("4"),e.player.stopAudioPlayer(),u.eventDispatch("phone-island-call-transfer-switched",{})}),500)}m.transferCalls,m.number,l.useEventListener("phone-island-call-transfer-switch",(function(){j()}));var h=a.useTranslation().t;return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},f.default.createElement("div",null),f.default.createElement(t.Button,{onClick:j,variant:"default","data-tooltip-id":"transfer-actions-tooltip","data-tooltip-content":h("Tooltip.Switch call")||""},f.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:s.faArrowsRepeat})),f.default.createElement("div",null)),f.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-actions-tooltip",place:"bottom"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("@fortawesome/react-fontawesome"),i=require("@nethesis/nethesis-solid-svg-icons"),a=require("../../lib/webrtc/messages.js"),n=require("../../store/index.js"),s=require("react-redux"),l=require("../../static/outgoing_ringtone.js"),o=require("react-i18next"),u=require("../../utils/customHooks/useEventListener.js"),c=require("../../utils/genericFunctions/eventDispatch.js");require("tslib");var d=require("../CustomThemedTooltip.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e);exports.TransferActions=function(){var e=s.useDispatch(),p=s.useSelector((function(e){return e.currentCall}));function m(){e.currentCall.updateTransferSwitching(!0),a.sendDTMF("*"),n.store.getState().player.audioPlayerPlaying||e.player.updateStartAudioPlayer({src:l.default,loop:!0}),setTimeout((function(){a.sendDTMF("4"),e.player.stopAudioPlayer(),c.eventDispatch("phone-island-call-transfer-switched",{})}),500)}p.transferCalls,p.number,u.useEventListener("phone-island-call-transfer-switch",(function(){m()}));var v=o.useTranslation().t;return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},f.default.createElement("div",null),f.default.createElement(t.Button,{onClick:m,variant:"default","data-tooltip-id":"transfer-actions-tooltip","data-tooltip-content":v("Tooltip.Switch call")||""},f.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:i.faArrowsRepeat})),f.default.createElement("div",null)),f.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-actions-tooltip",place:"bottom"}))};
 //# sourceMappingURL=TransferActions.js.map

package/dist/components/ContactView/TransferActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TransferActions.js","sources":["../../../src/components/ContactView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowsRepeat } from '@nethesis/nethesis-solid-svg-icons'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store, Dispatch } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { RootState } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\n//// TODO this component and related events seems unused, remove?\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n const dispatch = useDispatch<Dispatch>()\n const { transferCalls, number } = useSelector((state: RootState) => state.currentCall)\n\n // Cancels the current transfer through dtmfs\n function switchTransfer() {\n dispatch.currentCall.updateTransferSwitching(true)\n // Start sending the DTMFs for transferring\n sendDTMF('*')\n const { audioPlayerPlaying } = store.getState().player\n // Check if the local audio is already playing and start playing\n if (!audioPlayerPlaying) {\n dispatch.player.updateStartAudioPlayer({\n src: outgoingRingtone,\n loop: true,\n })\n }\n setTimeout(() => {\n // Send the second DTMF for transferring\n sendDTMF('4')\n dispatch.player.stopAudioPlayer()\n\n eventDispatch('phone-island-call-transfer-switched', {})\n }, 500)\n }\n useEventListener('phone-island-call-transfer-switch', () => {\n switchTransfer()\n })\n\n const { t } = useTranslation()\n\n return (\n <>\n <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n <div></div>\n <Button\n onClick={switchTransfer}\n variant='default'\n data-tooltip-id='transfer-actions-tooltip'\n data-tooltip-content={t('Tooltip.Switch call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowsRepeat} />\n </Button>\n <div></div>\n </div>\n <CustomThemedTooltip className='pi-z-1000' id='transfer-actions-tooltip' place='bottom' />\n </>\n )\n}\n\ninterface TransferActionsProps {}\n\ninterface CurrentCallsTypes {\n [name: string]: {\n name: string\n time: string\n }\n}\n"],"names":["dispatch","useDispatch","_a","useSelector","state","currentCall","switchTransfer","updateTransferSwitching","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","eventDispatch","useEventListener","t","useTranslation","React","createElement","Fragment","className","Button","onClick","variant","FontAwesomeIcon","icon","faArrowsRepeat","CustomThemedTooltip","id","place"],"mappings":"~~m4CAkByD~~,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAA4BC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAGpE,SAASC,IACPN,EAASK,YAAYE,yBAAwB,GAE7CC,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDZ,EAASW,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WAETT,EAAQA,SAAC,KACTR,EAASW,OAAOO,kBAEhBC,gBAAc,sCAAuC,CAAA,EACtD,GAAE,IACJ,0BACDC,EAAgBA,iBAAC,qCAAqC,WACpDd,GACF,IAEQ,IAAAe,EAAMC,qBAEd,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sHACbH,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAC,QAAStB,EACTuB,QAAQ,UAAS,kBACD,2BACM,uBAAAR,EAAE,wBAA0B,IAElDE,UAACC,cAAAM,EAAAA,gBAAgB,CAAAJ,UAAU,gBAAgBK,KAAMC,EAAcA,kBAEjET,EAAAA,QAAAC,cAAA,MAAA,OAEFD,EAAAA,QAAAC,cAACS,sBAAoB,CAAAP,UAAU,YAAYQ,GAAG,2BAA2BC,MAAM,WAGrF"}
1	+ {"version":3,"file":"TransferActions.js","sources":["../../../src/components/ContactView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowsRepeat } from '@nethesis/nethesis-solid-svg-icons'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store, Dispatch } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { RootState } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\n//// TODO this component and related events seems unused, remove?\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n const dispatch = useDispatch<Dispatch>()\n const { transferCalls, number } = useSelector((state: RootState) => state.currentCall)\n\n // Cancels the current transfer through dtmfs\n function switchTransfer() {\n dispatch.currentCall.updateTransferSwitching(true)\n // Start sending the DTMFs for transferring\n sendDTMF('*')\n const { audioPlayerPlaying } = store.getState().player\n // Check if the local audio is already playing and start playing\n if (!audioPlayerPlaying) {\n dispatch.player.updateStartAudioPlayer({\n src: outgoingRingtone,\n loop: true,\n })\n }\n setTimeout(() => {\n // Send the second DTMF for transferring\n sendDTMF('4')\n dispatch.player.stopAudioPlayer()\n\n eventDispatch('phone-island-call-transfer-switched', {})\n }, 500)\n }\n useEventListener('phone-island-call-transfer-switch', () => {\n switchTransfer()\n })\n\n const { t } = useTranslation()\n\n return (\n <>\n <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n <div></div>\n <Button\n onClick={switchTransfer}\n variant='default'\n data-tooltip-id='transfer-actions-tooltip'\n data-tooltip-content={t('Tooltip.Switch call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowsRepeat} />\n </Button>\n <div></div>\n </div>\n <CustomThemedTooltip className='pi-z-1000' id='transfer-actions-tooltip' place='bottom' />\n </>\n )\n}\n\ninterface TransferActionsProps {}\n\ninterface CurrentCallsTypes {\n [name: string]: {\n name: string\n time: string\n }\n}\n"],"names":["dispatch","useDispatch","_a","useSelector","state","currentCall","switchTransfer","updateTransferSwitching","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","eventDispatch","useEventListener","t","useTranslation","React","createElement","Fragment","className","Button","onClick","variant","FontAwesomeIcon","icon","faArrowsRepeat","CustomThemedTooltip","id","place"],"mappings":"2pBAkByD,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAA4BC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAGpE,SAASC,IACPN,EAASK,YAAYE,yBAAwB,GAE7CC,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDZ,EAASW,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WAETT,EAAQA,SAAC,KACTR,EAASW,OAAOO,kBAEhBC,gBAAc,sCAAuC,CAAA,EACtD,GAAE,IACJ,0BACDC,EAAgBA,iBAAC,qCAAqC,WACpDd,GACF,IAEQ,IAAAe,EAAMC,qBAEd,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sHACbH,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAC,QAAStB,EACTuB,QAAQ,UAAS,kBACD,2BACM,uBAAAR,EAAE,wBAA0B,IAElDE,UAACC,cAAAM,EAAAA,gBAAgB,CAAAJ,UAAU,gBAAgBK,KAAMC,EAAcA,kBAEjET,EAAAA,QAAAC,cAAA,MAAA,OAEFD,EAAAA,QAAAC,cAACS,sBAAoB,CAAAP,UAAU,YAAYQ,GAAG,2BAA2BC,MAAM,WAGrF"}