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

package/dist/components/CallView/Avatar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/CallView/Avatar.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo } from 'react'\nimport { motion } from 'framer-motion'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst iconVariants = {\n  open: {\n    width: '56px',\n    height: '56px',\n    borderRadius: '26px',\n  },\n  closed: {\n    width: '24px',\n    height: '24px',\n    borderRadius: '26px',\n  },\n}\n\nconst Avatar: FC = () => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n  const user = useSelector((state: RootState) => state.users)\n  const {\n    username,\n    number,\n    incoming,\n    outgoing,\n    accepted,\n    transferring,\n  } = useSelector((state: RootState) => state.currentCall)\n\n  const avatarUrl = useMemo(() => {\n    if (transferring) {\n      return user?.extensions && user.extensions[number]?.username\n        ? avatars?.[user.extensions[number].username]\n        : undefined\n    }\n    return avatars?.[username]\n  }, [avatars, username, transferring, user, number])\n\n  const showPulseEffect = incoming || (outgoing && !accepted)\n\n  return (\n    <motion.div\n      className={`pi-relative ${isOpen ? 'pi--mt-1' : ''}`}\n      animate={isOpen ? 'open' : 'closed'}\n      variants={iconVariants}\n    >\n      {showPulseEffect && (\n        <motion.div\n          style={{ animationDuration: '2s' }}\n          animate={isOpen ? 'open' : 'closed'}\n          variants={iconVariants}\n          className='pi-rounded-xl pi-bg-gray-600 pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping pi-h-12 pi-w-12'\n        />\n      )}\n      <motion.div\n        className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-secondaryNeutral dark:pi-bg-secondaryNeutralDark pi-rounded-sm pi-bg-cover'\n        style={{\n          backgroundImage: avatarUrl ? `url(${avatarUrl})` : 'none',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: 'contain',\n        }}\n        animate={isOpen ? 'open' : 'closed'}\n        variants={iconVariants}\n      />\n    </motion.div>\n  )\n}\n\nexport default Avatar\n"],"names":["iconVariants","open","width","height","borderRadius","closed","isOpen","useSelector","state","island","avatars","user","users","_a","currentCall","username","number","incoming","outgoing","accepted","transferring","avatarUrl","useMemo","extensions","undefined","showPulseEffect","React","createElement","motion","div","className","concat","animate","variants","style","animationDuration","backgroundImage","backgroundRepeat","backgroundSize"],"mappings":"wYAQMA,EAAe,CACnBC,KAAM,CACJC,MAAO,OACPC,OAAQ,OACRC,aAAc,QAEhBC,OAAQ,CACNH,MAAO,OACPC,OAAQ,OACRC,aAAc,yBAIC,WACT,IAAAE,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBACnDC,EAAYH,eAAY,SAACC,GAAqB,OAAAA,EAAME,mBACtDC,EAAOJ,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMI,KAAN,IACzCC,EAOFN,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMM,WAAN,IANpCC,EAAQF,EAAAE,SACRC,EAAMH,EAAAG,OACNC,aACAC,EAAQL,EAAAK,SACRC,EAAQN,EAAAM,SACRC,iBAGIC,EAAYC,EAAAA,SAAQ,iBACxB,OAAIF,GACKT,aAAA,EAAAA,EAAMY,cAAqC,QAAvBV,EAAAF,EAAKY,WAAWP,UAAO,IAAAH,OAAA,EAAAA,EAAEE,UAChDL,eAAAA,EAAUC,EAAKY,WAAWP,GAAQD,eAClCS,EAECd,aAAO,EAAPA,EAAUK,EACnB,GAAG,CAACL,EAASK,EAAUK,EAAcT,EAAMK,IAErCS,EAAkBR,GAAaC,IAAaC,EAElD,OACEO,EAAAA,QAAAC,cAACC,EAAMA,OAACC,IACN,CAAAC,UAAW,eAAAC,OAAezB,EAAS,WAAa,IAChD0B,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,GAETyB,GACCC,EAAAA,QAACC,cAAAC,EAAMA,OAACC,IAAG,CACTK,MAAO,CAAEC,kBAAmB,MAC5BH,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,EACV8B,UAAU,8GAGdJ,EAAC,QAAAC,cAAAC,SAAOC,IAAG,CACTC,UAAU,uHACVI,MAAO,CACLE,gBAAiBf,EAAY,OAAOU,OAAAV,EAAY,KAAG,OACnDgB,iBAAkB,YAClBC,eAAgB,WAElBN,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,IAIlB"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/CallView/Avatar.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo } from 'react'\nimport { motion } from 'framer-motion'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\n\nconst iconVariants = {\n  open: {\n    width: '56px',\n    height: '56px',\n    borderRadius: '26px',\n  },\n  closed: {\n    width: '24px',\n    height: '24px',\n    borderRadius: '26px',\n  },\n}\n\nconst Avatar: FC = () => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { avatars } = useSelector((state: RootState) => state.avatars)\n  const user = useSelector((state: RootState) => state.users)\n  const {\n    username,\n    number,\n    incoming,\n    outgoing,\n    accepted,\n    transferring,\n  } = useSelector((state: RootState) => state.currentCall)\n\n  const avatarUrl = useMemo(() => {\n    if (transferring) {\n      return user?.extensions && user.extensions[number]?.username\n        ? avatars?.[user.extensions[number].username]\n        : undefined\n    }\n    return avatars?.[username]\n  }, [avatars, username, transferring, user, number])\n\n  const showPulseEffect = incoming || (outgoing && !accepted)\n\n  return (\n    <motion.div\n      className={`pi-relative ${isOpen ? 'pi--mt-1' : ''}`}\n      animate={isOpen ? 'open' : 'closed'}\n      variants={iconVariants}\n    >\n      {showPulseEffect && (\n        <motion.div\n          style={{ animationDuration: '2s' }}\n          animate={isOpen ? 'open' : 'closed'}\n          variants={iconVariants}\n          className='pi-rounded-xl pi-bg-gray-600 pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping pi-h-12 pi-w-12'\n        />\n      )}\n      <motion.div\n        className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-bg-secondaryNeutral dark:pi-bg-secondaryNeutralDark pi-rounded-sm pi-bg-cover pi-flex pi-items-center pi-justify-center'\n        style={{\n          backgroundImage: avatarUrl ? `url(${avatarUrl})` : 'none',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: 'contain',\n        }}\n        animate={isOpen ? 'open' : 'closed'}\n        variants={iconVariants}\n      >\n        {!avatarUrl && (\n          <FontAwesomeIcon\n            icon={faUser}\n            className={`${\n              isOpen ? 'pi-h-8 pi-w-8' : 'pi-h-3.5 pi-w-3.5'\n            } pi-text-white dark:pi-text-gray-950`}\n          />\n        )}\n      </motion.div>\n    </motion.div>\n  )\n}\n\nexport default Avatar\n"],"names":["iconVariants","open","width","height","borderRadius","closed","isOpen","useSelector","state","island","avatars","user","users","_a","currentCall","username","number","incoming","outgoing","accepted","transferring","avatarUrl","useMemo","extensions","undefined","showPulseEffect","React","createElement","motion","div","className","concat","animate","variants","style","animationDuration","backgroundImage","backgroundRepeat","backgroundSize","FontAwesomeIcon","icon","faUser"],"mappings":"oiBAUMA,EAAe,CACnBC,KAAM,CACJC,MAAO,OACPC,OAAQ,OACRC,aAAc,QAEhBC,OAAQ,CACNH,MAAO,OACPC,OAAQ,OACRC,aAAc,yBAIC,WACT,IAAAE,EAAWC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,gBACnDC,EAAYH,cAAY,SAACC,GAAqB,OAAAA,EAAME,kBACtDC,EAAOJ,EAAWA,YAAC,SAACC,GAAqB,OAAAA,EAAMI,KAAN,GACzCC,EAOFN,EAAWA,YAAC,SAACC,GAAqB,OAAAA,EAAMM,WAAN,GANpCC,EAAQF,EAAAE,SACRC,EAAMH,EAAAG,OACNC,aACAC,EAAQL,EAAAK,SACRC,EAAQN,EAAAM,SACRC,iBAGIC,EAAYC,EAAAA,QAAQ,iBACxB,OAAIF,GACKT,aAAA,EAAAA,EAAMY,cAAqC,QAAvBV,EAAAF,EAAKY,WAAWP,UAAO,IAAAH,OAAA,EAAAA,EAAEE,UAChDL,eAAAA,EAAUC,EAAKY,WAAWP,GAAQD,eAClCS,EAECd,aAAO,EAAPA,EAAUK,EACnB,EAAG,CAACL,EAASK,EAAUK,EAAcT,EAAMK,IAErCS,EAAkBR,GAAaC,IAAaC,EAElD,OACEO,EAAAA,QAAAC,cAACC,EAAMA,OAACC,IACN,CAAAC,UAAW,eAAAC,OAAezB,EAAS,WAAa,IAChD0B,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,GAETyB,GACCC,EAAAA,QAACC,cAAAC,EAAMA,OAACC,IAAG,CACTK,MAAO,CAAEC,kBAAmB,MAC5BH,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,EACV8B,UAAU,8GAGdJ,EAAC,QAAAC,cAAAC,SAAOC,IAAG,CACTC,UAAU,iKACVI,MAAO,CACLE,gBAAiBf,EAAY,OAAOU,OAAAV,EAAY,KAAG,OACnDgB,iBAAkB,YAClBC,eAAgB,WAElBN,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,IAERqB,GACAK,EAAC,QAAAC,cAAAY,EAAeA,iBACdC,KAAMC,SACNX,UAAW,GACTC,OAAAzB,EAAS,gBAAkB,oBAAmB,2CAO5D"}

package/dist/components/CallView/BackCall.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("./Timer.js"),t=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var s=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../AvatarGroup.js"),a=require("../../utils/genericFunctions/isEmpty.js"),o=require("../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js"),l=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),p=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e);exports.default=function(d){var c=d.isVisible,f=u.useSelector((function(e){return e.currentCall})),x=f.number,y=f.displayName,g=f.transferring,v=f.transferringName,j=f.startTime,h=f.transferringStartTime,b=f.transferCalls,q=p.useDispatch(),w=s.useTranslation().t,E=u.useSelector((function(e){return e.island})),_=E.isOpen,N=E.previousView,T=u.useSelector((function(e){return e.screenShare})),S=T.active,C=T.role,A=u.useSelector((function(e){return e.conference})),P=A.isActive,R=A.usersList,k=A.ownerInformations;return e.useEffect((function(){var e=b.find((function(e){return e.number!==x}));e&&q.currentCall.updateCurrentCall({transferringName:e.displayName,transferringStartTime:e.startTime})}),[x]),m.default.createElement(o.AnimatePresence,null,c&&m.default.createElement(l.motion.div,{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 ".concat(_?"pi-px-6":"pi-px-4"," pi-pt-3"),style:{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",height:"60px"},initial:{y:60},animate:{y:0},exit:{y:60,transitionEnd:{display:"none"}},transition:{duration:.12,ease:"easeOut"}},m.default.createElement("div",{className:"pi-font-medium pi-text-sm pi-relative"},m.default.createElement("div",{className:"pi-whitespace-nowrap pi-overflow-hidden ".concat(_&&"video"!==N?"pi-w-44":"pi-w-16")},g?v:P&&!a.isEmpty(k)?w("Conference.In conference"):P&&a.isEmpty(k)?w("Conference.Waiting for the conference"):"recorder"===N?w("Common.Record message"):"player"===N?w("Common.Play message"):y),m.default.createElement("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"})),m.default.createElement("div",{className:"pi-flex pi-gap-5"},S&&"publisher"===C&&m.default.createElement("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"},m.default.createElement(i.FontAwesomeIcon,{icon:t.faDisplay,className:"pi-w-4 pi-h-4"}),w("Screen sharing.Sharing")),m.default.createElement("div",{className:"pi-w-16 pi-flex pi-justify-end"},P||"recorder"===N||"player"===N?m.default.createElement(n.default,{usersList:R||{},maxAvatars:5}):m.default.createElement(r.default,{size:"small",startTime:g?h:j})))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("./Timer.js"),t=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),i=require("../../node_modules/@fortawesome/react-fontawesome/dist/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 s=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../AvatarGroup.js"),a=require("../../utils/genericFunctions/isEmpty.js"),o=require("../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js"),l=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),u=require("../../node_modules/react-redux/es/hooks/useSelector.js"),p=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e);exports.default=function(d){var c=d.isVisible,f=u.useSelector(function(e){return e.currentCall}),x=f.number,y=f.displayName,g=f.transferring,v=f.transferringName,j=f.startTime,h=f.transferringStartTime,b=f.transferCalls,q=p.useDispatch(),w=s.useTranslation().t,E=u.useSelector(function(e){return e.island}),_=E.isOpen,N=E.previousView,T=u.useSelector(function(e){return e.screenShare}),S=T.active,C=T.role,A=u.useSelector(function(e){return e.conference}),P=A.isActive,R=A.usersList,k=A.ownerInformations;return e.useEffect(function(){var e=b.find(function(e){return e.number!==x});e&&q.currentCall.updateCurrentCall({transferringName:e.displayName,transferringStartTime:e.startTime})},[x]),m.default.createElement(o.AnimatePresence,null,c&&m.default.createElement(l.motion.div,{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 ".concat(_?"pi-px-6":"pi-px-4"," pi-pt-3"),style:{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",height:"60px"},initial:{y:60},animate:{y:0},exit:{y:60,transitionEnd:{display:"none"}},transition:{duration:.12,ease:"easeOut"}},m.default.createElement("div",{className:"pi-font-medium pi-text-sm pi-relative"},m.default.createElement("div",{className:"pi-whitespace-nowrap pi-overflow-hidden ".concat(_&&"video"!==N?"pi-w-44":"pi-w-16")},g?v:P&&!a.isEmpty(k)?w("Conference.In conference"):P&&a.isEmpty(k)?w("Conference.Waiting for the conference"):"recorder"===N?w("Common.Record message"):"player"===N?w("Common.Play message"):y),m.default.createElement("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"})),m.default.createElement("div",{className:"pi-flex pi-gap-5"},S&&"publisher"===C&&m.default.createElement("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"},m.default.createElement(i.FontAwesomeIcon,{icon:t.faDisplay,className:"pi-w-4 pi-h-4"}),w("Screen sharing.Sharing")),m.default.createElement("div",{className:"pi-w-16 pi-flex pi-justify-end"},P||"recorder"===N||"player"===N?m.default.createElement(n.default,{usersList:R||{},maxAvatars:5}):m.default.createElement(r.default,{size:"small",startTime:g?h:j})))))};
 //# sourceMappingURL=BackCall.js.map

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

@@ -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,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IAPpCC,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,aAAY,SAACC,GAAqB,OAAAA,EAAMc,MAAM,IAAvEC,WAAQC,iBACVC,EAAuDlB,EAAAA,aAC3D,SAACC,GAAqB,OAAAA,EAAMkB,WAAW,IADzBC,WAAyBC,SAGnCC,EAAkDtB,EAAAA,aACtD,SAACC,GAAqB,OAAAA,EAAMsB,cADtBC,EAAQF,EAAAE,SAAEC,EAASH,EAAAG,UAAEC,EAAiBJ,EAAAI,kBAe9C,OAXAC,EAAAA,WAAU,WACR,IAAMC,EAA+BnB,EAAcoB,MAAK,SAACC,GAAS,OAAAA,EAAK3B,SAAWA,CAAhB,IAE9DyB,GACFlB,EAASR,YAAY6B,kBAAkB,CACrCzB,iBAAkBsB,EAASxB,YAC3BI,sBAAuBoB,EAASrB,WAGtC,GAAG,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"}
+{"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

@@ -0,0 +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 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-4 pi-w-4"}))});exports.DEVICE_TOOLTIP_ID=a,exports.default=d;
+//# sourceMappingURL=DeviceIcon.js.map

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

@@ -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-4 pi-w-4' />\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/DisplayName.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js"),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 i=require("./DisplayNameUtils.js"),r=require("../TextScroll.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=function(e){var t,i;return{displayName:null===(t=null==e?void 0:e.currentCall)||void 0===t?void 0:t.displayName,incoming:null===(i=null==e?void 0:e.currentCall)||void 0===i?void 0:i.incoming}},u=function(e){return e.listen},a=e.memo((function(){var n=l.useSelector(s),a=n.displayName,d=n.incoming,c=l.useSelector(u),m=t.useTranslation().t,p=e.useMemo((function(){return i.getDisplayText({intrudeListenStatus:c,displayName:a,incoming:d,t:m})}),[c,a,d,m]),f=p.content,v=e.useMemo((function(){return i.getTextClassName()}),[]);return o.default.createElement("div",{className:"pi-relative pi-block pi-w-full pi-min-w-0 pi-overflow-hidden pi-whitespace-nowrap pi-text-lg pi-font-medium","data-tooltip-id":f?"tooltip-display-name":void 0,"data-tooltip-content":f||""},o.default.createElement("div",{className:"".concat(v," pi-w-full pi-min-w-0")},"scroll"===p.type?o.default.createElement(r.default,{text:f}):o.default.createElement("span",{className:"pi-block pi-max-w-full pi-truncate"},f)))}));exports.default=a;
+"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 i=require("./DisplayNameUtils.js"),r=require("../TextScroll.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),s=function(e){var t,i;return{displayName:null===(t=null==e?void 0:e.currentCall)||void 0===t?void 0:t.displayName,incoming:null===(i=null==e?void 0:e.currentCall)||void 0===i?void 0:i.incoming}},u=function(e){return e.listen},a=e.memo(function(){var n=l.useSelector(s),a=n.displayName,d=n.incoming,c=l.useSelector(u),m=t.useTranslation().t,p=e.useMemo(function(){return i.getDisplayText({intrudeListenStatus:c,displayName:a,incoming:d,t:m})},[c,a,d,m]),f=p.content,v=e.useMemo(function(){return i.getTextClassName()},[]);return o.default.createElement("div",{className:"pi-relative pi-block pi-w-full pi-min-w-0 pi-overflow-hidden pi-whitespace-nowrap pi-text-lg pi-font-medium","data-tooltip-id":f?"tooltip-display-name":void 0,"data-tooltip-content":f||""},o.default.createElement("div",{className:"".concat(v," pi-w-full pi-min-w-0")},"scroll"===p.type?o.default.createElement(r.default,{text:f}):o.default.createElement("span",{className:"pi-block pi-max-w-full pi-truncate"},f)))});exports.default=a;
 //# sourceMappingURL=DisplayName.js.map

package/dist/components/CallView/DisplayName.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayName.js","sources":["../../../src/components/CallView/DisplayName.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useMemo, memo } from 'react'\nimport { RootState } from '../../store'\nimport { useSelector } from 'react-redux'\nimport { useTranslation } from 'react-i18next'\nimport { getDisplayText, getTextClassName } from './DisplayNameUtils'\nimport TextScroll from '../TextScroll'\n\nconst selectDisplayNameAndIncoming = (state: RootState) => ({\n  displayName: state?.currentCall?.displayName,\n  incoming: state?.currentCall?.incoming,\n})\n\nconst selectIntrudeListenStatus = (state: RootState) => state.listen\n\nconst DisplayName: React.FC<DisplayNameProps> = () => {\n  const { displayName, incoming } = useSelector(selectDisplayNameAndIncoming)\n  const intrudeListenStatus = useSelector(selectIntrudeListenStatus)\n\n  const { t } = useTranslation()\n\n  const displayTextResult = useMemo(\n    () => getDisplayText({ intrudeListenStatus, displayName, incoming, t }),\n    [intrudeListenStatus, displayName, incoming, t],\n  )\n\n  const displayText = displayTextResult.content\n\n  const textClassName = useMemo(() => getTextClassName(), [])\n\n  return (\n    <div\n      className='pi-relative pi-block pi-w-full pi-min-w-0 pi-overflow-hidden pi-whitespace-nowrap pi-text-lg pi-font-medium'\n      data-tooltip-id={displayText ? 'tooltip-display-name' : undefined}\n      data-tooltip-content={displayText || ''}\n    >\n      <div className={`${textClassName} pi-w-full pi-min-w-0`}>\n        {displayTextResult.type === 'scroll' ? (\n          <TextScroll text={displayText} />\n        ) : (\n          <span className='pi-block pi-max-w-full pi-truncate'>{displayText}</span>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default memo(DisplayName)\n\nexport interface DisplayNameProps {}\n"],"names":["selectDisplayNameAndIncoming","state","displayName","_a","currentCall","incoming","_b","selectIntrudeListenStatus","listen","memo","useSelector","intrudeListenStatus","t","useTranslation","displayTextResult","useMemo","getDisplayText","displayText","content","textClassName","getTextClassName","React","createElement","className","undefined","concat","type","TextScroll","text"],"mappings":"o2BAUMA,EAA+B,SAACC,WAAqB,MAAC,CAC1DC,YAA+B,QAAlBC,EAAAF,eAAAA,EAAOG,mBAAW,IAAAD,OAAA,EAAAA,EAAED,YACjCG,SAA4B,QAAlBC,EAAAL,eAAAA,EAAOG,mBAAW,IAAAE,OAAA,EAAAA,EAAED,WAG1BE,EAA4B,SAACN,GAAqB,OAAAA,EAAMO,MAAN,EAkCzCC,EAAAA,EAAAA,MAhCiC,WACxC,IAAAN,EAA4BO,cAAYV,GAAtCE,EAAWC,EAAAD,YAAEG,EAAQF,EAAAE,SACvBM,EAAsBD,cAAYH,GAEhCK,EAAMC,qBAERC,EAAoBC,WACxB,WAAM,OAAAC,EAAAA,eAAe,CAAEL,oBAAmBA,EAAET,YAAWA,EAAEG,SAAQA,EAAEO,KAAI,GACvE,CAACD,EAAqBT,EAAaG,EAAUO,IAGzCK,EAAcH,EAAkBI,QAEhCC,EAAgBJ,EAAAA,SAAQ,WAAM,OAAAK,EAAAA,kBAAA,GAAoB,IAExD,OACEC,EACE,QAAAC,cAAA,MAAA,CAAAC,UAAU,8GAA6G,kBACtGN,EAAc,4BAAyBO,EAClC,uBAAAP,GAAe,IAErCI,EAAAA,QAAAC,cAAA,MAAA,CAAKC,UAAW,GAAAE,OAAGN,EAAa,0BACF,WAA3BL,EAAkBY,KACjBL,EAAA,QAAAC,cAACK,EAAAA,QAAW,CAAAC,KAAMX,IAElBI,EAAM,QAAAC,cAAA,OAAA,CAAAC,UAAU,sCAAsCN,IAKhE"}
+{"version":3,"file":"DisplayName.js","sources":["../../../src/components/CallView/DisplayName.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useMemo, memo } from 'react'\nimport { RootState } from '../../store'\nimport { useSelector } from 'react-redux'\nimport { useTranslation } from 'react-i18next'\nimport { getDisplayText, getTextClassName } from './DisplayNameUtils'\nimport TextScroll from '../TextScroll'\n\nconst selectDisplayNameAndIncoming = (state: RootState) => ({\n  displayName: state?.currentCall?.displayName,\n  incoming: state?.currentCall?.incoming,\n})\n\nconst selectIntrudeListenStatus = (state: RootState) => state.listen\n\nconst DisplayName: React.FC<DisplayNameProps> = () => {\n  const { displayName, incoming } = useSelector(selectDisplayNameAndIncoming)\n  const intrudeListenStatus = useSelector(selectIntrudeListenStatus)\n\n  const { t } = useTranslation()\n\n  const displayTextResult = useMemo(\n    () => getDisplayText({ intrudeListenStatus, displayName, incoming, t }),\n    [intrudeListenStatus, displayName, incoming, t],\n  )\n\n  const displayText = displayTextResult.content\n\n  const textClassName = useMemo(() => getTextClassName(), [])\n\n  return (\n    <div\n      className='pi-relative pi-block pi-w-full pi-min-w-0 pi-overflow-hidden pi-whitespace-nowrap pi-text-lg pi-font-medium'\n      data-tooltip-id={displayText ? 'tooltip-display-name' : undefined}\n      data-tooltip-content={displayText || ''}\n    >\n      <div className={`${textClassName} pi-w-full pi-min-w-0`}>\n        {displayTextResult.type === 'scroll' ? (\n          <TextScroll text={displayText} />\n        ) : (\n          <span className='pi-block pi-max-w-full pi-truncate'>{displayText}</span>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default memo(DisplayName)\n\nexport interface DisplayNameProps {}\n"],"names":["selectDisplayNameAndIncoming","state","displayName","_a","currentCall","incoming","_b","selectIntrudeListenStatus","listen","memo","useSelector","intrudeListenStatus","t","useTranslation","displayTextResult","useMemo","getDisplayText","displayText","content","textClassName","getTextClassName","React","createElement","className","undefined","concat","type","TextScroll","text"],"mappings":"o2BAUMA,EAA+B,SAACC,WAAqB,MAAC,CAC1DC,YAA+B,QAAlBC,EAAAF,eAAAA,EAAOG,mBAAW,IAAAD,OAAA,EAAAA,EAAED,YACjCG,SAA4B,QAAlBC,EAAAL,eAAAA,EAAOG,mBAAW,IAAAE,OAAA,EAAAA,EAAED,WAG1BE,EAA4B,SAACN,GAAqB,OAAAA,EAAMO,MAAN,EAkCzCC,EAAAA,EAAAA,KAhCiC,WACxC,IAAAN,EAA4BO,cAAYV,GAAtCE,EAAWC,EAAAD,YAAEG,EAAQF,EAAAE,SACvBM,EAAsBD,cAAYH,GAEhCK,EAAMC,qBAERC,EAAoBC,UACxB,WAAM,OAAAC,EAAAA,eAAe,CAAEL,oBAAmBA,EAAET,YAAWA,EAAEG,SAAQA,EAAEO,KAAI,EACvE,CAACD,EAAqBT,EAAaG,EAAUO,IAGzCK,EAAcH,EAAkBI,QAEhCC,EAAgBJ,EAAAA,QAAQ,WAAM,OAAAK,EAAAA,kBAAA,EAAoB,IAExD,OACEC,EACE,QAAAC,cAAA,MAAA,CAAAC,UAAU,8GAA6G,kBACtGN,EAAc,4BAAyBO,EAClC,uBAAAP,GAAe,IAErCI,EAAAA,QAAAC,cAAA,MAAA,CAAKC,UAAW,GAAAE,OAAGN,EAAa,0BACF,WAA3BL,EAAkBY,KACjBL,EAAA,QAAAC,cAACK,EAAAA,QAAW,CAAAC,KAAMX,IAElBI,EAAM,QAAAC,cAAA,OAAA,CAAAC,UAAU,sCAAsCN,IAKhE"}

package/dist/components/CallView/Number.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("../../styles/Island.styles.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 s=require("../../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e);exports.default=function(){var e=s.useSelector((function(e){return e.currentCall})).number,n=s.useSelector((function(e){return e.island})).isOpen,l=t.useTranslation().t,o="unknown"===e?l("TextScroll.unknown"):e||l("Call.In progress...")||"-";return u.default.createElement(r.StyledNumber,{isOpen:n},u.default.createElement("span",{className:"dark:pi-text-gray-50 pi-text-gray-600"},o))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var r=require("../../styles/Island.styles.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 s=require("../../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e);exports.default=function(){var e=s.useSelector(function(e){return e.currentCall}).number,n=s.useSelector(function(e){return e.island}).isOpen,l=t.useTranslation().t,o="unknown"===e?l("TextScroll.unknown"):e||l("Call.In progress...")||"-";return u.default.createElement(r.StyledNumber,{isOpen:n},u.default.createElement("span",{className:"dark:pi-text-gray-50 pi-text-gray-600"},o))};
 //# sourceMappingURL=Number.js.map

package/dist/components/CallView/Number.js.map

@@ -1 +1 @@
-{"version":3,"file":"Number.js","sources":["../../../src/components/CallView/Number.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 } from 'react-redux'\nimport { RootState } from '../../store'\nimport { StyledNumber } from '../../styles/Island.styles'\nimport { useTranslation } from 'react-i18next'\n\nconst Number: FC = () => {\n  const { number } = useSelector((state: RootState) => state.currentCall)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { t } = useTranslation()\n\n  const displayNumber =\n    number === 'unknown' ? t('TextScroll.unknown') : number || t('Call.In progress...') || '-'\n\n  return (\n    <StyledNumber isOpen={isOpen}>\n      <span className='dark:pi-text-gray-50 pi-text-gray-600'>{displayNumber}</span>\n    </StyledNumber>\n  )\n}\n\nexport default Number\n"],"names":["number","useSelector","state","currentCall","isOpen","island","t","useTranslation","displayNumber","React","createElement","StyledNumber","className"],"mappings":"k2BASmB,WACT,IAAAA,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,sBACnDC,EAAWH,eAAY,SAACC,GAAqB,OAAAA,EAAMG,iBACnDC,EAAMC,qBAERC,EACO,YAAXR,EAAuBM,EAAE,sBAAwBN,GAAUM,EAAE,wBAA0B,IAEzF,OACEG,EAAC,QAAAC,cAAAC,EAAYA,aAAC,CAAAP,OAAQA,GACpBK,EAAM,QAAAC,cAAA,OAAA,CAAAE,UAAU,yCAAyCJ,GAG/D"}
+{"version":3,"file":"Number.js","sources":["../../../src/components/CallView/Number.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 } from 'react-redux'\nimport { RootState } from '../../store'\nimport { StyledNumber } from '../../styles/Island.styles'\nimport { useTranslation } from 'react-i18next'\n\nconst Number: FC = () => {\n  const { number } = useSelector((state: RootState) => state.currentCall)\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { t } = useTranslation()\n\n  const displayNumber =\n    number === 'unknown' ? t('TextScroll.unknown') : number || t('Call.In progress...') || '-'\n\n  return (\n    <StyledNumber isOpen={isOpen}>\n      <span className='dark:pi-text-gray-50 pi-text-gray-600'>{displayNumber}</span>\n    </StyledNumber>\n  )\n}\n\nexport default Number\n"],"names":["number","useSelector","state","currentCall","isOpen","island","t","useTranslation","displayNumber","React","createElement","StyledNumber","className"],"mappings":"k2BASmB,WACT,IAAAA,EAAWC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,qBACnDC,EAAWH,cAAY,SAACC,GAAqB,OAAAA,EAAMG,gBACnDC,EAAMC,qBAERC,EACO,YAAXR,EAAuBM,EAAE,sBAAwBN,GAAUM,EAAE,wBAA0B,IAEzF,OACEG,EAAC,QAAAC,cAAAC,EAAYA,aAAC,CAAAP,OAAQA,GACpBK,EAAM,QAAAC,cAAA,OAAA,CAAAE,UAAU,yCAAyCJ,GAG/D"}

package/dist/components/CallView/NumberPopover.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react");require("../../node_modules/react-redux/es/index.js"),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",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;
+//# sourceMappingURL=NumberPopover.js.map

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

@@ -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        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","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,EAyFeI,EAAAA,EAAAA,KA3EW,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,EAAC,QAAAzC,cAAA+C,sBACC,CAAAC,GAAIrD,EACJsD,MAAM,SACNC,aAAW,EACXC,WACA,EAAAC,kBAAmB,CAAEC,oBAAoB,EAAMC,QAAQ,IAEvDb,EAAA,QAAAzC,cAAA,MAAA,CAAK0C,UAAU,mCAAkC,yBAAwB,GACvED,UAAAzC,cAAA,OAAA,CAAM0C,UAAU,gDAA8C,GAC3DzB,GAEHwB,EAAAA,QAAAzC,cAAA,SAAA,CACE2C,KAAK,SACLY,QAASzB,EACTY,UAAW,iHACTc,OAAA9C,EAAS,kBAAoB,gDAER,yBAAA,eACDK,EAATL,EAAW,cAAmB,qBAAwB,IAEnE+B,EAAC,QAAAzC,cAAA4C,EAAeA,gBACd,CAAAC,KAAMnC,EAAS+C,EAAAA,QAAUC,EAAAA,OACzBhB,UAAU,gBACa,yBAAA,QApCf,IA2CtB"}

package/dist/components/CallView/Timer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../styles/Island.styles.js"),r=require("../../node_modules/react-moment/dist/index.js"),a=require("../../lib/user/default_device.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(e);exports.default=function(e){var s=e.size,u=void 0===s?"large":s,l=e.startTime,d=e.isNotAlwaysWhite,o=e.isInsideConference,c=i.useSelector((function(e){return e.island})).isOpen;return n.default.createElement(n.default.Fragment,null,null!=l&&!a.isPhysical()&&n.default.createElement(t.StyledTimer,{isOpen:c,size:u},n.default.createElement(r.default,{date:Number(l),interval:1e3,format:"hh:mm:ss",trim:!1,unix:!0,durationFromNow:!0,className:"".concat(void 0!==d&&d?"pi-text-gray-950 dark:pi-text-gray-50":"pi-text-gray-50 dark:pi-text-gray-50"," ").concat(o?"pi-font-mono":"")})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../styles/Island.styles.js"),r=require("../../node_modules/react-moment/dist/index.js"),a=require("../../lib/user/default_device.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(e);exports.default=function(e){var s=e.size,u=void 0===s?"large":s,l=e.startTime,d=e.isNotAlwaysWhite,o=e.isInsideConference,c=i.useSelector(function(e){return e.island}).isOpen;return n.default.createElement(n.default.Fragment,null,null!=l&&!a.isPhysical()&&n.default.createElement(t.StyledTimer,{isOpen:c,size:u},n.default.createElement(r.default,{date:Number(l),interval:1e3,format:"hh:mm:ss",trim:!1,unix:!0,durationFromNow:!0,className:"".concat(void 0!==d&&d?"pi-text-gray-950 dark:pi-text-gray-50":"pi-text-gray-50 dark:pi-text-gray-50"," ").concat(o?"pi-font-mono":"")})))};
 //# sourceMappingURL=Timer.js.map

package/dist/components/CallView/Timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.js","sources":["../../../src/components/CallView/Timer.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { StyledTimer } from '../../styles/Island.styles'\nimport Moment from 'react-moment'\nimport { isPhysical } from '../../lib/user/default_device'\n\nconst Timer: FC<TimerProps> = ({\n  size = 'large',\n  startTime,\n  isNotAlwaysWhite,\n  isInsideConference,\n}) => {\n  // Get isOpen from the island store\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  return (\n    <>\n      {startTime != null && !isPhysical() && (\n        <StyledTimer isOpen={isOpen} size={size}>\n          <Moment\n            date={Number(startTime)}\n            interval={1000}\n            format='hh:mm:ss'\n            trim={false}\n            unix\n            durationFromNow\n            className={`${\n              isNotAlwaysWhite !== undefined && isNotAlwaysWhite\n                ? 'pi-text-gray-950 dark:pi-text-gray-50'\n                : 'pi-text-gray-50 dark:pi-text-gray-50'\n            } ${isInsideConference ? 'pi-font-mono' : ''}`}\n          />\n        </StyledTimer>\n      )}\n    </>\n  )\n}\n\nexport default Timer\n\nexport interface TimerProps {\n  size?: 'small' | 'large'\n  startTime: string\n  // when the timer is used in the home view or in the pill view\n  // TODO rename prop: it is used also in video view\n  isNotAlwaysWhite?: boolean\n  isInsideConference?: boolean\n}\n"],"names":["_a","_b","size","startTime","isNotAlwaysWhite","isInsideConference","isOpen","useSelector","state","island","React","isPhysical","createElement","StyledTimer","Moment","date","Number","interval","format","trim","unix","durationFromNow","className","concat","undefined"],"mappings":"gdAU8B,SAACA,GAC7B,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,QAAOA,EACdE,EAASH,EAAAG,UACTC,EAAgBJ,EAAAI,iBAChBC,EAAkBL,EAAAK,mBAGVC,EAAWC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,iBAC3D,OACEC,EAAAA,8CACgB,MAAbP,IAAsBQ,EAAUA,cAC/BD,EAAAA,QAACE,cAAAC,EAAWA,aAACP,OAAQA,EAAQJ,KAAMA,GACjCQ,EAAAA,QAAAE,cAACE,UAAM,CACLC,KAAMC,OAAOb,GACbc,SAAU,IACVC,OAAO,WACPC,MAAM,EACNC,QACAC,iBAAe,EACfC,UAAW,GACTC,YAAqBC,IAArBpB,GAAkCA,EAC9B,wCACA,uCAAsC,KAAAmB,OACxClB,EAAqB,eAAiB,OAMtD"}
+{"version":3,"file":"Timer.js","sources":["../../../src/components/CallView/Timer.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { StyledTimer } from '../../styles/Island.styles'\nimport Moment from 'react-moment'\nimport { isPhysical } from '../../lib/user/default_device'\n\nconst Timer: FC<TimerProps> = ({\n  size = 'large',\n  startTime,\n  isNotAlwaysWhite,\n  isInsideConference,\n}) => {\n  // Get isOpen from the island store\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  return (\n    <>\n      {startTime != null && !isPhysical() && (\n        <StyledTimer isOpen={isOpen} size={size}>\n          <Moment\n            date={Number(startTime)}\n            interval={1000}\n            format='hh:mm:ss'\n            trim={false}\n            unix\n            durationFromNow\n            className={`${\n              isNotAlwaysWhite !== undefined && isNotAlwaysWhite\n                ? 'pi-text-gray-950 dark:pi-text-gray-50'\n                : 'pi-text-gray-50 dark:pi-text-gray-50'\n            } ${isInsideConference ? 'pi-font-mono' : ''}`}\n          />\n        </StyledTimer>\n      )}\n    </>\n  )\n}\n\nexport default Timer\n\nexport interface TimerProps {\n  size?: 'small' | 'large'\n  startTime: string\n  // when the timer is used in the home view or in the pill view\n  // TODO rename prop: it is used also in video view\n  isNotAlwaysWhite?: boolean\n  isInsideConference?: boolean\n}\n"],"names":["_a","_b","size","startTime","isNotAlwaysWhite","isInsideConference","isOpen","useSelector","state","island","React","isPhysical","createElement","StyledTimer","Moment","date","Number","interval","format","trim","unix","durationFromNow","className","concat","undefined"],"mappings":"gdAU8B,SAACA,GAC7B,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,QAAOA,EACdE,EAASH,EAAAG,UACTC,EAAgBJ,EAAAI,iBAChBC,EAAkBL,EAAAK,mBAGVC,EAAWC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,gBAC3D,OACEC,EAAAA,8CACgB,MAAbP,IAAsBQ,EAAUA,cAC/BD,EAAAA,QAACE,cAAAC,EAAWA,aAACP,OAAQA,EAAQJ,KAAMA,GACjCQ,EAAAA,QAAAE,cAACE,UAAM,CACLC,KAAMC,OAAOb,GACbc,SAAU,IACVC,OAAO,WACPC,MAAM,EACNC,QACAC,iBAAe,EACfC,UAAW,GACTC,YAAqBC,IAArBpB,GAAkCA,EAC9B,wCACA,uCAAsC,KAAAmB,OACxClB,EAAqB,eAAiB,OAMtD"}

package/dist/components/CallView/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var 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"),l=require("../../utils/streaming/streamingUtils.js"),n=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 a=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"),u=require("../AudioBars.js");require("../../node_modules/i18next/dist/esm/i18next.js");var s=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"),v=require("./Actions.js"),E=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,l=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(l)},t)});k.displayName="Details";var I=e.memo(function(e){var l=e.label,n=e.tooltipContent;return l?T.default.createElement("span",{className:"pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary","data-tooltip-id":n?"tooltip-queue":void 0,"data-tooltip-content":n||""},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 l=e.label,n=e.tooltipContent;return l?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":n?"tooltip-queue":void 0,"data-tooltip-content":n||"","aria-label":n||l},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"},l)):null});S.displayName="IncomingQueueBadge";var A=e.memo(function(){var _,A=w.useTranslation().t,P=y.useDispatch(),F=q.useSelector(function(e){return e.currentCall}),O=F.incoming,M=F.accepted,B=F.outgoing,D=F.startTime,U=F.paused,V=F.number,W=F.displayName,L=F.isRecording,z=F.streamingSourceNumber,H=F.queueName,Q=F.queueNumber,R=F.throughQueue,G=F.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,le=q.useSelector(function(e){return e.alerts}).data,ne=q.useSelector(function(e){return e.currentUser}),ae=q.useSelector(function(e){return e.streaming}),re=ae.videoSources,oe=ae.sourceImages,ue=e.useMemo(function(){return Object.values(le).filter(function(e){return e.active})},[le]),se=e.useMemo(function(){return ue.length>0?ue[ue.length-1]:null},[ue]),ce=e.useMemo(function(){return X&&z&&!M},[X,z,M]),de=e.useMemo(function(){if(!z||!re)return{canUnlock:!1,tooltipText:""};var e=Object.values(re).find(function(e){return(null==e?void 0:e.extension)===z}),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):""}},[z,re,A]),pe=e.useMemo(function(){return a.isNumberOnlyName(W)},[W]),me=e.useMemo(function(){return!pe&&(e=V,(e||"").replace(/\D/g,"")).length>0;var e},[pe,V]),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]),ve=e.useMemo(function(){return Boolean(O&&!M&&R&&ge)},[M,O,R,ge]),Ee=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==ne?void 0:ne.default_device)||void 0===e?void 0:e.description)||A("Common.Physical phone")))},[null===(_=null==ne?void 0:ne.default_device)||void 0===_?void 0:_.description,A]),we=e.useCallback(function(e){var l=K?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6",n=K?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full",a=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(l," pi-flex pi-justify-center pi-items-center")},T.default.createElement("div",{className:"".concat(n," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},T.default.createElement("span",{className:"".concat(a," 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=ve?"pi-grid pi-items-center":"pi-grid pi-items-start",M?e+=" pi-grid-rows-[72px_1fr]":O?e+=" pi-grid-cols-[256px_114px]":B&&(e+=" pi-grid-cols-[1fr_84px]")),ce?"pi-flex pi-flex-col":e},[K,M,O,B,ce,ve]),be=e.useMemo(function(){var e=K&&!ve?"start":"center";return"pi-grid ".concat(K&&!M&&B?"pi-grid-cols-[48px_1fr]":K&&!M&&O?"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,O,B,ve]),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()?Ee():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()?Ee():T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}):te?"".concat(te):""):ve?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()?Ee():T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}),me&&T.default.createElement(g.default,null)),me):ye(pe&&(B||O)?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},[O,B,pe,me,ye,K,ee,$,M,D,ie,te,A,Ee,M,R,ge,xe,ve]),_e=e.useCallback(function(){return M&&L?we("red"):M&&Y&&!r.isPhysical()?T.default.createElement(u.AudioBars,{audioStream:Y,paused:U,size:K?"large":"small"}):M&&r.isPhysical()?we("green"):null},[M,L,Y,K,U,we]),Te=e.useCallback(function(){if(!re||0===Object.keys(re).length||!z)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===z});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"})},[z,re,oe]);if(null!==se)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(E.default,{description:A("Tooltip.Hangup")}),!B&&T.default.createElement(o.Button,{onClick:function(){return n.answerIncomingCall(),void setTimeout(function(){P.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:l.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(v.default,null),T.default.createElement("div",{className:"pi-grid ".concat(je," pi-gap-3.5")},T.default.createElement(E.default,{description:A("Tooltip.Hangup and transfer")}),C(B,M)&&T.default.createElement(o.Button,{onClick:n.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(s.CustomThemedTooltip,{id:"tooltip-answer-left",place:"left"}),T.default.createElement(s.CustomThemedTooltip,{id:"tooltip-answer",place:"left"}),T.default.createElement(s.CustomThemedTooltip,{id:"tooltip-unlock",place:"left"}),T.default.createElement(s.CustomThemedTooltip,{id:"tooltip-display-name",place:"bottom"}),T.default.createElement(s.CustomThemedTooltip,{id:"tooltip-queue",place:"bottom"}),T.default.createElement(s.CustomThemedTooltip,{id:f.DEVICE_TOOLTIP_ID,place:"right"}))});exports.default=A;
 //# sourceMappingURL=index.js.map

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

@@ -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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"}
+{"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 } 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'\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                  <Timer startTime={startTime} isNotAlwaysWhite />\n                ) : (\n                  renderLandlinePhoneDiv()\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 id={DEVICE_TOOLTIP_ID} place='right' />\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","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"],"mappings":"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"}

package/dist/components/ConferenceView/ConferenceUsersList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),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