@nethesis/phone-island 0.7.109 → 0.7.110
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/framer-motion/dist/framer-motion.js"),require("../../node_modules/react-redux/es/index.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/framer-motion/dist/framer-motion.js"),require("../../node_modules/react-redux/es/index.js");var i=require("../../_virtual/framer-motion.js"),r=require("../../node_modules/react-redux/es/hooks/useSelector.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e);exports.default=function(){var n=e.useState(!1),l=n[0],o=n[1],s=e.useRef(null),u=e.useRef(null),p=i.framerMotion.exports.motion(t.StyledName),d=r.useSelector((function(e){return e.currentCall})).displayName,c=r.useSelector((function(e){return e.listen}));return e.useLayoutEffect((function(){s.current&&u.current&&u.current.clientWidth-s.current.clientWidth>5&&o(!0)})),a.default.createElement(a.default.Fragment,null,(null==c?void 0:c.isIntrude)?a.default.createElement(p,{ref:s,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},a.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block ".concat(l&&"animated-text"),ref:u},""!==(null==c?void 0:c.isIntrudeExtension)?"Intrude-"+(null==c?void 0:c.isIntrudeExtension):"-"),a.default.createElement("div",{className:"pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-black"})):(null==c?void 0:c.isListen)?a.default.createElement(p,{ref:s,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},a.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block ".concat(l&&"animated-text"),ref:u},""!==(null==c?void 0:c.isListenExtension)?"Listen-"+(null==c?void 0:c.isListenExtension):"-"),a.default.createElement("div",{className:"pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-black"})):a.default.createElement(p,{ref:s,className:"pi-whitespace-nowrap pi-relative pi-overflow-hidden"},a.default.createElement("div",{className:"pi-w-fit pi-relative pi-inline-block ".concat(l&&"animated-text"),ref:u},d&&"<unknown>"===d?"PBX":d&&d),a.default.createElement("div",{className:"pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-black"})))};
|
|
2
2
|
//# sourceMappingURL=DisplayName.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayName.js","sources":["../../../src/components/CallView/DisplayName.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useState, useRef, useLayoutEffect, type FC } from 'react'\nimport { StyledName } from '../../styles/Island.styles'\nimport { motion } from 'framer-motion/dist/framer-motion'\nimport { RootState } from '../../store'\nimport { useSelector } from 'react-redux'\n\nconst DisplayName: FC<DisplayNameProps> = () => {\n const [animateText, setAnimateText] = useState<boolean>(false)\n const nameContainer = useRef<null | HTMLDivElement>(null)\n const nameText = useRef<null | HTMLDivElement>(null)\n const NameMotion = motion(StyledName)\n\n // Get the displayName of the currentCall store\n const { displayName } = useSelector((state: RootState) => state.currentCall)\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n\n useLayoutEffect(() => {\n if (\n nameContainer.current &&\n nameText.current &&\n nameText.current.clientWidth - nameContainer.current.clientWidth > 5\n ) {\n setAnimateText(true)\n }\n })\n\n return (\n <>\n {
|
|
1
|
+
{"version":3,"file":"DisplayName.js","sources":["../../../src/components/CallView/DisplayName.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useState, useRef, useLayoutEffect, type FC } from 'react'\nimport { StyledName } from '../../styles/Island.styles'\nimport { motion } from 'framer-motion/dist/framer-motion'\nimport { RootState } from '../../store'\nimport { useSelector } from 'react-redux'\n\nconst DisplayName: FC<DisplayNameProps> = () => {\n const [animateText, setAnimateText] = useState<boolean>(false)\n const nameContainer = useRef<null | HTMLDivElement>(null)\n const nameText = useRef<null | HTMLDivElement>(null)\n const NameMotion = motion(StyledName)\n\n // Get the displayName of the currentCall store\n const { displayName } = useSelector((state: RootState) => state.currentCall)\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n\n useLayoutEffect(() => {\n if (\n nameContainer.current &&\n nameText.current &&\n nameText.current.clientWidth - nameContainer.current.clientWidth > 5\n ) {\n setAnimateText(true)\n }\n })\n\n return (\n <>\n {intrudeListenStatus?.isIntrude ? (\n <NameMotion\n ref={nameContainer}\n className='pi-whitespace-nowrap pi-relative pi-overflow-hidden'\n >\n <div\n className={`pi-w-fit pi-relative pi-inline-block ${animateText && 'animated-text'}`}\n ref={nameText}\n >\n {intrudeListenStatus?.isIntrudeExtension !== ''\n ? 'Intrude' + '-' + intrudeListenStatus?.isIntrudeExtension\n : '-'}\n </div>\n <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-black'></div>\n </NameMotion>\n ) : intrudeListenStatus?.isListen ? (\n <NameMotion\n ref={nameContainer}\n className='pi-whitespace-nowrap pi-relative pi-overflow-hidden'\n >\n <div\n className={`pi-w-fit pi-relative pi-inline-block ${animateText && 'animated-text'}`}\n ref={nameText}\n >\n {intrudeListenStatus?.isListenExtension !== ''\n ? 'Listen' + '-' + intrudeListenStatus?.isListenExtension\n : '-'}\n </div>\n <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-black'></div>\n </NameMotion>\n ) : (\n <NameMotion\n ref={nameContainer}\n className='pi-whitespace-nowrap pi-relative pi-overflow-hidden'\n >\n <div\n className={`pi-w-fit pi-relative pi-inline-block ${animateText && 'animated-text'}`}\n ref={nameText}\n >\n {displayName && displayName === '<unknown>' ? 'PBX' : displayName && displayName}\n </div>\n <div className='pi-w-6 pi-absolute pi-right-0 pi-top-0 pi-h-full pi-bg-gradient-to-r pi-from-transparent pi-to-black'></div>\n </NameMotion>\n )}\n </>\n )\n}\n\nexport default DisplayName\n\nexport interface DisplayNameProps {}\n"],"names":["_a","useState","animateText","setAnimateText","nameContainer","useRef","nameText","NameMotion","motion","StyledName","displayName","useSelector","state","currentCall","intrudeListenStatus","listen","useLayoutEffect","current","clientWidth","React","isIntrude","createElement","ref","className","concat","isIntrudeExtension","isListen","isListenExtension"],"mappings":"sdAS0C,WAClC,IAAAA,EAAgCC,EAAAA,UAAkB,GAAjDC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAgBC,SAA8B,MAC9CC,EAAWD,SAA8B,MACzCE,EAAaC,8BAAOC,EAAAA,YAGlBC,EAAgBC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,2BAC1DC,EAAsBH,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMG,MAAN,IAY9D,OAVAC,EAAAA,iBAAgB,WAEZZ,EAAca,SACdX,EAASW,SACTX,EAASW,QAAQC,YAAcd,EAAca,QAAQC,YAAc,GAEnEf,GAAe,EAEnB,IAGEgB,iDACGL,aAAmB,EAAnBA,EAAqBM,WACpBD,EAAAA,QAACE,cAAAd,EACC,CAAAe,IAAKlB,EACLmB,UAAU,uDAEVJ,UACEE,cAAA,MAAA,CAAAE,UAAW,wCAAwCC,OAAAtB,GAAe,iBAClEoB,IAAKhB,GAEwC,MAA5CQ,eAAAA,EAAqBW,oBAClB,YAAkBX,aAAA,EAAAA,EAAqBW,oBACvC,KAENN,EAAAA,QAAAE,cAAA,MAAA,CAAKE,UAAU,2GAEfT,aAAA,EAAAA,EAAqBY,UACvBP,UAACE,cAAAd,EACC,CAAAe,IAAKlB,EACLmB,UAAU,uDAEVJ,UACEE,cAAA,MAAA,CAAAE,UAAW,wCAAwCC,OAAAtB,GAAe,iBAClEoB,IAAKhB,GAEuC,MAA3CQ,eAAAA,EAAqBa,mBAClB,WAAiBb,aAAA,EAAAA,EAAqBa,mBACtC,KAENR,EAAA,QAAAE,cAAA,MAAA,CAAKE,UAAU,0GAGjBJ,EAAC,QAAAE,cAAAd,GACCe,IAAKlB,EACLmB,UAAU,uDAEVJ,EACE,QAAAE,cAAA,MAAA,CAAAE,UAAW,wCAAAC,OAAwCtB,GAAe,iBAClEoB,IAAKhB,GAEJI,GAA+B,cAAhBA,EAA8B,MAAQA,GAAeA,GAEvES,EAAK,QAAAE,cAAA,MAAA,CAAAE,UAAU,0GAKzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),l=require("../../lib/phone/call.js");require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/mic-check/lib/index.js"),require("../Island.js");var r=require("../Button.js"),a=require("../AudioBars.js");require("../../node_modules/framer-motion/dist/framer-motion.js");var s=require("./Timer.js"),u=require("./Number.js"),o=require("./DisplayName.js"),d=require("./Avatar.js"),c=require("./Actions.js"),m=require("../Hangup.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=f(e);function E(e,t){return!e&&!t}exports.default=function(){var e=p.useSelector((function(e){return e.currentCall})),f=e.incoming,j=e.accepted,g=e.outgoing,q=e.startTime,b=e.paused,x=p.useSelector((function(e){return e.island})).isOpen,w=p.useSelector((function(e){return e.webrtc})).remoteAudioStream,y=p.useSelector((function(e){return e.listen}));return v.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},v.default.createElement(t.StyledCallView,{incoming:f,accepted:j,outgoing:g,isOpen:x},v.default.createElement(t.StyledTopContent,{isOpen:x,incoming:f,accepted:j,outgoing:g},(null==y?void 0:y.isListen)?v.default.createElement(i.FontAwesomeIcon,{className:"".concat(x?"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"),icon:n.faEarListen}):(null==y?void 0:y.isIntrude)?v.default.createElement(i.FontAwesomeIcon,{className:"".concat(x?"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"),icon:n.faHandPointUp}):v.default.createElement(d.default,null),x?(null==y?void 0:y.isIntrude)?v.default.createElement(t.StyledDetails,null,v.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"}," ","Intrude",(null==y?void 0:y.isIntrudeExtension)?" - ".concat(null==y?void 0:y.isIntrudeExtension):""),j?v.default.createElement(s.default,{startTime:q}):(null==y?void 0:y.isIntrudeExtension)?"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../styles/Island.styles.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),l=require("../../lib/phone/call.js");require("../../store/index.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../lib/webrtc/janus.js"),require("../../node_modules/mic-check/lib/index.js"),require("../Island.js");var r=require("../Button.js"),a=require("../AudioBars.js");require("../../node_modules/framer-motion/dist/framer-motion.js");var s=require("./Timer.js"),u=require("./Number.js"),o=require("./DisplayName.js"),d=require("./Avatar.js"),c=require("./Actions.js"),m=require("../Hangup.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=f(e);function E(e,t){return!e&&!t}exports.default=function(){var e=p.useSelector((function(e){return e.currentCall})),f=e.incoming,j=e.accepted,g=e.outgoing,q=e.startTime,b=e.paused,x=p.useSelector((function(e){return e.island})).isOpen,w=p.useSelector((function(e){return e.webrtc})).remoteAudioStream,y=p.useSelector((function(e){return e.listen}));return v.default.createElement("div",{className:"pi-bg-red pi-content-center pi-justify-center"},v.default.createElement(t.StyledCallView,{incoming:f,accepted:j,outgoing:g,isOpen:x},v.default.createElement(t.StyledTopContent,{isOpen:x,incoming:f,accepted:j,outgoing:g},(null==y?void 0:y.isListen)?v.default.createElement(i.FontAwesomeIcon,{className:"".concat(x?"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"),icon:n.faEarListen}):(null==y?void 0:y.isIntrude)?v.default.createElement(i.FontAwesomeIcon,{className:"".concat(x?"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"),icon:n.faHandPointUp}):v.default.createElement(d.default,null),x?(null==y?void 0:y.isIntrude)?v.default.createElement(t.StyledDetails,null,v.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"}," ","Intrude",(null==y?void 0:y.isIntrudeExtension)?" - ".concat(null==y?void 0:y.isIntrudeExtension):""),j?v.default.createElement(s.default,{startTime:q}):(null==y?void 0:y.isIntrudeExtension)?"".concat(null==y?void 0:y.isIntrudeExtension):""):(null==y?void 0:y.isListen)?v.default.createElement(t.StyledDetails,null,v.default.createElement("span",{className:"pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base"}," ","Listen",(null==y?void 0:y.isListenExtension)?" - ".concat(null==y?void 0:y.isListenExtension):""),j?v.default.createElement(s.default,{startTime:q}):(null==y?void 0:y.isListenExtension)?"".concat(null==y?void 0:y.isListenExtension):""," "):v.default.createElement(t.StyledDetails,null,v.default.createElement(o.default,null),j?v.default.createElement(s.default,{startTime:q}):v.default.createElement(u.default,null)):null,!x&&!j&&v.default.createElement(o.default,null),!x&&j&&v.default.createElement(s.default,{startTime:q}),j&&w&&v.default.createElement(a.AudioBars,{audioStream:w,paused:b,size:x?"large":"small"})),x&&v.default.createElement("div",{className:"pi-grid pi-gap-y-5"},j&&v.default.createElement(c.default,null),v.default.createElement("div",{className:"pi-grid ".concat(E(g,j)?"pi-grid-cols-2":j?"pi-grid-cols-1 pi-justify-items-center":"pi-grid-cols-1 pi-justify-items-end"," pi-gap-3.5")},v.default.createElement(m.default,{description:"Hangup and transfer"}),E(g,j)&&v.default.createElement(r.Button,{onClick:l.answerIncomingCall,variant:"green"},v.default.createElement(i.FontAwesomeIcon,{className:"pi-w-6 pi-h-6",icon:n.faPhone}))))))};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { StyledDetails, StyledCallView, StyledTopContent } from '../../styles/Island.styles'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone, faEarListen, faHandPointUp } 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'\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n return !outgoing && !accepted\n}\n\n/**\n * The main view to manage calls, the starting point for calls actions flows\n */\nconst CallView: FC<CallViewProps> = () => {\n // Get multiple values from currentCall state\n const { incoming, accepted, outgoing, startTime, paused } = useSelector(\n (state: RootState) => state.currentCall,\n )\n // Get isOpen and view from island state\n const { isOpen } = useSelector((state: RootState) => state.island)\n\n // Retrieve the audio stream from the webrtc state\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n\n return (\n <div className='pi-bg-red pi-content-center pi-justify-center'>\n <StyledCallView incoming={incoming} accepted={accepted} outgoing={outgoing} isOpen={isOpen}>\n <StyledTopContent\n isOpen={isOpen}\n incoming={incoming}\n accepted={accepted}\n outgoing={outgoing}\n >\n {intrudeListenStatus?.isListen ? (\n <FontAwesomeIcon\n className={`${\n 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 icon={faEarListen}\n />\n ) : intrudeListenStatus?.isIntrude ? (\n <FontAwesomeIcon\n // className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover'\n className={`${\n 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 icon={faHandPointUp}\n />\n ) : (\n <Avatar />\n )}\n {isOpen ? (\n intrudeListenStatus?.isIntrude ? (\n <StyledDetails>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {' '}\n Intrude\n {intrudeListenStatus?.isIntrudeExtension\n ? ` - ${intrudeListenStatus?.isIntrudeExtension}`\n : ''}\n </span>\n {accepted ? (\n <Timer startTime={startTime} />\n ) : intrudeListenStatus?.isIntrudeExtension ? (\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/CallView/index.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { StyledDetails, StyledCallView, StyledTopContent } from '../../styles/Island.styles'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone, faEarListen, faHandPointUp } 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'\n\nfunction isAnswerVisible(outgoing: boolean, accepted: boolean): boolean {\n return !outgoing && !accepted\n}\n\n/**\n * The main view to manage calls, the starting point for calls actions flows\n */\nconst CallView: FC<CallViewProps> = () => {\n // Get multiple values from currentCall state\n const { incoming, accepted, outgoing, startTime, paused } = useSelector(\n (state: RootState) => state.currentCall,\n )\n // Get isOpen and view from island state\n const { isOpen } = useSelector((state: RootState) => state.island)\n\n // Retrieve the audio stream from the webrtc state\n const { remoteAudioStream } = useSelector((state: RootState) => state.webrtc)\n\n const intrudeListenStatus = useSelector((state: RootState) => state.listen)\n\n return (\n <div className='pi-bg-red pi-content-center pi-justify-center'>\n <StyledCallView incoming={incoming} accepted={accepted} outgoing={outgoing} isOpen={isOpen}>\n <StyledTopContent\n isOpen={isOpen}\n incoming={incoming}\n accepted={accepted}\n outgoing={outgoing}\n >\n {intrudeListenStatus?.isListen ? (\n <FontAwesomeIcon\n className={`${\n 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 icon={faEarListen}\n />\n ) : intrudeListenStatus?.isIntrude ? (\n <FontAwesomeIcon\n // className='pi-relative pi-z-30 pi-h-12 pi-w-12 pi-rounded-sm pi-bg-cover'\n className={`${\n 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 icon={faHandPointUp}\n />\n ) : (\n <Avatar />\n )}\n {isOpen ? (\n intrudeListenStatus?.isIntrude ? (\n <StyledDetails>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {' '}\n Intrude\n {intrudeListenStatus?.isIntrudeExtension\n ? ` - ${intrudeListenStatus?.isIntrudeExtension}`\n : ''}\n </span>\n {accepted ? (\n <Timer startTime={startTime} />\n ) : intrudeListenStatus?.isIntrudeExtension ? (\n `${intrudeListenStatus?.isIntrudeExtension}`\n ) : (\n ''\n )}\n </StyledDetails>\n ) : intrudeListenStatus?.isListen ? (\n <StyledDetails>\n <span className='pi-justify-center pi-w-fit pi-relative pi-inline-block pi-font-bold pi-text-base'>\n {' '}\n Listen\n {intrudeListenStatus?.isListenExtension\n ? ` - ${intrudeListenStatus?.isListenExtension}`\n : ''}\n </span>\n {accepted ? (\n <Timer startTime={startTime} />\n ) : intrudeListenStatus?.isListenExtension ? (\n `${intrudeListenStatus?.isListenExtension}`\n ) : (\n ''\n )}{' '}\n </StyledDetails>\n ) : (\n <StyledDetails>\n <DisplayName />\n {accepted ? <Timer startTime={startTime} /> : <Number />}\n </StyledDetails>\n )\n ) : null}\n {/* The display name when collepsed */}\n {!isOpen && !accepted && <DisplayName />}\n {/* The timer when collapsed */}\n {!isOpen && accepted && <Timer startTime={startTime} />}\n {accepted && remoteAudioStream && (\n <AudioBars\n audioStream={remoteAudioStream}\n paused={paused}\n size={isOpen ? 'large' : 'small'}\n />\n )}\n </StyledTopContent>\n {isOpen && (\n <div className='pi-grid pi-gap-y-5'>\n {accepted && <Actions />}\n <div\n className={`pi-grid ${\n isAnswerVisible(outgoing, accepted)\n ? 'pi-grid-cols-2'\n : accepted\n ? 'pi-grid-cols-1 pi-justify-items-center'\n : 'pi-grid-cols-1 pi-justify-items-end'\n } pi-gap-3.5`}\n >\n {/* The button to hangup the currentCall */}\n {/* {incoming || outgoing ? (\n <Button onClick={hangupCurrentCall} variant='red'>\n <FontAwesomeIcon className='pi-rotate-135 pi-w-6 pi-h-6' icon={faPhone} />\n </Button>\n ) : ( */}\n <Hangup description='Hangup and transfer' />\n {/* )} */}\n {/* The button to answer the incoming call */}\n {isAnswerVisible(outgoing, accepted) && (\n <Button onClick={answerIncomingCall} variant='green'>\n <FontAwesomeIcon className='pi-w-6 pi-h-6' icon={faPhone} />\n </Button>\n )}\n </div>\n </div>\n )}\n </StyledCallView>\n </div>\n )\n}\n\nexport default CallView\n\nexport interface CallViewProps {}\n"],"names":["isAnswerVisible","outgoing","accepted","_a","useSelector","state","currentCall","incoming","startTime","paused","isOpen","island","remoteAudioStream","webrtc","intrudeListenStatus","listen","React","createElement","className","StyledCallView","StyledTopContent","isListen","FontAwesomeIcon","icon","faEarListen","isIntrude","faHandPointUp","Avatar","StyledDetails","isIntrudeExtension","Timer","concat","isListenExtension","DisplayName","Number","AudioBars","audioStream","size","Actions","Hangup","description","Button","onClick","answerIncomingCall","variant","faPhone"],"mappings":"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"}
|