npm - @nethesis/phone-island - Versions diffs - 1.0.15 → 1.0.16-dev.1 - Mend

@nethesis/phone-island 1.0.15 → 1.0.16-dev.1

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 (413) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BackCall.js","sources":["../../../src/components/CallView/BackCall.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport Timer from './Timer'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { TransferCallsTypes } from '../../models/currentCall'\nimport { faDisplay } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { useTranslation } from 'react-i18next'\nimport AvatarGroup from '../AvatarGroup'\nimport { isEmpty } from '../../utils/genericFunctions/isEmpty'\n\nconst BackCall: FC<BackCallTypes> = ({ isVisible }) => {\n const {\n number,\n displayName,\n transferring,\n transferringName,\n startTime,\n transferringStartTime,\n transferCalls,\n } = useSelector((state: RootState) => state.currentCall)\n const dispatch = useDispatch<Dispatch>()\n\n const { t } = useTranslation()\n const { isOpen, previousView } = useSelector((state: RootState) => state.island)\n const { active: screenShareActive, role: screenShareRole } = useSelector(\n (state: RootState) => state.screenShare,\n )\n const { isActive, usersList, ownerInformations }: any = useSelector(\n (state: RootState) => state.conference,\n )\n\n useEffect(() => {\n const callData: TransferCallsTypes = transferCalls.find((item) => item.number !== number)\n // Handle call switch during transfer\n if (callData) {\n dispatch.currentCall.updateCurrentCall({\n transferringName: callData.displayName,\n transferringStartTime: callData.startTime,\n })\n }\n }, [number])\n\n return (\n <AnimatePresence>\n {isVisible && (\n <motion.div\n className={`pi-absolute pi-w-full pi-bg-gray-700 pi-flex pi-justify-between pi-text-gray-50 dark:pi-text-gray-50 -pi-mt-10 -pi-z-10 pi-pointer-events-auto pi-items-start ${\n isOpen ? 'pi-px-6' : 'pi-px-4'\n } pi-pt-3`}\n style={{ borderTopLeftRadius: '20px', borderTopRightRadius: '20px', height: '60px' }}\n initial={{ y: 60 }}\n animate={{ y: 0 }}\n exit={{\n y: 60,\n transitionEnd: {\n display: 'none',\n },\n }}\n transition={{ duration: 0.12, ease: 'easeOut' }}\n >\n <div className='pi-font-medium pi-text-sm pi-relative'>\n <div\n className={`pi-whitespace-nowrap pi-overflow-hidden ${\n isOpen && previousView !== 'video' ? 'pi-w-44' : 'pi-w-16'\n }`}\n >\n {transferring\n ? transferringName\n : isActive && !isEmpty(ownerInformations)\n ? t('Conference.In conference')\n : isActive && isEmpty(ownerInformations)\n ? t('Conference.Waiting for the conference')\n : previousView === 'recorder'\n ? t('Common.Record message')\n : previousView === 'player'\n ? t('Common.Play message')\n : displayName}\n </div>\n <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-gray-700'></div>\n </div>\n <div className='pi-flex pi-gap-5'>\n {/* Screen sharing badge */}\n {screenShareActive && screenShareRole === 'publisher' && (\n <div className='pi-flex pi-gap-2 pi-font-medium pi-items-center pi-rounded-full pi-px-2 pi-py-1 pi-text-xs pi-relative -pi-top-0.5 pi-bg-emerald-700 pi-text-emerald-50'>\n <FontAwesomeIcon icon={faDisplay} className='pi-w-4 pi-h-4' />\n {t('Screen sharing.Sharing')}\n </div>\n )}\n <div className='pi-w-16 pi-flex pi-justify-end'>\n {!isActive && previousView !== 'recorder' && previousView !== 'player' ? (\n <Timer size='small' startTime={transferring ? transferringStartTime : startTime} />\n ) : (\n <AvatarGroup usersList={usersList \|\| {}} maxAvatars={5} />\n )}\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n )\n}\n\nexport default BackCall\n\ninterface BackCallTypes {\n isVisible: boolean\n}\n"],"names":["_a","isVisible","_b","useSelector","state","currentCall","number","displayName","transferring","transferringName","startTime","transferringStartTime","transferCalls","dispatch","useDispatch","t","useTranslation","_c","island","isOpen","previousView","_d","screenShare","screenShareActive","screenShareRole","_e","conference","isActive","usersList","ownerInformations","useEffect","callData","find","item","updateCurrentCall","React","createElement","AnimatePresence","motion","div","className","concat","style","borderTopLeftRadius","borderTopRightRadius","height","initial","y","animate","exit","transitionEnd","display","transition","duration","ease","isEmpty","FontAwesomeIcon","icon","faDisplay","AvatarGroup","maxAvatars","Timer","size"],"mappings":"~~2zCAeoC~~,SAACA,GAAE,IAAAC,EAASD,EAAAC,UACxCC,EAQFC,EAAWA,YAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,GAPpCC,EAAMJ,EAAAI,OACNC,EAAWL,EAAAK,YACXC,EAAYN,EAAAM,aACZC,EAAgBP,EAAAO,iBAChBC,EAASR,EAAAQ,UACTC,EAAqBT,EAAAS,sBACrBC,kBAEIC,EAAWC,EAAAA,cAETC,EAAMC,qBACRC,EAA2Bd,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMc,MAAM,GAAvEC,WAAQC,iBACVC,EAAuDlB,EAAAA,YAC3D,SAACC,GAAqB,OAAAA,EAAMkB,WAAW,GADzBC,WAAyBC,SAGnCC,EAAkDtB,EAAAA,YACtD,SAACC,GAAqB,OAAAA,EAAMsB,aADtBC,EAAQF,EAAAE,SAAEC,EAASH,EAAAG,UAAEC,EAAiBJ,EAAAI,kBAe9C,OAXAC,EAAAA,UAAU,WACR,IAAMC,EAA+BnB,EAAcoB,KAAK,SAACC,GAAS,OAAAA,EAAK3B,SAAWA,CAAhB,GAE9DyB,GACFlB,EAASR,YAAY6B,kBAAkB,CACrCzB,iBAAkBsB,EAASxB,YAC3BI,sBAAuBoB,EAASrB,WAGtC,EAAG,CAACJ,IAGF6B,EAAAA,QAACC,cAAAC,EAAeA,gBACb,KAAApC,GACCkC,EAAC,QAAAC,cAAAE,EAAAA,OAAOC,IACN,CAAAC,UAAW,iKAAAC,OACTtB,EAAS,UAAY,UAAS,YAEhCuB,MAAO,CAAEC,oBAAqB,OAAQC,qBAAsB,OAAQC,OAAQ,QAC5EC,QAAS,CAAEC,EAAG,IACdC,QAAS,CAAED,EAAG,GACdE,KAAM,CACJF,EAAG,GACHG,cAAe,CACbC,QAAS,SAGbC,WAAY,CAAEC,SAAU,IAAMC,KAAM,YAEpCnB,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,yCACbL,EAAAA,QAAAC,cAAA,MAAA,CACEI,UAAW,2CAAAC,OACTtB,GAA2B,UAAjBC,EAA2B,UAAY,YAGlDZ,EACGC,EACAkB,IAAa4B,EAAOA,QAAC1B,GACrBd,EAAE,4BACFY,GAAY4B,EAAOA,QAAC1B,GACpBd,EAAE,yCACe,aAAjBK,EACAL,EAAE,yBACe,WAAjBK,EACAL,EAAE,uBACFR,GAEN4B,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,6GAEjBL,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,oBAEZjB,GAAyC,cAApBC,GACpBW,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,2JACbL,EAAC,QAAAC,cAAAoB,mBAAgBC,KAAMC,YAAWlB,UAAU,kBAC3CzB,EAAE,2BAGPoB,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,kCACXb,GAA6B,aAAjBP,GAAgD,WAAjBA,EAG3Ce,EAAAA,QAAAC,cAACuB,EAAAA,QAAW,CAAC/B,UAAWA,GAAa,CAAA,EAAIgC,WAAY,IAFrDzB,EAAC,QAAAC,cAAAyB,EAAK,QAAC,CAAAC,KAAK,QAAQpD,UAAWF,EAAeG,EAAwBD,OAUtF"}
1	+ {"version":3,"file":"BackCall.js","sources":["../../../src/components/CallView/BackCall.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC, useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Dispatch, RootState } from '../../store'\nimport Timer from './Timer'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { TransferCallsTypes } from '../../models/currentCall'\nimport { faDisplay } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { useTranslation } from 'react-i18next'\nimport AvatarGroup from '../AvatarGroup'\nimport { isEmpty } from '../../utils/genericFunctions/isEmpty'\n\nconst BackCall: FC<BackCallTypes> = ({ isVisible }) => {\n const {\n number,\n displayName,\n transferring,\n transferringName,\n startTime,\n transferringStartTime,\n transferCalls,\n } = useSelector((state: RootState) => state.currentCall)\n const dispatch = useDispatch<Dispatch>()\n\n const { t } = useTranslation()\n const { isOpen, previousView } = useSelector((state: RootState) => state.island)\n const { active: screenShareActive, role: screenShareRole } = useSelector(\n (state: RootState) => state.screenShare,\n )\n const { isActive, usersList, ownerInformations }: any = useSelector(\n (state: RootState) => state.conference,\n )\n\n useEffect(() => {\n const callData: TransferCallsTypes = transferCalls.find((item) => item.number !== number)\n // Handle call switch during transfer\n if (callData) {\n dispatch.currentCall.updateCurrentCall({\n transferringName: callData.displayName,\n transferringStartTime: callData.startTime,\n })\n }\n }, [number])\n\n return (\n <AnimatePresence>\n {isVisible && (\n <motion.div\n className={`pi-absolute pi-w-full pi-bg-gray-700 pi-flex pi-justify-between pi-text-gray-50 dark:pi-text-gray-50 -pi-mt-10 -pi-z-10 pi-pointer-events-auto pi-items-start ${\n isOpen ? 'pi-px-6' : 'pi-px-4'\n } pi-pt-3`}\n style={{ borderTopLeftRadius: '20px', borderTopRightRadius: '20px', height: '60px' }}\n initial={{ y: 60 }}\n animate={{ y: 0 }}\n exit={{\n y: 60,\n transitionEnd: {\n display: 'none',\n },\n }}\n transition={{ duration: 0.12, ease: 'easeOut' }}\n >\n <div className='pi-font-medium pi-text-sm pi-relative'>\n <div\n className={`pi-whitespace-nowrap pi-overflow-hidden ${\n isOpen && previousView !== 'video' ? 'pi-w-44' : 'pi-w-16'\n }`}\n >\n {transferring\n ? transferringName\n : isActive && !isEmpty(ownerInformations)\n ? t('Conference.In conference')\n : isActive && isEmpty(ownerInformations)\n ? t('Conference.Waiting for the conference')\n : previousView === 'recorder'\n ? t('Common.Record message')\n : previousView === 'player'\n ? t('Common.Play message')\n : displayName}\n </div>\n <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-gray-700'></div>\n </div>\n <div className='pi-flex pi-gap-5'>\n {/* Screen sharing badge */}\n {screenShareActive && screenShareRole === 'publisher' && (\n <div className='pi-flex pi-gap-2 pi-font-medium pi-items-center pi-rounded-full pi-px-2 pi-py-1 pi-text-xs pi-relative -pi-top-0.5 pi-bg-emerald-700 pi-text-emerald-50'>\n <FontAwesomeIcon icon={faDisplay} className='pi-w-4 pi-h-4' />\n {t('Screen sharing.Sharing')}\n </div>\n )}\n <div className='pi-w-16 pi-flex pi-justify-end'>\n {!isActive && previousView !== 'recorder' && previousView !== 'player' ? (\n <Timer size='small' startTime={transferring ? transferringStartTime : startTime} />\n ) : (\n <AvatarGroup usersList={usersList \|\| {}} maxAvatars={5} />\n )}\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n )\n}\n\nexport default BackCall\n\ninterface BackCallTypes {\n isVisible: boolean\n}\n"],"names":["_a","isVisible","_b","useSelector","state","currentCall","number","displayName","transferring","transferringName","startTime","transferringStartTime","transferCalls","dispatch","useDispatch","t","useTranslation","_c","island","isOpen","previousView","_d","screenShare","screenShareActive","screenShareRole","_e","conference","isActive","usersList","ownerInformations","useEffect","callData","find","item","updateCurrentCall","React","createElement","AnimatePresence","motion","div","className","concat","style","borderTopLeftRadius","borderTopRightRadius","height","initial","y","animate","exit","transitionEnd","display","transition","duration","ease","isEmpty","FontAwesomeIcon","icon","faDisplay","AvatarGroup","maxAvatars","Timer","size"],"mappings":"6zCAeoC,SAACA,GAAE,IAAAC,EAASD,EAAAC,UACxCC,EAQFC,EAAWA,YAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,GAPpCC,EAAMJ,EAAAI,OACNC,EAAWL,EAAAK,YACXC,EAAYN,EAAAM,aACZC,EAAgBP,EAAAO,iBAChBC,EAASR,EAAAQ,UACTC,EAAqBT,EAAAS,sBACrBC,kBAEIC,EAAWC,EAAAA,cAETC,EAAMC,qBACRC,EAA2Bd,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMc,MAAM,GAAvEC,WAAQC,iBACVC,EAAuDlB,EAAAA,YAC3D,SAACC,GAAqB,OAAAA,EAAMkB,WAAW,GADzBC,WAAyBC,SAGnCC,EAAkDtB,EAAAA,YACtD,SAACC,GAAqB,OAAAA,EAAMsB,aADtBC,EAAQF,EAAAE,SAAEC,EAASH,EAAAG,UAAEC,EAAiBJ,EAAAI,kBAe9C,OAXAC,EAAAA,UAAU,WACR,IAAMC,EAA+BnB,EAAcoB,KAAK,SAACC,GAAS,OAAAA,EAAK3B,SAAWA,CAAhB,GAE9DyB,GACFlB,EAASR,YAAY6B,kBAAkB,CACrCzB,iBAAkBsB,EAASxB,YAC3BI,sBAAuBoB,EAASrB,WAGtC,EAAG,CAACJ,IAGF6B,EAAAA,QAACC,cAAAC,EAAeA,gBACb,KAAApC,GACCkC,EAAC,QAAAC,cAAAE,EAAAA,OAAOC,IACN,CAAAC,UAAW,iKAAAC,OACTtB,EAAS,UAAY,UAAS,YAEhCuB,MAAO,CAAEC,oBAAqB,OAAQC,qBAAsB,OAAQC,OAAQ,QAC5EC,QAAS,CAAEC,EAAG,IACdC,QAAS,CAAED,EAAG,GACdE,KAAM,CACJF,EAAG,GACHG,cAAe,CACbC,QAAS,SAGbC,WAAY,CAAEC,SAAU,IAAMC,KAAM,YAEpCnB,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,yCACbL,EAAAA,QAAAC,cAAA,MAAA,CACEI,UAAW,2CAAAC,OACTtB,GAA2B,UAAjBC,EAA2B,UAAY,YAGlDZ,EACGC,EACAkB,IAAa4B,EAAOA,QAAC1B,GACrBd,EAAE,4BACFY,GAAY4B,EAAOA,QAAC1B,GACpBd,EAAE,yCACe,aAAjBK,EACAL,EAAE,yBACe,WAAjBK,EACAL,EAAE,uBACFR,GAEN4B,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,6GAEjBL,EAAAA,QAAKC,cAAA,MAAA,CAAAI,UAAU,oBAEZjB,GAAyC,cAApBC,GACpBW,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,2JACbL,EAAC,QAAAC,cAAAoB,mBAAgBC,KAAMC,YAAWlB,UAAU,kBAC3CzB,EAAE,2BAGPoB,EAAA,QAAAC,cAAA,MAAA,CAAKI,UAAU,kCACXb,GAA6B,aAAjBP,GAAgD,WAAjBA,EAG3Ce,EAAAA,QAAAC,cAACuB,EAAAA,QAAW,CAAC/B,UAAWA,GAAa,CAAA,EAAIgC,WAAY,IAFrDzB,EAAC,QAAAC,cAAAyB,EAAK,QAAC,CAAAC,KAAK,QAAQpD,UAAWF,EAAeG,EAAwBD,OAUtF"}

package/dist/components/CallView/DeviceIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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 r=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var t=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),o=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),i=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),n=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(e),a="tooltip-device",u={webrtc:{icon:o.faHeadset,labelKey:"Call.Web phone"},nethlink:{icon:o.faDesktop,labelKey:"Call.Desktop phone"},physical:{icon:i.faOfficePhone,labelKey:"Common.Physical phone"},mobile:{icon:o.faMobileScreen,labelKey:"Phone Island.Mobile app"}},d=e.memo(function(){var e=r.useTranslation().t,o=n.useSelector(function(e){return e.currentCall}),i=o.counterpartDeviceType,s=o.number,d=i?u[i]:void 0;if(!d)return null;var c=e(d.labelKey),p=s?"".concat(c,": ").concat(s):c;return l.default.createElement("span",{className:"pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-h-5 pi-w-5 pi-text-iconPrimaryNeutral dark:pi-text-iconPrimaryNeutralDark","data-tooltip-id":a,"data-tooltip-content":p,"aria-label":p},l.default.createElement(t.FontAwesomeIcon,{icon:d.icon,className:"pi-h-5 pi-w-5"}))});exports.DEVICE_TOOLTIP_ID=a,exports.default=d;
2	+ //# sourceMappingURL=DeviceIcon.js.map

package/dist/components/CallView/DeviceIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DeviceIcon.js","sources":["../../../src/components/CallView/DeviceIcon.tsx"],"sourcesContent":["// Copyright (C) 2026 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, memo } from 'react'\nimport { useSelector } from 'react-redux'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { IconProp } from '@fortawesome/fontawesome-svg-core'\nimport { faDesktop, faHeadset, faMobileScreen } from '@fortawesome/free-solid-svg-icons'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\nimport { RootState } from '../../store'\n\nexport const DEVICE_TOOLTIP_ID = 'tooltip-device'\n\nconst DEVICE_ICONS: Record<string, { icon: IconProp; labelKey: string }> = {\n webrtc: { icon: faHeadset, labelKey: 'Call.Web phone' },\n nethlink: { icon: faDesktop, labelKey: 'Call.Desktop phone' },\n physical: { icon: faOfficePhone as IconProp, labelKey: 'Common.Physical phone' },\n mobile: { icon: faMobileScreen, labelKey: 'Phone Island.Mobile app' },\n}\n\nconst DeviceIcon: FC = () => {\n const { t } = useTranslation()\n const { counterpartDeviceType, number } = useSelector((state: RootState) => state.currentCall)\n\n const device = counterpartDeviceType ? DEVICE_ICONS[counterpartDeviceType] : undefined\n if (!device) return null\n\n const label = t(device.labelKey)\n const tooltipContent = number ? `${label}: ${number}` : label\n\n return (\n <span\n className='pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-h-5 pi-w-5 pi-text-iconPrimaryNeutral dark:pi-text-iconPrimaryNeutralDark'\n data-tooltip-id={DEVICE_TOOLTIP_ID}\n data-tooltip-content={tooltipContent}\n aria-label={tooltipContent}\n >\n <FontAwesomeIcon icon={device.icon} className='pi-h-5 pi-w-5' />\n </span>\n )\n}\n\nexport default memo(DeviceIcon)\n"],"names":["DEVICE_TOOLTIP_ID","DEVICE_ICONS","webrtc","icon","faHeadset","labelKey","nethlink","faDesktop","physical","faOfficePhone","mobile","faMobileScreen","memo","t","useTranslation","_a","useSelector","state","currentCall","counterpartDeviceType","number","device","undefined","label","tooltipContent","concat","React","createElement","className","FontAwesomeIcon"],"mappings":"+gCAYaA,EAAoB,iBAE3BC,EAAqE,CACzEC,OAAQ,CAAEC,KAAMC,YAAWC,SAAU,kBACrCC,SAAU,CAAEH,KAAMI,YAAWF,SAAU,sBACvCG,SAAU,CAAEL,KAAMM,gBAA2BJ,SAAU,yBACvDK,OAAQ,CAAEP,KAAMQ,iBAAgBN,SAAU,4BAyB7BO,EAAAA,EAAAA,KAtBQ,WACb,IAAAC,EAAMC,qBACRC,EAAoCC,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMC,WAAW,GAArFC,0BAAuBC,WAEzBC,EAASF,EAAwBlB,EAAakB,QAAyBG,EAC7E,IAAKD,EAAQ,OAAO,KAEpB,IAAME,EAAQV,EAAEQ,EAAOhB,UACjBmB,EAAiBJ,EAAS,GAAAK,OAAGF,EAAK,MAAAE,OAAKL,GAAWG,EAExD,OACEG,UACEC,cAAA,OAAA,CAAAC,UAAU,+JACO5B,EAAiB,uBACZwB,EAAc,aACxBA,GAEZE,UAAAC,cAACE,EAAeA,gBAAA,CAAC1B,KAAMkB,EAAOlB,KAAMyB,UAAU,kBAGpD"}

package/dist/components/CallView/NumberPopover.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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"),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 r=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../CustomThemedTooltip.js"),a=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),u="tooltip-number-popover",c=function(e){var t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="fixed",t.style.top="-1000px",t.style.opacity="0",document.body.appendChild(t),t.select();var r=!1;try{r=document.execCommand("copy")}catch(e){r=!1}return document.body.removeChild(t),r},p=t.memo(function(){var s=r.useTranslation().t,p=a.useSelector(function(e){return e.currentCall}).number,d=t.useState(!1),m=d[0],f=d[1],b=t.useRef(null),v=t.useRef(!0);t.useEffect(function(){return v.current=!0,function(){v.current=!1,b.current&&clearTimeout(b.current)}},[]),t.useEffect(function(){f(!1)},[p]);var h=t.useCallback(function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(t){switch(t.label){case 0:return p?[4,(r=p,e.__awaiter(void 0,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:if(!(null===(t=null===navigator\|\|void 0===navigator?void 0:navigator.clipboard)\|\|void 0===t?void 0:t.writeText)\|\|!window.isSecureContext)return[3,4];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,navigator.clipboard.writeText(r)];case 2:return e.sent(),[2,!0];case 3:return e.sent(),[2,c(r)];case 4:return[2,c(r)]}})}))]:[2];case 1:return t.sent()&&v.current?(f(!0),b.current&&clearTimeout(b.current),b.current=setTimeout(function(){v.current&&f(!1)},2e3),[2]):[2]}var r})})},[p]);return p?l.default.createElement("span",{className:"pi-inline-flex pi-flex-none pi-items-center","data-stop-propagation":!0},l.default.createElement("button",{type:"button",className:"pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-h-6 pi-w-6 pi--m-1 pi-p-1 pi-rounded-md pi-bg-transparent pi-text-gray-700 dark:pi-text-gray-200 hover:pi-bg-gray-200/70 dark:hover:pi-bg-gray-700/70 focus:pi-outline-none focus-visible:pi-ring-2 focus-visible:pi-ring-emerald-500","data-tooltip-id":u,"data-stop-propagation":!0,"aria-label":s("Call.Show number")\|\|""},l.default.createElement(i.FontAwesomeIcon,{icon:n.faEllipsis,className:"pi-h-4 pi-w-4","data-stop-propagation":!0})),l.default.createElement(o.CustomThemedTooltip,{id:u,place:"bottom",offset:12,maxWidth:"300px",openOnClick:!0,clickable:!0,globalCloseEvents:{clickOutsideAnchor:!0,escape:!0}},l.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-2","data-stop-propagation":!0},l.default.createElement("span",{className:"pi-whitespace-nowrap","data-stop-propagation":!0},p),l.default.createElement("button",{type:"button",onClick:h,className:"pi-inline-flex pi-items-center pi-justify-center pi-h-4 pi-w-4 pi-p-0 pi-bg-transparent focus:pi-outline-none ".concat(m?"pi-text-inherit":"pi-text-emerald-500 dark:pi-text-emerald-700"),"data-stop-propagation":!0,"aria-label":s(m?"Call.Copied":"Call.Copy number")\|\|""},l.default.createElement(i.FontAwesomeIcon,{icon:m?n.faCheck:n.faCopy,className:"pi-h-4 pi-w-4","data-stop-propagation":!0}))))):null});exports.default=p;
2	+ //# sourceMappingURL=NumberPopover.js.map

package/dist/components/CallView/NumberPopover.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NumberPopover.js","sources":["../../../src/components/CallView/NumberPopover.tsx"],"sourcesContent":["// Copyright (C) 2026 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, memo, useCallback, useEffect, useRef, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { useTranslation } from 'react-i18next'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCheck, faCopy, faEllipsis } from '@fortawesome/free-solid-svg-icons'\nimport { RootState } from '../../store'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\nconst NUMBER_POPOVER_ID = 'tooltip-number-popover'\nconst COPIED_FEEDBACK_MS = 2000\n\nconst copyWithTextarea = (text: string): boolean => {\n const textarea = document.createElement('textarea')\n textarea.value = text\n textarea.setAttribute('readonly', '')\n textarea.style.position = 'fixed'\n textarea.style.top = '-1000px'\n textarea.style.opacity = '0'\n document.body.appendChild(textarea)\n textarea.select()\n let copied = false\n try {\n copied = document.execCommand('copy')\n } catch (error) {\n copied = false\n }\n document.body.removeChild(textarea)\n return copied\n}\n\nconst copyToClipboard = async (text: string): Promise<boolean> => {\n if (navigator?.clipboard?.writeText && window.isSecureContext) {\n try {\n await navigator.clipboard.writeText(text)\n return true\n } catch (error) {\n return copyWithTextarea(text)\n }\n }\n return copyWithTextarea(text)\n}\n\nconst NumberPopover: FC = () => {\n const { t } = useTranslation()\n const { number } = useSelector((state: RootState) => state.currentCall)\n const [copied, setCopied] = useState(false)\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n const isMountedRef = useRef(true)\n\n useEffect(() => {\n isMountedRef.current = true\n return () => {\n isMountedRef.current = false\n if (timeoutRef.current) clearTimeout(timeoutRef.current)\n }\n }, [])\n\n useEffect(() => {\n setCopied(false)\n }, [number])\n\n const handleCopy = useCallback(async () => {\n if (!number) return\n const success = await copyToClipboard(number)\n if (!success || !isMountedRef.current) return\n setCopied(true)\n if (timeoutRef.current) clearTimeout(timeoutRef.current)\n timeoutRef.current = setTimeout(() => {\n if (isMountedRef.current) setCopied(false)\n }, COPIED_FEEDBACK_MS)\n }, [number])\n\n if (!number) return null\n\n return (\n <span className='pi-inline-flex pi-flex-none pi-items-center' data-stop-propagation={true}>\n <button\n type='button'\n className='pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-h-6 pi-w-6 pi--m-1 pi-p-1 pi-rounded-md pi-bg-transparent pi-text-gray-700 dark:pi-text-gray-200 hover:pi-bg-gray-200/70 dark:hover:pi-bg-gray-700/70 focus:pi-outline-none focus-visible:pi-ring-2 focus-visible:pi-ring-emerald-500'\n data-tooltip-id={NUMBER_POPOVER_ID}\n data-stop-propagation={true}\n aria-label={t('Call.Show number') || ''}\n >\n <FontAwesomeIcon icon={faEllipsis} className='pi-h-4 pi-w-4' data-stop-propagation={true} />\n </button>\n <CustomThemedTooltip\n id={NUMBER_POPOVER_ID}\n place='bottom'\n offset={12}\n maxWidth='300px'\n openOnClick\n clickable\n globalCloseEvents={{ clickOutsideAnchor: true, escape: true }}\n >\n <div className='pi-flex pi-items-center pi-gap-2' data-stop-propagation={true}>\n <span className='pi-whitespace-nowrap' data-stop-propagation={true}>\n {number}\n </span>\n <button\n type='button'\n onClick={handleCopy}\n className={`pi-inline-flex pi-items-center pi-justify-center pi-h-4 pi-w-4 pi-p-0 pi-bg-transparent focus:pi-outline-none ${\n copied ? 'pi-text-inherit' : 'pi-text-emerald-500 dark:pi-text-emerald-700'\n }`}\n data-stop-propagation={true}\n aria-label={(copied ? t('Call.Copied') : t('Call.Copy number')) || ''}\n >\n <FontAwesomeIcon\n icon={copied ? faCheck : faCopy}\n className='pi-h-4 pi-w-4'\n data-stop-propagation={true}\n />\n </button>\n </div>\n </CustomThemedTooltip>\n </span>\n )\n}\n\nexport default memo(NumberPopover)\n"],"names":["NUMBER_POPOVER_ID","copyWithTextarea","text","textarea","document","createElement","value","setAttribute","style","position","top","opacity","body","appendChild","select","copied","execCommand","error","removeChild","memo","t","useTranslation","number","useSelector","state","currentCall","_a","useState","setCopied","timeoutRef","useRef","isMountedRef","useEffect","current","clearTimeout","handleCopy","useCallback","__awaiter","navigator","clipboard","writeText","window","isSecureContext","_b","sent","setTimeout","React","className","type","FontAwesomeIcon","icon","faEllipsis","CustomThemedTooltip","id","place","offset","maxWidth","openOnClick","clickable","globalCloseEvents","clickOutsideAnchor","escape","onClick","concat","faCheck","faCopy"],"mappings":"yhCAWMA,EAAoB,yBAGpBC,EAAmB,SAACC,GACxB,IAAMC,EAAWC,SAASC,cAAc,YACxCF,EAASG,MAAQJ,EACjBC,EAASI,aAAa,WAAY,IAClCJ,EAASK,MAAMC,SAAW,QAC1BN,EAASK,MAAME,IAAM,UACrBP,EAASK,MAAMG,QAAU,IACzBP,SAASQ,KAAKC,YAAYV,GAC1BA,EAASW,SACT,IAAIC,GAAS,EACb,IACEA,EAASX,SAASY,YAAY,OAC/B,CAAC,MAAOC,GACPF,GAAS,CACV,CAED,OADAX,SAASQ,KAAKM,YAAYf,GACnBY,CACT,EA2FeI,EAAAA,EAAAA,KA7EW,WAChB,IAAAC,EAAMC,qBACNC,EAAWC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,qBACrDC,EAAsBC,EAAAA,UAAS,GAA9BZ,EAAMW,EAAA,GAAEE,EAASF,EAAA,GAClBG,EAAaC,SAA6C,MAC1DC,EAAeD,UAAO,GAE5BE,EAAAA,UAAU,WAER,OADAD,EAAaE,SAAU,EAChB,WACLF,EAAaE,SAAU,EACnBJ,EAAWI,SAASC,aAAaL,EAAWI,QAClD,CACD,EAAE,IAEHD,EAAAA,UAAU,WACRJ,GAAU,EACZ,EAAG,CAACN,IAEJ,IAAMa,EAAaC,cAAY,WAAA,OAAAC,EAAAA,eAAA,OAAA,OAAA,EAAA,wEAC7B,OAAKf,EACW,CAAA,GAjCWpB,EAiCWoB,EAjCCe,EAAAA,eAAA,OAAA,OAAA,EAAA,8EACrC,KAAoB,QAApBX,EAAA,OAAAY,oBAAAA,iBAAAA,UAAWC,iBAAS,IAAAb,OAAA,EAAAA,EAAEc,aAAaC,OAAOC,gBAA1C,MAAyD,CAAA,EAAA,oBAEzD,6BAAM,CAAA,EAAAJ,UAAUC,UAAUC,UAAUtC,WACpC,OADAyC,EAAAC,OACA,CAAA,GAAO,UAEP,gBAAA,CAAA,EAAO3C,EAAiBC,IAG5B,KAAA,EAAA,MAAA,CAAA,EAAOD,EAAiBC,WAuBH,CAAA,UAEnB,OADgBwB,EAA6BkB,QAC5Bb,EAAaE,SAC9BL,GAAU,GACNC,EAAWI,SAASC,aAAaL,EAAWI,SAChDJ,EAAWI,QAAUY,WAAW,WAC1Bd,EAAaE,SAASL,GAAU,EACrC,EA5DsB,UAuDsB,CAAA,GAlCzB,IAAO1B,GAwC5B,EAAA,EAAE,CAACoB,IAEJ,OAAKA,EAGHwB,EAAAA,QAAMzC,cAAA,OAAA,CAAA0C,UAAU,uEAAqE,GACnFD,EAAA,QAAAzC,cAAA,SAAA,CACE2C,KAAK,SACLD,UAAU,ySAAwS,kBACjS/C,EAAiB,yBACX,EACX,aAAAoB,EAAE,qBAAuB,IAErC0B,EAAAA,QAAAzC,cAAC4C,kBAAe,CAACC,KAAMC,EAAAA,WAAYJ,UAAU,gBAAe,yBAAwB,KAEtFD,UAAAzC,cAAC+C,EAAmBA,oBAAA,CAClBC,GAAIrD,EACJsD,MAAM,SACNC,OAAQ,GACRC,SAAS,QACTC,aAAW,EACXC,WAAS,EACTC,kBAAmB,CAAEC,oBAAoB,EAAMC,QAAQ,IAEvDf,EAAA,QAAAzC,cAAA,MAAA,CAAK0C,UAAU,mCAAkC,yBAAwB,GACvED,UAAAzC,cAAA,OAAA,CAAM0C,UAAU,gDAA8C,GAC3DzB,GAEHwB,EAAAA,QAAAzC,cAAA,SAAA,CACE2C,KAAK,SACLc,QAAS3B,EACTY,UAAW,iHACTgB,OAAAhD,EAAS,kBAAoB,gDAER,yBAAA,eACDK,EAATL,EAAW,cAAmB,qBAAwB,IAEnE+B,EAAC,QAAAzC,cAAA4C,EAAeA,gBACd,CAAAC,KAAMnC,EAASiD,EAAAA,QAAUC,EAAAA,OACzBlB,UAAU,gBACa,yBAAA,QAtCf,IA6CtB"}

package/dist/components/CallView/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");var t=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),n=require("../../utils/streaming/streamingUtils.js"),a=require("../../lib/phone/call.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js");var l=require("../../lib/user/default_device.js");require("../../node_modules/mic-check/lib/index.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../Island.js");var r=require("../Button.js"),o=require("../AudioBars.js");require("../../node_modules/i18next/dist/esm/i18next.js");var s=require("../CustomThemedTooltip.js");require("../TranscriptionView/TranscriptionView.js");var u=require("./Timer.js"),c=require("./Number.js"),d=require("./DisplayName.js"),p=require("./Avatar.js"),m=require("./Actions.js"),f=require("../Hangup.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 g=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var x=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),v=require("../StreamingImage/index.js"),E=require("../VideoStreamingSkeleton/index.js"),w=require("../VideoStreamingEmptyState/index.js"),h=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),j=require("../../node_modules/react-redux/es/hooks/useSelector.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=b(e);function y(e,t){return!e&&!t}var q=e.memo(function(e){var t=e.children,i=e.className,n=void 0===i?"pi-gap-1 pi-grid-rows-2":i;return N.default.createElement("div",{className:"pi-grid pi-min-w-0 pi-self-center pi-grid-cols-1 ".concat(n)},t)});q.displayName="Details";var _=e.memo(function(e){var n=e.label,a=e.tooltipContent;return n?N.default.createElement("span",{className:"pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary","data-tooltip-id":a?"tooltip-queue":void 0,"data-tooltip-content":a||""},N.default.createElement(t.FontAwesomeIcon,{icon:i.faUsers,className:"pi-h-4 pi-w-4"})):null});_.displayName="QueueBadge";var T=e.memo(function(e){var n=e.label,a=e.tooltipContent;return n?N.default.createElement("span",{className:"pi-inline-flex pi-w-fit pi-max-w-full pi-flex-none pi-items-center pi-gap-1.5 pi-self-start pi-rounded-full pi-bg-iconSecondary pi-px-2.5 pi-py-1 pi-text-xs pi-font-medium pi-leading-none pi-text-iconWhite dark:pi-bg-iconSecondaryDark","data-tooltip-id":a?"tooltip-queue":void 0,"data-tooltip-content":a||"","aria-label":a||n},N.default.createElement(t.FontAwesomeIcon,{icon:i.faUsers,className:"pi-h-3 pi-w-3 pi-flex-none"}),N.default.createElement("span",{className:"pi-block pi-max-w-28 pi-truncate"},n)):null});T.displayName="IncomingQueueBadge";var k=e.memo(function(){var b,k=g.useTranslation().t,A=h.useDispatch(),C=j.useSelector(function(e){return e.currentCall}),S=C.incoming,I=C.accepted,F=C.outgoing,P=C.startTime,M=C.paused,B=C.number,O=C.isRecording,U=C.username,L=C.streamingSourceNumber,V=C.queueName,W=C.queueNumber,D=C.throughQueue,z=j.useSelector(function(e){return e.island}),H=z.isOpen,Q=z.isFromStreaming,R=j.useSelector(function(e){return e.webrtc}).remoteAudioStream,G=j.useSelector(function(e){return e.listen}),J=G.isListen,K=G.isIntrude,X=G.isListenExtension,Y=G.isIntrudeExtension,Z=j.useSelector(function(e){return e.alerts}).data,$=j.useSelector(function(e){return e.currentUser}),ee=j.useSelector(function(e){return e.streaming}),te=ee.videoSources,ie=ee.sourceImages,ne=e.useMemo(function(){return Object.values(Z).filter(function(e){return e.active})},[Z]),ae=e.useMemo(function(){return ne.length>0?ne[ne.length-1]:null},[ne]),le=e.useMemo(function(){return Q&&L&&!I},[Q,L,I]),re=e.useMemo(function(){if(!L||!te)return{canUnlock:!1,tooltipText:""};var e=Object.values(te).find(function(e){return(null==e?void 0:e.extension)===L}),t=Boolean((null==e?void 0:e.cmdOpen)&&""!==(null==e?void 0:e.cmdOpen.trim()));return{canUnlock:t,tooltipText:t&&e?"".concat(k("VideoStreaming.Open"),": ").concat(null==e?void 0:e.description):""}},[L,te,k]),oe=e.useMemo(function(){return""!==U&&"undefined"!==U},[U]),se=e.useMemo(function(){return V||W||""},[V,W]),ue=e.useMemo(function(){return D&&se?"".concat(k("Common.Queue"),": ").concat(se):""},[D,se,k]),ce=e.useMemo(function(){return Boolean(S&&!I&&D&&se)},[I,S,D,se]),de=e.useCallback(function(){var e;return N.default.createElement("div",{className:"pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate"},N.default.createElement(t.FontAwesomeIcon,{size:"sm",icon:x.faOfficePhone,className:"pi-mr-1"}),N.default.createElement("span",{className:"pi-max-w-16 pi-truncate"},(null===(e=null==$?void 0:$.default_device)||void 0===e?void 0:e.description)||k("Common.Physical phone")))},[null===(b=null==$?void 0:$.default_device)||void 0===b?void 0:b.description,k]),pe=e.useCallback(function(e){var n=H?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6",a=H?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full",l=H?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6",r="red"===e?"pi-bg-red-400":"pi-bg-green-400",o="red"===e?"pi-text-red-500":"pi-text-green-500";return N.default.createElement("div",{className:"".concat(n," pi-flex pi-justify-center pi-items-center")},N.default.createElement("div",{className:"".concat(a," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},N.default.createElement("span",{className:"".concat(l," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ").concat(r," pi-opacity-75")}),N.default.createElement(t.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 ".concat(o),icon:i.faCircle})))},[H]),me=e.useMemo(function(){var e="pi-grid pi-items-center";return H&&(e=ce?"pi-grid pi-items-center":"pi-grid pi-items-start",I?e+=" pi-grid-rows-[72px_1fr]":S?e+=" pi-grid-cols-[256px_114px]":F&&(e+=" pi-grid-cols-[1fr_84px]")),le?"pi-flex pi-flex-col":e},[H,I,S,F,le,ce]),fe=e.useMemo(function(){var e=H&&!ce?"start":"center";return"pi-grid ".concat(H&&!I&&F?"pi-grid-cols-[48px_1fr]":H&&!I&&S?"pi-grid-cols-[48px_1fr_1px]":H&&I?"pi-grid-cols-[48px_164px_48px]":H||I?"pi-grid-cols-[24px_66px_24px]":"pi-grid-cols-[24px_102px]"," pi-gap-").concat(H?"5":"3"," pi-items-").concat(e," pi-justify-center pi-w-full")},[H,I,S,F,ce]),ge=e.useMemo(function(){return le?"pi-grid-cols-3":y(F,I)?"pi-grid-cols-2":I?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"},[le,F,I]),xe=e.useCallback(function(){var e=H?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover";return J?N.default.createElement(t.FontAwesomeIcon,{className:e,icon:i.faEarListen}):K?N.default.createElement(t.FontAwesomeIcon,{className:e,icon:i.faHandPointUp}):""!==B&&oe?N.default.createElement(p.default,null):S&&!oe?N.default.createElement(t.FontAwesomeIcon,{className:"".concat(e," pi--rotate-45"),icon:i.faArrowLeft}):!I||F||oe?F&&!oe?N.default.createElement(t.FontAwesomeIcon,{className:"".concat(e," pi-rotate-[135deg]"),icon:i.faArrowLeft}):null:N.default.createElement(t.FontAwesomeIcon,{className:"".concat(e," pi--rotate-45"),icon:i.faArrowLeft})},[H,J,K,B,oe,S,F,I]),ve=e.useCallback(function(){return H?K?N.default.createElement(q,null,N.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},k("Common.Intrude"),Y?" - ".concat(Y):""),I?l.isPhysical()?de():N.default.createElement(u.default,{startTime:P,isNotAlwaysWhite:!0}):Y?"".concat(Y):""):J?N.default.createElement(q,null,N.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},k("Common.Listen"),X?" - ".concat(X):""),I?l.isPhysical()?de():N.default.createElement(u.default,{startTime:P,isNotAlwaysWhite:!0}):X?"".concat(X):""):ce?N.default.createElement(q,{className:"pi-grid-rows-[20px_24px_24px] pi-gap-0.5"},N.default.createElement(T,{label:se,tooltipContent:ue}),N.default.createElement(d.default,null),N.default.createElement(c.default,null)):N.default.createElement(q,null,I&&D&&se?N.default.createElement("div",{className:"pi-flex pi-min-w-0 pi-items-center pi-gap-2"},N.default.createElement("div",{className:"pi-min-w-0 pi-flex-1"},N.default.createElement(d.default,null)),N.default.createElement(_,{label:se,tooltipContent:ue})):N.default.createElement(d.default,null),I?l.isPhysical()?de():N.default.createElement(u.default,{startTime:P,isNotAlwaysWhite:!0}):N.default.createElement(c.default,null)):null},[H,K,J,I,P,Y,X,k,de,I,D,se,ue,ce]),Ee=e.useCallback(function(){return I&&O?pe("red"):I&&R&&!l.isPhysical()?N.default.createElement(o.AudioBars,{audioStream:R,paused:M,size:H?"large":"small"}):I&&l.isPhysical()?pe("green"):null},[I,O,R,H,M,pe]),we=e.useCallback(function(){if(!te||0===Object.keys(te).length||!L)return N.default.createElement(E.default,{className:"pi-w-full pi-h-40 pi-mt-4"});var e=Object.values(te).find(function(e){return e.extension===L});return e&&(ie[e.id]||e.image)?N.default.createElement(v.default,null):N.default.createElement(w.default,{className:"pi-w-full pi-h-40 pi-mt-4"})},[L,te,ie]);if(null!==ae)return null;return N.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},N.default.createElement("div",{className:me},le?N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-w-full pi-gap-2"},N.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4 pi-min-w-0 pi-flex-1"},xe(),N.default.createElement("div",{className:"pi-flex pi-flex-col pi-justify-center pi-space-y-2 pi-min-w-0"},N.default.createElement(d.default,null),N.default.createElement(c.default,null))),N.default.createElement("div",{className:"pi-flex pi-gap-2 pi-flex-shrink-0"},N.default.createElement(f.default,{description:k("Tooltip.Hangup")}),!F&&N.default.createElement(r.Button,{onClick:function(){return a.answerIncomingCall(),void setTimeout(function(){A.island.setIslandView("streamingAnswer")},200)},variant:"green","data-tooltip-id":"tooltip-answer","data-tooltip-content":k("Tooltip.Answer")||""},N.default.createElement(t.FontAwesomeIcon,{className:"pi-w-5 pi-h-5",icon:i.faPhone})),(null==re?void 0:re.canUnlock)&&N.default.createElement(r.Button,{variant:"default",onClick:n.handleStreamingUnlock,"data-tooltip-id":"tooltip-unlock","data-tooltip-content":null==re?void 0:re.tooltipText},N.default.createElement(t.FontAwesomeIcon,{className:"pi-w-5 pi-h-5",icon:i.faUnlock})))),we()):N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:fe},xe(),ve(),!H&&!I&&N.default.createElement(d.default,null),!H&&I&&N.default.createElement(u.default,{startTime:P,isNotAlwaysWhite:!0}),Ee()),H&&N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"".concat(J||K?"":"pi-grid pi-gap-y-5")},I&&N.default.createElement(m.default,null),N.default.createElement("div",{className:"pi-grid ".concat(ge," pi-gap-3.5")},N.default.createElement(f.default,{description:k("Tooltip.Hangup and transfer")}),y(F,I)&&N.default.createElement(r.Button,{onClick:a.answerIncomingCall,variant:"green","data-tooltip-id":"tooltip-answer-left","data-tooltip-content":k("Tooltip.Answer")||""},N.default.createElement(t.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:i.faPhone}))))))),N.default.createElement(s.CustomThemedTooltip,{id:"tooltip-answer-left",place:"left"}),N.default.createElement(s.CustomThemedTooltip,{id:"tooltip-answer",place:"left"}),N.default.createElement(s.CustomThemedTooltip,{id:"tooltip-unlock",place:"left"}),N.default.createElement(s.CustomThemedTooltip,{id:"tooltip-display-name",place:"bottom"}),N.default.createElement(s.CustomThemedTooltip,{id:"tooltip-queue",place:"bottom"}))});exports.default=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),a=require("../../utils/streaming/streamingUtils.js"),l=require("../../lib/phone/call.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js");var n=require("../../lib/phone/conversation.js"),r=require("../../lib/user/default_device.js");require("../../node_modules/mic-check/lib/index.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../Island.js");var o=require("../Button.js"),s=require("../AudioBars.js");require("../../node_modules/i18next/dist/esm/i18next.js");var u=require("../CustomThemedTooltip.js");require("../TranscriptionView/TranscriptionView.js");var c=require("./Timer.js"),d=require("./Number.js"),p=require("./DisplayName.js"),m=require("./Avatar.js"),f=require("./DeviceIcon.js"),g=require("./NumberPopover.js"),x=require("../../styles/Island.styles.js"),E=require("./Actions.js"),v=require("../Hangup.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 w=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var h=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),b=require("../StreamingImage/index.js"),j=require("../VideoStreamingSkeleton/index.js"),N=require("../VideoStreamingEmptyState/index.js"),y=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),q=require("../../node_modules/react-redux/es/hooks/useSelector.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=_(e);function C(e,t){return!e&&!t}var k=e.memo(function(e){var t=e.children,i=e.className,a=void 0===i?"pi-gap-1 pi-grid-rows-2":i;return T.default.createElement("div",{className:"pi-grid pi-min-w-0 pi-self-center pi-grid-cols-1 ".concat(a)},t)});k.displayName="Details";var I=e.memo(function(e){var a=e.label,l=e.tooltipContent;return a?T.default.createElement("span",{className:"pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary dark:pi-text-indigo-400","data-tooltip-id":l?"tooltip-queue":void 0,"data-tooltip-content":l||""},T.default.createElement(t.FontAwesomeIcon,{icon:i.faUsers,className:"pi-h-4 pi-w-4"})):null});I.displayName="QueueBadge";var S=e.memo(function(e){var a=e.label,l=e.tooltipContent;return a?T.default.createElement("span",{className:"pi-inline-flex pi-w-fit pi-max-w-full pi-flex-none pi-items-center pi-gap-1.5 pi-self-start pi-rounded-full pi-bg-iconSecondary pi-px-2.5 pi-py-1 pi-text-xs pi-font-medium pi-leading-none pi-text-iconWhite dark:pi-bg-iconSecondaryDark","data-tooltip-id":l?"tooltip-queue":void 0,"data-tooltip-content":l||"","aria-label":l||a},T.default.createElement(t.FontAwesomeIcon,{icon:i.faUsers,className:"pi-h-3 pi-w-3 pi-flex-none"}),T.default.createElement("span",{className:"pi-block pi-max-w-28 pi-truncate"},a)):null});S.displayName="IncomingQueueBadge";var A=e.memo(function(){var _,A=w.useTranslation().t,O=y.useDispatch(),P=q.useSelector(function(e){return e.currentCall}),F=P.incoming,M=P.accepted,B=P.outgoing,D=P.startTime,U=P.paused,W=P.number,V=P.displayName,z=P.isRecording,L=P.streamingSourceNumber,H=P.queueName,Q=P.queueNumber,R=P.throughQueue,G=P.counterpartDeviceType,J=q.useSelector(function(e){return e.island}),K=J.isOpen,X=J.isFromStreaming,Y=q.useSelector(function(e){return e.webrtc}).remoteAudioStream,Z=q.useSelector(function(e){return e.listen}),$=Z.isListen,ee=Z.isIntrude,te=Z.isListenExtension,ie=Z.isIntrudeExtension,ae=q.useSelector(function(e){return e.alerts}).data,le=q.useSelector(function(e){return e.currentUser}),ne=q.useSelector(function(e){return e.streaming}),re=ne.videoSources,oe=ne.sourceImages,se=e.useMemo(function(){return Object.values(ae).filter(function(e){return e.active})},[ae]),ue=e.useMemo(function(){return se.length>0?se[se.length-1]:null},[se]),ce=e.useMemo(function(){return X&&L&&!M},[X,L,M]),de=e.useMemo(function(){if(!L||!re)return{canUnlock:!1,tooltipText:""};var e=Object.values(re).find(function(e){return(null==e?void 0:e.extension)===L}),t=Boolean((null==e?void 0:e.cmdOpen)&&""!==(null==e?void 0:e.cmdOpen.trim()));return{canUnlock:t,tooltipText:t&&e?"".concat(A("VideoStreaming.Open"),": ").concat(null==e?void 0:e.description):""}},[L,re,A]),pe=e.useMemo(function(){return n.isNumberOnlyName(V)},[V]),me=e.useMemo(function(){return!pe&&(e=W,(e||"").replace(/\D/g,"")).length>0;var e},[pe,W]),fe=Boolean(G),ge=e.useMemo(function(){return H||Q||""},[H,Q]),xe=e.useMemo(function(){return R&&ge?"".concat(A("Common.Queue"),": ").concat(ge):""},[R,ge,A]),Ee=e.useMemo(function(){return Boolean(F&&!M&&R&&ge)},[M,F,R,ge]),ve=e.useCallback(function(){var e;return T.default.createElement("div",{className:"pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate"},T.default.createElement(t.FontAwesomeIcon,{size:"sm",icon:h.faOfficePhone,className:"pi-mr-1"}),T.default.createElement("span",{className:"pi-max-w-16 pi-truncate"},(null===(e=null==le?void 0:le.default_device)||void 0===e?void 0:e.description)||A("Common.Physical phone")))},[null===(_=null==le?void 0:le.default_device)||void 0===_?void 0:_.description,A]),we=e.useCallback(function(e){var a=K?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6",l=K?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full",n=K?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6",r="red"===e?"pi-bg-red-400":"pi-bg-green-400",o="red"===e?"pi-text-red-500":"pi-text-green-500";return T.default.createElement("div",{className:"".concat(a," pi-flex pi-justify-center pi-items-center")},T.default.createElement("div",{className:"".concat(l," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},T.default.createElement("span",{className:"".concat(n," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ").concat(r," pi-opacity-75")}),T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 ".concat(o),icon:i.faCircle})))},[K]),he=e.useMemo(function(){var e="pi-grid pi-items-center";return K&&(e=Ee?"pi-grid pi-items-center":"pi-grid pi-items-start",M?e+=" pi-grid-rows-[72px_1fr]":F?e+=" pi-grid-cols-[256px_114px]":B&&(e+=" pi-grid-cols-[1fr_84px]")),ce?"pi-flex pi-flex-col":e},[K,M,F,B,ce,Ee]),be=e.useMemo(function(){var e=K&&!Ee?"start":"center";return"pi-grid ".concat(K&&!M&&B?"pi-grid-cols-[48px_1fr]":K&&!M&&F?"pi-grid-cols-[48px_1fr_1px]":K&&M?"pi-grid-cols-[48px_164px_48px]":K||M?"pi-grid-cols-[24px_66px_24px]":"pi-grid-cols-[24px_102px]"," pi-gap-").concat(K?"5":"3"," pi-items-").concat(e," pi-justify-center pi-w-full")},[K,M,F,B,Ee]),je=e.useMemo(function(){return ce?"pi-grid-cols-3":C(B,M)?"pi-grid-cols-2":M?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"},[ce,B,M]),Ne=e.useCallback(function(){var e=K?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover";return $?T.default.createElement(t.FontAwesomeIcon,{className:e,icon:i.faEarListen}):ee?T.default.createElement(t.FontAwesomeIcon,{className:e,icon:i.faHandPointUp}):T.default.createElement(m.default,null)},[K,$,ee]),ye=e.useCallback(function(e,t){return fe||t?T.default.createElement("div",{className:"pi-flex pi-min-w-0 pi-items-center pi-gap-2"},fe&&T.default.createElement(f.default,null),e):e},[fe]),qe=e.useCallback(function(){return K?ee?T.default.createElement(k,null,T.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},A("Common.Intrude"),ie?" - ".concat(ie):""),M?r.isPhysical()?ve():T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}):ie?"".concat(ie):""):$?T.default.createElement(k,null,T.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},A("Common.Listen"),te?" - ".concat(te):""),M?r.isPhysical()?ve():T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}):te?"".concat(te):""):Ee?T.default.createElement(k,{className:pe?"pi-grid-rows-[20px_24px] pi-gap-0.5":"pi-grid-rows-[20px_24px_24px] pi-gap-0.5"},T.default.createElement(S,{label:ge,tooltipContent:xe}),T.default.createElement(p.default,null),!pe&&T.default.createElement(d.default,null)):T.default.createElement(k,null,M&&R&&ge?T.default.createElement("div",{className:"pi-flex pi-min-w-0 pi-items-center pi-gap-2"},T.default.createElement("div",{className:"pi-min-w-0 pi-flex-1"},T.default.createElement(p.default,null)),T.default.createElement(I,{label:ge,tooltipContent:xe})):T.default.createElement(p.default,null),M?ye(T.default.createElement(T.default.Fragment,null,r.isPhysical()?ve():me?T.default.createElement("span",{className:"pi-grid pi-items-center"},T.default.createElement(x.StyledTimer,{isOpen:K,size:"large","aria-hidden":"true",className:"pi-invisible pi-col-start-1 pi-row-start-1"},"00:00:00"),T.default.createElement("span",{className:"pi-col-start-1 pi-row-start-1"},T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}))):T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}),me&&T.default.createElement(g.default,null)),me):ye(pe&&(B||F)?T.default.createElement(x.StyledNumber,{isOpen:K},T.default.createElement("span",{className:"dark:pi-text-gray-50 pi-text-gray-600"},A(B?"Call.Calling...":"Call.Incoming call"))):T.default.createElement(d.default,null),!1)):null},[F,B,pe,me,ye,K,ee,$,M,D,ie,te,A,ve,M,R,ge,xe,Ee]),_e=e.useCallback(function(){return M&&z?we("red"):M&&Y&&!r.isPhysical()?T.default.createElement(s.AudioBars,{audioStream:Y,paused:U,size:K?"large":"small"}):M&&r.isPhysical()?we("green"):null},[M,z,Y,K,U,we]),Te=e.useCallback(function(){if(!re||0===Object.keys(re).length||!L)return T.default.createElement(j.default,{className:"pi-w-full pi-h-40 pi-mt-4"});var e=Object.values(re).find(function(e){return e.extension===L});return e&&(oe[e.id]||e.image)?T.default.createElement(b.default,null):T.default.createElement(N.default,{className:"pi-w-full pi-h-40 pi-mt-4"})},[L,re,oe]);if(null!==ue)return null;return T.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},T.default.createElement("div",{className:he},ce?T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-w-full pi-gap-2"},T.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4 pi-min-w-0 pi-flex-1"},Ne(),T.default.createElement("div",{className:"pi-flex pi-flex-col pi-justify-center pi-space-y-2 pi-min-w-0"},T.default.createElement(p.default,null),T.default.createElement(d.default,null))),T.default.createElement("div",{className:"pi-flex pi-gap-2 pi-flex-shrink-0"},T.default.createElement(v.default,{description:A("Tooltip.Hangup")}),!B&&T.default.createElement(o.Button,{onClick:function(){return l.answerIncomingCall(),void setTimeout(function(){O.island.setIslandView("streamingAnswer")},200)},variant:"green","data-tooltip-id":"tooltip-answer","data-tooltip-content":A("Tooltip.Answer")||""},T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-5 pi-h-5",icon:i.faPhone})),(null==de?void 0:de.canUnlock)&&T.default.createElement(o.Button,{variant:"default",onClick:a.handleStreamingUnlock,"data-tooltip-id":"tooltip-unlock","data-tooltip-content":null==de?void 0:de.tooltipText},T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-5 pi-h-5",icon:i.faUnlock})))),Te()):T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:be},Ne(),qe(),!K&&!M&&T.default.createElement(p.default,null),!K&&M&&T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}),_e()),K&&T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"".concat($||ee?"":"pi-grid pi-gap-y-5")},M&&T.default.createElement(E.default,null),T.default.createElement("div",{className:"pi-grid ".concat(je," pi-gap-3.5")},T.default.createElement(v.default,{description:A("Tooltip.Hangup and transfer")}),C(B,M)&&T.default.createElement(o.Button,{onClick:l.answerIncomingCall,variant:"green","data-tooltip-id":"tooltip-answer-left","data-tooltip-content":A("Tooltip.Answer")||""},T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:i.faPhone}))))))),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-answer-left",place:"left"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-answer",place:"left"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-unlock",place:"left"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-display-name",place:"bottom"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-queue",place:"bottom"}),T.default.createElement(u.CustomThemedTooltip,{id:f.DEVICE_TOOLTIP_ID,place:"right",offset:11,maxWidth:"300px"}))});exports.default=A;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo, useCallback, memo } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPhone,\n faEarListen,\n faHandPointUp,\n faArrowLeft,\n faCircle,\n faUnlock,\n faUsers,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../'\nimport Timer from './Timer'\nimport Number from './Number'\nimport DisplayName from './DisplayName'\nimport { AudioBars } from '../'\nimport { answerIncomingCall } from '../../lib/phone/call'\nimport Avatar from './Avatar'\nimport Actions from './Actions'\nimport Hangup from '../Hangup'\nimport { useTranslation } from 'react-i18next'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\nimport { isPhysical } from '../../lib/user/default_device'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport StreamingImage from '../StreamingImage'\nimport VideoStreamingSkeleton from '../VideoStreamingSkeleton'\nimport VideoStreamingEmptyState from '../VideoStreamingEmptyState'\nimport { handleStreamingUnlock } from '../../utils'\nimport { useDispatch } from 'react-redux'\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n return !outgoing && !accepted\n}\n\nconst Details = memo(\n ({\n children,\n className = 'pi-gap-1 pi-grid-rows-2',\n }: {\n children: React.ReactNode\n className?: string\n }) => (\n <div className={`pi-grid pi-min-w-0 pi-self-center pi-grid-cols-1 ${className}`}>\n {children}\n </div>\n ),\n)\nDetails.displayName = 'Details'\n\nconst QueueBadge = memo(\n ({\n label,\n tooltipContent,\n }: {\n label: string\n tooltipContent?: string\n }) => {\n if (!label) {\n return null\n }\n\n return (\n <span\n className='pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary'\n data-tooltip-id={tooltipContent ? 'tooltip-queue' : undefined}\n data-tooltip-content={tooltipContent \|\| ''}\n >\n <FontAwesomeIcon icon={faUsers} className='pi-h-4 pi-w-4' />\n </span>\n )\n },\n)\nQueueBadge.displayName = 'QueueBadge'\n\nconst IncomingQueueBadge = memo(\n ({\n label,\n tooltipContent,\n }: {\n label: string\n tooltipContent?: string\n }) => {\n if (!label) {\n return null\n }\n\n return (\n <span\n className='pi-inline-flex pi-w-fit pi-max-w-full pi-flex-none pi-items-center pi-gap-1.5 pi-self-start pi-rounded-full pi-bg-iconSecondary pi-px-2.5 pi-py-1 pi-text-xs pi-font-medium pi-leading-none pi-text-iconWhite dark:pi-bg-iconSecondaryDark'\n data-tooltip-id={tooltipContent ? 'tooltip-queue' : undefined}\n data-tooltip-content={tooltipContent \|\| ''}\n aria-label={tooltipContent \|\| label}\n >\n <FontAwesomeIcon icon={faUsers} className='pi-h-3 pi-w-3 pi-flex-none' />\n <span className='pi-block pi-max-w-28 pi-truncate'>{label}</span>\n </span>\n )\n },\n)\nIncomingQueueBadge.displayName = 'IncomingQueueBadge'\n\n/*\n The main view to manage calls, the starting point for calls actions flows\n /\nconst CallView: FC<CallViewProps> = () => {\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const currentCall = useSelector((state: RootState) => state.currentCall)\n const {\n incoming,\n accepted,\n outgoing,\n startTime,\n paused,\n number,\n isRecording,\n username,\n streamingSourceNumber,\n queueName,\n queueNumber,\n throughQueue,\n } = currentCall\n\n const { isOpen, isFromStreaming } = useSelector((state: RootState) => state.island)\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n const listenState = useSelector((state: RootState) => state.listen)\n const { isListen, isIntrude, isListenExtension, isIntrudeExtension } = listenState\n const { data: alertsData } = useSelector((state: RootState) => state.alerts)\n const currentUser = useSelector((state: RootState) => state.currentUser)\n const { videoSources, sourceImages } = useSelector((state: RootState) => state.streaming)\n\n const activeAlerts = useMemo(\n () => Object.values(alertsData).filter((alert: any) => alert.active),\n [alertsData],\n )\n\n const latestAlert = useMemo(\n () => (activeAlerts.length > 0 ? activeAlerts[activeAlerts.length - 1] : null),\n [activeAlerts],\n )\n\n const shouldShowStreamingImage = useMemo(\n () => isFromStreaming && streamingSourceNumber && !accepted,\n [isFromStreaming, streamingSourceNumber, accepted],\n )\n\n // Check if unlock button should be shown and get tooltip text\n const unlockData = useMemo(() => {\n if (!streamingSourceNumber \|\| !videoSources) return { canUnlock: false, tooltipText: '' }\n\n const source = Object.values(videoSources).find(\n (source) => source?.extension === streamingSourceNumber,\n )\n\n const canUnlock = Boolean(source?.cmdOpen && source?.cmdOpen.trim() !== '')\n const tooltipText =\n canUnlock && source ? `${t('VideoStreaming.Open')}: ${source?.description}` : ''\n\n return { canUnlock, tooltipText }\n }, [streamingSourceNumber, videoSources, t])\n\n const hasValidUsername = useMemo(() => username !== '' && username !== 'undefined', [username])\n\n const queueLabel = useMemo(() => queueName \|\| queueNumber \|\| '', [queueName, queueNumber])\n\n const queueTooltipContent = useMemo(() => {\n if (!throughQueue \|\| !queueLabel) {\n return ''\n }\n\n return `${t('Common.Queue')}: ${queueLabel}`\n }, [throughQueue, queueLabel, t])\n\n const shouldShowIncomingQueueBadge = useMemo(\n () => Boolean(incoming && !accepted && throughQueue && queueLabel),\n [accepted, incoming, throughQueue, queueLabel],\n )\n\n const renderLandlinePhoneDiv = useCallback(\n () => (\n <div className='pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate'>\n <FontAwesomeIcon size='sm' icon={faOfficePhone} className='pi-mr-1' />\n <span className='pi-max-w-16 pi-truncate'>\n {currentUser?.default_device?.description \|\| t('Common.Physical phone')}\n </span>\n </div>\n ),\n [currentUser?.default_device?.description, t],\n )\n\n const renderPulseIcon = useCallback(\n (color: string) => {\n const sizeClasses = !isOpen ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n const innerSizeClasses = !isOpen ? 'pi-h-4 pi-w-4 pi-rounded-full' : 'pi-h-8'\n const animationSizeClasses = !isOpen ? 'pi-h-6 pi-w-6' : 'pi-w-8 pi-h-8'\n const colorClasses = color === 'red' ? 'pi-bg-red-400' : 'pi-bg-green-400'\n const textColorClasses = color === 'red' ? 'pi-text-red-500' : 'pi-text-green-500'\n\n return (\n <div className={`${sizeClasses} pi-flex pi-justify-center pi-items-center`}>\n <div\n className={`${innerSizeClasses} pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n >\n <span\n className={`${animationSizeClasses} pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ${colorClasses} pi-opacity-75`}\n ></span>\n <FontAwesomeIcon\n className={`pi-w-4 pi-h-6 pi-rotate-45 ${textColorClasses}`}\n icon={faCircle}\n />\n </div>\n </div>\n )\n },\n [isOpen],\n )\n\n const callViewClasses = useMemo(() => {\n let baseClasses = 'pi-grid pi-items-center'\n\n if (isOpen) {\n baseClasses = shouldShowIncomingQueueBadge ? 'pi-grid pi-items-center' : 'pi-grid pi-items-start'\n\n if (accepted) {\n baseClasses += ' pi-grid-rows-[72px_1fr]'\n } else if (incoming) {\n baseClasses += ' pi-grid-cols-[256px_114px]'\n } else if (outgoing) {\n baseClasses += ' pi-grid-cols-[1fr_84px]'\n }\n }\n\n return shouldShowStreamingImage ? 'pi-flex pi-flex-col' : baseClasses\n }, [isOpen, accepted, incoming, outgoing, shouldShowStreamingImage, shouldShowIncomingQueueBadge])\n\n const topContentClasses = useMemo(() => {\n let columns = ''\n\n if (isOpen && !accepted && outgoing) {\n columns = 'pi-grid-cols-[48px_1fr]'\n } else if (isOpen && !accepted && incoming) {\n columns = 'pi-grid-cols-[48px_1fr_1px]'\n } else if (isOpen && accepted) {\n columns = 'pi-grid-cols-[48px_164px_48px]'\n } else if (!isOpen && !accepted) {\n columns = 'pi-grid-cols-[24px_102px]'\n } else {\n columns = 'pi-grid-cols-[24px_66px_24px]'\n }\n\n const itemsAlign = isOpen && !shouldShowIncomingQueueBadge ? 'start' : 'center'\n\n return `pi-grid ${columns} pi-gap-${isOpen ? '5' : '3'} pi-items-${itemsAlign} pi-justify-center pi-w-full`\n }, [isOpen, accepted, incoming, outgoing, shouldShowIncomingQueueBadge])\n\n const getGridClasses = useMemo(() => {\n if (shouldShowStreamingImage) return 'pi-grid-cols-3'\n if (isAnswerVisible(outgoing, accepted)) return 'pi-grid-cols-2'\n if (accepted) return 'pi-grid-cols-1 pi-justify-items-center'\n return 'pi-grid-cols-1 pi-justify-items-end'\n }, [shouldShowStreamingImage, outgoing, accepted])\n\n const renderStatusIcon = useCallback(() => {\n const iconSizeClass = isOpen\n ? 'pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover'\n : 'pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover'\n\n if (isListen) {\n return <FontAwesomeIcon className={iconSizeClass} icon={faEarListen} />\n }\n\n if (isIntrude) {\n return <FontAwesomeIcon className={iconSizeClass} icon={faHandPointUp} />\n }\n\n if (number !== '' && hasValidUsername) {\n return <Avatar />\n }\n\n if (incoming && !hasValidUsername) {\n return <FontAwesomeIcon className={`${iconSizeClass} pi--rotate-45`} icon={faArrowLeft} />\n }\n\n if (accepted && !outgoing && !hasValidUsername) {\n return <FontAwesomeIcon className={`${iconSizeClass} pi--rotate-45`} icon={faArrowLeft} />\n }\n\n if (outgoing && !hasValidUsername) {\n return (\n <FontAwesomeIcon className={`${iconSizeClass} pi-rotate-[135deg]`} icon={faArrowLeft} />\n )\n }\n\n return null\n }, [isOpen, isListen, isIntrude, number, hasValidUsername, incoming, outgoing, accepted])\n\n const renderDetails = useCallback(() => {\n if (!isOpen) return null\n\n if (isIntrude) {\n return (\n <Details>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {t('Common.Intrude')}\n {isIntrudeExtension ? ` - ${isIntrudeExtension}` : ''}\n </span>\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : isIntrudeExtension ? (\n `${isIntrudeExtension}`\n ) : (\n ''\n )}\n </Details>\n )\n }\n\n if (isListen) {\n return (\n <Details>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {t('Common.Listen')}\n {isListenExtension ? ` - ${isListenExtension}` : ''}\n </span>\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : isListenExtension ? (\n `${isListenExtension}`\n ) : (\n ''\n )}\n </Details>\n )\n }\n\n if (shouldShowIncomingQueueBadge) {\n return (\n <Details className='pi-grid-rows-[20px_24px_24px] pi-gap-0.5'>\n <IncomingQueueBadge label={queueLabel} tooltipContent={queueTooltipContent} />\n <DisplayName />\n <Number />\n </Details>\n )\n }\n\n return (\n <Details>\n {accepted && throughQueue && queueLabel ? (\n <div className='pi-flex pi-min-w-0 pi-items-center pi-gap-2'>\n <div className='pi-min-w-0 pi-flex-1'>\n <DisplayName />\n </div>\n <QueueBadge label={queueLabel} tooltipContent={queueTooltipContent} />\n </div>\n ) : (\n <DisplayName />\n )}\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : (\n <Number />\n )}\n </Details>\n )\n }, [\n isOpen,\n isIntrude,\n isListen,\n accepted,\n startTime,\n isIntrudeExtension,\n isListenExtension,\n t,\n renderLandlinePhoneDiv,\n accepted,\n throughQueue,\n queueLabel,\n queueTooltipContent,\n shouldShowIncomingQueueBadge,\n ])\n\n const renderAudioIndicator = useCallback(() => {\n if (accepted && isRecording) {\n return renderPulseIcon('red')\n }\n\n if (accepted && remoteAudioStream && !isPhysical()) {\n return (\n <AudioBars\n audioStream={remoteAudioStream}\n paused={paused}\n size={isOpen ? 'large' : 'small'}\n />\n )\n }\n\n if (accepted && isPhysical()) {\n return renderPulseIcon('green')\n }\n\n return null\n }, [accepted, isRecording, remoteAudioStream, isOpen, paused, renderPulseIcon])\n\n const renderStreamingContent = useCallback(() => {\n // Show skeleton while videoSources are loading or if streaming source number is not set yet\n if (!videoSources \|\| Object.keys(videoSources).length === 0 \|\| !streamingSourceNumber) {\n return <VideoStreamingSkeleton className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // Find the streaming source\n const source = Object.values(videoSources).find(\n (source) => source.extension === streamingSourceNumber,\n )\n\n // If source doesn't exist, show empty state\n if (!source) {\n return <VideoStreamingEmptyState className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // Check if image is available\n const hasImage = sourceImages[source.id] \|\| source.image\n\n // If no image available, show empty state\n if (!hasImage) {\n return <VideoStreamingEmptyState className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // If we have an image, show StreamingImage component\n return <StreamingImage />\n }, [streamingSourceNumber, videoSources, sourceImages])\n\n // Early return AFTER all hooks have been called\n if (latestAlert !== null) {\n return null\n }\n\n const setVideoStreamingAnswer = () => {\n answerIncomingCall()\n // Set view as video streaming answer with a small delay\n setTimeout(() => {\n dispatch.island.setIslandView('streamingAnswer')\n }, 200)\n }\n\n return (\n <div className='pi-bg-red pi-content-center pi-justify-center'>\n <div className={callViewClasses}>\n {shouldShowStreamingImage ? (\n <>\n <div className='pi-flex pi-items-center pi-justify-between pi-w-full pi-gap-2'>\n <div className='pi-flex pi-items-center pi-gap-4 pi-min-w-0 pi-flex-1'>\n {renderStatusIcon()}\n <div className='pi-flex pi-flex-col pi-justify-center pi-space-y-2 pi-min-w-0'>\n <DisplayName />\n <Number />\n </div>\n </div>\n\n <div className='pi-flex pi-gap-2 pi-flex-shrink-0'>\n <Hangup description={t('Tooltip.Hangup')} />\n {!outgoing && (\n <Button\n onClick={() => setVideoStreamingAnswer()}\n variant='green'\n data-tooltip-id='tooltip-answer'\n data-tooltip-content={t('Tooltip.Answer') \|\| ''}\n >\n <FontAwesomeIcon className='pi-w-5 pi-h-5' icon={faPhone} />\n </Button>\n )}\n {/ Open door button - only show if cmdOpen is valid */}\n {unlockData?.canUnlock && (\n <Button\n variant='default'\n onClick={handleStreamingUnlock}\n data-tooltip-id='tooltip-unlock'\n data-tooltip-content={unlockData?.tooltipText}\n >\n <FontAwesomeIcon className='pi-w-5 pi-h-5' icon={faUnlock} />\n </Button>\n )}\n </div>\n </div>\n\n {renderStreamingContent()}\n </>\n ) : (\n <>\n <div className={topContentClasses}>\n {renderStatusIcon()}\n {renderDetails()}\n\n {!isOpen && !accepted && <DisplayName />}\n {!isOpen && accepted && <Timer startTime={startTime} isNotAlwaysWhite />}\n\n {renderAudioIndicator()}\n </div>\n\n {isOpen && (\n <>\n <div className={`${!(isListen \|\| isIntrude) ? 'pi-grid pi-gap-y-5' : ''}`}>\n {accepted && <Actions />}\n <div className={`pi-grid ${getGridClasses} pi-gap-3.5`}>\n <Hangup description={t('Tooltip.Hangup and transfer')} />\n\n {isAnswerVisible(outgoing, accepted) && (\n <Button\n onClick={answerIncomingCall}\n variant='green'\n data-tooltip-id='tooltip-answer-left'\n data-tooltip-content={t('Tooltip.Answer') \|\| ''}\n >\n <FontAwesomeIcon className='pi-w-6 pi-h-6' icon={faPhone} />\n </Button>\n )}\n </div>\n </div>\n </>\n )}\n </>\n )}\n </div>\n <CustomThemedTooltip id='tooltip-answer-left' place='left' />\n <CustomThemedTooltip id='tooltip-answer' place='left' />\n <CustomThemedTooltip id='tooltip-unlock' place='left' />\n <CustomThemedTooltip id='tooltip-display-name' place='bottom' />\n <CustomThemedTooltip id='tooltip-queue' place='bottom' />\n </div>\n )\n}\n\nexport default memo(CallView)\n\nexport interface CallViewProps {}\n"],"names":["isAnswerVisible","outgoing","accepted","Details","memo","_a","children","_b","className","React","createElement","concat","displayName","QueueBadge","label","tooltipContent","undefined","FontAwesomeIcon","icon","faUsers","IncomingQueueBadge","t","useTranslation","dispatch","useDispatch","currentCall","useSelector","state","incoming","startTime","paused","number","isRecording","username","streamingSourceNumber","queueName","queueNumber","throughQueue","island","isOpen","isFromStreaming","remoteAudioStream","webrtc","listenState","listen","isListen","isIntrude","isListenExtension","isIntrudeExtension","alertsData","alerts","currentUser","_c","streaming","videoSources","sourceImages","activeAlerts","useMemo","Object","values","filter","alert","active","latestAlert","length","shouldShowStreamingImage","unlockData","canUnlock","tooltipText","source","find","extension","Boolean","cmdOpen","trim","description","hasValidUsername","queueLabel","queueTooltipContent","shouldShowIncomingQueueBadge","renderLandlinePhoneDiv","useCallback","size","faOfficePhone","default_device","renderPulseIcon","color","sizeClasses","innerSizeClasses","animationSizeClasses","colorClasses","textColorClasses","faCircle","callViewClasses","baseClasses","topContentClasses","itemsAlign","getGridClasses","renderStatusIcon","iconSizeClass","faEarListen","faHandPointUp","Avatar","faArrowLeft","renderDetails","isPhysical","Timer","isNotAlwaysWhite","DisplayName","Number","renderAudioIndicator","AudioBars","audioStream","renderStreamingContent","keys","VideoStreamingSkeleton","id","image","StreamingImage","VideoStreamingEmptyState","Fragment","Hangup","Button","onClick","answerIncomingCall","setTimeout","setIslandView","variant","faPhone","handleStreamingUnlock","faUnlock","Actions","CustomThemedTooltip","place"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo, useCallback, memo } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPhone,\n faEarListen,\n faHandPointUp,\n faCircle,\n faUnlock,\n faUsers,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../'\nimport Timer from './Timer'\nimport Number from './Number'\nimport DisplayName from './DisplayName'\nimport { AudioBars } from '../'\nimport { answerIncomingCall } from '../../lib/phone/call'\nimport { isNumberOnlyName } from '../../lib/phone/conversation'\nimport Avatar from './Avatar'\nimport DeviceIcon, { DEVICE_TOOLTIP_ID } from './DeviceIcon'\nimport NumberPopover from './NumberPopover'\nimport { StyledNumber, StyledTimer } from '../../styles/Island.styles'\nimport Actions from './Actions'\nimport Hangup from '../Hangup'\nimport { useTranslation } from 'react-i18next'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\nimport { isPhysical } from '../../lib/user/default_device'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport StreamingImage from '../StreamingImage'\nimport VideoStreamingSkeleton from '../VideoStreamingSkeleton'\nimport VideoStreamingEmptyState from '../VideoStreamingEmptyState'\nimport { handleStreamingUnlock } from '../../utils'\nimport { useDispatch } from 'react-redux'\n\nconst onlyDigits = (value?: string) => (value \|\| '').replace(/\\D/g, '')\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n return !outgoing && !accepted\n}\n\nconst Details = memo(\n ({\n children,\n className = 'pi-gap-1 pi-grid-rows-2',\n }: {\n children: React.ReactNode\n className?: string\n }) => (\n <div className={`pi-grid pi-min-w-0 pi-self-center pi-grid-cols-1 ${className}`}>\n {children}\n </div>\n ),\n)\nDetails.displayName = 'Details'\n\nconst QueueBadge = memo(\n ({\n label,\n tooltipContent,\n }: {\n label: string\n tooltipContent?: string\n }) => {\n if (!label) {\n return null\n }\n\n return (\n <span\n className='pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary dark:pi-text-indigo-400'\n data-tooltip-id={tooltipContent ? 'tooltip-queue' : undefined}\n data-tooltip-content={tooltipContent \|\| ''}\n >\n <FontAwesomeIcon icon={faUsers} className='pi-h-4 pi-w-4' />\n </span>\n )\n },\n)\nQueueBadge.displayName = 'QueueBadge'\n\nconst IncomingQueueBadge = memo(\n ({\n label,\n tooltipContent,\n }: {\n label: string\n tooltipContent?: string\n }) => {\n if (!label) {\n return null\n }\n\n return (\n <span\n className='pi-inline-flex pi-w-fit pi-max-w-full pi-flex-none pi-items-center pi-gap-1.5 pi-self-start pi-rounded-full pi-bg-iconSecondary pi-px-2.5 pi-py-1 pi-text-xs pi-font-medium pi-leading-none pi-text-iconWhite dark:pi-bg-iconSecondaryDark'\n data-tooltip-id={tooltipContent ? 'tooltip-queue' : undefined}\n data-tooltip-content={tooltipContent \|\| ''}\n aria-label={tooltipContent \|\| label}\n >\n <FontAwesomeIcon icon={faUsers} className='pi-h-3 pi-w-3 pi-flex-none' />\n <span className='pi-block pi-max-w-28 pi-truncate'>{label}</span>\n </span>\n )\n },\n)\nIncomingQueueBadge.displayName = 'IncomingQueueBadge'\n\n/*\n The main view to manage calls, the starting point for calls actions flows\n /\nconst CallView: FC<CallViewProps> = () => {\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const currentCall = useSelector((state: RootState) => state.currentCall)\n const {\n incoming,\n accepted,\n outgoing,\n startTime,\n paused,\n number,\n displayName,\n isRecording,\n streamingSourceNumber,\n queueName,\n queueNumber,\n throughQueue,\n counterpartDeviceType,\n } = currentCall\n\n const { isOpen, isFromStreaming } = useSelector((state: RootState) => state.island)\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n const listenState = useSelector((state: RootState) => state.listen)\n const { isListen, isIntrude, isListenExtension, isIntrudeExtension } = listenState\n const { data: alertsData } = useSelector((state: RootState) => state.alerts)\n const currentUser = useSelector((state: RootState) => state.currentUser)\n const { videoSources, sourceImages } = useSelector((state: RootState) => state.streaming)\n\n const activeAlerts = useMemo(\n () => Object.values(alertsData).filter((alert: any) => alert.active),\n [alertsData],\n )\n\n const latestAlert = useMemo(\n () => (activeAlerts.length > 0 ? activeAlerts[activeAlerts.length - 1] : null),\n [activeAlerts],\n )\n\n const shouldShowStreamingImage = useMemo(\n () => isFromStreaming && streamingSourceNumber && !accepted,\n [isFromStreaming, streamingSourceNumber, accepted],\n )\n\n // Check if unlock button should be shown and get tooltip text\n const unlockData = useMemo(() => {\n if (!streamingSourceNumber \|\| !videoSources) return { canUnlock: false, tooltipText: '' }\n\n const source = Object.values(videoSources).find(\n (source) => source?.extension === streamingSourceNumber,\n )\n\n const canUnlock = Boolean(source?.cmdOpen && source?.cmdOpen.trim() !== '')\n const tooltipText =\n canUnlock && source ? `${t('VideoStreaming.Open')}: ${source?.description}` : ''\n\n return { canUnlock, tooltipText }\n }, [streamingSourceNumber, videoSources, t])\n\n const isNameNumberOnly = useMemo(() => isNumberOnlyName(displayName), [displayName])\n\n const canRevealNumber = useMemo(\n () => !isNameNumberOnly && onlyDigits(number).length > 0,\n [isNameNumberOnly, number],\n )\n\n const hasCounterpartDevice = Boolean(counterpartDeviceType)\n\n const queueLabel = useMemo(() => queueName \|\| queueNumber \|\| '', [queueName, queueNumber])\n\n const queueTooltipContent = useMemo(() => {\n if (!throughQueue \|\| !queueLabel) {\n return ''\n }\n\n return `${t('Common.Queue')}: ${queueLabel}`\n }, [throughQueue, queueLabel, t])\n\n const shouldShowIncomingQueueBadge = useMemo(\n () => Boolean(incoming && !accepted && throughQueue && queueLabel),\n [accepted, incoming, throughQueue, queueLabel],\n )\n\n const renderLandlinePhoneDiv = useCallback(\n () => (\n <div className='pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate'>\n <FontAwesomeIcon size='sm' icon={faOfficePhone} className='pi-mr-1' />\n <span className='pi-max-w-16 pi-truncate'>\n {currentUser?.default_device?.description \|\| t('Common.Physical phone')}\n </span>\n </div>\n ),\n [currentUser?.default_device?.description, t],\n )\n\n const renderPulseIcon = useCallback(\n (color: string) => {\n const sizeClasses = !isOpen ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n const innerSizeClasses = !isOpen ? 'pi-h-4 pi-w-4 pi-rounded-full' : 'pi-h-8'\n const animationSizeClasses = !isOpen ? 'pi-h-6 pi-w-6' : 'pi-w-8 pi-h-8'\n const colorClasses = color === 'red' ? 'pi-bg-red-400' : 'pi-bg-green-400'\n const textColorClasses = color === 'red' ? 'pi-text-red-500' : 'pi-text-green-500'\n\n return (\n <div className={`${sizeClasses} pi-flex pi-justify-center pi-items-center`}>\n <div\n className={`${innerSizeClasses} pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n >\n <span\n className={`${animationSizeClasses} pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ${colorClasses} pi-opacity-75`}\n ></span>\n <FontAwesomeIcon\n className={`pi-w-4 pi-h-6 pi-rotate-45 ${textColorClasses}`}\n icon={faCircle}\n />\n </div>\n </div>\n )\n },\n [isOpen],\n )\n\n const callViewClasses = useMemo(() => {\n let baseClasses = 'pi-grid pi-items-center'\n\n if (isOpen) {\n baseClasses = shouldShowIncomingQueueBadge ? 'pi-grid pi-items-center' : 'pi-grid pi-items-start'\n\n if (accepted) {\n baseClasses += ' pi-grid-rows-[72px_1fr]'\n } else if (incoming) {\n baseClasses += ' pi-grid-cols-[256px_114px]'\n } else if (outgoing) {\n baseClasses += ' pi-grid-cols-[1fr_84px]'\n }\n }\n\n return shouldShowStreamingImage ? 'pi-flex pi-flex-col' : baseClasses\n }, [isOpen, accepted, incoming, outgoing, shouldShowStreamingImage, shouldShowIncomingQueueBadge])\n\n const topContentClasses = useMemo(() => {\n let columns = ''\n\n if (isOpen && !accepted && outgoing) {\n columns = 'pi-grid-cols-[48px_1fr]'\n } else if (isOpen && !accepted && incoming) {\n columns = 'pi-grid-cols-[48px_1fr_1px]'\n } else if (isOpen && accepted) {\n columns = 'pi-grid-cols-[48px_164px_48px]'\n } else if (!isOpen && !accepted) {\n columns = 'pi-grid-cols-[24px_102px]'\n } else {\n columns = 'pi-grid-cols-[24px_66px_24px]'\n }\n\n const itemsAlign = isOpen && !shouldShowIncomingQueueBadge ? 'start' : 'center'\n\n return `pi-grid ${columns} pi-gap-${isOpen ? '5' : '3'} pi-items-${itemsAlign} pi-justify-center pi-w-full`\n }, [isOpen, accepted, incoming, outgoing, shouldShowIncomingQueueBadge])\n\n const getGridClasses = useMemo(() => {\n if (shouldShowStreamingImage) return 'pi-grid-cols-3'\n if (isAnswerVisible(outgoing, accepted)) return 'pi-grid-cols-2'\n if (accepted) return 'pi-grid-cols-1 pi-justify-items-center'\n return 'pi-grid-cols-1 pi-justify-items-end'\n }, [shouldShowStreamingImage, outgoing, accepted])\n\n const renderStatusIcon = useCallback(() => {\n const iconSizeClass = isOpen\n ? 'pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover'\n : 'pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover'\n\n if (isListen) {\n return <FontAwesomeIcon className={iconSizeClass} icon={faEarListen} />\n }\n\n if (isIntrude) {\n return <FontAwesomeIcon className={iconSizeClass} icon={faHandPointUp} />\n }\n\n return <Avatar />\n }, [isOpen, isListen, isIntrude])\n\n const renderWithDeviceIcon = useCallback(\n (content: React.ReactNode, forceRow: boolean) =>\n hasCounterpartDevice \|\| forceRow ? (\n <div className='pi-flex pi-min-w-0 pi-items-center pi-gap-2'>\n {hasCounterpartDevice && <DeviceIcon />}\n {content}\n </div>\n ) : (\n content\n ),\n [hasCounterpartDevice],\n )\n\n const renderDetails = useCallback(() => {\n if (!isOpen) return null\n\n if (isIntrude) {\n return (\n <Details>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {t('Common.Intrude')}\n {isIntrudeExtension ? ` - ${isIntrudeExtension}` : ''}\n </span>\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : isIntrudeExtension ? (\n `${isIntrudeExtension}`\n ) : (\n ''\n )}\n </Details>\n )\n }\n\n if (isListen) {\n return (\n <Details>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {t('Common.Listen')}\n {isListenExtension ? ` - ${isListenExtension}` : ''}\n </span>\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : isListenExtension ? (\n `${isListenExtension}`\n ) : (\n ''\n )}\n </Details>\n )\n }\n\n if (shouldShowIncomingQueueBadge) {\n return (\n <Details\n className={\n isNameNumberOnly\n ? 'pi-grid-rows-[20px_24px] pi-gap-0.5'\n : 'pi-grid-rows-[20px_24px_24px] pi-gap-0.5'\n }\n >\n <IncomingQueueBadge label={queueLabel} tooltipContent={queueTooltipContent} />\n <DisplayName />\n {!isNameNumberOnly && <Number />}\n </Details>\n )\n }\n\n return (\n <Details>\n {accepted && throughQueue && queueLabel ? (\n <div className='pi-flex pi-min-w-0 pi-items-center pi-gap-2'>\n <div className='pi-min-w-0 pi-flex-1'>\n <DisplayName />\n </div>\n <QueueBadge label={queueLabel} tooltipContent={queueTooltipContent} />\n </div>\n ) : (\n <DisplayName />\n )}\n {accepted\n ? renderWithDeviceIcon(\n <>\n {isPhysical() ? (\n renderLandlinePhoneDiv()\n ) : canRevealNumber ? (\n <span className='pi-grid pi-items-center'>\n <StyledTimer\n isOpen={isOpen}\n size='large'\n aria-hidden='true'\n className='pi-invisible pi-col-start-1 pi-row-start-1'\n >\n 00:00:00\n </StyledTimer>\n <span className='pi-col-start-1 pi-row-start-1'>\n <Timer startTime={startTime} isNotAlwaysWhite />\n </span>\n </span>\n ) : (\n <Timer startTime={startTime} isNotAlwaysWhite />\n )}\n {canRevealNumber && <NumberPopover />}\n </>,\n canRevealNumber,\n )\n : renderWithDeviceIcon(\n isNameNumberOnly && (outgoing \|\| incoming) ? (\n <StyledNumber isOpen={isOpen}>\n <span className='dark:pi-text-gray-50 pi-text-gray-600'>\n {outgoing ? t('Call.Calling...') : t('Call.Incoming call')}\n </span>\n </StyledNumber>\n ) : (\n <Number />\n ),\n false,\n )}\n </Details>\n )\n }, [\n incoming,\n outgoing,\n isNameNumberOnly,\n canRevealNumber,\n renderWithDeviceIcon,\n isOpen,\n isIntrude,\n isListen,\n accepted,\n startTime,\n isIntrudeExtension,\n isListenExtension,\n t,\n renderLandlinePhoneDiv,\n accepted,\n throughQueue,\n queueLabel,\n queueTooltipContent,\n shouldShowIncomingQueueBadge,\n ])\n\n const renderAudioIndicator = useCallback(() => {\n if (accepted && isRecording) {\n return renderPulseIcon('red')\n }\n\n if (accepted && remoteAudioStream && !isPhysical()) {\n return (\n <AudioBars\n audioStream={remoteAudioStream}\n paused={paused}\n size={isOpen ? 'large' : 'small'}\n />\n )\n }\n\n if (accepted && isPhysical()) {\n return renderPulseIcon('green')\n }\n\n return null\n }, [accepted, isRecording, remoteAudioStream, isOpen, paused, renderPulseIcon])\n\n const renderStreamingContent = useCallback(() => {\n // Show skeleton while videoSources are loading or if streaming source number is not set yet\n if (!videoSources \|\| Object.keys(videoSources).length === 0 \|\| !streamingSourceNumber) {\n return <VideoStreamingSkeleton className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // Find the streaming source\n const source = Object.values(videoSources).find(\n (source) => source.extension === streamingSourceNumber,\n )\n\n // If source doesn't exist, show empty state\n if (!source) {\n return <VideoStreamingEmptyState className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // Check if image is available\n const hasImage = sourceImages[source.id] \|\| source.image\n\n // If no image available, show empty state\n if (!hasImage) {\n return <VideoStreamingEmptyState className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // If we have an image, show StreamingImage component\n return <StreamingImage />\n }, [streamingSourceNumber, videoSources, sourceImages])\n\n // Early return AFTER all hooks have been called\n if (latestAlert !== null) {\n return null\n }\n\n const setVideoStreamingAnswer = () => {\n answerIncomingCall()\n // Set view as video streaming answer with a small delay\n setTimeout(() => {\n dispatch.island.setIslandView('streamingAnswer')\n }, 200)\n }\n\n return (\n <div className='pi-bg-red pi-content-center pi-justify-center'>\n <div className={callViewClasses}>\n {shouldShowStreamingImage ? (\n <>\n <div className='pi-flex pi-items-center pi-justify-between pi-w-full pi-gap-2'>\n <div className='pi-flex pi-items-center pi-gap-4 pi-min-w-0 pi-flex-1'>\n {renderStatusIcon()}\n <div className='pi-flex pi-flex-col pi-justify-center pi-space-y-2 pi-min-w-0'>\n <DisplayName />\n <Number />\n </div>\n </div>\n\n <div className='pi-flex pi-gap-2 pi-flex-shrink-0'>\n <Hangup description={t('Tooltip.Hangup')} />\n {!outgoing && (\n <Button\n onClick={() => setVideoStreamingAnswer()}\n variant='green'\n data-tooltip-id='tooltip-answer'\n data-tooltip-content={t('Tooltip.Answer') \|\| ''}\n >\n <FontAwesomeIcon className='pi-w-5 pi-h-5' icon={faPhone} />\n </Button>\n )}\n {/ Open door button - only show if cmdOpen is valid */}\n {unlockData?.canUnlock && (\n <Button\n variant='default'\n onClick={handleStreamingUnlock}\n data-tooltip-id='tooltip-unlock'\n data-tooltip-content={unlockData?.tooltipText}\n >\n <FontAwesomeIcon className='pi-w-5 pi-h-5' icon={faUnlock} />\n </Button>\n )}\n </div>\n </div>\n\n {renderStreamingContent()}\n </>\n ) : (\n <>\n <div className={topContentClasses}>\n {renderStatusIcon()}\n {renderDetails()}\n\n {!isOpen && !accepted && <DisplayName />}\n {!isOpen && accepted && <Timer startTime={startTime} isNotAlwaysWhite />}\n\n {renderAudioIndicator()}\n </div>\n\n {isOpen && (\n <>\n <div className={`${!(isListen \|\| isIntrude) ? 'pi-grid pi-gap-y-5' : ''}`}>\n {accepted && <Actions />}\n <div className={`pi-grid ${getGridClasses} pi-gap-3.5`}>\n <Hangup description={t('Tooltip.Hangup and transfer')} />\n\n {isAnswerVisible(outgoing, accepted) && (\n <Button\n onClick={answerIncomingCall}\n variant='green'\n data-tooltip-id='tooltip-answer-left'\n data-tooltip-content={t('Tooltip.Answer') \|\| ''}\n >\n <FontAwesomeIcon className='pi-w-6 pi-h-6' icon={faPhone} />\n </Button>\n )}\n </div>\n </div>\n </>\n )}\n </>\n )}\n </div>\n <CustomThemedTooltip id='tooltip-answer-left' place='left' />\n <CustomThemedTooltip id='tooltip-answer' place='left' />\n <CustomThemedTooltip id='tooltip-unlock' place='left' />\n <CustomThemedTooltip id='tooltip-display-name' place='bottom' />\n <CustomThemedTooltip id='tooltip-queue' place='bottom' />\n <CustomThemedTooltip\n id={DEVICE_TOOLTIP_ID}\n place='right'\n offset={11}\n maxWidth='300px'\n />\n </div>\n )\n}\n\nexport default memo(CallView)\n\nexport interface CallViewProps {}\n"],"names":["isAnswerVisible","outgoing","accepted","Details","memo","_a","children","_b","className","React","createElement","concat","displayName","QueueBadge","label","tooltipContent","undefined","FontAwesomeIcon","icon","faUsers","IncomingQueueBadge","t","useTranslation","dispatch","useDispatch","currentCall","useSelector","state","incoming","startTime","paused","number","isRecording","streamingSourceNumber","queueName","queueNumber","throughQueue","counterpartDeviceType","island","isOpen","isFromStreaming","remoteAudioStream","webrtc","listenState","listen","isListen","isIntrude","isListenExtension","isIntrudeExtension","alertsData","alerts","currentUser","_c","streaming","videoSources","sourceImages","activeAlerts","useMemo","Object","values","filter","alert","active","latestAlert","length","shouldShowStreamingImage","unlockData","canUnlock","tooltipText","source","find","extension","Boolean","cmdOpen","trim","description","isNameNumberOnly","isNumberOnlyName","canRevealNumber","value","replace","hasCounterpartDevice","queueLabel","queueTooltipContent","shouldShowIncomingQueueBadge","renderLandlinePhoneDiv","useCallback","size","faOfficePhone","default_device","renderPulseIcon","color","sizeClasses","innerSizeClasses","animationSizeClasses","colorClasses","textColorClasses","faCircle","callViewClasses","baseClasses","topContentClasses","itemsAlign","getGridClasses","renderStatusIcon","iconSizeClass","faEarListen","faHandPointUp","Avatar","renderWithDeviceIcon","content","forceRow","DeviceIcon","renderDetails","isPhysical","Timer","isNotAlwaysWhite","DisplayName","Number","Fragment","StyledTimer","NumberPopover","StyledNumber","renderAudioIndicator","AudioBars","audioStream","renderStreamingContent","keys","VideoStreamingSkeleton","id","image","StreamingImage","VideoStreamingEmptyState","Hangup","Button","onClick","answerIncomingCall","setTimeout","setIslandView","variant","faPhone","handleStreamingUnlock","faUnlock","Actions","CustomThemedTooltip","place","DEVICE_TOOLTIP_ID","offset","maxWidth"],"mappings":"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"}

package/dist/components/ConferenceView/ConferenceUsersList.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");var t=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),n=require("../Button.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 i=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var a=require("../CustomThemedTooltip.js"),l=require("../CallView/Timer.js"),o=require("../../lib/phone/call.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),s=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),p=function(e){var c,p,m=u.useSelector(function(e){return e.conference}).usersList,f=u.useSelector(function(e){return e.conference}),v=f.isOwnerInside,x=f.conferenceId,h=s.useDispatch(),b=u.useSelector(function(e){return e.avatars}).avatars,g=u.useSelector(function(e){return e.users}).extensions,y=i.useTranslation().t,j=function(e){var t;return e&&b&&g&&(null===(t=g[e])||void 0===t?void 0:t.username)&&b[g[e].username]?"".concat(b[g[e].username]):null},k=function(e){var t,r,n=e.user;return d.default.createElement("div",{className:"pi-inline-flex pi-items-center pi-justify-center pi-w-8 pi-h-8 pi-rounded-full pi-bg-gray-500"},j(n.extenId)?d.default.createElement("div",{className:"pi-rounded-full pi-w-8 pi-h-8",style:{backgroundImage:"url(".concat(j(null==n?void 0:n.extenId),")"),backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center"}}):d.default.createElement("span",{className:"pi-text-sm pi-font-medium pi-text-white"},(t=null==n?void 0:n.name,r=null==n?void 0:n.extenId,t?t.split(" ").map(function(e){return e[0]}).join("").toUpperCase().slice(0,2):r?r.substring(0,2).toUpperCase():"??")))};return d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:"".concat(v?"":"pi-space-y-1"," 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")},m&&Object.values(m).filter(function(e){return!(null==e?void 0:e.owner)}).length>0?null===(p=null===(c=null==Object?void 0:Object.values(m))||void 0===c?void 0:c.filter(function(e){return!(null==e?void 0:e.owner)}))||void 0===p?void 0:p.map(function(e){return d.default.createElement("div",{key:"".concat(null==e?void 0:e.id,"-").concat(null==e?void 0:e.extenId),className:"".concat(v?"":"pi-py-1"," pi-flex pi-items-center pi-justify-between pi-px-3 pi-rounded-lg")},d.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-3 pi-truncate"},d.default.createElement(k,{user:e}),d.default.createElement("span",{className:"pi-font-medium pi-text-sm pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-w-32"},(null==e?void 0:e.name)||(null==e?void 0:e.extenId))),v?d.default.createElement(d.default.Fragment,null,d.default.createElement(n.Button,{variant:"transparent","data-tooltip-id":"conference-user-mute","data-tooltip-content":(null==e?void 0:e.muted)?y("Conference.Unmute participant"):y("Conference.Mute participant"),onClick:function(){return t=null==e?void 0:e.id,r=null==e?void 0:e.extenId,n=null==e?void 0:e.muted,h.conference.toggleUserMuted({extenId:r}),void o.muteUserConference(x,t,n);var t,r,n}},d.default.createElement(t.FontAwesomeIcon,{className:"pi-h-4 pi-w-4 ".concat((null==e?void 0:e.muted)?"pi-text-red-500":"pi-text-gray-600 dark:pi-text-gray-300"),icon:(null==e?void 0:e.muted)?r.faMicrophoneSlash:r.faMicrophone})),d.default.createElement(n.Button,{variant:"transparent","data-tooltip-id":"conference-user-remove","data-tooltip-content":y("Conference.Remove participant"),onClick:function(){return t=null==e?void 0:e.extenId,void o.removeUserConference(x,t);var t}},d.default.createElement(t.FontAwesomeIcon,{className:"pi-h-4 pi-w-4 pi-text-gray-600 dark:pi-text-gray-300",icon:r.faTrash}))):d.default.createElement(d.default.Fragment,null,d.default.createElement(t.FontAwesomeIcon,{className:"pi-h-5 pi-w-5 pi-text-gray-600 dark:pi-text-gray-300",icon:e.muted?r.faMicrophoneSlash:r.faPause}),d.default.createElement(l.default,{size:"small",startTime:String(null===Math||void 0===Math?void 0:Math.floor(null!==(null==e?void 0:e.joinTime)&&(null==e?void 0:e.joinTime)?(null==e?void 0:e.joinTime)/1e3:0)),isNotAlwaysWhite:!0,isInsideConference:!0})))}):d.default.createElement("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"},d.default.createElement("span",null,y("Conference.No participants")),d.default.createElement("span",{className:"pi-text-xs pi-mt-1"},y("Conference.Add participants to conference")))),d.default.createElement(a.CustomThemedTooltip,{className:"pi-z-1000",id:"conference-user-remove",place:"left"}),d.default.createElement(a.CustomThemedTooltip,{className:"pi-z-1000",id:"conference-user-mute",place:"left"}))};exports.ConferenceUsersList=p,exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),r=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),n=require("../Button.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 i=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var a=require("../CustomThemedTooltip.js"),l=require("../CallView/Timer.js"),o=require("../../lib/phone/call.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),s=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),p=function(e){var c,p,m=u.useSelector(function(e){return e.conference}).usersList,f=u.useSelector(function(e){return e.conference}),v=f.isOwnerInside,x=f.conferenceId,h=s.useDispatch(),b=u.useSelector(function(e){return e.avatars}).avatars,g=u.useSelector(function(e){return e.users}).extensions,y=i.useTranslation().t,j=function(e){var t;return e&&b&&g&&(null===(t=g[e])||void 0===t?void 0:t.username)&&b[g[e].username]?"".concat(b[g[e].username]):null},k=function(e){var t,r,n=e.user;return d.default.createElement("div",{className:"pi-inline-flex pi-items-center pi-justify-center pi-w-8 pi-h-8 pi-rounded-full pi-bg-gray-500"},j(n.extenId)?d.default.createElement("div",{className:"pi-rounded-full pi-w-8 pi-h-8",style:{backgroundImage:"url(".concat(j(null==n?void 0:n.extenId),")"),backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center"}}):d.default.createElement("span",{className:"pi-text-sm pi-font-medium pi-text-white"},(t=null==n?void 0:n.name,r=null==n?void 0:n.extenId,t?t.split(" ").map(function(e){return e[0]}).join("").toUpperCase().slice(0,2):r?r.substring(0,2).toUpperCase():"??")))};return d.default.createElement(d.default.Fragment,null,d.default.createElement("div",{className:"".concat(v?"":"pi-space-y-1"," 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")},m&&Object.values(m).filter(function(e){return!(null==e?void 0:e.owner)}).length>0?null===(p=null===(c=null==Object?void 0:Object.values(m))||void 0===c?void 0:c.filter(function(e){return!(null==e?void 0:e.owner)}))||void 0===p?void 0:p.map(function(e){return d.default.createElement("div",{key:"".concat(null==e?void 0:e.id,"-").concat(null==e?void 0:e.extenId),className:"".concat(v?"":"pi-py-1"," pi-flex pi-items-center pi-justify-between pi-px-3 pi-rounded-lg")},d.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-3 pi-truncate"},d.default.createElement(k,{user:e}),d.default.createElement("span",{className:"pi-font-medium pi-text-sm pi-text-gray-700 dark:pi-text-gray-200 pi-truncate pi-w-32"},(null==e?void 0:e.name)||(null==e?void 0:e.extenId))),v?d.default.createElement(d.default.Fragment,null,d.default.createElement(n.Button,{variant:"transparent","data-tooltip-id":"conference-user-mute","data-tooltip-content":(null==e?void 0:e.muted)?y("Conference.Unmute participant"):y("Conference.Mute participant"),onClick:function(){return t=null==e?void 0:e.id,r=null==e?void 0:e.extenId,n=null==e?void 0:e.muted,h.conference.toggleUserMuted({extenId:r}),void o.muteUserConference(x,t,n);var t,r,n}},d.default.createElement(t.FontAwesomeIcon,{className:"pi-h-4 pi-w-4 ".concat((null==e?void 0:e.muted)?"pi-text-red-500":"pi-text-gray-600 dark:pi-text-gray-300"),icon:(null==e?void 0:e.muted)?r.faMicrophoneSlash:r.faMicrophone})),d.default.createElement(n.Button,{variant:"transparent","data-tooltip-id":"conference-user-remove","data-tooltip-content":y("Conference.Remove participant"),onClick:function(){return t=null==e?void 0:e.extenId,void o.removeUserConference(x,t);var t}},d.default.createElement(t.FontAwesomeIcon,{className:"pi-h-4 pi-w-4 pi-text-gray-600 dark:pi-text-gray-300",icon:r.faTrash}))):d.default.createElement(d.default.Fragment,null,d.default.createElement(t.FontAwesomeIcon,{className:"pi-h-5 pi-w-5 pi-text-gray-600 dark:pi-text-gray-300",icon:e.muted?r.faMicrophoneSlash:r.faPause}),d.default.createElement(l.default,{size:"small",startTime:String(null===Math||void 0===Math?void 0:Math.floor(null!==(null==e?void 0:e.joinTime)&&(null==e?void 0:e.joinTime)?(null==e?void 0:e.joinTime)/1e3:0)),isNotAlwaysWhite:!0,isInsideConference:!0})))}):d.default.createElement("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"},d.default.createElement("span",null,y("Conference.No participants")),d.default.createElement("span",{className:"pi-text-xs pi-mt-1"},y("Conference.Add participants to conference")))),d.default.createElement(a.CustomThemedTooltip,{className:"pi-z-1000",id:"conference-user-remove",place:"left"}),d.default.createElement(a.CustomThemedTooltip,{className:"pi-z-1000",id:"conference-user-mute",place:"left"}))};exports.ConferenceUsersList=p,exports.default=p;
 //# sourceMappingURL=ConferenceUsersList.js.map

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":"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"}

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");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/dist/index.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}))))};
 //# 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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"}