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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components/CallView/Avatar.js +1 -1
  2. package/dist/components/CallView/Avatar.js.map +1 -1
  3. package/dist/components/CallView/index.js +1 -1
  4. package/dist/components/CallView/index.js.map +1 -1
  5. package/dist/components/CustomThemedTooltip.js +1 -1
  6. package/dist/components/CustomThemedTooltip.js.map +1 -1
  7. package/dist/components/IslandMotion.js +1 -1
  8. package/dist/components/IslandMotion.js.map +1 -1
  9. package/dist/components/Socket.js +1 -1
  10. package/dist/components/Socket.js.map +1 -1
  11. package/dist/components/VideoView/index.js +1 -1
  12. package/dist/components/VideoView/index.js.map +1 -1
  13. package/dist/index.css +1 -1
  14. package/dist/lib/phone/conversation.js +1 -1
  15. package/dist/lib/phone/conversation.js.map +1 -1
  16. package/dist/models/currentCall.js +1 -1
  17. package/dist/models/currentCall.js.map +1 -1
  18. package/dist/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js +1 -1
  19. package/dist/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js.map +1 -1
  20. package/dist/package.json.js +1 -1
  21. package/dist/public/locales/en/translation.json.js +1 -1
  22. package/dist/public/locales/it/translation.json.js +1 -1
  23. package/package.json +1 -1
  24. package/dist/components/CallView/DeviceIcon.js +0 -2
  25. package/dist/components/CallView/DeviceIcon.js.map +0 -1
  26. package/dist/components/CallView/NumberPopover.js +0 -2
  27. package/dist/components/CallView/NumberPopover.js.map +0 -1
  28. package/dist/lib/phone/counterpartDevice.js +0 -2
  29. package/dist/lib/phone/counterpartDevice.js.map +0 -1
package/dist/components/CallView/Avatar.js CHANGED
@@ -1,2 +1,2 @@
1
- "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")})))};
1
+ "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}))};
2
2
  //# sourceMappingURL=Avatar.js.map
package/dist/components/CallView/Avatar.js.map CHANGED
@@ -1 +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 { 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"}
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,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,uHACVI,MAAO,CACLE,gBAAiBf,EAAY,OAAOU,OAAAV,EAAY,KAAG,OACnDgB,iBAAkB,YAClBC,eAAgB,WAElBN,QAAS1B,EAAS,OAAS,SAC3B2B,SAAUjC,IAIlB"}
package/dist/components/CallView/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js");var t=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),a=require("../../utils/streaming/streamingUtils.js"),l=require("../../lib/phone/call.js");require("../../node_modules/tslib/tslib.es6.js"),require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js");var n=require("../../lib/phone/conversation.js"),r=require("../../lib/user/default_device.js");require("../../node_modules/mic-check/lib/index.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../Island.js");var o=require("../Button.js"),s=require("../AudioBars.js");require("../../node_modules/i18next/dist/esm/i18next.js");var u=require("../CustomThemedTooltip.js");require("../TranscriptionView/TranscriptionView.js");var c=require("./Timer.js"),d=require("./Number.js"),p=require("./DisplayName.js"),m=require("./Avatar.js"),f=require("./DeviceIcon.js"),g=require("./NumberPopover.js"),x=require("../../styles/Island.styles.js"),E=require("./Actions.js"),v=require("../Hangup.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var w=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var h=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),b=require("../StreamingImage/index.js"),j=require("../VideoStreamingSkeleton/index.js"),N=require("../VideoStreamingEmptyState/index.js"),y=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),q=require("../../node_modules/react-redux/es/hooks/useSelector.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=_(e);function C(e,t){return!e&&!t}var k=e.memo(function(e){var t=e.children,i=e.className,a=void 0===i?"pi-gap-1 pi-grid-rows-2":i;return T.default.createElement("div",{className:"pi-grid pi-min-w-0 pi-self-center pi-grid-cols-1 ".concat(a)},t)});k.displayName="Details";var I=e.memo(function(e){var a=e.label,l=e.tooltipContent;return a?T.default.createElement("span",{className:"pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary dark:pi-text-indigo-400","data-tooltip-id":l?"tooltip-queue":void 0,"data-tooltip-content":l||""},T.default.createElement(t.FontAwesomeIcon,{icon:i.faUsers,className:"pi-h-4 pi-w-4"})):null});I.displayName="QueueBadge";var S=e.memo(function(e){var a=e.label,l=e.tooltipContent;return a?T.default.createElement("span",{className:"pi-inline-flex pi-w-fit pi-max-w-full pi-flex-none pi-items-center pi-gap-1.5 pi-self-start pi-rounded-full pi-bg-iconSecondary pi-px-2.5 pi-py-1 pi-text-xs pi-font-medium pi-leading-none pi-text-iconWhite dark:pi-bg-iconSecondaryDark","data-tooltip-id":l?"tooltip-queue":void 0,"data-tooltip-content":l||"","aria-label":l||a},T.default.createElement(t.FontAwesomeIcon,{icon:i.faUsers,className:"pi-h-3 pi-w-3 pi-flex-none"}),T.default.createElement("span",{className:"pi-block pi-max-w-28 pi-truncate"},a)):null});S.displayName="IncomingQueueBadge";var A=e.memo(function(){var _,A=w.useTranslation().t,O=y.useDispatch(),P=q.useSelector(function(e){return e.currentCall}),F=P.incoming,M=P.accepted,B=P.outgoing,D=P.startTime,U=P.paused,W=P.number,V=P.displayName,z=P.isRecording,L=P.streamingSourceNumber,H=P.queueName,Q=P.queueNumber,R=P.throughQueue,G=P.counterpartDeviceType,J=q.useSelector(function(e){return e.island}),K=J.isOpen,X=J.isFromStreaming,Y=q.useSelector(function(e){return e.webrtc}).remoteAudioStream,Z=q.useSelector(function(e){return e.listen}),$=Z.isListen,ee=Z.isIntrude,te=Z.isListenExtension,ie=Z.isIntrudeExtension,ae=q.useSelector(function(e){return e.alerts}).data,le=q.useSelector(function(e){return e.currentUser}),ne=q.useSelector(function(e){return e.streaming}),re=ne.videoSources,oe=ne.sourceImages,se=e.useMemo(function(){return Object.values(ae).filter(function(e){return e.active})},[ae]),ue=e.useMemo(function(){return se.length>0?se[se.length-1]:null},[se]),ce=e.useMemo(function(){return X&&L&&!M},[X,L,M]),de=e.useMemo(function(){if(!L||!re)return{canUnlock:!1,tooltipText:""};var e=Object.values(re).find(function(e){return(null==e?void 0:e.extension)===L}),t=Boolean((null==e?void 0:e.cmdOpen)&&""!==(null==e?void 0:e.cmdOpen.trim()));return{canUnlock:t,tooltipText:t&&e?"".concat(A("VideoStreaming.Open"),": ").concat(null==e?void 0:e.description):""}},[L,re,A]),pe=e.useMemo(function(){return n.isNumberOnlyName(V)},[V]),me=e.useMemo(function(){return!pe&&(e=W,(e||"").replace(/\D/g,"")).length>0;var e},[pe,W]),fe=Boolean(G),ge=e.useMemo(function(){return H||Q||""},[H,Q]),xe=e.useMemo(function(){return R&&ge?"".concat(A("Common.Queue"),": ").concat(ge):""},[R,ge,A]),Ee=e.useMemo(function(){return Boolean(F&&!M&&R&&ge)},[M,F,R,ge]),ve=e.useCallback(function(){var e;return T.default.createElement("div",{className:"pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate"},T.default.createElement(t.FontAwesomeIcon,{size:"sm",icon:h.faOfficePhone,className:"pi-mr-1"}),T.default.createElement("span",{className:"pi-max-w-16 pi-truncate"},(null===(e=null==le?void 0:le.default_device)||void 0===e?void 0:e.description)||A("Common.Physical phone")))},[null===(_=null==le?void 0:le.default_device)||void 0===_?void 0:_.description,A]),we=e.useCallback(function(e){var a=K?"pi-h-12 pi-w-12":"pi-h-6 pi-w-6",l=K?"pi-h-8":"pi-h-4 pi-w-4 pi-rounded-full",n=K?"pi-w-8 pi-h-8":"pi-h-6 pi-w-6",r="red"===e?"pi-bg-red-400":"pi-bg-green-400",o="red"===e?"pi-text-red-500":"pi-text-green-500";return T.default.createElement("div",{className:"".concat(a," pi-flex pi-justify-center pi-items-center")},T.default.createElement("div",{className:"".concat(l," pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden")},T.default.createElement("span",{className:"".concat(n," pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ").concat(r," pi-opacity-75")}),T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-4 pi-h-6 pi-rotate-45 ".concat(o),icon:i.faCircle})))},[K]),he=e.useMemo(function(){var e="pi-grid pi-items-center";return K&&(e=Ee?"pi-grid pi-items-center":"pi-grid pi-items-start",M?e+=" pi-grid-rows-[72px_1fr]":F?e+=" pi-grid-cols-[256px_114px]":B&&(e+=" pi-grid-cols-[1fr_84px]")),ce?"pi-flex pi-flex-col":e},[K,M,F,B,ce,Ee]),be=e.useMemo(function(){var e=K&&!Ee?"start":"center";return"pi-grid ".concat(K&&!M&&B?"pi-grid-cols-[48px_1fr]":K&&!M&&F?"pi-grid-cols-[48px_1fr_1px]":K&&M?"pi-grid-cols-[48px_164px_48px]":K||M?"pi-grid-cols-[24px_66px_24px]":"pi-grid-cols-[24px_102px]"," pi-gap-").concat(K?"5":"3"," pi-items-").concat(e," pi-justify-center pi-w-full")},[K,M,F,B,Ee]),je=e.useMemo(function(){return ce?"pi-grid-cols-3":C(B,M)?"pi-grid-cols-2":M?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"},[ce,B,M]),Ne=e.useCallback(function(){var e=K?"pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover":"pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover";return $?T.default.createElement(t.FontAwesomeIcon,{className:e,icon:i.faEarListen}):ee?T.default.createElement(t.FontAwesomeIcon,{className:e,icon:i.faHandPointUp}):T.default.createElement(m.default,null)},[K,$,ee]),ye=e.useCallback(function(e,t){return fe||t?T.default.createElement("div",{className:"pi-flex pi-min-w-0 pi-items-center pi-gap-2"},fe&&T.default.createElement(f.default,null),e):e},[fe]),qe=e.useCallback(function(){return K?ee?T.default.createElement(k,null,T.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},A("Common.Intrude"),ie?" - ".concat(ie):""),M?r.isPhysical()?ve():T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}):ie?"".concat(ie):""):$?T.default.createElement(k,null,T.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"},A("Common.Listen"),te?" - ".concat(te):""),M?r.isPhysical()?ve():T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}):te?"".concat(te):""):Ee?T.default.createElement(k,{className:pe?"pi-grid-rows-[20px_24px] pi-gap-0.5":"pi-grid-rows-[20px_24px_24px] pi-gap-0.5"},T.default.createElement(S,{label:ge,tooltipContent:xe}),T.default.createElement(p.default,null),!pe&&T.default.createElement(d.default,null)):T.default.createElement(k,null,M&&R&&ge?T.default.createElement("div",{className:"pi-flex pi-min-w-0 pi-items-center pi-gap-2"},T.default.createElement("div",{className:"pi-min-w-0 pi-flex-1"},T.default.createElement(p.default,null)),T.default.createElement(I,{label:ge,tooltipContent:xe})):T.default.createElement(p.default,null),M?ye(T.default.createElement(T.default.Fragment,null,r.isPhysical()?ve():me?T.default.createElement("span",{className:"pi-grid pi-items-center"},T.default.createElement(x.StyledTimer,{isOpen:K,size:"large","aria-hidden":"true",className:"pi-invisible pi-col-start-1 pi-row-start-1"},"00:00:00"),T.default.createElement("span",{className:"pi-col-start-1 pi-row-start-1"},T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}))):T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}),me&&T.default.createElement(g.default,null)),me):ye(pe&&(B||F)?T.default.createElement(x.StyledNumber,{isOpen:K},T.default.createElement("span",{className:"dark:pi-text-gray-50 pi-text-gray-600"},A(B?"Call.Calling...":"Call.Incoming call"))):T.default.createElement(d.default,null),!1)):null},[F,B,pe,me,ye,K,ee,$,M,D,ie,te,A,ve,M,R,ge,xe,Ee]),_e=e.useCallback(function(){return M&&z?we("red"):M&&Y&&!r.isPhysical()?T.default.createElement(s.AudioBars,{audioStream:Y,paused:U,size:K?"large":"small"}):M&&r.isPhysical()?we("green"):null},[M,z,Y,K,U,we]),Te=e.useCallback(function(){if(!re||0===Object.keys(re).length||!L)return T.default.createElement(j.default,{className:"pi-w-full pi-h-40 pi-mt-4"});var e=Object.values(re).find(function(e){return e.extension===L});return e&&(oe[e.id]||e.image)?T.default.createElement(b.default,null):T.default.createElement(N.default,{className:"pi-w-full pi-h-40 pi-mt-4"})},[L,re,oe]);if(null!==ue)return null;return T.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},T.default.createElement("div",{className:he},ce?T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-between pi-w-full pi-gap-2"},T.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4 pi-min-w-0 pi-flex-1"},Ne(),T.default.createElement("div",{className:"pi-flex pi-flex-col pi-justify-center pi-space-y-2 pi-min-w-0"},T.default.createElement(p.default,null),T.default.createElement(d.default,null))),T.default.createElement("div",{className:"pi-flex pi-gap-2 pi-flex-shrink-0"},T.default.createElement(v.default,{description:A("Tooltip.Hangup")}),!B&&T.default.createElement(o.Button,{onClick:function(){return l.answerIncomingCall(),void setTimeout(function(){O.island.setIslandView("streamingAnswer")},200)},variant:"green","data-tooltip-id":"tooltip-answer","data-tooltip-content":A("Tooltip.Answer")||""},T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-5 pi-h-5",icon:i.faPhone})),(null==de?void 0:de.canUnlock)&&T.default.createElement(o.Button,{variant:"default",onClick:a.handleStreamingUnlock,"data-tooltip-id":"tooltip-unlock","data-tooltip-content":null==de?void 0:de.tooltipText},T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-5 pi-h-5",icon:i.faUnlock})))),Te()):T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:be},Ne(),qe(),!K&&!M&&T.default.createElement(p.default,null),!K&&M&&T.default.createElement(c.default,{startTime:D,isNotAlwaysWhite:!0}),_e()),K&&T.default.createElement(T.default.Fragment,null,T.default.createElement("div",{className:"".concat($||ee?"":"pi-grid pi-gap-y-5")},M&&T.default.createElement(E.default,null),T.default.createElement("div",{className:"pi-grid ".concat(je," pi-gap-3.5")},T.default.createElement(v.default,{description:A("Tooltip.Hangup and transfer")}),C(B,M)&&T.default.createElement(o.Button,{onClick:l.answerIncomingCall,variant:"green","data-tooltip-id":"tooltip-answer-left","data-tooltip-content":A("Tooltip.Answer")||""},T.default.createElement(t.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:i.faPhone}))))))),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-answer-left",place:"left"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-answer",place:"left"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-unlock",place:"left"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-display-name",place:"bottom"}),T.default.createElement(u.CustomThemedTooltip,{id:"tooltip-queue",place:"bottom"}),T.default.createElement(u.CustomThemedTooltip,{id:f.DEVICE_TOOLTIP_ID,place:"right",offset:11,maxWidth:"300px"}))});exports.default=A;
1
+ "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"),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;
2
2
  //# sourceMappingURL=index.js.map
package/dist/components/CallView/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo, useCallback, memo } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState, Dispatch } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n faPhone,\n faEarListen,\n faHandPointUp,\n faCircle,\n faUnlock,\n faUsers,\n} from '@fortawesome/free-solid-svg-icons'\nimport { Button } from '../'\nimport Timer from './Timer'\nimport Number from './Number'\nimport DisplayName from './DisplayName'\nimport { AudioBars } from '../'\nimport { answerIncomingCall } from '../../lib/phone/call'\nimport { isNumberOnlyName } from '../../lib/phone/conversation'\nimport Avatar from './Avatar'\nimport DeviceIcon, { DEVICE_TOOLTIP_ID } from './DeviceIcon'\nimport NumberPopover from './NumberPopover'\nimport { StyledNumber, StyledTimer } from '../../styles/Island.styles'\nimport Actions from './Actions'\nimport Hangup from '../Hangup'\nimport { useTranslation } from 'react-i18next'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\nimport { isPhysical } from '../../lib/user/default_device'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport StreamingImage from '../StreamingImage'\nimport VideoStreamingSkeleton from '../VideoStreamingSkeleton'\nimport VideoStreamingEmptyState from '../VideoStreamingEmptyState'\nimport { handleStreamingUnlock } from '../../utils'\nimport { useDispatch } from 'react-redux'\n\nconst onlyDigits = (value?: string) => (value || '').replace(/\\D/g, '')\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n return !outgoing && !accepted\n}\n\nconst Details = memo(\n ({\n children,\n className = 'pi-gap-1 pi-grid-rows-2',\n }: {\n children: React.ReactNode\n className?: string\n }) => (\n <div className={`pi-grid pi-min-w-0 pi-self-center pi-grid-cols-1 ${className}`}>\n {children}\n </div>\n ),\n)\nDetails.displayName = 'Details'\n\nconst QueueBadge = memo(\n ({\n label,\n tooltipContent,\n }: {\n label: string\n tooltipContent?: string\n }) => {\n if (!label) {\n return null\n }\n\n return (\n <span\n className='pi-inline-flex pi-flex-none pi-items-center pi-justify-center pi-text-iconSecondary dark:pi-text-indigo-400'\n data-tooltip-id={tooltipContent ? 'tooltip-queue' : undefined}\n data-tooltip-content={tooltipContent || ''}\n >\n <FontAwesomeIcon icon={faUsers} className='pi-h-4 pi-w-4' />\n </span>\n )\n },\n)\nQueueBadge.displayName = 'QueueBadge'\n\nconst IncomingQueueBadge = memo(\n ({\n label,\n tooltipContent,\n }: {\n label: string\n tooltipContent?: string\n }) => {\n if (!label) {\n return null\n }\n\n return (\n <span\n className='pi-inline-flex pi-w-fit pi-max-w-full pi-flex-none pi-items-center pi-gap-1.5 pi-self-start pi-rounded-full pi-bg-iconSecondary pi-px-2.5 pi-py-1 pi-text-xs pi-font-medium pi-leading-none pi-text-iconWhite dark:pi-bg-iconSecondaryDark'\n data-tooltip-id={tooltipContent ? 'tooltip-queue' : undefined}\n data-tooltip-content={tooltipContent || ''}\n aria-label={tooltipContent || label}\n >\n <FontAwesomeIcon icon={faUsers} className='pi-h-3 pi-w-3 pi-flex-none' />\n <span className='pi-block pi-max-w-28 pi-truncate'>{label}</span>\n </span>\n )\n },\n)\nIncomingQueueBadge.displayName = 'IncomingQueueBadge'\n\n/**\n * The main view to manage calls, the starting point for calls actions flows\n */\nconst CallView: FC<CallViewProps> = () => {\n const { t } = useTranslation()\n const dispatch = useDispatch<Dispatch>()\n\n const currentCall = useSelector((state: RootState) => state.currentCall)\n const {\n incoming,\n accepted,\n outgoing,\n startTime,\n paused,\n number,\n displayName,\n isRecording,\n streamingSourceNumber,\n queueName,\n queueNumber,\n throughQueue,\n counterpartDeviceType,\n } = currentCall\n\n const { isOpen, isFromStreaming } = useSelector((state: RootState) => state.island)\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n const listenState = useSelector((state: RootState) => state.listen)\n const { isListen, isIntrude, isListenExtension, isIntrudeExtension } = listenState\n const { data: alertsData } = useSelector((state: RootState) => state.alerts)\n const currentUser = useSelector((state: RootState) => state.currentUser)\n const { videoSources, sourceImages } = useSelector((state: RootState) => state.streaming)\n\n const activeAlerts = useMemo(\n () => Object.values(alertsData).filter((alert: any) => alert.active),\n [alertsData],\n )\n\n const latestAlert = useMemo(\n () => (activeAlerts.length > 0 ? activeAlerts[activeAlerts.length - 1] : null),\n [activeAlerts],\n )\n\n const shouldShowStreamingImage = useMemo(\n () => isFromStreaming && streamingSourceNumber && !accepted,\n [isFromStreaming, streamingSourceNumber, accepted],\n )\n\n // Check if unlock button should be shown and get tooltip text\n const unlockData = useMemo(() => {\n if (!streamingSourceNumber || !videoSources) return { canUnlock: false, tooltipText: '' }\n\n const source = Object.values(videoSources).find(\n (source) => source?.extension === streamingSourceNumber,\n )\n\n const canUnlock = Boolean(source?.cmdOpen && source?.cmdOpen.trim() !== '')\n const tooltipText =\n canUnlock && source ? `${t('VideoStreaming.Open')}: ${source?.description}` : ''\n\n return { canUnlock, tooltipText }\n }, [streamingSourceNumber, videoSources, t])\n\n const isNameNumberOnly = useMemo(() => isNumberOnlyName(displayName), [displayName])\n\n const canRevealNumber = useMemo(\n () => !isNameNumberOnly && onlyDigits(number).length > 0,\n [isNameNumberOnly, number],\n )\n\n const hasCounterpartDevice = Boolean(counterpartDeviceType)\n\n const queueLabel = useMemo(() => queueName || queueNumber || '', [queueName, queueNumber])\n\n const queueTooltipContent = useMemo(() => {\n if (!throughQueue || !queueLabel) {\n return ''\n }\n\n return `${t('Common.Queue')}: ${queueLabel}`\n }, [throughQueue, queueLabel, t])\n\n const shouldShowIncomingQueueBadge = useMemo(\n () => Boolean(incoming && !accepted && throughQueue && queueLabel),\n [accepted, incoming, throughQueue, queueLabel],\n )\n\n const renderLandlinePhoneDiv = useCallback(\n () => (\n <div className='pi-text-gray-600 dark:pi-text-gray-300 pi-font-normal pi-text-sm pi-flex pi-items-center pi-truncate'>\n <FontAwesomeIcon size='sm' icon={faOfficePhone} className='pi-mr-1' />\n <span className='pi-max-w-16 pi-truncate'>\n {currentUser?.default_device?.description || t('Common.Physical phone')}\n </span>\n </div>\n ),\n [currentUser?.default_device?.description, t],\n )\n\n const renderPulseIcon = useCallback(\n (color: string) => {\n const sizeClasses = !isOpen ? 'pi-h-6 pi-w-6' : 'pi-h-12 pi-w-12'\n const innerSizeClasses = !isOpen ? 'pi-h-4 pi-w-4 pi-rounded-full' : 'pi-h-8'\n const animationSizeClasses = !isOpen ? 'pi-h-6 pi-w-6' : 'pi-w-8 pi-h-8'\n const colorClasses = color === 'red' ? 'pi-bg-red-400' : 'pi-bg-green-400'\n const textColorClasses = color === 'red' ? 'pi-text-red-500' : 'pi-text-green-500'\n\n return (\n <div className={`${sizeClasses} pi-flex pi-justify-center pi-items-center`}>\n <div\n className={`${innerSizeClasses} pi-w-fit pi-flex pi-justify-center pi-items-center pi-gap-1 pi-overflow-hidden`}\n >\n <span\n className={`${animationSizeClasses} pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ${colorClasses} pi-opacity-75`}\n ></span>\n <FontAwesomeIcon\n className={`pi-w-4 pi-h-6 pi-rotate-45 ${textColorClasses}`}\n icon={faCircle}\n />\n </div>\n </div>\n )\n },\n [isOpen],\n )\n\n const callViewClasses = useMemo(() => {\n let baseClasses = 'pi-grid pi-items-center'\n\n if (isOpen) {\n baseClasses = shouldShowIncomingQueueBadge ? 'pi-grid pi-items-center' : 'pi-grid pi-items-start'\n\n if (accepted) {\n baseClasses += ' pi-grid-rows-[72px_1fr]'\n } else if (incoming) {\n baseClasses += ' pi-grid-cols-[256px_114px]'\n } else if (outgoing) {\n baseClasses += ' pi-grid-cols-[1fr_84px]'\n }\n }\n\n return shouldShowStreamingImage ? 'pi-flex pi-flex-col' : baseClasses\n }, [isOpen, accepted, incoming, outgoing, shouldShowStreamingImage, shouldShowIncomingQueueBadge])\n\n const topContentClasses = useMemo(() => {\n let columns = ''\n\n if (isOpen && !accepted && outgoing) {\n columns = 'pi-grid-cols-[48px_1fr]'\n } else if (isOpen && !accepted && incoming) {\n columns = 'pi-grid-cols-[48px_1fr_1px]'\n } else if (isOpen && accepted) {\n columns = 'pi-grid-cols-[48px_164px_48px]'\n } else if (!isOpen && !accepted) {\n columns = 'pi-grid-cols-[24px_102px]'\n } else {\n columns = 'pi-grid-cols-[24px_66px_24px]'\n }\n\n const itemsAlign = isOpen && !shouldShowIncomingQueueBadge ? 'start' : 'center'\n\n return `pi-grid ${columns} pi-gap-${isOpen ? '5' : '3'} pi-items-${itemsAlign} pi-justify-center pi-w-full`\n }, [isOpen, accepted, incoming, outgoing, shouldShowIncomingQueueBadge])\n\n const getGridClasses = useMemo(() => {\n if (shouldShowStreamingImage) return 'pi-grid-cols-3'\n if (isAnswerVisible(outgoing, accepted)) return 'pi-grid-cols-2'\n if (accepted) return 'pi-grid-cols-1 pi-justify-items-center'\n return 'pi-grid-cols-1 pi-justify-items-end'\n }, [shouldShowStreamingImage, outgoing, accepted])\n\n const renderStatusIcon = useCallback(() => {\n const iconSizeClass = isOpen\n ? 'pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover'\n : 'pi-relative pi-z-30 pi-h-6 pi-w-6 pi-rounded-sm pi-bg-cover'\n\n if (isListen) {\n return <FontAwesomeIcon className={iconSizeClass} icon={faEarListen} />\n }\n\n if (isIntrude) {\n return <FontAwesomeIcon className={iconSizeClass} icon={faHandPointUp} />\n }\n\n return <Avatar />\n }, [isOpen, isListen, isIntrude])\n\n const renderWithDeviceIcon = useCallback(\n (content: React.ReactNode, forceRow: boolean) =>\n hasCounterpartDevice || forceRow ? (\n <div className='pi-flex pi-min-w-0 pi-items-center pi-gap-2'>\n {hasCounterpartDevice && <DeviceIcon />}\n {content}\n </div>\n ) : (\n content\n ),\n [hasCounterpartDevice],\n )\n\n const renderDetails = useCallback(() => {\n if (!isOpen) return null\n\n if (isIntrude) {\n return (\n <Details>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {t('Common.Intrude')}\n {isIntrudeExtension ? ` - ${isIntrudeExtension}` : ''}\n </span>\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : isIntrudeExtension ? (\n `${isIntrudeExtension}`\n ) : (\n ''\n )}\n </Details>\n )\n }\n\n if (isListen) {\n return (\n <Details>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {t('Common.Listen')}\n {isListenExtension ? ` - ${isListenExtension}` : ''}\n </span>\n {accepted ? (\n !isPhysical() ? (\n <Timer startTime={startTime} isNotAlwaysWhite />\n ) : (\n renderLandlinePhoneDiv()\n )\n ) : isListenExtension ? (\n `${isListenExtension}`\n ) : (\n ''\n )}\n </Details>\n )\n }\n\n if (shouldShowIncomingQueueBadge) {\n return (\n <Details\n className={\n isNameNumberOnly\n ? 'pi-grid-rows-[20px_24px] pi-gap-0.5'\n : 'pi-grid-rows-[20px_24px_24px] pi-gap-0.5'\n }\n >\n <IncomingQueueBadge label={queueLabel} tooltipContent={queueTooltipContent} />\n <DisplayName />\n {!isNameNumberOnly && <Number />}\n </Details>\n )\n }\n\n return (\n <Details>\n {accepted && throughQueue && queueLabel ? (\n <div className='pi-flex pi-min-w-0 pi-items-center pi-gap-2'>\n <div className='pi-min-w-0 pi-flex-1'>\n <DisplayName />\n </div>\n <QueueBadge label={queueLabel} tooltipContent={queueTooltipContent} />\n </div>\n ) : (\n <DisplayName />\n )}\n {accepted\n ? renderWithDeviceIcon(\n <>\n {isPhysical() ? (\n renderLandlinePhoneDiv()\n ) : canRevealNumber ? (\n <span className='pi-grid pi-items-center'>\n <StyledTimer\n isOpen={isOpen}\n size='large'\n aria-hidden='true'\n className='pi-invisible pi-col-start-1 pi-row-start-1'\n >\n 00:00:00\n </StyledTimer>\n <span className='pi-col-start-1 pi-row-start-1'>\n <Timer startTime={startTime} isNotAlwaysWhite />\n </span>\n </span>\n ) : (\n <Timer startTime={startTime} isNotAlwaysWhite />\n )}\n {canRevealNumber && <NumberPopover />}\n </>,\n canRevealNumber,\n )\n : renderWithDeviceIcon(\n isNameNumberOnly && (outgoing || incoming) ? (\n <StyledNumber isOpen={isOpen}>\n <span className='dark:pi-text-gray-50 pi-text-gray-600'>\n {outgoing ? t('Call.Calling...') : t('Call.Incoming call')}\n </span>\n </StyledNumber>\n ) : (\n <Number />\n ),\n false,\n )}\n </Details>\n )\n }, [\n incoming,\n outgoing,\n isNameNumberOnly,\n canRevealNumber,\n renderWithDeviceIcon,\n isOpen,\n isIntrude,\n isListen,\n accepted,\n startTime,\n isIntrudeExtension,\n isListenExtension,\n t,\n renderLandlinePhoneDiv,\n accepted,\n throughQueue,\n queueLabel,\n queueTooltipContent,\n shouldShowIncomingQueueBadge,\n ])\n\n const renderAudioIndicator = useCallback(() => {\n if (accepted && isRecording) {\n return renderPulseIcon('red')\n }\n\n if (accepted && remoteAudioStream && !isPhysical()) {\n return (\n <AudioBars\n audioStream={remoteAudioStream}\n paused={paused}\n size={isOpen ? 'large' : 'small'}\n />\n )\n }\n\n if (accepted && isPhysical()) {\n return renderPulseIcon('green')\n }\n\n return null\n }, [accepted, isRecording, remoteAudioStream, isOpen, paused, renderPulseIcon])\n\n const renderStreamingContent = useCallback(() => {\n // Show skeleton while videoSources are loading or if streaming source number is not set yet\n if (!videoSources || Object.keys(videoSources).length === 0 || !streamingSourceNumber) {\n return <VideoStreamingSkeleton className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // Find the streaming source\n const source = Object.values(videoSources).find(\n (source) => source.extension === streamingSourceNumber,\n )\n\n // If source doesn't exist, show empty state\n if (!source) {\n return <VideoStreamingEmptyState className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // Check if image is available\n const hasImage = sourceImages[source.id] || source.image\n\n // If no image available, show empty state\n if (!hasImage) {\n return <VideoStreamingEmptyState className='pi-w-full pi-h-40 pi-mt-4' />\n }\n\n // If we have an image, show StreamingImage component\n return <StreamingImage />\n }, [streamingSourceNumber, videoSources, sourceImages])\n\n // Early return AFTER all hooks have been called\n if (latestAlert !== null) {\n return null\n }\n\n const setVideoStreamingAnswer = () => {\n answerIncomingCall()\n // Set view as video streaming answer with a small delay\n setTimeout(() => {\n dispatch.island.setIslandView('streamingAnswer')\n }, 200)\n }\n\n return (\n <div className='pi-bg-red pi-content-center pi-justify-center'>\n <div className={callViewClasses}>\n {shouldShowStreamingImage ? (\n <>\n <div className='pi-flex pi-items-center pi-justify-between pi-w-full pi-gap-2'>\n <div className='pi-flex pi-items-center pi-gap-4 pi-min-w-0 pi-flex-1'>\n {renderStatusIcon()}\n <div className='pi-flex pi-flex-col pi-justify-center pi-space-y-2 pi-min-w-0'>\n <DisplayName />\n <Number />\n </div>\n </div>\n\n <div className='pi-flex pi-gap-2 pi-flex-shrink-0'>\n <Hangup description={t('Tooltip.Hangup')} />\n {!outgoing && (\n <Button\n onClick={() => setVideoStreamingAnswer()}\n variant='green'\n data-tooltip-id='tooltip-answer'\n data-tooltip-content={t('Tooltip.Answer') || ''}\n >\n <FontAwesomeIcon className='pi-w-5 pi-h-5' icon={faPhone} />\n </Button>\n )}\n {/* Open door button - only show if cmdOpen is valid */}\n {unlockData?.canUnlock && (\n <Button\n variant='default'\n onClick={handleStreamingUnlock}\n data-tooltip-id='tooltip-unlock'\n data-tooltip-content={unlockData?.tooltipText}\n >\n <FontAwesomeIcon className='pi-w-5 pi-h-5' icon={faUnlock} />\n </Button>\n )}\n </div>\n </div>\n\n {renderStreamingContent()}\n </>\n ) : (\n <>\n <div className={topContentClasses}>\n {renderStatusIcon()}\n {renderDetails()}\n\n {!isOpen && !accepted && <DisplayName />}\n {!isOpen && accepted && <Timer startTime={startTime} isNotAlwaysWhite />}\n\n {renderAudioIndicator()}\n </div>\n\n {isOpen && (\n <>\n <div className={`${!(isListen || isIntrude) ? 'pi-grid pi-gap-y-5' : ''}`}>\n {accepted && <Actions />}\n <div className={`pi-grid ${getGridClasses} pi-gap-3.5`}>\n <Hangup description={t('Tooltip.Hangup and transfer')} />\n\n {isAnswerVisible(outgoing, accepted) && (\n <Button\n onClick={answerIncomingCall}\n variant='green'\n data-tooltip-id='tooltip-answer-left'\n data-tooltip-content={t('Tooltip.Answer') || ''}\n >\n <FontAwesomeIcon className='pi-w-6 pi-h-6' icon={faPhone} />\n </Button>\n )}\n </div>\n </div>\n </>\n )}\n </>\n )}\n </div>\n <CustomThemedTooltip id='tooltip-answer-left' place='left' />\n <CustomThemedTooltip id='tooltip-answer' place='left' />\n <CustomThemedTooltip id='tooltip-unlock' place='left' />\n <CustomThemedTooltip id='tooltip-display-name' place='bottom' />\n <CustomThemedTooltip id='tooltip-queue' place='bottom' />\n <CustomThemedTooltip\n id={DEVICE_TOOLTIP_ID}\n place='right'\n offset={11}\n maxWidth='300px'\n />\n </div>\n )\n}\n\nexport default memo(CallView)\n\nexport interface CallViewProps {}\n"],"names":["isAnswerVisible","outgoing","accepted","Details","memo","_a","children","_b","className","React","createElement","concat","displayName","QueueBadge","label","tooltipContent","undefined","FontAwesomeIcon","icon","faUsers","IncomingQueueBadge","t","useTranslation","dispatch","useDispatch","currentCall","useSelector","state","incoming","startTime","paused","number","isRecording","streamingSourceNumber","queueName","queueNumber","throughQueue","counterpartDeviceType","island","isOpen","isFromStreaming","remoteAudioStream","webrtc","listenState","listen","isListen","isIntrude","isListenExtension","isIntrudeExtension","alertsData","alerts","currentUser","_c","streaming","videoSources","sourceImages","activeAlerts","useMemo","Object","values","filter","alert","active","latestAlert","length","shouldShowStreamingImage","unlockData","canUnlock","tooltipText","source","find","extension","Boolean","cmdOpen","trim","description","isNameNumberOnly","isNumberOnlyName","canRevealNumber","value","replace","hasCounterpartDevice","queueLabel","queueTooltipContent","shouldShowIncomingQueueBadge","renderLandlinePhoneDiv","useCallback","size","faOfficePhone","default_device","renderPulseIcon","color","sizeClasses","innerSizeClasses","animationSizeClasses","colorClasses","textColorClasses","faCircle","callViewClasses","baseClasses","topContentClasses","itemsAlign","getGridClasses","renderStatusIcon","iconSizeClass","faEarListen","faHandPointUp","Avatar","renderWithDeviceIcon","content","forceRow","DeviceIcon","renderDetails","isPhysical","Timer","isNotAlwaysWhite","DisplayName","Number","Fragment","StyledTimer","NumberPopover","StyledNumber","renderAudioIndicator","AudioBars","audioStream","renderStreamingContent","keys","VideoStreamingSkeleton","id","image","StreamingImage","VideoStreamingEmptyState","Hangup","Button","onClick","answerIncomingCall","setTimeout","setIslandView","variant","faPhone","handleStreamingUnlock","faUnlock","Actions","CustomThemedTooltip","place","DEVICE_TOOLTIP_ID","offset","maxWidth"],"mappings":"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"}
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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"}
package/dist/components/CustomThemedTooltip.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var o=require("../node_modules/react-tooltip/dist/react-tooltip.min.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);exports.CustomThemedTooltip=function(e){var t=e.id,l=e.place,a=void 0===l?"bottom":l,d=e.className,n=void 0===d?"":d,c=e.openOnClick,s=e.clickable,u=e.globalCloseEvents,m=e.offset,p=e.maxWidth,f=void 0===p?"185px":p,b=e.children,g="dark"===r.useSelector(function(e){return e.darkTheme}).theme?{backgroundColor:"rgb(243, 244, 246)",color:"rgb(17, 24, 39)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:f,borderRadius:"4px"}:{backgroundColor:"rgb(31, 41, 55)",color:"rgb(249, 250, 251)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:f,borderRadius:"4px"};return i.default.createElement(o.Tooltip,{id:t,place:a,className:"pi-z-1000 [&_.react-tooltip-content-wrapper]:pi-p-0 ".concat(n),opacity:1,style:g,openOnClick:c,clickable:s,globalCloseEvents:u,offset:m},b)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var r=require("../node_modules/react-tooltip/dist/react-tooltip.min.mjs.js"),o=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);exports.CustomThemedTooltip=function(e){var t=e.id,d=e.place,a=void 0===d?"bottom":d,n=e.className,u=void 0===n?"":n,l="dark"===o.useSelector(function(e){return e.darkTheme}).theme?{backgroundColor:"rgb(243, 244, 246)",color:"rgb(17, 24, 39)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:"185px",borderRadius:"4px"}:{backgroundColor:"rgb(31, 41, 55)",color:"rgb(249, 250, 251)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:"185px",borderRadius:"4px"};return i.default.createElement(r.Tooltip,{id:t,place:a,className:"pi-z-1000 ".concat(u),opacity:1,style:l})};
2
2
  //# sourceMappingURL=CustomThemedTooltip.js.map
package/dist/components/CustomThemedTooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CustomThemedTooltip.js","sources":["../../src/components/CustomThemedTooltip.tsx"],"sourcesContent":["// src/components/CustomThemedTooltip.tsx\nimport React, { FC, ReactNode } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Tooltip, type ITooltip } from 'react-tooltip'\n\ninterface CustomThemedTooltipProps {\n id: string\n place?: 'top' | 'right' | 'bottom' | 'left'\n className?: string\n openOnClick?: boolean\n clickable?: boolean\n globalCloseEvents?: ITooltip['globalCloseEvents']\n offset?: number\n maxWidth?: string\n children?: ReactNode\n}\n\nexport const CustomThemedTooltip: FC<CustomThemedTooltipProps> = ({\n id,\n place = 'bottom',\n className = '',\n openOnClick,\n clickable,\n globalCloseEvents,\n offset,\n maxWidth = '185px',\n children,\n}) => {\n const { theme } = useSelector((state: RootState) => state.darkTheme)\n\n const tooltipStyle =\n theme === 'dark'\n ? {\n backgroundColor: 'rgb(243, 244, 246)',\n color: 'rgb(17, 24, 39)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth,\n borderRadius: '4px',\n }\n : {\n backgroundColor: 'rgb(31, 41, 55)',\n color: 'rgb(249, 250, 251)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth,\n borderRadius: '4px',\n }\n\n return (\n <Tooltip\n id={id}\n place={place}\n className={`pi-z-1000 [&_.react-tooltip-content-wrapper]:pi-p-0 ${className}`}\n opacity={1}\n style={tooltipStyle}\n openOnClick={openOnClick}\n clickable={clickable}\n globalCloseEvents={globalCloseEvents}\n offset={offset}\n >\n {children}\n </Tooltip>\n )\n}\n"],"names":["_a","id","_b","place","_c","className","openOnClick","clickable","globalCloseEvents","offset","_d","maxWidth","children","tooltipStyle","useSelector","state","darkTheme","backgroundColor","color","fontSize","fontWeight","lineHeight","padding","borderRadius","React","Tooltip","concat","opacity","style"],"mappings":"2YAkBiE,SAACA,GAChE,IAAAC,OACAC,EAAAF,EAAAG,MAAAA,aAAQ,SAAQD,EAChBE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAWN,EAAAM,YACXC,cACAC,EAAiBR,EAAAQ,kBACjBC,EAAMT,EAAAS,OACNC,EAAkBV,EAAAW,SAAlBA,OAAW,IAAAD,EAAA,QAAOA,EAClBE,EAAQZ,EAAAY,SAIFC,EACM,SAHMC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,kBAIpD,CACEC,gBAAiB,qBACjBC,MAAO,kBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,oBACTX,SAAQA,EACRY,aAAc,OAEhB,CACEN,gBAAiB,kBACjBC,MAAO,qBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,oBACTX,SAAQA,EACRY,aAAc,OAGtB,OACEC,wBAACC,UAAO,CACNxB,GAAIA,EACJE,MAAOA,EACPE,UAAW,uDAAuDqB,OAAArB,GAClEsB,QAAS,EACTC,MAAOf,EACPP,YAAaA,EACbC,UAAWA,EACXC,kBAAmBA,EACnBC,OAAQA,GAEPG,EAGP"}
1
+ {"version":3,"file":"CustomThemedTooltip.js","sources":["../../src/components/CustomThemedTooltip.tsx"],"sourcesContent":["// src/components/CustomThemedTooltip.tsx\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Tooltip } from 'react-tooltip'\n\ninterface CustomThemedTooltipProps {\n id: string\n place?: 'top' | 'right' | 'bottom' | 'left'\n className?: string\n}\n\nexport const CustomThemedTooltip: FC<CustomThemedTooltipProps> = ({\n id,\n place = 'bottom',\n className = '',\n}) => {\n const { theme } = useSelector((state: RootState) => state.darkTheme)\n\n const tooltipStyle =\n theme === 'dark'\n ? {\n backgroundColor: 'rgb(243, 244, 246)',\n color: 'rgb(17, 24, 39)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth: '185px',\n borderRadius: '4px',\n }\n : {\n backgroundColor: 'rgb(31, 41, 55)',\n color: 'rgb(249, 250, 251)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth: '185px',\n borderRadius: '4px',\n }\n\n return (\n <Tooltip\n id={id}\n place={place}\n className={`pi-z-1000 ${className}`}\n opacity={1}\n style={tooltipStyle}\n />\n )\n}\n"],"names":["_a","id","_b","place","_c","className","tooltipStyle","useSelector","state","darkTheme","backgroundColor","color","fontSize","fontWeight","lineHeight","padding","maxWidth","borderRadius","React","createElement","Tooltip","concat","opacity","style"],"mappings":"2YAYiE,SAACA,GAChE,IAAAC,EAAED,EAAAC,GACFC,EAAgBF,EAAAG,MAAhBA,OAAQ,IAAAD,EAAA,SAAQA,EAChBE,EAAcJ,EAAAK,UAAdA,OAAS,IAAAD,EAAG,GAAEA,EAIRE,EACM,SAHMC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,kBAIpD,CACEC,gBAAiB,qBACjBC,MAAO,kBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,oBACTC,SAAU,QACVC,aAAc,OAEhB,CACEP,gBAAiB,kBACjBC,MAAO,qBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,oBACTC,SAAU,QACVC,aAAc,OAGtB,OACEC,EAAAA,QAACC,cAAAC,EAAOA,QACN,CAAAnB,GAAIA,EACJE,MAAOA,EACPE,UAAW,aAAAgB,OAAahB,GACxBiB,QAAS,EACTC,MAAOjB,GAGb"}
package/dist/components/IslandMotion.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var t=require("../lib/phone/conversation.js"),d=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),a=require("../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),h=function(n){var h=n.children,o=a.useSelector(function(e){return e.currentCall}),s=o.incoming,c=o.outgoing,l=o.accepted,g=o.transferring,p=o.incomingWebRTC,u=o.incomingSocket,w=o.conferencing,x=o.throughQueue,f=o.queueName,m=o.queueNumber,v=o.displayName,b=a.useSelector(function(e){return e.listen}).isListen,y=a.useSelector(function(e){return e.island}),_=y.view,k=y.isOpen,S=y.actionsExpanded,A=y.sideViewIsVisible,j=y.transcriptionViewIsVisible,q=y.isFromStreaming,C=y.isExtraLarge,E=a.useSelector(function(e){return e.alerts.status}).activeAlertsCount,B=a.useSelector(function(e){return e.motions}),N=B.variants,D=B.border_radius_collapsed,L=B.border_radius_expanded,I=B.border_radius_collapsed_conference,O=B.padding_x_collapsed,V=B.padding_y_collapsed,M=B.padding_expanded,Q=B.alert_padding_expanded,R=a.useSelector(function(e){return e.conference}).isActive,z=e.useMemo(function(){var e={width:0,height:0,padding:M};switch(_){case"call":if(k)if(l&&g&&w)e=S?{width:N.call.expanded.transfer.actionsExpanded.width,height:N.call.expanded.transfer.actionsExpanded.height}:{width:N.call.expanded.transfer.width,height:N.call.expanded.transfer.height};else if(l&&S)e={width:N.call.expanded.accepted.actionsExpanded.width,height:N.call.expanded.accepted.actionsExpanded.height};else if(l&&!b)e={width:N.call.expanded.accepted.width,height:N.call.expanded.accepted.height};else if(l&&b)e={width:N.call.expanded.listening.width,height:N.call.expanded.listening.height};else if(s&&!q){e=s&&!l&&x&&Boolean(f||m)&&!t.isNumberOnlyName(v)?{width:N.call.expanded.incomingQueue.width,height:N.call.expanded.incomingQueue.height}:{width:N.call.expanded.incoming.width,height:N.call.expanded.incoming.height}}else s&&q?e={width:N.call.expanded.incomingStreaming.width,height:N.call.expanded.incomingStreaming.height}:c&&!q?e={width:N.call.expanded.outgoing.width,height:N.call.expanded.outgoing.height}:c&&q&&(e={width:N.call.expanded.outgoingStreaming.width,height:N.call.expanded.outgoingStreaming.height});else e={width:N.call.collapsed.width,height:N.call.collapsed.height};break;case"keypad":e=k?{width:N.keypad.expanded.width,height:N.keypad.expanded.height}:{width:N.transfer.collapsed.width,height:N.transfer.collapsed.height};break;case"video":e=k?{width:N.video.expanded.width,height:N.video.expanded.height,padding:N.video.expanded.padding}:{width:N.video.collapsed.width,height:N.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=k?{width:N[_].expanded.width,height:N[_].expanded.height}:{width:N[_].collapsed.width,height:N[_].collapsed.height};break;case"switchDevice":e=k?{width:N.switchDevice.expanded.width,height:N.switchDevice.expanded.height}:{width:N.video.collapsed.width,height:N.video.collapsed.height};break;case"waitingConference":e=k?{width:N.waitingConference.expanded.width,height:N.waitingConference.expanded.height}:{width:N.waitingConference.collapsed.width,height:N.waitingConference.collapsed.height};break;case"streamingAnswer":e=k?C?{width:N.streamingAnswer.extraLarge.width,height:N.streamingAnswer.extraLarge.height,padding:N.streamingAnswer.extraLarge.padding}:{width:N.streamingAnswer.expanded.width,height:N.streamingAnswer.expanded.height,padding:N.streamingAnswer.expanded.padding}:{width:N.streamingAnswer.collapsed.width,height:N.streamingAnswer.collapsed.height};break;case"operatorBusy":e=k?{width:N.operatorBusy.expanded.width,height:N.operatorBusy.expanded.height}:{width:N.operatorBusy.collapsed.width,height:N.operatorBusy.collapsed.height}}var i=E>0;return{width:"".concat(0===e.width&&i?N.alerts.width:e.width,"px"),height:"".concat(i&&k?N.alerts.height+(0===e.height?2*Q:Q):e.height,"px"),borderRadius:"".concat(k?L:R&&"waitingConference"===_?I:D,"px"),padding:k?null!=e.padding?"".concat(e.padding,"px"):"".concat(M,"px"):"".concat(O,"px ").concat(V,"px")}},[_,k,l,g,S,b,s,c,E,N,D,L,O,V,M,Q,p,u,R,q,C,x,f,m,v]);return e.useEffect(function(){var e={};e.width=null==z?void 0:z.width,e.height=null==z?void 0:z.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})},[z,_,k,l,g,S,b,s,c,E,N,D,L,O,V,M,Q,A,j,u,p,R,C]),r.default.createElement(d.motion.div,{className:"".concat(k?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:z,transition:{duration:.15,ease:"easeOut"}},h)};exports.IslandMotion=h,exports.default=h;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var t=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),d=require("../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=function(a){var r=a.children,h=d.useSelector(function(e){return e.currentCall}),o=h.incoming,s=h.outgoing,c=h.accepted,l=h.transferring,g=h.incomingWebRTC,p=h.incomingSocket,u=h.conferencing,w=h.throughQueue,x=h.queueName,f=h.queueNumber,m=d.useSelector(function(e){return e.listen}).isListen,v=d.useSelector(function(e){return e.island}),b=v.view,_=v.isOpen,y=v.actionsExpanded,k=v.sideViewIsVisible,S=v.transcriptionViewIsVisible,A=v.isFromStreaming,j=v.isExtraLarge,q=d.useSelector(function(e){return e.alerts.status}).activeAlertsCount,C=d.useSelector(function(e){return e.motions}),E=C.variants,B=C.border_radius_collapsed,D=C.border_radius_expanded,L=C.border_radius_collapsed_conference,I=C.padding_x_collapsed,V=C.padding_y_collapsed,M=C.padding_expanded,N=C.alert_padding_expanded,O=d.useSelector(function(e){return e.conference}).isActive,Q=e.useMemo(function(){var e={width:0,height:0,padding:M};switch(b){case"call":if(_)if(c&&l&&u)e=y?{width:E.call.expanded.transfer.actionsExpanded.width,height:E.call.expanded.transfer.actionsExpanded.height}:{width:E.call.expanded.transfer.width,height:E.call.expanded.transfer.height};else if(c&&y)e={width:E.call.expanded.accepted.actionsExpanded.width,height:E.call.expanded.accepted.actionsExpanded.height};else if(c&&!m)e={width:E.call.expanded.accepted.width,height:E.call.expanded.accepted.height};else if(c&&m)e={width:E.call.expanded.listening.width,height:E.call.expanded.listening.height};else if(o&&!A){e=o&&!c&&w&&Boolean(x||f)?{width:E.call.expanded.incomingQueue.width,height:E.call.expanded.incomingQueue.height}:{width:E.call.expanded.incoming.width,height:E.call.expanded.incoming.height}}else o&&A?e={width:E.call.expanded.incomingStreaming.width,height:E.call.expanded.incomingStreaming.height}:s&&!A?e={width:E.call.expanded.outgoing.width,height:E.call.expanded.outgoing.height}:s&&A&&(e={width:E.call.expanded.outgoingStreaming.width,height:E.call.expanded.outgoingStreaming.height});else e={width:E.call.collapsed.width,height:E.call.collapsed.height};break;case"keypad":e=_?{width:E.keypad.expanded.width,height:E.keypad.expanded.height}:{width:E.transfer.collapsed.width,height:E.transfer.collapsed.height};break;case"video":e=_?{width:E.video.expanded.width,height:E.video.expanded.height,padding:E.video.expanded.padding}:{width:E.video.collapsed.width,height:E.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=_?{width:E[b].expanded.width,height:E[b].expanded.height}:{width:E[b].collapsed.width,height:E[b].collapsed.height};break;case"switchDevice":e=_?{width:E.switchDevice.expanded.width,height:E.switchDevice.expanded.height}:{width:E.video.collapsed.width,height:E.video.collapsed.height};break;case"waitingConference":e=_?{width:E.waitingConference.expanded.width,height:E.waitingConference.expanded.height}:{width:E.waitingConference.collapsed.width,height:E.waitingConference.collapsed.height};break;case"streamingAnswer":e=_?j?{width:E.streamingAnswer.extraLarge.width,height:E.streamingAnswer.extraLarge.height,padding:E.streamingAnswer.extraLarge.padding}:{width:E.streamingAnswer.expanded.width,height:E.streamingAnswer.expanded.height,padding:E.streamingAnswer.expanded.padding}:{width:E.streamingAnswer.collapsed.width,height:E.streamingAnswer.collapsed.height};break;case"operatorBusy":e=_?{width:E.operatorBusy.expanded.width,height:E.operatorBusy.expanded.height}:{width:E.operatorBusy.collapsed.width,height:E.operatorBusy.collapsed.height}}var i=q>0;return{width:"".concat(0===e.width&&i?E.alerts.width:e.width,"px"),height:"".concat(i&&_?E.alerts.height+(0===e.height?2*N:N):e.height,"px"),borderRadius:"".concat(_?D:O&&"waitingConference"===b?L:B,"px"),padding:_?null!=e.padding?"".concat(e.padding,"px"):"".concat(M,"px"):"".concat(I,"px ").concat(V,"px")}},[b,_,c,l,y,m,o,s,q,E,B,D,I,V,M,N,g,p,O,A,j,w,x,f]);return e.useEffect(function(){var e={};e.width=null==Q?void 0:Q.width,e.height=null==Q?void 0:Q.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})},[Q,b,_,c,l,y,m,o,s,q,E,B,D,I,V,M,N,k,S,p,g,O,j]),n.default.createElement(t.motion.div,{className:"".concat(_?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:Q,transition:{duration:.15,ease:"easeOut"}},r)};exports.IslandMotion=r,exports.default=r;
2
2
  //# sourceMappingURL=IslandMotion.js.map
package/dist/components/IslandMotion.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\nimport { isNumberOnlyName } from '../lib/phone/conversation'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n // Retrieve needed stored variables\n const {\n incoming,\n outgoing,\n accepted,\n transferring,\n incomingWebRTC,\n incomingSocket,\n conferencing,\n throughQueue,\n queueName,\n queueNumber,\n displayName,\n } = useSelector((state: RootState) => state.currentCall)\n const { isListen } = useSelector((state: RootState) => state.listen)\n const { view, isOpen, actionsExpanded, sideViewIsVisible,transcriptionViewIsVisible, isFromStreaming, isExtraLarge } = useSelector(\n (state: RootState) => state.island,\n )\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n const {\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n border_radius_collapsed_conference,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n } = useSelector((state: RootState) => state.motions)\n const { isActive } = useSelector((state: RootState) => state.conference)\n\n const motionVariants = useMemo(() => {\n // Initial size\n let size: SizeTypes = {\n width: 0,\n height: 0,\n padding: padding_expanded,\n }\n\n switch (view) {\n case 'call':\n if (isOpen) {\n if (accepted && transferring && conferencing) {\n if (actionsExpanded) {\n size = {\n width: variants.call.expanded.transfer.actionsExpanded.width,\n height: variants.call.expanded.transfer.actionsExpanded.height,\n }\n } else {\n size = {\n width: variants.call.expanded.transfer.width,\n height: variants.call.expanded.transfer.height,\n }\n }\n } else if (accepted && actionsExpanded) {\n size = {\n width: variants.call.expanded.accepted.actionsExpanded.width,\n height: variants.call.expanded.accepted.actionsExpanded.height,\n }\n } else if (accepted && !isListen) {\n size = {\n width: variants.call.expanded.accepted.width,\n height: variants.call.expanded.accepted.height,\n }\n } else if (accepted && isListen) {\n size = {\n width: variants.call.expanded.listening.width,\n height: variants.call.expanded.listening.height,\n }\n } else if (incoming && !isFromStreaming) {\n const showIncomingQueueBadge =\n incoming && !accepted && throughQueue && Boolean(queueName || queueNumber)\n size = showIncomingQueueBadge && !isNumberOnlyName(displayName)\n ? {\n width: variants.call.expanded.incomingQueue.width,\n height: variants.call.expanded.incomingQueue.height,\n }\n : {\n width: variants.call.expanded.incoming.width,\n height: variants.call.expanded.incoming.height,\n }\n } else if (incoming && isFromStreaming) {\n size = {\n width: variants.call.expanded.incomingStreaming.width,\n height: variants.call.expanded.incomingStreaming.height,\n }\n } else if (outgoing && !isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoing.width,\n height: variants.call.expanded.outgoing.height,\n }\n } else if (outgoing && isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoingStreaming.width,\n height: variants.call.expanded.outgoingStreaming.height,\n }\n }\n } else {\n size = {\n width: variants.call.collapsed.width,\n height: variants.call.collapsed.height,\n }\n }\n break\n\n case 'keypad':\n size = isOpen\n ? {\n width: variants.keypad.expanded.width,\n height: variants.keypad.expanded.height,\n }\n : {\n width: variants.transfer.collapsed.width,\n height: variants.transfer.collapsed.height,\n }\n break\n\n case 'video':\n if (isOpen) {\n size = {\n width: variants.video.expanded.width,\n height: variants.video.expanded.height,\n padding: variants.video.expanded.padding,\n }\n } else {\n size = {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n }\n break\n case 'transfer':\n case 'player':\n case 'recorder':\n case 'physicalPhoneRecorder':\n case 'settings':\n case 'conference':\n size = isOpen\n ? {\n width: variants[view].expanded.width,\n height: variants[view].expanded.height,\n }\n : {\n width: variants[view].collapsed.width,\n height: variants[view].collapsed.height,\n }\n break\n\n case 'switchDevice':\n size = isOpen\n ? {\n width: variants.switchDevice.expanded.width,\n height: variants.switchDevice.expanded.height,\n }\n : {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n break\n\n case 'waitingConference':\n size = isOpen\n ? {\n width: variants.waitingConference.expanded.width,\n height: variants.waitingConference.expanded.height,\n }\n : {\n width: variants.waitingConference.collapsed.width,\n height: variants.waitingConference.collapsed.height,\n }\n break\n case 'streamingAnswer':\n size = isOpen\n ? isExtraLarge\n ? {\n width: variants.streamingAnswer.extraLarge.width,\n height: variants.streamingAnswer.extraLarge.height,\n padding: variants.streamingAnswer.extraLarge.padding,\n }\n : {\n width: variants.streamingAnswer.expanded.width,\n height: variants.streamingAnswer.expanded.height,\n padding: variants.streamingAnswer.expanded.padding,\n }\n : {\n width: variants.streamingAnswer.collapsed.width,\n height: variants.streamingAnswer.collapsed.height,\n }\n break\n case 'operatorBusy':\n size = isOpen\n ? {\n width: variants.operatorBusy.expanded.width,\n height: variants.operatorBusy.expanded.height,\n }\n : {\n width: variants.operatorBusy.collapsed.width,\n height: variants.operatorBusy.collapsed.height,\n }\n break\n }\n\n const isAlert: boolean = activeAlertsCount > 0\n\n return {\n width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n height: `${\n // If there is an alert and the island is open put the correct height\n isAlert && isOpen\n ? variants.alerts.height +\n (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n : size.height\n }px`,\n borderRadius: isOpen\n ? `${border_radius_expanded}px`\n : isActive && view === 'waitingConference'\n ? `${border_radius_collapsed_conference}px`\n : `${border_radius_collapsed}px`,\n padding: isOpen\n ? size.padding != undefined\n ? `${size.padding}px`\n : `${padding_expanded}px`\n : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n }\n }, [\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n incomingWebRTC,\n incomingSocket,\n isActive,\n isFromStreaming,\n isExtraLarge,\n throughQueue,\n queueName,\n queueNumber,\n displayName,\n ])\n\n useEffect(() => {\n let sizeInformation: any = {}\n sizeInformation.width = motionVariants?.width\n sizeInformation.height = motionVariants?.height\n eventDispatch('phone-island-size-change', {\n sizeInformation,\n })\n }, [\n motionVariants,\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n sideViewIsVisible,\n transcriptionViewIsVisible,\n incomingSocket,\n incomingWebRTC,\n isActive,\n isExtraLarge,\n ])\n\n return (\n <motion.div\n className={`${isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n } pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow`}\n animate={motionVariants}\n transition={{\n duration: 0.15,\n ease: 'easeOut',\n }}\n >\n {children}\n </motion.div>\n )\n}\n\ninterface IslandMotionProps {\n children: ReactNode\n}\n\ntype SizeTypes = {\n width: number\n height: number\n padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","conferencing","throughQueue","queueName","queueNumber","displayName","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","isFromStreaming","isExtraLarge","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","border_radius_collapsed_conference","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","isActive","conference","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","Boolean","isNumberOnlyName","incomingQueue","incomingStreaming","outgoingStreaming","collapsed","keypad","video","switchDevice","waitingConference","streamingAnswer","extraLarge","operatorBusy","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate","transition","duration","ease"],"mappings":"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"}
1
+ {"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n // Retrieve needed stored variables\n const {\n incoming,\n outgoing,\n accepted,\n transferring,\n incomingWebRTC,\n incomingSocket,\n conferencing,\n throughQueue,\n queueName,\n queueNumber,\n } = useSelector((state: RootState) => state.currentCall)\n const { isListen } = useSelector((state: RootState) => state.listen)\n const { view, isOpen, actionsExpanded, sideViewIsVisible,transcriptionViewIsVisible, isFromStreaming, isExtraLarge } = useSelector(\n (state: RootState) => state.island,\n )\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n const {\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n border_radius_collapsed_conference,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n } = useSelector((state: RootState) => state.motions)\n const { isActive } = useSelector((state: RootState) => state.conference)\n\n const motionVariants = useMemo(() => {\n // Initial size\n let size: SizeTypes = {\n width: 0,\n height: 0,\n padding: padding_expanded,\n }\n\n switch (view) {\n case 'call':\n if (isOpen) {\n if (accepted && transferring && conferencing) {\n if (actionsExpanded) {\n size = {\n width: variants.call.expanded.transfer.actionsExpanded.width,\n height: variants.call.expanded.transfer.actionsExpanded.height,\n }\n } else {\n size = {\n width: variants.call.expanded.transfer.width,\n height: variants.call.expanded.transfer.height,\n }\n }\n } else if (accepted && actionsExpanded) {\n size = {\n width: variants.call.expanded.accepted.actionsExpanded.width,\n height: variants.call.expanded.accepted.actionsExpanded.height,\n }\n } else if (accepted && !isListen) {\n size = {\n width: variants.call.expanded.accepted.width,\n height: variants.call.expanded.accepted.height,\n }\n } else if (accepted && isListen) {\n size = {\n width: variants.call.expanded.listening.width,\n height: variants.call.expanded.listening.height,\n }\n } else if (incoming && !isFromStreaming) {\n const showIncomingQueueBadge =\n incoming && !accepted && throughQueue && Boolean(queueName || queueNumber)\n size = showIncomingQueueBadge\n ? {\n width: variants.call.expanded.incomingQueue.width,\n height: variants.call.expanded.incomingQueue.height,\n }\n : {\n width: variants.call.expanded.incoming.width,\n height: variants.call.expanded.incoming.height,\n }\n } else if (incoming && isFromStreaming) {\n size = {\n width: variants.call.expanded.incomingStreaming.width,\n height: variants.call.expanded.incomingStreaming.height,\n }\n } else if (outgoing && !isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoing.width,\n height: variants.call.expanded.outgoing.height,\n }\n } else if (outgoing && isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoingStreaming.width,\n height: variants.call.expanded.outgoingStreaming.height,\n }\n }\n } else {\n size = {\n width: variants.call.collapsed.width,\n height: variants.call.collapsed.height,\n }\n }\n break\n\n case 'keypad':\n size = isOpen\n ? {\n width: variants.keypad.expanded.width,\n height: variants.keypad.expanded.height,\n }\n : {\n width: variants.transfer.collapsed.width,\n height: variants.transfer.collapsed.height,\n }\n break\n\n case 'video':\n if (isOpen) {\n size = {\n width: variants.video.expanded.width,\n height: variants.video.expanded.height,\n padding: variants.video.expanded.padding,\n }\n } else {\n size = {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n }\n break\n case 'transfer':\n case 'player':\n case 'recorder':\n case 'physicalPhoneRecorder':\n case 'settings':\n case 'conference':\n size = isOpen\n ? {\n width: variants[view].expanded.width,\n height: variants[view].expanded.height,\n }\n : {\n width: variants[view].collapsed.width,\n height: variants[view].collapsed.height,\n }\n break\n\n case 'switchDevice':\n size = isOpen\n ? {\n width: variants.switchDevice.expanded.width,\n height: variants.switchDevice.expanded.height,\n }\n : {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n break\n\n case 'waitingConference':\n size = isOpen\n ? {\n width: variants.waitingConference.expanded.width,\n height: variants.waitingConference.expanded.height,\n }\n : {\n width: variants.waitingConference.collapsed.width,\n height: variants.waitingConference.collapsed.height,\n }\n break\n case 'streamingAnswer':\n size = isOpen\n ? isExtraLarge\n ? {\n width: variants.streamingAnswer.extraLarge.width,\n height: variants.streamingAnswer.extraLarge.height,\n padding: variants.streamingAnswer.extraLarge.padding,\n }\n : {\n width: variants.streamingAnswer.expanded.width,\n height: variants.streamingAnswer.expanded.height,\n padding: variants.streamingAnswer.expanded.padding,\n }\n : {\n width: variants.streamingAnswer.collapsed.width,\n height: variants.streamingAnswer.collapsed.height,\n }\n break\n case 'operatorBusy':\n size = isOpen\n ? {\n width: variants.operatorBusy.expanded.width,\n height: variants.operatorBusy.expanded.height,\n }\n : {\n width: variants.operatorBusy.collapsed.width,\n height: variants.operatorBusy.collapsed.height,\n }\n break\n }\n\n const isAlert: boolean = activeAlertsCount > 0\n\n return {\n width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n height: `${\n // If there is an alert and the island is open put the correct height\n isAlert && isOpen\n ? variants.alerts.height +\n (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n : size.height\n }px`,\n borderRadius: isOpen\n ? `${border_radius_expanded}px`\n : isActive && view === 'waitingConference'\n ? `${border_radius_collapsed_conference}px`\n : `${border_radius_collapsed}px`,\n padding: isOpen\n ? size.padding != undefined\n ? `${size.padding}px`\n : `${padding_expanded}px`\n : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n }\n }, [\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n incomingWebRTC,\n incomingSocket,\n isActive,\n isFromStreaming,\n isExtraLarge,\n throughQueue,\n queueName,\n queueNumber,\n ])\n\n useEffect(() => {\n let sizeInformation: any = {}\n sizeInformation.width = motionVariants?.width\n sizeInformation.height = motionVariants?.height\n eventDispatch('phone-island-size-change', {\n sizeInformation,\n })\n }, [\n motionVariants,\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n sideViewIsVisible,\n transcriptionViewIsVisible,\n incomingSocket,\n incomingWebRTC,\n isActive,\n isExtraLarge,\n ])\n\n return (\n <motion.div\n className={`${isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n } pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow`}\n animate={motionVariants}\n transition={{\n duration: 0.15,\n ease: 'easeOut',\n }}\n >\n {children}\n </motion.div>\n )\n}\n\ninterface IslandMotionProps {\n children: ReactNode\n}\n\ntype SizeTypes = {\n width: number\n height: number\n padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","conferencing","throughQueue","queueName","queueNumber","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","isFromStreaming","isExtraLarge","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","border_radius_collapsed_conference","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","isActive","conference","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","Boolean","incomingQueue","incomingStreaming","outgoingStreaming","collapsed","keypad","video","switchDevice","waitingConference","streamingAnswer","extraLarge","operatorBusy","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate","transition","duration","ease"],"mappings":"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"}
package/dist/components/Socket.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),n=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/socket.io-client/build/esm/index.js"),r=require("./RestAPI.js"),i=require("../lib/phone/conversation.js"),o=require("../lib/phone/counterpartDevice.js"),u=require("../services/phonebook.js"),c=require("../services/user.js"),a=require("../static/busy_ringtone.js"),s=require("../utils/customHooks/useEventListener.js"),l=require("../utils/genericFunctions/eventDispatch.js"),d=require("../utils/genericFunctions/withTimeout.js"),v=require("../utils/genericFunctions/summaryEvents.js"),p=require("../store/index.js");require("../lib/webrtc/janus.js"),require("../node_modules/webrtc-adapter/src/js/adapter_core.js");var m=require("../lib/devices/devices.js"),f=require("../lib/user/default_device.js"),g=require("../utils/genericFunctions/isEmpty.js"),h=require("../utils/streaming/getStreamingSourceId.js"),b=require("../events/SocketEvents.js"),k=require("../utils/genericFunctions/timestamp.js"),y=require("../lib/user/extensions.js"),S=require("../utils/streaming/isFromStreaming.js"),q=require("../lib/phone/queue.js"),w=require("../lib/phone/trunk.js"),C=require("../node_modules/react-redux/es/hooks/useDispatch.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=_(n);exports.Socket=function(_){var T=_.hostName,I=_.username,j=_.authToken,D=_.reload,U=_.reloadedCallback,x=_.children,E=_.uaType,O=C.useDispatch(),P=n.useRef(),A=n.useRef(),F=n.useRef(!1),M=n.useRef(0),V=n.useRef(null),R=n.useRef(new Map),L=n.useRef(new Map),Q=n.useRef(new Set),W=n.useRef({linkedid:null,uniqueid:null});s.useEventListener("phone-island-start-transcription",function(e){if(A.current){var n=(null==e?void 0:e.linkedid)||(null==e?void 0:e.linkedId)||(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||null,t=(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||n;if(!n&&!t)return;W.current={linkedid:n,uniqueid:t},A.current.emit("start_transcription",{linkedid:n,uniqueid:t})}}),s.useEventListener("phone-island-stop-transcription",function(e){if(A.current){var n=(null==e?void 0:e.linkedid)||(null==e?void 0:e.linkedId)||(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||null,t=(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||n;if(!n&&!t)return;W.current={linkedid:null,uniqueid:null},A.current.emit("stop_transcription",{linkedid:n,uniqueid:t})}}),s.useEventListener("phone-island-current-user-queue-call-waiting",function(e){O.currentCall.updateCurrentCall({throughQueue:!0,queueId:(null==e?void 0:e.queueId)||"",queueName:(null==e?void 0:e.queueName)||"",queueNumber:(null==e?void 0:e.queueNumber)||"",queuePosition:(null==e?void 0:e.queuePosition)||"",queueWaitingTime:(null==e?void 0:e.queueWaitingTime)||0})}),s.useEventListener("phone-island-current-user-queue-call-connected",function(e){O.currentCall.updateCurrentCall({throughQueue:!0,queueId:(null==e?void 0:e.queueId)||"",queueName:(null==e?void 0:e.queueName)||"",queueNumber:(null==e?void 0:e.queueNumber)||"",queuePosition:(null==e?void 0:e.queuePosition)||"",queueWaitingTime:(null==e?void 0:e.queueWaitingTime)||0})});return n.useEffect(function(){var n,s=function(e){if(e.counterpartNum&&S.isFromStreaming(e.counterpartNum)){O.island.setIsFromStreaming(!0),O.currentCall.updateCurrentCall({streamingSourceNumber:e.counterpartNum});var n=h.getStreamingSourceId(e.counterpartNum);n&&c.subscribe({id:n}).catch(function(e){return console.error("Error subscribing to streaming source:",e)})}},C=function(e){return(e||"").replace(/\D/g,"")},_=function(e){var n=i.getDisplayName(e),t=((null==e?void 0:e.counterpartNum)||"").trim();return n&&n!==t&&!i.isNumberOnlyName(n)?n:(t?L.current.get(C(t)):void 0)||n},N=function(e){if(e){var n=(e.counterpartNum||"").trim();if(!(n.length<3)){var t=(e.counterpartName||"").trim();if(!t||"<unknown>"===t||t===n||i.isNumberOnlyName(t)){var r=p.store.getState().users.extensions;if(!(r&&r[n]||S.isFromStreaming(n))){var o=C(n);L.current.has(o)||e.id&&Q.current.has(e.id)||(e.id&&(Q.current.size>500&&Q.current.clear(),Q.current.add(e.id)),u.searchPhonebook(1,n,"").then(function(e){var n=((null==e?void 0:e.rows)||[]).find(function(e){return[e.extension,e.workphone,e.homephone,e.cellphone,e.fax].some(function(e){var n=C(e);return 0!==n.length&&(n===o||!(Math.min(n.length,o.length)<6)&&(n.endsWith(o)||o.endsWith(n)))})}),t=((null==n?void 0:n.name)||(null==n?void 0:n.company)||"").trim();if(t){L.current.set(o,t);var r=p.store.getState().currentCall;C(r.number)===o&&O.currentCall.updateCurrentCall({displayName:t})}}).catch(function(){}))}}}}},D=function(e){return q.getCurrentCallQueueContext(e,p.store.getState().queue)},U=function(e,n){var t=p.store.getState().currentCall,r=(null==n?void 0:n.queueId)||t.queueId||"",i=(null==n?void 0:n.queueName)||t.queueName||"",o=(null==n?void 0:n.queueNumber)||t.queueNumber||"";return{conversationId:e.id,linkedId:e.linkedId,uniqueId:e.uniqueId,ownerExtension:e.owner,number:"".concat(e.counterpartNum||""),queueId:r,queueName:i,queueNumber:o,queuePosition:(null==n?void 0:n.queuePosition)||"",queueWaitingTime:(null==n?void 0:n.queueWaitingTime)||0}},x=function(e){var n,t,r,i;if(e){var o=D(e),u=U(e,o);if(Boolean(u.queueId||u.queueName||u.queueNumber))if(e.connected)((null===(r=V.current)||void 0===r?void 0:r.conversationId)!==e.id||"connected"!==(null===(i=V.current)||void 0===i?void 0:i.phase))&&(b.dispatchCurrentUserQueueCallConnected(u),V.current={conversationId:e.id,phase:"connected"});else((null===(n=V.current)||void 0===n?void 0:n.conversationId)!==e.id||"waiting"!==(null===(t=V.current)||void 0===t?void 0:t.phase))&&(b.dispatchCurrentUserQueueCallWaiting(u),V.current={conversationId:e.id,phase:"waiting"});else V.current=null}else V.current=null},B=function(e){return(null==e?void 0:e.linkedId)||(null==e?void 0:e.linkedid)||""},K=function(e){return(null==e?void 0:e.uniqueId)||(null==e?void 0:e.uniqueid)||""},z=function(e){return!!(null==e?void 0:e.connected)&&!!B(e)&&!!K(e)},H=function(n){var t=p.store.getState().currentUser.conversations,r=n?null==t?void 0:t[n]:void 0,i=function(e){var n,t=null,r=Object.entries(e||{}).filter(function(e){var n=e[1];return n&&Object.keys(n).length>0});return r.forEach(function(e){var r,i,o=e[0],u=e[1];if(!t)return t=u,void(n=o);var c=z(t),a=z(u);if(a&&!c)return t=u,void(n=o);if(a===c){var s=!!t.connected,l=!!u.connected;if(l&&!s)return t=u,void(n=o);var d=null!==(r=t.startTime)&&void 0!==r?r:0,v=null!==(i=u.startTime)&&void 0!==i?i:0;l===s&&v>d&&(t=u,n=o)}}),{conversation:t,key:n,count:r.length}}(r);if(z(i.conversation))return e.__assign(e.__assign({},i),{source:"live",cacheAgeMs:void 0,hasConversationForCaller:!!r,liveConversationKeys:Object.keys(r||{})});var o=function(n){if(!n)return null;var t=R.current.get(n);if(!t)return null;var r=Date.now()-t.cachedAt;return r>6e5?(R.current.delete(n),null):e.__assign(e.__assign({},t),{cacheAgeMs:r})}(n);return o&&z(o.conversation)?{conversation:o.conversation,key:o.conversation.id,count:i.count,source:"cache",cacheAgeMs:o.cacheAgeMs,hasConversationForCaller:!!r,liveConversationKeys:Object.keys(r||{})}:e.__assign(e.__assign({},i),{source:i.conversation?"live_invalid":"none",cacheAgeMs:null==o?void 0:o.cacheAgeMs,hasConversationForCaller:!!r,liveConversationKeys:Object.keys(r||{})})},J=function(n,t){var r=p.store.getState().currentCall,u=r.transferring,a=r.transferSwitching,d=r.transferCalls,v=p.store.getState().island.view;if(Object.keys(t).length>0){if(n.status){var m=p.store.getState().users.extensions,g=p.store.getState().currentUser.default_device,h=p.store.getState().currentUser,b=h.endpoints,S=h.username,q=function(){if(!m||!S)return!1;var e=Object.values(m).filter(function(e){return(null==e?void 0:e.username)===S});return null==e?void 0:e.some(function(e){var n=null==b?void 0:b.extension.find(function(n){return n.id===(null==e?void 0:e.exten)});return"nethlink"===(null==n?void 0:n.type)&&"offline"!==(null==e?void 0:e.status)})};switch(n.status){case"ringing":if(function(e){var n=p.store.getState().currentCall,t=n.accepted,r=n.ownerExtension;return t&&!!r&&!!e&&r!==e}(t.owner))break;var C=D(t),T=U(t,C);x(t),s(t),N(t),("mobile"===E&&q()||"desktop"===E&&("webrtc"===(null==g?void 0:g.type)||void 0===(null==g?void 0:g.type)&&!q()||!q()&&"physical"===(null==g?void 0:g.type)))&&(O.currentCall.checkIncomingUpdatePlay({conversationId:t.id,displayName:_(t),number:"".concat(t.counterpartNum),incomingSocket:!0,incoming:!0,throughQueue:Boolean(T.queueId||T.queueName||T.queueNumber),queueId:T.queueId,queueName:T.queueName,queueNumber:T.queueNumber,queuePosition:T.queuePosition,queueWaitingTime:T.queueWaitingTime,username:"".concat(m&&m[t.counterpartNum]&&m[t.counterpartNum].username)||"",ownerExtension:t.owner,counterpartDeviceType:o.getCounterpartDeviceType(t,p.store.getState().users)}),p.store.dispatch.island.setIslandView("call")),F.current||(F.current=!0,c.getCurrentUserInfo().then(function(n){n&&(O.currentUser.updateCurrentUser(n),l.eventDispatch("phone-island-user-informations-update",e.__assign({},n)),n.settings&&n.settings.open_param_url?O.paramUrl.setOpenParamUrlType(n.settings.open_param_url):O.paramUrl.setOpenParamUrlType("never"))}).catch(function(e){console.error("Error getting current user info:",e)}).finally(function(){setTimeout(function(){F.current=!1},100)}));var I=p.store.getState().paramUrl.openParamUrlType,j=p.store.getState().island.urlOpened;if("ringing"===I&&!j){var P=w.isFromTrunk(t.counterpartNum);p.store.dispatch.paramUrl.setThroughTrunk(P),p.store.dispatch.island.setUrlOpened(!1),l.eventDispatch("phone-island-url-parameter-opened",{counterpartNum:t.counterpartNum,counterpartName:_(t),owner:t.owner,uniqueId:t.uniqueId,linkedId:t.linkedId,throughQueue:t.throughQueue,throughTrunk:P,direction:t.direction,connected:t.connected})}break;case"busy":if(x(t),s(t),"mobile"===E&&q()||"desktop"===E&&("webrtc"===(null==g?void 0:g.type)||void 0===(null==g?void 0:g.type)&&!q()||!q()&&"physical"===(null==g?void 0:g.type))){if(t&&t.connected)O.currentCall.updateCurrentCall({conversationId:t.id,displayName:_(t),number:"".concat(t.counterpartNum),ownerExtension:t.owner,username:"".concat(m&&m[t.counterpartNum]&&m[t.counterpartNum].username)||"",chDest:(null==t?void 0:t.chDest)||{},chSource:(null==t?void 0:t.chSource)||{},counterpartDeviceType:o.getCounterpartDeviceType(t,p.store.getState().users)}),O.currentCall.checkAcceptedUpdate({acceptedSocket:!0}),O.currentCall.addTransferCalls({type:"transferred",displayName:_(t),number:"".concat(t.counterpartNum),startTime:"".concat(k.getTimestampInSeconds())}),p.store.getState().island.isFromStreaming&&"out"===t.direction&&setTimeout(function(){O.island.setIslandView("streamingAnswer")},200),f.isPhysical()&&function(e){O.currentCall.updateCurrentCall({conversationId:e.id,accepted:!0,incoming:"in"!==e.direction&&void 0}),l.eventDispatch("phone-island-call-answered",{}),p.store.dispatch.player.stopAudioPlayer(),p.store.dispatch.player.setAudioPlayerLoop(!1)}(t),"call"===v&&u&&O.currentCall.updateCurrentCall({transferring:!1});if(d.length>1)O.currentCall.deleteTransferCalls();else if(t&&!t.connected){if(u&&!a){var A=d.find(function(e){return e.number===t.counterpartNum});!t.connected&&A&&(O.currentCall.updateCurrentCall({transferring:!1}),l.eventDispatch("phone-island-call-transfer-failed",{}),O.currentCall.updateTransferSwitching(!1))}"REC"===(null==t?void 0:t.counterpartName)&&O.physicalRecorder.setRecordingTempVariable(!0)}t&&!t.connected&&"out"===t.direction&&("REC"!==(null==t?void 0:t.counterpartName)&&N(t),O.currentCall.checkOutgoingUpdate({outgoingSocket:!0,outgoing:"REC"!==(null==t?void 0:t.counterpartName),displayName:_(t),counterpartDeviceType:"",number:"".concat(null==t?void 0:t.counterpartNum),username:"".concat(m&&m[null==t?void 0:t.counterpartNum]&&m[null==t?void 0:t.counterpartNum].username)||""}))}break;case"onhold":x(t);var M=t.counterpartName,V=t.counterpartNum,R=t.startTime;u&&V&&M&&"<unknown>"!==M&&(O.currentCall.addTransferCalls({type:"destination",displayName:i.getDisplayName(t),number:V,startTime:"".concat(k.getTimestampInSeconds())}),O.currentCall.updateCurrentCall({displayName:i.getDisplayName(t),number:V,startTime:"".concat(R/1e3),conversationId:t.id,counterpartDeviceType:""}),O.island.setIslandView("call"));break;case"busy_ringing":l.eventDispatch("phone-island-call-ringing",{})}}}else"online"==n.status&&y.userTotallyFree()&&(x(null),O.player.stopAudioPlayer(),O.currentCall.reset(),O.listen.reset(),O.physicalRecorder.setRecordingTempVariable(!1),O.island.setIsFromStreaming(!1))};return n={upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3},"new"===r.getApiMode(I)&&(n.path="/api/ws"),A.current=t.io("https://"+T,n),O.websocket.update({socket:A.current}),A.current.on("connect",function(){console.debug("Socket connected sid: ".concat(A.current.id)),l.eventDispatch("phone-island-socket-connected",{})}),A.current.on("disconnect",function(e){console.debug("Socket disconnect - reason: ".concat(e)),P.current&&(clearInterval(P.current),P.current=null),e.includes("server disconnect")?l.eventDispatch("phone-island-server-disconnected",{}):l.eventDispatch("phone-island-socket-disconnected",{})}),A.current.io.on("error",function(e){console.debug("Socket error: ",e)}),A.current.on("connect_error",function(e){console.debug("Socket connect_error: ",e)}),A.current.io.on("reconnect",function(e){M.current=0,l.eventDispatch("phone-island-socket-reconnected",{}),console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(A.current.id,")"))}),A.current.io.on("reconnect_attempt",function(e){console.debug("Socket reconnect_attempt ".concat(e))}),A.current.io.on("reconnect_error",function(e){console.debug("Socket reconnect_error: ",e)}),A.current.io.on("reconnect_failed",function(){console.debug("Socket reconnect_failed")}),A.current.on("connect",function(){console.debug("Socket on: "+T+" is connected!"),A.current.emit("login",{accessKeyId:"".concat(I),token:j,uaType:E})}),A.current.on("authe_ok",function(){console.debug("Socket authentication success!"),l.eventDispatch("phone-island-socket-authorized",{}),P.current&&clearInterval(P.current),P.current=setInterval(function(){A.current.volatile.emit("ping",d.withTimeout(function(){M.current=0,setTimeout(function(){O.alerts.removeAlert("socket_down"),l.eventDispatch("phone-island-alert-removed",{type:"socket_down"}),l.eventDispatch("phone-island-socket-disconnected-popup-close",{})},0)},function(){M.current++,console.debug("Socket ping timeout (".concat(M.current,"/").concat(3,"), connected: ").concat(A.current.connected)),setTimeout(function(){var e,n,t=A.current.connected&&M.current>=3;if(!A.current.connected||t){var r=p.store.getState().webrtc.sipcall,i=p.store.getState().currentCall,o=i.accepted,u=i.outgoing,c=null===(n=null===(e=null==r?void 0:r.webrtcStuff)||void 0===e?void 0:e.pc)||void 0===n?void 0:n.iceConnectionState;if((o||u)&&("connected"===c||"completed"===c))return void console.debug("Socket unreachable but active call with ICE connected - skipping socket_down alert",{iceState:c,accepted:o,outgoing:u,isStaleConnection:t,timestamp:(new Date).toISOString()});t&&(console.warn("Stale socket connection detected - forcing reconnection"),A.current.disconnect(),A.current.connect()),O.alerts.setAlert("socket_down"),l.eventDispatch("phone-island-socket-disconnected-popup-open",{}),console.error("Socket is unreachable!")}},0)},5e3))},5e3)}),A.current.on("userMainPresenceUpdate",function(n){p.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),b.dispatchMainPresence(n)}),A.current.on("extenHangup",function(e){var n=p.store.getState().currentUser,t=n.endpoints,r=n.username,i=p.store.getState().conference,o=i.isActive,u=i.conferenceStartedFrom,c=p.store.getState().island,s=c.view,d=c.previewCallFromMobileOrNethlink,v=(null==t?void 0:t.extension)||[],m=v.map(function(e){return e.id}),f=null==e?void 0:e.callerNum;!m.includes(f)&&m.includes(null==e?void 0:e.channelExten)&&(f=null==e?void 0:e.channelExten);var g=v.find(function(n){return n.id===e.callerNum}),h=null==g?void 0:g.type,b=H(f).conversation,k=B(b),y=K(b),S=(null==b?void 0:b.connected)||!1;if(y&&k&&S&&(l.eventDispatch("phone-island-summary-call-check",{linkedid:k,uniqueid:y}),f&&R.current.delete(f)),"normal_clearing"===e.cause&&("physical"===h||"mobile"===h)||"normal_clearing"===e.cause&&("webrtc"===h||"nethlink"===h)&&d||"user_busy"===(null==e?void 0:e.cause)||"not_defined"===(null==e?void 0:e.cause)||"call_rejected"===(null==e?void 0:e.cause)||"interworking"===(null==e?void 0:e.cause)?(setTimeout(function(){p.store.dispatch.island.toggleAvoidToShow(!1),p.store.dispatch.island.setPreviewCallFromMobileOrNethlink(!1)},500),o&&u!==r&&p.store.dispatch.conference.resetConference()):"normal_circuit_congestion"===(null==e?void 0:e.cause)&&o&&u===r?setTimeout(function(){l.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800):"normal_clearing"!==e.cause&&"user_busy"!==(null==e?void 0:e.cause)&&"not_defined"!==(null==e?void 0:e.cause)&&"call_rejected"!==(null==e?void 0:e.cause)||"webrtc"!==h&&"nethlink"!==h||!o||u===r||p.store.dispatch.conference.resetConference(),("normal_clearing"===e.cause&&("webrtc"===h||"nethlink"===h)||"call_rejected"===(null==e?void 0:e.cause))&&o&&u===r){var q=p.store.getState().conference,w=q.usersList,C=q.pendingUsers,_=w&&Object.keys(w).length>0,N=C&&Object.keys(C).length>0;_||N?setTimeout(function(){l.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800):p.store.dispatch.conference.resetConference()}if("interworking"===(null==e?void 0:e.cause)&&o&&u===r&&"waitingConference"!==s&&setTimeout(function(){l.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800),"user_busy"===(null==e?void 0:e.cause)){var T=p.store.getState().currentUser,I=T.endpoints,j=T.username,D=((null==I?void 0:I.extension)||[]).map(function(e){return e.id}),U=p.store.getState().currentCall,x=U.incoming,E=U.accepted,O=U.transferring,P=p.store.getState().conference,A=P.isActive,F=P.conferenceStartedFrom;!(x&&e.callerNum&&D.includes(e.callerNum))&&(!E||A||O)&&(p.store.dispatch.island.setOperatorBusyActive({callerNumber:e.callerNum||"Unknown"}),setTimeout(function(){p.store.dispatch.player.stopAudioPlayer()},4e3),setTimeout(function(){p.store.dispatch.player.updateStartAudioPlayer({src:a.default,loop:!0}),p.store.dispatch.island.setIslandView("operatorBusy")},600),A&&F===j&&setTimeout(function(){l.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},4e3))}if("subscriber_absent"===(null==e?void 0:e.cause)){var M=p.store.getState().conference,V=M.isActive,L=M.conferenceStartedFrom,Q=p.store.getState().currentUser.username;if(V&&L===Q){var W=p.store.getState().conference;w=W.usersList,C=W.pendingUsers,_=w&&Object.keys(w).length>0,N=C&&Object.keys(C).length>0,_||N?(setTimeout(function(){l.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800),C&&C[e.callerNum]&&p.store.dispatch.conference.removePendingUser(e.callerNum)):p.store.dispatch.conference.resetConference()}}}),A.current.on("extenConnected",function(e){var n=p.store.getState().currentUser,t=n.default_device,r=n.endpoints,i=((null==r?void 0:r.extension)||[]).find(function(n){return n.id===e.extenConnected}),o=null==i?void 0:i.type;(("webrtc"===(null==t?void 0:t.type)||"nethlink"===(null==t?void 0:t.type))&&o&&("mobile"===o||"physical"===o)||"physical"===(null==t?void 0:t.type)&&o&&"physical"!==o)&&(p.store.dispatch.island.toggleAvoidToShow(!0),p.store.dispatch.island.setPreviewCallFromMobileOrNethlink(!0),l.eventDispatch("phone-island-call-answered",{extensionType:o}))}),A.current.on("extenUpdate",function(e){var n,t,r;O.users.updateExtension(e);var i=p.store.getState().users.extensions,o={},u=p.store.getState().currentUser;for(var c in i){var a=i[c].username,s=i[c].exten;o[a]||(o[a]=[]),o[a].push(s)}var l,d,v=o[e.username],m=Object.keys(e.conversations||{}),f=e.username===I,h=(null===(n=e.conversations)||void 0===n?void 0:n[m[0]])||{};f&&(l=e.exten,d=e.conversations,l&&Object.values(d||{}).forEach(function(e){z(e)&&R.current.set(l,{conversation:e,cachedAt:Date.now()})}));var k=!1;if((null==e?void 0:e.username)===I&&!g.isEmpty(h)&&(null==h?void 0:h.owner)){var y=null===(r=null===(t=null==u?void 0:u.endpoints)||void 0===t?void 0:t.extension)||void 0===r?void 0:r.find(function(e){return e.id===h.owner});y&&"mobile"===y.type&&(k=!0)}if(b.dispatchExtensions(e),g.isEmpty(h)){var S=null==v?void 0:v.some(function(e){var n,t=null===(n=i[e])||void 0===n?void 0:n.conversations;return!g.isEmpty(t)});S||b.dispatchConversations(e)}else k||b.dispatchConversations(e);k&&"busy"===(null==e?void 0:e.status)&&(null==e?void 0:e.username)===I&&(p.store.dispatch.island.toggleAvoidToShow(!0),p.store.dispatch.island.setPreviewCallFromMobileOrNethlink(!0)),e.username===I&&(J(e,h),O.currentUser.updateConversations(e))}),A.current.on("queueUpdate",function(e){O.queue.updateQueue(e);var n,t,r,i=(n=p.store.getState().currentUser.conversations,t=p.store.getState().currentCall.conversationId,r=null,Object.values(n||{}).forEach(function(e){Object.values(e||{}).forEach(function(e){(null==r?void 0:r.id)&&r.id===t||(t&&e.id===t||!r||e.connected&&!r.connected||e.connected===r.connected&&e.startTime>r.startTime)&&(r=e)})}),r);i&&x(i),b.dispatchQueueUpdate(e)}),A.current.on("queueMemberUpdate",function(e){O.queue.updateQueueMember(e),b.dispatchQueueMemberUpdate(e)}),A.current.on("takeOver",function(){b.dispatchAlreadyLogin()}),A.current.on("serverReloaded",function(){b.dispatchServerReload()}),A.current.on("parkingUpdate",function(e){b.dispatchParkingUpdate(e)}),A.current.on("actionNethLink",function(e,n){b.dispatchUrlCall(e,n)}),A.current.on("satellite/summary",function(e){var n=(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId),t=(null==e?void 0:e.linkedid)||(null==e?void 0:e.linkedId);n&&v.dispatchSummaryReady({linkedid:t,uniqueid:n,display_name:null==e?void 0:e.display_name,display_number:null==e?void 0:e.display_number,source:"socket"})}),A.current.on("message",function(e){switch(e.message){case"videoCallStart":var n=p.store.getState(),t=n.currentCall,r=t.incoming,i=t.outgoing,o=t.accepted,u=n.currentUser.default_device,c=n.island,a=c.isFromStreaming,s=c.view;("webrtc"===(null==u?void 0:u.type)||"nethlink"===(null==u?void 0:u.type))&&(r||i||o)&&!a&&"video"!==s&&(O.island.toggleSideViewVisible(!1),O.island.toggleTranscriptionViewVisible(!1),O.island.setIslandView("video")),b.dispatchVideoCallStarted({initiator:"remote",callUser:e.callUser,destUser:e.destUser});break;case"screenSharingStart":O.island.toggleSideViewVisible(!1),O.island.toggleTranscriptionViewVisible(!1),O.island.setIslandView("video"),O.screenShare.update({isJoiningScreenShare:!0,room:e.roomId});break;case"screenSharingStop":O.island.toggleSideViewVisible(!1),O.island.toggleTranscriptionViewVisible(!1),O.island.setIslandView("video"),O.screenShare.update({isLeavingScreenShare:!0});break;default:console.warn("Socket: unknown message type ",e.message)}}),A.current.on("updateDefaultDevice",function(n){b.dispatchDefaultDeviceUpdate(n);var t=p.store.getState().users.extensions,r=p.store.getState().currentUser.endpoints;if(t&&r){var i=Object.values(t).filter(function(e){return(null==e?void 0:e.exten)===n});if(0!==i.length){var o=i[0],u=r.extension.find(function(e){return e.id===o.exten});u&&(o=e.__assign(e.__assign({},o),{type:u.type})),p.store.dispatch.currentUser.updateCurrentDefaultDevice(o),m.checkMediaPermissions()}}}),A.current.on("confBridgeUpdate",function(n){if(n&&(null==n?void 0:n.users)){var t=null==n?void 0:n.id,r=null==n?void 0:n.users,i=p.store.getState().conference.usersList,o=e.__assign({},r);i&&Object.keys(o).forEach(function(n){i[n]&&(o[n]=e.__assign(e.__assign({},o[n]),{muted:i[n].muted}))}),p.store.dispatch.conference.updateConferenceUsersList(o),p.store.dispatch.conference.updateConferenceId(t)}}),A.current.on("confBridgeEnd",function(e){e&&(null==e?void 0:e.id)&&(p.store.dispatch.conference.resetConference(),l.eventDispatch("phone-island-conference-finished",{}))}),A.current.on("callWebrtc",function(e){l.eventDispatch("phone-island-call-start",{number:e})}),A.current.on("newVoiceMessageCounter",function(e){l.eventDispatch("phone-island-voicemail-received",{voicemailInfo:e})}),A.current.on("streamingSourceUpdate",function(e){l.eventDispatch("phone-island-streaming-information-received",{res:e});var n=e.streaming||e.res&&e.res.streaming;if(n){var t=n.source,r=n.image;t&&r&&O.streaming.updateSourceImage({source:t,image:r})}}),A.current.on("satellite/transcription",function(e){var n=W.current,t=null==e?void 0:e.uniqueid,r=null==e?void 0:e.linkedid;if(n.linkedid&&t){var i=function(e){return null!=e&&(e===n.linkedid||e===n.uniqueid)};if(!i(t)&&!i(r))return}l.eventDispatch("phone-island-conversation-transcription",e)}),function(){clearInterval(P.current),L.current.clear(),Q.current.clear(),A.current.close()}},[T,I,j,E,O]),n.useEffect(function(){var e,n;if(D){console.info("Socket reload requested");var t=p.store.getState().alerts.data,r=p.store.getState().island.forceReload,i=(null===(e=t.socket_down)||void 0===e?void 0:e.active)||!1,o=!(null===(n=A.current)||void 0===n?void 0:n.connected);i||o||r?(console.info(r?"Force reload requested, performing Socket reconnection":"Socket down detected (alert active or disconnected), performing reconnection"),P.current&&(clearInterval(P.current),P.current=null),setTimeout(function(){A.current.disconnect(),A.current.connect(),U()},100)):(console.info("Socket already connected (no alert active), skipping reconnection"),U())}},[D]),N.default.createElement(N.default.Fragment,null,x)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),n=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/socket.io-client/build/esm/index.js"),r=require("./RestAPI.js"),i=require("../lib/phone/conversation.js"),o=require("../services/phonebook.js"),u=require("../services/user.js"),c=require("../static/busy_ringtone.js"),a=require("../utils/customHooks/useEventListener.js"),s=require("../utils/genericFunctions/eventDispatch.js"),l=require("../utils/genericFunctions/withTimeout.js"),d=require("../utils/genericFunctions/summaryEvents.js"),v=require("../store/index.js");require("../lib/webrtc/janus.js"),require("../node_modules/webrtc-adapter/src/js/adapter_core.js");var p=require("../lib/devices/devices.js"),m=require("../lib/user/default_device.js"),f=require("../utils/genericFunctions/isEmpty.js"),g=require("../utils/streaming/getStreamingSourceId.js"),h=require("../events/SocketEvents.js"),b=require("../utils/genericFunctions/timestamp.js"),k=require("../lib/user/extensions.js"),S=require("../utils/streaming/isFromStreaming.js"),q=require("../lib/phone/queue.js"),y=require("../lib/phone/trunk.js"),w=require("../node_modules/react-redux/es/hooks/useDispatch.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=C(n);exports.Socket=function(C){var N=C.hostName,I=C.username,T=C.authToken,j=C.reload,U=C.reloadedCallback,D=C.children,x=C.uaType,E=w.useDispatch(),P=n.useRef(),O=n.useRef(),A=n.useRef(!1),F=n.useRef(0),V=n.useRef(null),M=n.useRef(new Map),R=n.useRef(new Map),L=n.useRef(new Set),Q=n.useRef({linkedid:null,uniqueid:null});a.useEventListener("phone-island-start-transcription",function(e){if(O.current){var n=(null==e?void 0:e.linkedid)||(null==e?void 0:e.linkedId)||(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||null,t=(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||n;if(!n&&!t)return;Q.current={linkedid:n,uniqueid:t},O.current.emit("start_transcription",{linkedid:n,uniqueid:t})}}),a.useEventListener("phone-island-stop-transcription",function(e){if(O.current){var n=(null==e?void 0:e.linkedid)||(null==e?void 0:e.linkedId)||(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||null,t=(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId)||n;if(!n&&!t)return;Q.current={linkedid:null,uniqueid:null},O.current.emit("stop_transcription",{linkedid:n,uniqueid:t})}}),a.useEventListener("phone-island-current-user-queue-call-waiting",function(e){E.currentCall.updateCurrentCall({throughQueue:!0,queueId:(null==e?void 0:e.queueId)||"",queueName:(null==e?void 0:e.queueName)||"",queueNumber:(null==e?void 0:e.queueNumber)||"",queuePosition:(null==e?void 0:e.queuePosition)||"",queueWaitingTime:(null==e?void 0:e.queueWaitingTime)||0})}),a.useEventListener("phone-island-current-user-queue-call-connected",function(e){E.currentCall.updateCurrentCall({throughQueue:!0,queueId:(null==e?void 0:e.queueId)||"",queueName:(null==e?void 0:e.queueName)||"",queueNumber:(null==e?void 0:e.queueNumber)||"",queuePosition:(null==e?void 0:e.queuePosition)||"",queueWaitingTime:(null==e?void 0:e.queueWaitingTime)||0})});return n.useEffect(function(){var n,a=function(e){if(e.counterpartNum&&S.isFromStreaming(e.counterpartNum)){E.island.setIsFromStreaming(!0),E.currentCall.updateCurrentCall({streamingSourceNumber:e.counterpartNum});var n=g.getStreamingSourceId(e.counterpartNum);n&&u.subscribe({id:n}).catch(function(e){return console.error("Error subscribing to streaming source:",e)})}},w=function(e){return(e||"").replace(/\D/g,"")},C=function(e){var n=i.getDisplayName(e),t=((null==e?void 0:e.counterpartNum)||"").trim();return n&&n!==t?n:(t?R.current.get(w(t)):void 0)||n},_=function(e){return q.getCurrentCallQueueContext(e,v.store.getState().queue)},j=function(e,n){var t=v.store.getState().currentCall,r=(null==n?void 0:n.queueId)||t.queueId||"",i=(null==n?void 0:n.queueName)||t.queueName||"",o=(null==n?void 0:n.queueNumber)||t.queueNumber||"";return{conversationId:e.id,linkedId:e.linkedId,uniqueId:e.uniqueId,ownerExtension:e.owner,number:"".concat(e.counterpartNum||""),queueId:r,queueName:i,queueNumber:o,queuePosition:(null==n?void 0:n.queuePosition)||"",queueWaitingTime:(null==n?void 0:n.queueWaitingTime)||0}},U=function(e){var n,t,r,i;if(e){var o=_(e),u=j(e,o);if(Boolean(u.queueId||u.queueName||u.queueNumber))if(e.connected)((null===(r=V.current)||void 0===r?void 0:r.conversationId)!==e.id||"connected"!==(null===(i=V.current)||void 0===i?void 0:i.phase))&&(h.dispatchCurrentUserQueueCallConnected(u),V.current={conversationId:e.id,phase:"connected"});else((null===(n=V.current)||void 0===n?void 0:n.conversationId)!==e.id||"waiting"!==(null===(t=V.current)||void 0===t?void 0:t.phase))&&(h.dispatchCurrentUserQueueCallWaiting(u),V.current={conversationId:e.id,phase:"waiting"});else V.current=null}else V.current=null},D=function(e){return(null==e?void 0:e.linkedId)||(null==e?void 0:e.linkedid)||""},W=function(e){return(null==e?void 0:e.uniqueId)||(null==e?void 0:e.uniqueid)||""},B=function(e){return!!(null==e?void 0:e.connected)&&!!D(e)&&!!W(e)},K=function(n){var t=v.store.getState().currentUser.conversations,r=n?null==t?void 0:t[n]:void 0,i=function(e){var n,t=null,r=Object.entries(e||{}).filter(function(e){var n=e[1];return n&&Object.keys(n).length>0});return r.forEach(function(e){var r,i,o=e[0],u=e[1];if(!t)return t=u,void(n=o);var c=B(t),a=B(u);if(a&&!c)return t=u,void(n=o);if(a===c){var s=!!t.connected,l=!!u.connected;if(l&&!s)return t=u,void(n=o);var d=null!==(r=t.startTime)&&void 0!==r?r:0,v=null!==(i=u.startTime)&&void 0!==i?i:0;l===s&&v>d&&(t=u,n=o)}}),{conversation:t,key:n,count:r.length}}(r);if(B(i.conversation))return e.__assign(e.__assign({},i),{source:"live",cacheAgeMs:void 0,hasConversationForCaller:!!r,liveConversationKeys:Object.keys(r||{})});var o=function(n){if(!n)return null;var t=M.current.get(n);if(!t)return null;var r=Date.now()-t.cachedAt;return r>6e5?(M.current.delete(n),null):e.__assign(e.__assign({},t),{cacheAgeMs:r})}(n);return o&&B(o.conversation)?{conversation:o.conversation,key:o.conversation.id,count:i.count,source:"cache",cacheAgeMs:o.cacheAgeMs,hasConversationForCaller:!!r,liveConversationKeys:Object.keys(r||{})}:e.__assign(e.__assign({},i),{source:i.conversation?"live_invalid":"none",cacheAgeMs:null==o?void 0:o.cacheAgeMs,hasConversationForCaller:!!r,liveConversationKeys:Object.keys(r||{})})},z=function(n,t){var r=v.store.getState().currentCall,c=r.transferring,l=r.transferSwitching,d=r.transferCalls,p=v.store.getState().island.view;if(Object.keys(t).length>0){if(n.status){var f=v.store.getState().users.extensions,g=v.store.getState().currentUser.default_device,h=v.store.getState().currentUser,q=h.endpoints,N=h.username,I=function(){if(!f||!N)return!1;var e=Object.values(f).filter(function(e){return(null==e?void 0:e.username)===N});return null==e?void 0:e.some(function(e){var n=null==q?void 0:q.extension.find(function(n){return n.id===(null==e?void 0:e.exten)});return"nethlink"===(null==n?void 0:n.type)&&"offline"!==(null==e?void 0:e.status)})};switch(n.status){case"ringing":if(function(e){var n=v.store.getState().currentCall,t=n.accepted,r=n.ownerExtension;return t&&!!r&&!!e&&r!==e}(t.owner))break;var T=_(t),D=j(t,T);U(t),a(t),function(e){if(e&&"in"===e.direction){var n=(e.counterpartNum||"").trim();if(!(n.length<3)){var t=(e.counterpartName||"").trim();if(!t||"<unknown>"===t||t===n){var r=v.store.getState().users.extensions;if(!(r&&r[n]||S.isFromStreaming(n))){var i=w(n);R.current.has(i)||e.id&&L.current.has(e.id)||(e.id&&(L.current.size>500&&L.current.clear(),L.current.add(e.id)),o.searchPhonebook(1,n,"").then(function(e){var n=((null==e?void 0:e.rows)||[]).find(function(e){return[e.extension,e.workphone,e.homephone,e.cellphone,e.fax].some(function(e){var n=w(e);return n.length>0&&(n===i||n.endsWith(i)||i.endsWith(n))})}),t=((null==n?void 0:n.name)||(null==n?void 0:n.company)||"").trim();if(t){R.current.set(i,t);var r=v.store.getState().currentCall;w(r.number)===i&&E.currentCall.updateCurrentCall({displayName:t})}}).catch(function(){}))}}}}}(t),("mobile"===x&&I()||"desktop"===x&&("webrtc"===(null==g?void 0:g.type)||void 0===(null==g?void 0:g.type)&&!I()||!I()&&"physical"===(null==g?void 0:g.type)))&&(E.currentCall.checkIncomingUpdatePlay({conversationId:t.id,displayName:C(t),number:"".concat(t.counterpartNum),incomingSocket:!0,incoming:!0,throughQueue:Boolean(D.queueId||D.queueName||D.queueNumber),queueId:D.queueId,queueName:D.queueName,queueNumber:D.queueNumber,queuePosition:D.queuePosition,queueWaitingTime:D.queueWaitingTime,username:"".concat(f&&f[t.counterpartNum]&&f[t.counterpartNum].username)||"",ownerExtension:t.owner}),v.store.dispatch.island.setIslandView("call")),A.current||(A.current=!0,u.getCurrentUserInfo().then(function(n){n&&(E.currentUser.updateCurrentUser(n),s.eventDispatch("phone-island-user-informations-update",e.__assign({},n)),n.settings&&n.settings.open_param_url?E.paramUrl.setOpenParamUrlType(n.settings.open_param_url):E.paramUrl.setOpenParamUrlType("never"))}).catch(function(e){console.error("Error getting current user info:",e)}).finally(function(){setTimeout(function(){A.current=!1},100)}));var P=v.store.getState().paramUrl.openParamUrlType,O=v.store.getState().island.urlOpened;if("ringing"===P&&!O){var F=y.isFromTrunk(t.counterpartNum);v.store.dispatch.paramUrl.setThroughTrunk(F),v.store.dispatch.island.setUrlOpened(!1),s.eventDispatch("phone-island-url-parameter-opened",{counterpartNum:t.counterpartNum,counterpartName:C(t),owner:t.owner,uniqueId:t.uniqueId,linkedId:t.linkedId,throughQueue:t.throughQueue,throughTrunk:F,direction:t.direction,connected:t.connected})}break;case"busy":if(U(t),a(t),"mobile"===x&&I()||"desktop"===x&&("webrtc"===(null==g?void 0:g.type)||void 0===(null==g?void 0:g.type)&&!I()||!I()&&"physical"===(null==g?void 0:g.type))){if(t&&t.connected)E.currentCall.updateCurrentCall({conversationId:t.id,displayName:C(t),number:"".concat(t.counterpartNum),ownerExtension:t.owner,username:"".concat(f&&f[t.counterpartNum]&&f[t.counterpartNum].username)||"",chDest:(null==t?void 0:t.chDest)||{},chSource:(null==t?void 0:t.chSource)||{}}),E.currentCall.checkAcceptedUpdate({acceptedSocket:!0}),E.currentCall.addTransferCalls({type:"transferred",displayName:C(t),number:"".concat(t.counterpartNum),startTime:"".concat(b.getTimestampInSeconds())}),v.store.getState().island.isFromStreaming&&"out"===t.direction&&setTimeout(function(){E.island.setIslandView("streamingAnswer")},200),m.isPhysical()&&function(e){E.currentCall.updateCurrentCall({conversationId:e.id,accepted:!0,incoming:"in"!==e.direction&&void 0}),s.eventDispatch("phone-island-call-answered",{}),v.store.dispatch.player.stopAudioPlayer(),v.store.dispatch.player.setAudioPlayerLoop(!1)}(t),"call"===p&&c&&E.currentCall.updateCurrentCall({transferring:!1});if(d.length>1)E.currentCall.deleteTransferCalls();else if(t&&!t.connected){if(c&&!l){var V=d.find(function(e){return e.number===t.counterpartNum});!t.connected&&V&&(E.currentCall.updateCurrentCall({transferring:!1}),s.eventDispatch("phone-island-call-transfer-failed",{}),E.currentCall.updateTransferSwitching(!1))}"REC"===(null==t?void 0:t.counterpartName)&&E.physicalRecorder.setRecordingTempVariable(!0)}t&&!t.connected&&"out"===t.direction&&E.currentCall.checkOutgoingUpdate({outgoingSocket:!0,outgoing:"REC"!==(null==t?void 0:t.counterpartName),displayName:i.getDisplayName(t),number:"".concat(null==t?void 0:t.counterpartNum),username:"".concat(f&&f[null==t?void 0:t.counterpartNum]&&f[null==t?void 0:t.counterpartNum].username)||""})}break;case"onhold":U(t);var M=t.counterpartName,Q=t.counterpartNum,W=t.startTime;c&&Q&&M&&"<unknown>"!==M&&(E.currentCall.addTransferCalls({type:"destination",displayName:i.getDisplayName(t),number:Q,startTime:"".concat(b.getTimestampInSeconds())}),E.currentCall.updateCurrentCall({displayName:i.getDisplayName(t),number:Q,startTime:"".concat(W/1e3),conversationId:t.id}),E.island.setIslandView("call"));break;case"busy_ringing":s.eventDispatch("phone-island-call-ringing",{})}}}else"online"==n.status&&k.userTotallyFree()&&(U(null),E.player.stopAudioPlayer(),E.currentCall.reset(),E.listen.reset(),E.physicalRecorder.setRecordingTempVariable(!1),E.island.setIsFromStreaming(!1))};return n={upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3},"new"===r.getApiMode(I)&&(n.path="/api/ws"),O.current=t.io("https://"+N,n),E.websocket.update({socket:O.current}),O.current.on("connect",function(){console.debug("Socket connected sid: ".concat(O.current.id)),s.eventDispatch("phone-island-socket-connected",{})}),O.current.on("disconnect",function(e){console.debug("Socket disconnect - reason: ".concat(e)),P.current&&(clearInterval(P.current),P.current=null),e.includes("server disconnect")?s.eventDispatch("phone-island-server-disconnected",{}):s.eventDispatch("phone-island-socket-disconnected",{})}),O.current.io.on("error",function(e){console.debug("Socket error: ",e)}),O.current.on("connect_error",function(e){console.debug("Socket connect_error: ",e)}),O.current.io.on("reconnect",function(e){F.current=0,s.eventDispatch("phone-island-socket-reconnected",{}),console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(O.current.id,")"))}),O.current.io.on("reconnect_attempt",function(e){console.debug("Socket reconnect_attempt ".concat(e))}),O.current.io.on("reconnect_error",function(e){console.debug("Socket reconnect_error: ",e)}),O.current.io.on("reconnect_failed",function(){console.debug("Socket reconnect_failed")}),O.current.on("connect",function(){console.debug("Socket on: "+N+" is connected!"),O.current.emit("login",{accessKeyId:"".concat(I),token:T,uaType:x})}),O.current.on("authe_ok",function(){console.debug("Socket authentication success!"),s.eventDispatch("phone-island-socket-authorized",{}),P.current&&clearInterval(P.current),P.current=setInterval(function(){O.current.volatile.emit("ping",l.withTimeout(function(){F.current=0,setTimeout(function(){E.alerts.removeAlert("socket_down"),s.eventDispatch("phone-island-alert-removed",{type:"socket_down"}),s.eventDispatch("phone-island-socket-disconnected-popup-close",{})},0)},function(){F.current++,console.debug("Socket ping timeout (".concat(F.current,"/").concat(3,"), connected: ").concat(O.current.connected)),setTimeout(function(){var e,n,t=O.current.connected&&F.current>=3;if(!O.current.connected||t){var r=v.store.getState().webrtc.sipcall,i=v.store.getState().currentCall,o=i.accepted,u=i.outgoing,c=null===(n=null===(e=null==r?void 0:r.webrtcStuff)||void 0===e?void 0:e.pc)||void 0===n?void 0:n.iceConnectionState;if((o||u)&&("connected"===c||"completed"===c))return void console.debug("Socket unreachable but active call with ICE connected - skipping socket_down alert",{iceState:c,accepted:o,outgoing:u,isStaleConnection:t,timestamp:(new Date).toISOString()});t&&(console.warn("Stale socket connection detected - forcing reconnection"),O.current.disconnect(),O.current.connect()),E.alerts.setAlert("socket_down"),s.eventDispatch("phone-island-socket-disconnected-popup-open",{}),console.error("Socket is unreachable!")}},0)},5e3))},5e3)}),O.current.on("userMainPresenceUpdate",function(n){v.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),h.dispatchMainPresence(n)}),O.current.on("extenHangup",function(e){var n=v.store.getState().currentUser,t=n.endpoints,r=n.username,i=v.store.getState().conference,o=i.isActive,u=i.conferenceStartedFrom,a=v.store.getState().island,l=a.view,d=a.previewCallFromMobileOrNethlink,p=(null==t?void 0:t.extension)||[],m=p.map(function(e){return e.id}),f=null==e?void 0:e.callerNum;!m.includes(f)&&m.includes(null==e?void 0:e.channelExten)&&(f=null==e?void 0:e.channelExten);var g=p.find(function(n){return n.id===e.callerNum}),h=null==g?void 0:g.type,b=K(f).conversation,k=D(b),S=W(b),q=(null==b?void 0:b.connected)||!1;if(S&&k&&q&&(s.eventDispatch("phone-island-summary-call-check",{linkedid:k,uniqueid:S}),f&&M.current.delete(f)),"normal_clearing"===e.cause&&("physical"===h||"mobile"===h)||"normal_clearing"===e.cause&&("webrtc"===h||"nethlink"===h)&&d||"user_busy"===(null==e?void 0:e.cause)||"not_defined"===(null==e?void 0:e.cause)||"call_rejected"===(null==e?void 0:e.cause)||"interworking"===(null==e?void 0:e.cause)?(setTimeout(function(){v.store.dispatch.island.toggleAvoidToShow(!1),v.store.dispatch.island.setPreviewCallFromMobileOrNethlink(!1)},500),o&&u!==r&&v.store.dispatch.conference.resetConference()):"normal_circuit_congestion"===(null==e?void 0:e.cause)&&o&&u===r?setTimeout(function(){s.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800):"normal_clearing"!==e.cause&&"user_busy"!==(null==e?void 0:e.cause)&&"not_defined"!==(null==e?void 0:e.cause)&&"call_rejected"!==(null==e?void 0:e.cause)||"webrtc"!==h&&"nethlink"!==h||!o||u===r||v.store.dispatch.conference.resetConference(),("normal_clearing"===e.cause&&("webrtc"===h||"nethlink"===h)||"call_rejected"===(null==e?void 0:e.cause))&&o&&u===r){var y=v.store.getState().conference,w=y.usersList,C=y.pendingUsers,_=w&&Object.keys(w).length>0,N=C&&Object.keys(C).length>0;_||N?setTimeout(function(){s.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800):v.store.dispatch.conference.resetConference()}if("interworking"===(null==e?void 0:e.cause)&&o&&u===r&&"waitingConference"!==l&&setTimeout(function(){s.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800),"user_busy"===(null==e?void 0:e.cause)){var I=v.store.getState().currentUser,T=I.endpoints,j=I.username,U=((null==T?void 0:T.extension)||[]).map(function(e){return e.id}),x=v.store.getState().currentCall,E=x.incoming,P=x.accepted,O=x.transferring,A=v.store.getState().conference,F=A.isActive,V=A.conferenceStartedFrom;!(E&&e.callerNum&&U.includes(e.callerNum))&&(!P||F||O)&&(v.store.dispatch.island.setOperatorBusyActive({callerNumber:e.callerNum||"Unknown"}),setTimeout(function(){v.store.dispatch.player.stopAudioPlayer()},4e3),setTimeout(function(){v.store.dispatch.player.updateStartAudioPlayer({src:c.default,loop:!0}),v.store.dispatch.island.setIslandView("operatorBusy")},600),F&&V===j&&setTimeout(function(){s.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},4e3))}if("subscriber_absent"===(null==e?void 0:e.cause)){var R=v.store.getState().conference,L=R.isActive,Q=R.conferenceStartedFrom,B=v.store.getState().currentUser.username;if(L&&Q===B){var z=v.store.getState().conference;w=z.usersList,C=z.pendingUsers,_=w&&Object.keys(w).length>0,N=C&&Object.keys(C).length>0,_||N?(setTimeout(function(){s.eventDispatch("phone-island-view-changed",{viewType:"waitingConference"})},800),C&&C[e.callerNum]&&v.store.dispatch.conference.removePendingUser(e.callerNum)):v.store.dispatch.conference.resetConference()}}}),O.current.on("extenConnected",function(e){var n=v.store.getState().currentUser,t=n.default_device,r=n.endpoints,i=((null==r?void 0:r.extension)||[]).find(function(n){return n.id===e.extenConnected}),o=null==i?void 0:i.type;(("webrtc"===(null==t?void 0:t.type)||"nethlink"===(null==t?void 0:t.type))&&o&&("mobile"===o||"physical"===o)||"physical"===(null==t?void 0:t.type)&&o&&"physical"!==o)&&(v.store.dispatch.island.toggleAvoidToShow(!0),v.store.dispatch.island.setPreviewCallFromMobileOrNethlink(!0),s.eventDispatch("phone-island-call-answered",{extensionType:o}))}),O.current.on("extenUpdate",function(e){var n,t,r;E.users.updateExtension(e);var i=v.store.getState().users.extensions,o={},u=v.store.getState().currentUser;for(var c in i){var a=i[c].username,s=i[c].exten;o[a]||(o[a]=[]),o[a].push(s)}var l,d,p=o[e.username],m=Object.keys(e.conversations||{}),g=e.username===I,b=(null===(n=e.conversations)||void 0===n?void 0:n[m[0]])||{};g&&(l=e.exten,d=e.conversations,l&&Object.values(d||{}).forEach(function(e){B(e)&&M.current.set(l,{conversation:e,cachedAt:Date.now()})}));var k=!1;if((null==e?void 0:e.username)===I&&!f.isEmpty(b)&&(null==b?void 0:b.owner)){var S=null===(r=null===(t=null==u?void 0:u.endpoints)||void 0===t?void 0:t.extension)||void 0===r?void 0:r.find(function(e){return e.id===b.owner});S&&"mobile"===S.type&&(k=!0)}if(h.dispatchExtensions(e),f.isEmpty(b)){var q=null==p?void 0:p.some(function(e){var n,t=null===(n=i[e])||void 0===n?void 0:n.conversations;return!f.isEmpty(t)});q||h.dispatchConversations(e)}else k||h.dispatchConversations(e);k&&"busy"===(null==e?void 0:e.status)&&(null==e?void 0:e.username)===I&&(v.store.dispatch.island.toggleAvoidToShow(!0),v.store.dispatch.island.setPreviewCallFromMobileOrNethlink(!0)),e.username===I&&(z(e,b),E.currentUser.updateConversations(e))}),O.current.on("queueUpdate",function(e){E.queue.updateQueue(e);var n,t,r,i=(n=v.store.getState().currentUser.conversations,t=v.store.getState().currentCall.conversationId,r=null,Object.values(n||{}).forEach(function(e){Object.values(e||{}).forEach(function(e){(null==r?void 0:r.id)&&r.id===t||(t&&e.id===t||!r||e.connected&&!r.connected||e.connected===r.connected&&e.startTime>r.startTime)&&(r=e)})}),r);i&&U(i),h.dispatchQueueUpdate(e)}),O.current.on("queueMemberUpdate",function(e){E.queue.updateQueueMember(e),h.dispatchQueueMemberUpdate(e)}),O.current.on("takeOver",function(){h.dispatchAlreadyLogin()}),O.current.on("serverReloaded",function(){h.dispatchServerReload()}),O.current.on("parkingUpdate",function(e){h.dispatchParkingUpdate(e)}),O.current.on("actionNethLink",function(e,n){h.dispatchUrlCall(e,n)}),O.current.on("satellite/summary",function(e){var n=(null==e?void 0:e.uniqueid)||(null==e?void 0:e.uniqueId),t=(null==e?void 0:e.linkedid)||(null==e?void 0:e.linkedId);n&&d.dispatchSummaryReady({linkedid:t,uniqueid:n,display_name:null==e?void 0:e.display_name,display_number:null==e?void 0:e.display_number,source:"socket"})}),O.current.on("message",function(e){switch(e.message){case"videoCallStart":var n=v.store.getState(),t=n.currentCall,r=t.incoming,i=t.outgoing,o=t.accepted,u=n.currentUser.default_device,c=n.island,a=c.isFromStreaming,s=c.view;("webrtc"===(null==u?void 0:u.type)||"nethlink"===(null==u?void 0:u.type))&&(r||i||o)&&!a&&"video"!==s&&(E.island.toggleSideViewVisible(!1),E.island.toggleTranscriptionViewVisible(!1),E.island.setIslandView("video")),h.dispatchVideoCallStarted({initiator:"remote",callUser:e.callUser,destUser:e.destUser});break;case"screenSharingStart":E.island.toggleSideViewVisible(!1),E.island.toggleTranscriptionViewVisible(!1),E.island.setIslandView("video"),E.screenShare.update({isJoiningScreenShare:!0,room:e.roomId});break;case"screenSharingStop":E.island.toggleSideViewVisible(!1),E.island.toggleTranscriptionViewVisible(!1),E.island.setIslandView("video"),E.screenShare.update({isLeavingScreenShare:!0});break;default:console.warn("Socket: unknown message type ",e.message)}}),O.current.on("updateDefaultDevice",function(n){h.dispatchDefaultDeviceUpdate(n);var t=v.store.getState().users.extensions,r=v.store.getState().currentUser.endpoints;if(t&&r){var i=Object.values(t).filter(function(e){return(null==e?void 0:e.exten)===n});if(0!==i.length){var o=i[0],u=r.extension.find(function(e){return e.id===o.exten});u&&(o=e.__assign(e.__assign({},o),{type:u.type})),v.store.dispatch.currentUser.updateCurrentDefaultDevice(o),p.checkMediaPermissions()}}}),O.current.on("confBridgeUpdate",function(n){if(n&&(null==n?void 0:n.users)){var t=null==n?void 0:n.id,r=null==n?void 0:n.users,i=v.store.getState().conference.usersList,o=e.__assign({},r);i&&Object.keys(o).forEach(function(n){i[n]&&(o[n]=e.__assign(e.__assign({},o[n]),{muted:i[n].muted}))}),v.store.dispatch.conference.updateConferenceUsersList(o),v.store.dispatch.conference.updateConferenceId(t)}}),O.current.on("confBridgeEnd",function(e){e&&(null==e?void 0:e.id)&&(v.store.dispatch.conference.resetConference(),s.eventDispatch("phone-island-conference-finished",{}))}),O.current.on("callWebrtc",function(e){s.eventDispatch("phone-island-call-start",{number:e})}),O.current.on("newVoiceMessageCounter",function(e){s.eventDispatch("phone-island-voicemail-received",{voicemailInfo:e})}),O.current.on("streamingSourceUpdate",function(e){s.eventDispatch("phone-island-streaming-information-received",{res:e});var n=e.streaming||e.res&&e.res.streaming;if(n){var t=n.source,r=n.image;t&&r&&E.streaming.updateSourceImage({source:t,image:r})}}),O.current.on("satellite/transcription",function(e){var n=Q.current,t=null==e?void 0:e.uniqueid,r=null==e?void 0:e.linkedid;if(n.linkedid&&t){var i=function(e){return null!=e&&(e===n.linkedid||e===n.uniqueid)};if(!i(t)&&!i(r))return}s.eventDispatch("phone-island-conversation-transcription",e)}),function(){clearInterval(P.current),R.current.clear(),L.current.clear(),O.current.close()}},[N,I,T,x,E]),n.useEffect(function(){var e,n;if(j){console.info("Socket reload requested");var t=v.store.getState().alerts.data,r=v.store.getState().island.forceReload,i=(null===(e=t.socket_down)||void 0===e?void 0:e.active)||!1,o=!(null===(n=O.current)||void 0===n?void 0:n.connected);i||o||r?(console.info(r?"Force reload requested, performing Socket reconnection":"Socket down detected (alert active or disconnected), performing reconnection"),P.current&&(clearInterval(P.current),P.current=null),setTimeout(function(){O.current.disconnect(),O.current.connect(),U()},100)):(console.info("Socket already connected (no alert active), skipping reconnection"),U())}},[j]),_.default.createElement(_.default.Fragment,null,D)};
2
2
  //# sourceMappingURL=Socket.js.map