@nethesis/phone-island 0.7.71 → 0.7.73

package/dist/components/IslandDrag.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),r=require("react");require("../node_modules/react-redux/es/index.js"),require("../node_modules/framer-motion/dist/framer-motion.js");var o=require("../utils/customHooks/useLocalStorage.js"),t=require("../utils/customHooks/useLongPress.js"),s=require("../utils/genericFunctions/styleTransformValues.js"),n=require("../lib/island/island.js"),u=require("../_virtual/framer-motion.js"),i=require("../node_modules/react-redux/es/hooks/useSelector.js"),a=require("../node_modules/react-redux/es/hooks/useDispatch.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r),c=function(l){var c=l.children,f=l.islandContainerRef,m=i.useSelector((function(e){return e.island})).startPosition,g=r.useState(!1),p=g[0],x=g[1],j=a.useDispatch(),v=u.framerMotion.exports.useDragControls(),y=o.useLocalStorage("phone-island",null),q=y[0],h=y[1],_=r.useRef(null),D=r.useState(q&&q.position?q.position:null),P=D[0],S=D[1];var b=t.useLongPress((function(){}),(function(){j.island.handleToggleIsOpen()}),p,(function(){return x(!1)}),{shouldPreventDefault:!0,delay:250});return d.default.createElement(u.framerMotion.exports.motion.div,e.__assign({drag:!0,onPointerDown:function(e){v.start(e)},onDragStart:function(){x(!0)},dragTransition:{power:0},initial:{x:(null==P?void 0:P.x)||m.x,y:(null==P?void 0:P.y)||m.y},dragControls:v,dragConstraints:f,onDragEnd:function(){var e=s.styleTransformValues(_.current),r=e.x,o=e.y;r=n.xPosition(Math.round(r),_.current,f.current),o=n.yPosition(Math.round(o),_.current,f.current),h({position:{x:r,y:o}}),S({x:r,y:o})},ref:_},b,{className:"pi-absolute"}),c&&c)};exports.IslandDrag=c,exports.default=c;
+//# sourceMappingURL=IslandDrag.js.map

package/dist/components/IslandDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandDrag.js","sources":["../../src/components/IslandDrag.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useState, useRef, MutableRefObject } from 'react'\nimport { RootState, Dispatch } from '../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { motion, useDragControls } from 'framer-motion/dist/framer-motion'\nimport { useLongPress, useLocalStorage, styleTransformValues } from '../utils'\nimport { xPosition, yPosition } from '../lib/island/island'\n\nexport const IslandDrag: FC<IslandDragProps> = ({ children, islandContainerRef }) => {\n  const { startPosition } = useSelector((state: RootState) => state.island)\n\n  // Initialize the moved property\n  const [moved, setMoved] = useState<boolean>(false)\n\n  // Initialize dispatch\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize Island drag controls\n  const controls = useDragControls()\n\n  // Initialize Island storage\n  const [phoneIslandStorage, setPhoneIslandStorage] =\n    useLocalStorage<PhoneIslandStorageTypes | null>('phone-island', null)\n\n  // The Island reference\n  const islandRef = useRef<any>(null)\n\n  // Initialize position or get from storage\n  const [position, setPosition] = useState<PositionTypes | null>(\n    phoneIslandStorage && phoneIslandStorage.position ? phoneIslandStorage.position : null,\n  )\n\n  // Handles the drag started event\n  function handleStartDrag(event) {\n    controls.start(event)\n  }\n  // Handles log press event\n  const handleLongPress = () => {}\n\n  // Handle Island click\n  const handleIslandClick = () => {\n    dispatch.island.handleToggleIsOpen()\n  }\n\n  // Handles drag end event\n  const handleDragEnd = () => {\n    // Get initial transform values\n    let { x, y }: any = styleTransformValues(islandRef.current)\n    // Round position\n    x = xPosition(Math.round(x), islandRef.current, islandContainerRef.current)\n    y = yPosition(Math.round(y), islandRef.current, islandContainerRef.current)\n    // Save the new position to localstorage\n    setPhoneIslandStorage({\n      position: {\n        x,\n        y,\n      },\n    })\n    // Set position to variable\n    setPosition({\n      x,\n      y,\n    })\n  }\n\n  // Handles drag started event\n  function handleDragStarted() {\n    setMoved(true)\n  }\n\n  // Initialize the longPressEvent object\n  const longPressEvent = useLongPress(\n    handleLongPress,\n    handleIslandClick,\n    moved,\n    () => setMoved(false),\n    {\n      shouldPreventDefault: true,\n      delay: 250,\n    },\n  )\n\n  return (\n    <motion.div\n      drag\n      onPointerDown={handleStartDrag}\n      onDragStart={handleDragStarted}\n      dragTransition={{\n        power: 0,\n      }}\n      initial={{\n        x: position?.x || startPosition.x,\n        y: position?.y || startPosition.y,\n      }}\n      dragControls={controls}\n      dragConstraints={islandContainerRef}\n      onDragEnd={handleDragEnd}\n      ref={islandRef}\n      {...longPressEvent}\n      className='pi-absolute'\n    >\n      {children && children}\n    </motion.div>\n  )\n}\n\nexport default IslandDrag\n\nexport interface IslandDragProps {\n  children: ReactNode\n  islandContainerRef: MutableRefObject<HTMLDivElement>\n}\n\ninterface PhoneIslandStorageTypes {\n  position: PositionTypes\n}\n\ninterface PositionTypes {\n  x: number\n  y: number\n}\n"],"names":["IslandDrag","_a","children","islandContainerRef","startPosition","useSelector","state","island","_b","useState","moved","setMoved","dispatch","useDispatch","controls","useDragControls","_c","useLocalStorage","phoneIslandStorage","setPhoneIslandStorage","islandRef","useRef","_d","position","setPosition","longPressEvent","useLongPress","handleToggleIsOpen","shouldPreventDefault","delay","React","createElement","motion","div","drag","onPointerDown","event","start","onDragStart","dragTransition","power","initial","x","y","dragControls","dragConstraints","onDragEnd","styleTransformValues","current","xPosition","Math","round","yPosition","ref","className"],"mappings":"2sBAUaA,EAAkC,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAkBF,EAAAE,mBACpEC,EAAkBC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,wBAG5DC,EAAoBC,EAAAA,UAAkB,GAArCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAGhBI,EAAWC,EAAAA,cAGXC,EAAWC,EAAAA,aAAAA,QAAAA,kBAGXC,EACJC,EAAAA,gBAAgD,eAAgB,MAD3DC,EAAkBF,EAAA,GAAEG,OAIrBC,EAAYC,SAAY,MAGxBC,EAA0Bb,EAAAA,SAC9BS,GAAsBA,EAAmBK,SAAWL,EAAmBK,SAAW,MAD7EA,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GA2C5B,IAAMG,EAAiBC,EAAAA,cAlCC,eAGE,WACxBd,EAASL,OAAOoB,oBAClB,GAgCEjB,GACA,WAAM,OAAAC,GAAS,KACf,CACEiB,sBAAsB,EACtBC,MAAO,MAIX,OACEC,EAAC,QAAAC,cAAAC,8BAAOC,gBACNC,MAAI,EACJC,cApDJ,SAAyBC,GACvBtB,EAASuB,MAAMD,EAChB,EAmDGE,YApBJ,WACE3B,GAAS,EACV,EAmBG4B,eAAgB,CACdC,MAAO,GAETC,QAAS,CACPC,GAAGnB,aAAQ,EAARA,EAAUmB,IAAKtC,EAAcsC,EAChCC,GAAGpB,aAAQ,EAARA,EAAUoB,IAAKvC,EAAcuC,GAElCC,aAAc9B,EACd+B,gBAAiB1C,EACjB2C,UAnDkB,WAEhB,IAAA7C,EAAgB8C,EAAAA,qBAAqB3B,EAAU4B,SAA7CN,EAACzC,EAAAyC,EAAEC,MAETD,EAAIO,EAAAA,UAAUC,KAAKC,MAAMT,GAAItB,EAAU4B,QAAS7C,EAAmB6C,SACnEL,EAAIS,EAAAA,UAAUF,KAAKC,MAAMR,GAAIvB,EAAU4B,QAAS7C,EAAmB6C,SAEnE7B,EAAsB,CACpBI,SAAU,CACRmB,EAACA,EACDC,EAACA,KAILnB,EAAY,CACVkB,EAACA,EACDC,EAACA,GAEL,EAkCIU,IAAKjC,GACDK,EACJ,CAAA6B,UAAU,gBAETpD,GAAYA,EAGnB"}

package/dist/components/IslandMotion.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode, FC } from 'react';
+export declare const IslandMotion: FC<IslandMotionProps>;
+export interface IslandMotionProps {
+    children: ReactNode;
+}
+export default IslandMotion;

package/dist/components/IslandMotion.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js"),require("../node_modules/framer-motion/dist/framer-motion.js");var t=require("../node_modules/react-redux/es/hooks/useSelector.js"),a=require("../_virtual/framer-motion.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e),r=function(e){var i=e.children,r=t.useSelector((function(e){return e.currentCall})),n=r.incoming,h=r.outgoing,o=r.accepted,l=r.transferring,c=t.useSelector((function(e){return e.island})),s=c.view,p=c.isOpen,u=t.useSelector((function(e){return e.alerts.status})).activeAlertsCount,g=t.useSelector((function(e){return e.motions})),x=g.variants,w=g.border_radius_collapsed,f=g.border_radius_expanded,m=g.padding_x_collapsed,v=g.padding_y_collapsed,_=g.padding_expanded;var y=function(){var e={width:0,height:0};switch(s){case"call":p?o&&l?e={width:x.call.expanded.transfer.width,height:x.call.expanded.transfer.height}:o?e={width:x.call.expanded.accepted.width,height:x.call.expanded.accepted.height}:n?e={width:x.call.expanded.incoming.width,height:x.call.expanded.incoming.height}:h&&(e={width:x.call.expanded.outgoing.width,height:x.call.expanded.outgoing.height}):e={width:x.call.collapsed.width,height:x.call.collapsed.height};break;case"keypad":e=p?{width:x.keypad.expanded.width,height:x.keypad.expanded.height}:{width:x.transfer.collapsed.width,height:x.transfer.collapsed.height};break;case"transfer":e=p?{width:x.transfer.expanded.width,height:x.transfer.expanded.height}:{width:x.transfer.collapsed.width,height:x.transfer.collapsed.height};break;case"player":e=p?{width:x.player.expanded.width,height:x.player.expanded.height}:{width:x.player.collapsed.width,height:x.player.collapsed.height}}var t=u>0;return{width:"".concat(0===e.width&&t?x.alerts.width:e.width,"px"),height:"".concat(t&&p?e.height+x.alerts.height+(0===e.height?2*_:_):e.height,"px"),borderRadius:"".concat(p?f:w,"px"),padding:p?"".concat(_,"px"):"".concat(m,"px ").concat(v,"px")}}();return d.default.createElement(a.framerMotion.exports.motion.div,{className:"pi-font-sans pi-pointer-events-auto pi-overflow-hidden pi-bg-black pi-text-xs pi-cursor-pointer pi-text-white",animate:y},i&&i)};exports.IslandMotion=r,exports.default=r;
+//# sourceMappingURL=IslandMotion.js.map

package/dist/components/IslandMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion/dist/framer-motion'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n  // Retrieve needed stored variables\n  const { incoming, outgoing, accepted, transferring } = useSelector(\n    (state: RootState) => state.currentCall,\n  )\n  const { view, isOpen } = useSelector((state: RootState) => state.island)\n  const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n  const {\n    variants,\n    border_radius_collapsed,\n    border_radius_expanded,\n    padding_x_collapsed,\n    padding_y_collapsed,\n    padding_expanded,\n  } = useSelector((state: RootState) => state.motions)\n\n  function getVariant() {\n    // Initial size\n    let size: SizeTypes = {\n      width: 0,\n      height: 0,\n    }\n    switch (view) {\n      case 'call':\n        if (isOpen) {\n          if (accepted && transferring) {\n            size = {\n              width: variants.call.expanded.transfer.width,\n              height: variants.call.expanded.transfer.height,\n            }\n          } else if (accepted) {\n            size = {\n              width: variants.call.expanded.accepted.width,\n              height: variants.call.expanded.accepted.height,\n            }\n          } else if (incoming) {\n            size = {\n              width: variants.call.expanded.incoming.width,\n              height: variants.call.expanded.incoming.height,\n            }\n          } else if (outgoing) {\n            size = {\n              width: variants.call.expanded.outgoing.width,\n              height: variants.call.expanded.outgoing.height,\n            }\n          }\n        } else {\n          size = {\n            width: variants.call.collapsed.width,\n            height: variants.call.collapsed.height,\n          }\n        }\n        break\n      case 'keypad':\n        if (isOpen) {\n          size = {\n            width: variants.keypad.expanded.width,\n            height: variants.keypad.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        }\n        break\n      case 'transfer':\n        if (isOpen) {\n          size = {\n            width: variants.transfer.expanded.width,\n            height: variants.transfer.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.transfer.collapsed.width,\n            height: variants.transfer.collapsed.height,\n          }\n        }\n        break\n      case 'player':\n        if (isOpen) {\n          size = {\n            width: variants.player.expanded.width,\n            height: variants.player.expanded.height,\n          }\n        } else {\n          size = {\n            width: variants.player.collapsed.width,\n            height: variants.player.collapsed.height,\n          }\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        isAlert && isOpen\n          ? size.height +\n            variants.alerts.height +\n            (size.height === 0 ? padding_expanded * 2 : padding_expanded)\n          : size.height\n      }px`,\n      borderRadius: isOpen ? `${border_radius_expanded}px` : `${border_radius_collapsed}px`,\n      padding: isOpen\n        ? `${padding_expanded}px`\n        : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n    }\n  }\n\n  const motionVariants = getVariant()\n\n  return (\n    <motion.div\n      className='pi-font-sans pi-pointer-events-auto pi-overflow-hidden pi-bg-black pi-text-xs pi-cursor-pointer pi-text-white'\n      animate={motionVariants}\n    >\n      {children && children}\n    </motion.div>\n  )\n}\n\nexport interface IslandMotionProps {\n  children: ReactNode\n}\n\ntype SizeTypes = {\n  width: number\n  height: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","_c","island","view","isOpen","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","padding_x_collapsed","padding_y_collapsed","padding_expanded","motionVariants","size","width","height","call","expanded","transfer","collapsed","keypad","player","isAlert","concat","borderRadius","padding","getVariant","React","createElement","motion","framerMotion","exports","div","className","animate"],"mappings":"+YAQaA,EAAsC,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAEtDC,EAAiDC,eACrD,SAACC,GAAqB,OAAAA,EAAMC,eADtBC,EAAQJ,EAAAI,SAAEC,EAAQL,EAAAK,SAAEC,EAAQN,EAAAM,SAAEC,EAAYP,EAAAO,aAG5CC,EAAmBP,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMO,MAAM,IAA/DC,SAAMC,WACNC,EAAsBX,EAAAA,aAAY,SAACC,GAAqB,OAAAA,EAAMW,OAAOC,4BACvEC,EAOFd,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMc,OAAN,IANpCC,EAAQF,EAAAE,SACRC,EAAuBH,EAAAG,wBACvBC,2BACAC,EAAmBL,EAAAK,oBACnBC,EAAmBN,EAAAM,oBACnBC,qBAmGF,IAAMC,EAhGN,WAEE,IAAIC,EAAkB,CACpBC,MAAO,EACPC,OAAQ,GAEV,OAAQhB,GACN,IAAK,OACCC,EACEL,GAAYC,EACdiB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAASC,SAASJ,MACvCC,OAAQT,EAASU,KAAKC,SAASC,SAASH,QAEjCpB,EACTkB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAAStB,SAASmB,MACvCC,OAAQT,EAASU,KAAKC,SAAStB,SAASoB,QAEjCtB,EACToB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAASxB,SAASqB,MACvCC,OAAQT,EAASU,KAAKC,SAASxB,SAASsB,QAEjCrB,IACTmB,EAAO,CACLC,MAAOR,EAASU,KAAKC,SAASvB,SAASoB,MACvCC,OAAQT,EAASU,KAAKC,SAASvB,SAASqB,SAI5CF,EAAO,CACLC,MAAOR,EAASU,KAAKG,UAAUL,MAC/BC,OAAQT,EAASU,KAAKG,UAAUJ,QAGpC,MACF,IAAK,SAEDF,EADEb,EACK,CACLc,MAAOR,EAASc,OAAOH,SAASH,MAChCC,OAAQT,EAASc,OAAOH,SAASF,QAG5B,CACLD,MAAOR,EAASY,SAASC,UAAUL,MACnCC,OAAQT,EAASY,SAASC,UAAUJ,QAGxC,MACF,IAAK,WAEDF,EADEb,EACK,CACLc,MAAOR,EAASY,SAASD,SAASH,MAClCC,OAAQT,EAASY,SAASD,SAASF,QAG9B,CACLD,MAAOR,EAASY,SAASC,UAAUL,MACnCC,OAAQT,EAASY,SAASC,UAAUJ,QAGxC,MACF,IAAK,SAEDF,EADEb,EACK,CACLc,MAAOR,EAASe,OAAOJ,SAASH,MAChCC,OAAQT,EAASe,OAAOJ,SAASF,QAG5B,CACLD,MAAOR,EAASe,OAAOF,UAAUL,MACjCC,OAAQT,EAASe,OAAOF,UAAUJ,QAM1C,IAAMO,EAAmBrB,EAAoB,EAE7C,MAAO,CACLa,MAAO,UAAkB,IAAfD,EAAKC,OAAeQ,EAAUhB,EAASJ,OAAOY,MAAQD,EAAKC,MAAS,MAC9EC,OAAQ,GAAAQ,OACND,GAAWtB,EACPa,EAAKE,OACLT,EAASJ,OAAOa,QACC,IAAhBF,EAAKE,OAAkC,EAAnBJ,EAAuBA,GAC5CE,EAAKE,OACP,MACJS,aAAuB,GAAAD,OAATvB,EAAYQ,EAAgCD,EAAV,MAChDkB,QAASzB,EACL,GAAGuB,OAAAZ,EAAoB,MACvB,GAAAY,OAAGd,EAAmB,OAAAc,OAAMb,EAAuB,MAE1D,CAEsBgB,GAEvB,OACEC,UAACC,cAAAC,EAAMC,aAAAC,QAAAF,OAACG,IAAG,CACTC,UAAU,gHACVC,QAAStB,GAERxB,GAAYA,EAGnB"}

package/dist/components/KeypadView/Actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js"),require("../../node_modules/mic-check/lib/index.js"),require("../../lib/webrtc/janus.js"),require("../../store/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../Island.js");var r=require("../Button.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../AudioBars.js"),require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),require("../../node_modules/framer-motion/dist/framer-motion.js");var i=t(e),u=Array.from(Array(9).keys()),a=["*","0","#"];exports.default=function(e){var t=e.keyCallback;return i.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3"},u.map((function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e+1)},variant:"default",className:"pi-text-2xl"},e+1)})),a.map((function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e)},variant:"default",className:"pi-text-2xl"},e)})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../../node_modules/react-redux/es/index.js"),require("../../node_modules/mic-check/lib/index.js"),require("../../lib/webrtc/janus.js"),require("../../store/index.js"),require("../../node_modules/webrtc-adapter/src/js/adapter_core.js"),require("../../node_modules/socket.io-client/build/esm/index.js"),require("../Island.js");var r=require("../Button.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),require("../../node_modules/framer-motion/dist/framer-motion.js");var i=t(e),n=Array.from(Array(9).keys()),a=["*","0","#"];exports.default=function(e){var t=e.keyCallback;return i.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3"},n.map((function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e+1)},variant:"default",className:"pi-text-2xl"},e+1)})),a.map((function(e){return i.default.createElement(r.Button,{key:e+1,onClick:function(){return t(e)},variant:"default",className:"pi-text-2xl"},e)})))};
 //# sourceMappingURL=Actions.js.map

package/dist/components/KeypadView/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../src/components/KeypadView/Actions.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 { Button } from '..'\n\nconst keys = Array.from(Array(9).keys())\n\nconst bottomKeys = ['*', '0', '#']\n\nconst Actions: FC<ActionsTypes> = ({ keyCallback }) => {\n  return (\n    <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3'>\n      {keys.map((key) => (\n        <Button\n          key={key + 1}\n          onClick={() => keyCallback(key + 1)}\n          variant='default'\n          className={'pi-text-2xl'}\n        >\n          {key + 1}\n        </Button>\n      ))}\n      {bottomKeys.map((bottomKey) => (\n        <Button\n          key={bottomKey + 1}\n          onClick={() => keyCallback(bottomKey)}\n          variant='default'\n          className={'pi-text-2xl'}\n        >\n          {bottomKey}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\nexport default Actions\n\ninterface ActionsTypes {\n  keyCallback: any\n}\n"],"names":["keys","Array","from","bottomKeys","_a","keyCallback","React","createElement","className","map","key","Button","onClick","variant","bottomKey"],"mappings":"gsBAMMA,EAAOC,MAAMC,KAAKD,MAAM,GAAGD,QAE3BG,EAAa,CAAC,IAAK,IAAK,qBAEI,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAC9C,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,8HACZR,EAAKS,KAAI,SAACC,GAAQ,OACjBJ,EAAC,QAAAC,cAAAI,EAAAA,QACCD,IAAKA,EAAM,EACXE,QAAS,WAAM,OAAAP,EAAYK,EAAM,EAAE,EACnCG,QAAQ,UACRL,UAAW,eAEVE,EAAM,EAPQ,IAUlBP,EAAWM,KAAI,SAACK,GAAc,OAC7BR,EAAC,QAAAC,cAAAI,EAAAA,QACCD,IAAKI,EAAY,EACjBF,QAAS,WAAM,OAAAP,EAAYS,IAC3BD,QAAQ,UACRL,UAAW,eAEVM,EAEJ,IAGP"}
+{"version":3,"file":"Actions.js","sources":["../../../src/components/KeypadView/Actions.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 { Button } from '..'\n\nconst keys = Array.from(Array(9).keys())\n\nconst bottomKeys = ['*', '0', '#']\n\nconst Actions: FC<ActionsTypes> = ({ keyCallback }) => {\n  return (\n    <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3'>\n      {keys.map((key) => (\n        <Button\n          key={key + 1}\n          onClick={() => keyCallback(key + 1)}\n          variant='default'\n          className={'pi-text-2xl'}\n        >\n          {key + 1}\n        </Button>\n      ))}\n      {bottomKeys.map((bottomKey) => (\n        <Button\n          key={bottomKey + 1}\n          onClick={() => keyCallback(bottomKey)}\n          variant='default'\n          className={'pi-text-2xl'}\n        >\n          {bottomKey}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\nexport default Actions\n\ninterface ActionsTypes {\n  keyCallback: any\n}\n"],"names":["keys","Array","from","bottomKeys","_a","keyCallback","React","createElement","className","map","key","Button","onClick","variant","bottomKey"],"mappings":"qqBAMMA,EAAOC,MAAMC,KAAKD,MAAM,GAAGD,QAE3BG,EAAa,CAAC,IAAK,IAAK,qBAEI,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAC9C,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,8HACZR,EAAKS,KAAI,SAACC,GAAQ,OACjBJ,EAAC,QAAAC,cAAAI,EAAAA,QACCD,IAAKA,EAAM,EACXE,QAAS,WAAM,OAAAP,EAAYK,EAAM,EAAE,EACnCG,QAAQ,UACRL,UAAW,eAEVE,EAAM,EAPQ,IAUlBP,EAAWM,KAAI,SAACK,GAAc,OAC7BR,EAAC,QAAAC,cAAAI,EAAAA,QACCD,IAAKI,EAAY,EACjBF,QAAS,WAAM,OAAAP,EAAYS,IAC3BD,QAAQ,UACRL,UAAW,eAEVM,EAEJ,IAGP"}

package/dist/components/Socket.js

@@ -1,2 +1,2 @@
-"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"),o=require("../lib/phone/conversation.js"),c=require("../utils/genericFunctions/withTimeout.js");require("../node_modules/mic-check/lib/index.js"),require("../lib/webrtc/janus.js");var r=require("../store/index.js");require("../node_modules/webrtc-adapter/src/js/adapter_core.js");var u=require("../events/SocketEvents.js"),s=require("../node_modules/react-redux/es/hooks/useDispatch.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/react-redux/es/components/Context.js"),require("../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),require("../node_modules/react-redux/node_modules/react-is/index.js");var i=a(n);exports.Socket=function(a){var d=a.hostName,l=a.username,m=a.authToken,p=a.children,f=s.useDispatch(),b=n.useRef(),g=n.useRef();return n.useEffect((function(){return g.current=t.io(d,{upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3}),g.current.on("connect",(function(){console.debug("Socket connected sid: ".concat(g.current.id))})),g.current.on("disconnect",(function(e){console.log("Socket disconnect - reason: ".concat(e))})),g.current.io.on("error",(function(e){console.debug("Socket error: ",e)})),g.current.on("connect_error",(function(e){console.debug("Socket connect_error: ",e)})),g.current.io.on("reconnect",(function(e){console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(g.current.id,")"))})),g.current.io.on("reconnect_attempt",(function(e){console.debug("Socket reconnect_attempt ".concat(e))})),g.current.io.on("reconnect_error",(function(e){console.debug("Socket reconnect_error: ",e)})),g.current.io.on("reconnect_failed",(function(){console.debug("Socket reconnect_failed")})),b.current=setInterval((function(){var e=Date.now();g.current.volatile.emit("ping",c.withTimeout((function(){f.alerts.removeAlert("socket_down");var n=Date.now()-e;console.debug("Socket latency: ".concat(n,"ms")),console.debug("Socket is reachable!")}),(function(){f.alerts.setAlert("socket_down"),console.debug("Socket is unreachable!")}),2e3))}),5e3),g.current.on("connect",(function(){console.log("Socket on: "+d+" is connected!"),g.current.emit("login",{accessKeyId:"".concat(l),token:m,uaType:"desktop"})})),g.current.on("authe_ok",(function(){console.log("Socket authentication success!")})),g.current.on("userMainPresenceUpdate",(function(n){r.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),u.dispatchMainPresence(n)})),g.current.on("extenUpdate",(function(e){f.users.updateExtension(e),u.dispatchConversations(e);var n=e.conversations[Object.keys(e.conversations)[0]]||{};e.username===l&&function(e,n){var t=e.status;if(Object.keys(n).length>0&&t){var c=r.store.getState().users.extensions;switch(t){case"ringing":f.currentCall.checkIncomingUpdateAndPlay({conversationId:n.id,displayName:o.getDisplayName(n),number:"".concat(n.counterpartNum),incomingSocket:!0,username:"".concat(c&&c[n.counterpartNum]&&c[n.counterpartNum].username)||""});break;case"busy":n&&n.connected?f.currentCall.updateCurrentCall({conversationId:n.id,displayName:o.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(n.startTime/1e3),username:"".concat(c&&c[n.counterpartNum]&&c[n.counterpartNum].username)||""}):n&&!n.connected&&"out"===n.direction&&f.currentCall.checkOutgoingUpdate({outgoingSocket:!0,displayName:o.getDisplayName(n),number:"".concat(n.counterpartNum),username:"".concat(c&&c[n.counterpartNum]&&c[n.counterpartNum].username)||""})}}}(e,n)})),g.current.on("queueUpdate",(function(e){u.dispatchQueueUpdate(e)})),g.current.on("queueMemberUpdate",(function(e){u.dispatchQueueMemberUpdate(e)})),function(){clearInterval(b.current),g.current.close()}}),[]),i.default.createElement(i.default.Fragment,null,p)};
+"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"),c=require("../lib/phone/conversation.js"),o=require("../utils/genericFunctions/withTimeout.js");require("../node_modules/mic-check/lib/index.js"),require("../lib/webrtc/janus.js");var r=require("../store/index.js");require("../node_modules/webrtc-adapter/src/js/adapter_core.js");var u=require("../events/SocketEvents.js"),s=require("../node_modules/react-redux/es/hooks/useDispatch.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n);exports.Socket=function(a){var d=a.hostName,l=a.username,m=a.authToken,p=a.children,f=s.useDispatch(),b=n.useRef(),g=n.useRef();return n.useEffect((function(){return g.current=t.io(d,{upgrade:!1,transports:["websocket"],reconnection:!0,reconnectionDelay:2e3}),g.current.on("connect",(function(){console.debug("Socket connected sid: ".concat(g.current.id))})),g.current.on("disconnect",(function(e){console.log("Socket disconnect - reason: ".concat(e))})),g.current.io.on("error",(function(e){console.debug("Socket error: ",e)})),g.current.on("connect_error",(function(e){console.debug("Socket connect_error: ",e)})),g.current.io.on("reconnect",(function(e){console.debug("Socket reconnect attemp ".concat(e," (sid: ").concat(g.current.id,")"))})),g.current.io.on("reconnect_attempt",(function(e){console.debug("Socket reconnect_attempt ".concat(e))})),g.current.io.on("reconnect_error",(function(e){console.debug("Socket reconnect_error: ",e)})),g.current.io.on("reconnect_failed",(function(){console.debug("Socket reconnect_failed")})),b.current=setInterval((function(){var e=Date.now();g.current.volatile.emit("ping",o.withTimeout((function(){f.alerts.removeAlert("socket_down");var n=Date.now()-e;console.debug("Socket latency: ".concat(n,"ms")),console.debug("Socket is reachable!")}),(function(){f.alerts.setAlert("socket_down"),console.debug("Socket is unreachable!")}),2e3))}),5e3),g.current.on("connect",(function(){console.log("Socket on: "+d+" is connected!"),g.current.emit("login",{accessKeyId:"".concat(l),token:m,uaType:"desktop"})})),g.current.on("authe_ok",(function(){console.log("Socket authentication success!")})),g.current.on("userMainPresenceUpdate",(function(n){r.store.dispatch.users.updateEndpointMainPresence(e.__assign({},n.mainPresence)),u.dispatchMainPresence(n)})),g.current.on("extenUpdate",(function(e){f.users.updateExtension(e),u.dispatchConversations(e);var n=e.conversations[Object.keys(e.conversations)[0]]||{};e.username===l&&function(e,n){var t=e.status;if(Object.keys(n).length>0&&t){var o=r.store.getState().users.extensions;switch(t){case"ringing":f.currentCall.checkIncomingUpdatePlay({conversationId:n.id,displayName:c.getDisplayName(n),number:"".concat(n.counterpartNum),incomingSocket:!0,username:"".concat(o&&o[n.counterpartNum]&&o[n.counterpartNum].username)||""});break;case"busy":n&&n.connected?f.currentCall.updateCurrentCall({conversationId:n.id,displayName:c.getDisplayName(n),number:"".concat(n.counterpartNum),startTime:"".concat(n.startTime/1e3),username:"".concat(o&&o[n.counterpartNum]&&o[n.counterpartNum].username)||""}):n&&!n.connected&&"out"===n.direction&&f.currentCall.checkOutgoingUpdate({outgoingSocket:!0,displayName:c.getDisplayName(n),number:"".concat(n.counterpartNum),username:"".concat(o&&o[n.counterpartNum]&&o[n.counterpartNum].username)||""})}}}(e,n)})),g.current.on("queueUpdate",(function(e){u.dispatchQueueUpdate(e)})),g.current.on("queueMemberUpdate",(function(e){u.dispatchQueueMemberUpdate(e)})),function(){clearInterval(b.current),g.current.close()}}),[]),i.default.createElement(i.default.Fragment,null,p)};
 //# sourceMappingURL=Socket.js.map

package/dist/components/Socket.js.map

@@ -1 +1 @@
-{"version":3,"file":"Socket.js","sources":["../../src/components/Socket.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport { io } from 'socket.io-client'\nimport { getDisplayName } from '../lib/phone/conversation'\nimport {\n  dispatchMainPresence,\n  dispatchConversations,\n  dispatchQueueUpdate,\n  dispatchQueueMemberUpdate,\n} from '../events'\nimport { store } from '../store'\nimport { withTimeout } from '../utils'\nimport type {\n  ConversationsTypes,\n  ExtensionTypes,\n  QueuesUpdateTypes,\n  QueueUpdateMemberTypes,\n  MainPresenceTypes,\n} from '../types'\n// import { userTotallyFree } from '../lib/user/extensions'\n\ninterface SocketProps {\n  children: ReactNode\n  hostName: string\n  username: string\n  authToken: string\n}\n\nexport const Socket: FC<SocketProps> = ({ hostName, username, authToken, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n  const connectionCheckInterval = useRef<any>()\n  const socket = useRef<any>()\n\n  useEffect(() => {\n    /**\n     * Manages event and data for the currentUser\n     *\n     * @param res The data from the socket\n     * @param conv The conversation data\n     */\n    const handleCurrentUserEvents = (res: any, conv: ConversationsTypes) => {\n      // Initialize status\n      const status: string = res.status\n      // Check conversation isn't empty\n      if (Object.keys(conv).length > 0) {\n        // With conversation\n        if (status) {\n          const { extensions } = store.getState().users\n          switch (status) {\n            case 'ringing':\n              // The name and the number are updated here not in webrtc\n              dispatch.currentCall.checkIncomingUpdateAndPlay({\n                conversationId: conv.id,\n                displayName: getDisplayName(conv),\n                number: `${conv.counterpartNum}`,\n                incomingSocket: true,\n                username:\n                  `${\n                    extensions &&\n                    extensions[conv.counterpartNum] &&\n                    extensions[conv.counterpartNum].username\n                  }` || '',\n              })\n              break\n            // @ts-ignore\n            case 'busy':\n              if (conv && conv.connected) {\n                // Current call accepted\n                dispatch.currentCall.updateCurrentCall({\n                  conversationId: conv.id,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  startTime: `${conv.startTime / 1000}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n              // Handle outgoing call\n              else if (conv && !conv.connected && conv.direction === 'out') {\n                // Update the current outgoing conversation\n                dispatch.currentCall.checkOutgoingUpdate({\n                  outgoingSocket: true,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n            default:\n              break\n          }\n        }\n      } else {\n        // Without conversation for physical phone management\n        // if (status) {\n        // if (res.status == 'online' && userTotallyFree()) {\n        //     // Stop ringing sounds\n        //     dispatch.player.stopAudioPlayer()\n        //     // Reset current call info\n        //     dispatch.currentCall.reset()\n        // }\n        // }\n      }\n    }\n\n    /**\n     * Initialize socket connection and listeners\n     */\n    const initSocketConnection = () => {\n      socket.current = io(hostName, {\n        upgrade: false,\n        transports: ['websocket'],\n        reconnection: true,\n        reconnectionDelay: 2000,\n      })\n\n      // Handle socket errors\n      socket.current.on('connect', () => {\n        console.debug(`Socket connected sid: ${socket.current.id}`)\n      })\n      socket.current.on('disconnect', (reason) => {\n        console.log(`Socket disconnect - reason: ${reason}`)\n      })\n      socket.current.io.on('error', (err) => {\n        console.debug(`Socket error: `, err)\n      })\n      socket.current.on('connect_error', (err) => {\n        console.debug(`Socket connect_error: `, err)\n      })\n      socket.current.io.on('reconnect', (attempt) => {\n        console.debug(`Socket reconnect attemp ${attempt} (sid: ${socket.current.id})`)\n      })\n      socket.current.io.on('reconnect_attempt', (attempt) => {\n        console.debug(`Socket reconnect_attempt ${attempt}`)\n      })\n      socket.current.io.on('reconnect_error', (err) => {\n        console.debug(`Socket reconnect_error: `, err)\n      })\n      socket.current.io.on('reconnect_failed', () => {\n        console.debug(`Socket reconnect_failed`)\n      })\n\n      // Checks if socket is reachable every 5 seconds\n      connectionCheckInterval.current = setInterval(() => {\n        const start = Date.now()\n        socket.current.volatile.emit(\n          'ping',\n          withTimeout(\n            () => {\n              // Remove socket_down alert\n              dispatch.alerts.removeAlert('socket_down')\n              // Calculate and log latency\n              const latency = Date.now() - start\n              console.debug(`Socket latency: ${latency}ms`)\n              console.debug('Socket is reachable!')\n            },\n            () => {\n              // Set socket_down alert\n              dispatch.alerts.setAlert('socket_down')\n              console.debug('Socket is unreachable!')\n            },\n            2000,\n          ),\n        )\n      }, 5000)\n\n      // Handle connection message\n      socket.current.on('connect', () => {\n        console.log('Socket on: ' + hostName + ' is connected!')\n        socket.current.emit('login', {\n          accessKeyId: `${username}`,\n          token: authToken,\n          uaType: 'desktop',\n        })\n      })\n\n      // Handle authentication success message\n      socket.current.on('authe_ok', () => {\n        console.log('Socket authentication success!')\n      })\n\n      socket.current.on('userMainPresenceUpdate', (res: MainPresenceTypes) => {\n        // Update endpoints store\n        store.dispatch.users.updateEndpointMainPresence({ ...res.mainPresence })\n        // Dispatch dispatchMainPresence Event\n        dispatchMainPresence(res)\n      })\n\n      socket.current.on('extenUpdate', (res: ExtensionTypes) => {\n        // Update extensions and conversations in users store\n        dispatch.users.updateExtension(res)\n        // Dispatch conversations event\n        dispatchConversations(res)\n        // Initialize conversation\n        const conv: ConversationsTypes = res.conversations[Object.keys(res.conversations)[0]] || {}\n        // Handle only the events of the user\n        if (res.username === username) {\n          handleCurrentUserEvents(res, conv)\n        }\n      })\n\n      socket.current.on('queueUpdate', (res: QueuesUpdateTypes) => {\n        // Dispatch queueUpdate event\n        dispatchQueueUpdate(res)\n      })\n\n      socket.current.on('queueMemberUpdate', (res: QueueUpdateMemberTypes) => {\n        // Dispatch queueMemberUpdate event\n        dispatchQueueMemberUpdate(res)\n      })\n    }\n\n    initSocketConnection()\n\n    // Stop the check socket interval\n    // Close the socket connection\n    return () => {\n      clearInterval(connectionCheckInterval.current)\n      socket.current.close()\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["_a","hostName","username","authToken","children","dispatch","useDispatch","connectionCheckInterval","useRef","socket","useEffect","current","io","upgrade","transports","reconnection","reconnectionDelay","on","console","debug","concat","id","reason","log","err","attempt","setInterval","start","Date","now","volatile","emit","withTimeout","alerts","removeAlert","latency","setAlert","accessKeyId","token","uaType","res","store","users","updateEndpointMainPresence","__assign","mainPresence","dispatchMainPresence","updateExtension","dispatchConversations","conv","conversations","Object","keys","status","length","extensions","getState","currentCall","checkIncomingUpdateAndPlay","conversationId","displayName","getDisplayName","number","counterpartNum","incomingSocket","connected","updateCurrentCall","startTime","direction","checkOutgoingUpdate","outgoingSocket","handleCurrentUserEvents","dispatchQueueUpdate","dispatchQueueMemberUpdate","clearInterval","close","React","createElement","Fragment"],"mappings":"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"}
+{"version":3,"file":"Socket.js","sources":["../../src/components/Socket.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport { io } from 'socket.io-client'\nimport { getDisplayName } from '../lib/phone/conversation'\nimport {\n  dispatchMainPresence,\n  dispatchConversations,\n  dispatchQueueUpdate,\n  dispatchQueueMemberUpdate,\n} from '../events'\nimport { store } from '../store'\nimport { withTimeout } from '../utils'\nimport type {\n  ConversationsTypes,\n  ExtensionTypes,\n  QueuesUpdateTypes,\n  QueueUpdateMemberTypes,\n  MainPresenceTypes,\n} from '../types'\n// import { userTotallyFree } from '../lib/user/extensions'\n\ninterface SocketProps {\n  children: ReactNode\n  hostName: string\n  username: string\n  authToken: string\n}\n\nexport const Socket: FC<SocketProps> = ({ hostName, username, authToken, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n  const connectionCheckInterval = useRef<any>()\n  const socket = useRef<any>()\n\n  useEffect(() => {\n    /**\n     * Manages event and data for the currentUser\n     *\n     * @param res The data from the socket\n     * @param conv The conversation data\n     */\n    const handleCurrentUserEvents = (res: any, conv: ConversationsTypes) => {\n      // Initialize status\n      const status: string = res.status\n      // Check conversation isn't empty\n      if (Object.keys(conv).length > 0) {\n        // With conversation\n        if (status) {\n          const { extensions } = store.getState().users\n          switch (status) {\n            case 'ringing':\n              // The name and the number are updated here not in webrtc\n              dispatch.currentCall.checkIncomingUpdatePlay({\n                conversationId: conv.id,\n                displayName: getDisplayName(conv),\n                number: `${conv.counterpartNum}`,\n                incomingSocket: true,\n                username:\n                  `${\n                    extensions &&\n                    extensions[conv.counterpartNum] &&\n                    extensions[conv.counterpartNum].username\n                  }` || '',\n              })\n              break\n            // @ts-ignore\n            case 'busy':\n              if (conv && conv.connected) {\n                // Current call accepted\n                dispatch.currentCall.updateCurrentCall({\n                  conversationId: conv.id,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  startTime: `${conv.startTime / 1000}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n              // Handle outgoing call\n              else if (conv && !conv.connected && conv.direction === 'out') {\n                // Update the current outgoing conversation\n                dispatch.currentCall.checkOutgoingUpdate({\n                  outgoingSocket: true,\n                  displayName: getDisplayName(conv),\n                  number: `${conv.counterpartNum}`,\n                  username:\n                    `${\n                      extensions &&\n                      extensions[conv.counterpartNum] &&\n                      extensions[conv.counterpartNum].username\n                    }` || '',\n                })\n              }\n            default:\n              break\n          }\n        }\n      } else {\n        // Without conversation for physical phone management\n        // if (status) {\n        // if (res.status == 'online' && userTotallyFree()) {\n        //     // Stop ringing sounds\n        //     dispatch.player.stopAudioPlayer()\n        //     // Reset current call info\n        //     dispatch.currentCall.reset()\n        // }\n        // }\n      }\n    }\n\n    /**\n     * Initialize socket connection and listeners\n     */\n    const initSocketConnection = () => {\n      socket.current = io(hostName, {\n        upgrade: false,\n        transports: ['websocket'],\n        reconnection: true,\n        reconnectionDelay: 2000,\n      })\n\n      // Handle socket errors\n      socket.current.on('connect', () => {\n        console.debug(`Socket connected sid: ${socket.current.id}`)\n      })\n      socket.current.on('disconnect', (reason) => {\n        console.log(`Socket disconnect - reason: ${reason}`)\n      })\n      socket.current.io.on('error', (err) => {\n        console.debug(`Socket error: `, err)\n      })\n      socket.current.on('connect_error', (err) => {\n        console.debug(`Socket connect_error: `, err)\n      })\n      socket.current.io.on('reconnect', (attempt) => {\n        console.debug(`Socket reconnect attemp ${attempt} (sid: ${socket.current.id})`)\n      })\n      socket.current.io.on('reconnect_attempt', (attempt) => {\n        console.debug(`Socket reconnect_attempt ${attempt}`)\n      })\n      socket.current.io.on('reconnect_error', (err) => {\n        console.debug(`Socket reconnect_error: `, err)\n      })\n      socket.current.io.on('reconnect_failed', () => {\n        console.debug(`Socket reconnect_failed`)\n      })\n\n      // Checks if socket is reachable every 5 seconds\n      connectionCheckInterval.current = setInterval(() => {\n        const start = Date.now()\n        socket.current.volatile.emit(\n          'ping',\n          withTimeout(\n            () => {\n              // Remove socket_down alert\n              dispatch.alerts.removeAlert('socket_down')\n              // Calculate and log latency\n              const latency = Date.now() - start\n              console.debug(`Socket latency: ${latency}ms`)\n              console.debug('Socket is reachable!')\n            },\n            () => {\n              // Set socket_down alert\n              dispatch.alerts.setAlert('socket_down')\n              console.debug('Socket is unreachable!')\n            },\n            2000,\n          ),\n        )\n      }, 5000)\n\n      // Handle connection message\n      socket.current.on('connect', () => {\n        console.log('Socket on: ' + hostName + ' is connected!')\n        socket.current.emit('login', {\n          accessKeyId: `${username}`,\n          token: authToken,\n          uaType: 'desktop',\n        })\n      })\n\n      // Handle authentication success message\n      socket.current.on('authe_ok', () => {\n        console.log('Socket authentication success!')\n      })\n\n      socket.current.on('userMainPresenceUpdate', (res: MainPresenceTypes) => {\n        // Update endpoints store\n        store.dispatch.users.updateEndpointMainPresence({ ...res.mainPresence })\n        // Dispatch dispatchMainPresence Event\n        dispatchMainPresence(res)\n      })\n\n      socket.current.on('extenUpdate', (res: ExtensionTypes) => {\n        // Update extensions and conversations in users store\n        dispatch.users.updateExtension(res)\n        // Dispatch conversations event\n        dispatchConversations(res)\n        // Initialize conversation\n        const conv: ConversationsTypes = res.conversations[Object.keys(res.conversations)[0]] || {}\n        // Handle only the events of the user\n        if (res.username === username) {\n          handleCurrentUserEvents(res, conv)\n        }\n      })\n\n      socket.current.on('queueUpdate', (res: QueuesUpdateTypes) => {\n        // Dispatch queueUpdate event\n        dispatchQueueUpdate(res)\n      })\n\n      socket.current.on('queueMemberUpdate', (res: QueueUpdateMemberTypes) => {\n        // Dispatch queueMemberUpdate event\n        dispatchQueueMemberUpdate(res)\n      })\n    }\n\n    initSocketConnection()\n\n    // Stop the check socket interval\n    // Close the socket connection\n    return () => {\n      clearInterval(connectionCheckInterval.current)\n      socket.current.close()\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["_a","hostName","username","authToken","children","dispatch","useDispatch","connectionCheckInterval","useRef","socket","useEffect","current","io","upgrade","transports","reconnection","reconnectionDelay","on","console","debug","concat","id","reason","log","err","attempt","setInterval","start","Date","now","volatile","emit","withTimeout","alerts","removeAlert","latency","setAlert","accessKeyId","token","uaType","res","store","users","updateEndpointMainPresence","__assign","mainPresence","dispatchMainPresence","updateExtension","dispatchConversations","conv","conversations","Object","keys","status","length","extensions","getState","currentCall","checkIncomingUpdatePlay","conversationId","displayName","getDisplayName","number","counterpartNum","incomingSocket","connected","updateCurrentCall","startTime","direction","checkOutgoingUpdate","outgoingSocket","handleCurrentUserEvents","dispatchQueueUpdate","dispatchQueueMemberUpdate","clearInterval","close","React","createElement","Fragment"],"mappings":"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"}

package/dist/components/TransferView/TransferActions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),n=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),s=require("../../lib/webrtc/messages.js"),i=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var u=require("../../static/outgoing_ringtone.js"),o=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e);exports.TransferActions=function(){var c=o.useDispatch(),m=l.useSelector((function(e){return e.currentCall})),f=m.transferSwitching,p=m.transferringName,g=m.transferringStartTime,j=m.displayName,v=m.startTime;m.number;var x=e.useState(!0),y=x[0],h=x[1],S=e.useState({}),q=S[0],w=S[1],C=e.useState(""),E=C[0],T=C[1],A=e.useState(""),_=A[0],P=A[1];return e.useEffect((function(){f&&(c.currentCall.updateCurrentCall({transferringName:q[E].name,transferringStartTime:q[E].time}),c.currentCall.updateTransferSwitching(!1))}),[j]),e.useEffect((function(){_&&q[_]&&c.currentCall.updateCurrentCall({startTime:q[_].time})}),[v]),d.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},d.default.createElement("div",null),d.default.createElement(t.Button,{onClick:function(){var e;y&&(w(((e={})[j]={name:j,time:v},e[p]={name:p,time:g},e)),h(!1)),T(j),P(p),c.currentCall.updateTransferSwitching(!0),s.sendDTMF("*"),i.store.getState().player.audioPlayerPlaying||c.player.updateAndPlayAudioPlayer({src:u.default,loop:!0}),setTimeout((function(){s.sendDTMF("4"),c.player.stopAudioPlayer()}),500)},active:f,variant:"default"},f?d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:n.faArrowsRepeat}):d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faArrowsRepeat})),d.default.createElement(t.Button,{variant:"default"},d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faUsers})),d.default.createElement("div",null))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),n=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),s=require("../../lib/webrtc/messages.js"),i=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var u=require("../../static/outgoing_ringtone.js"),o=require("../../node_modules/react-redux/es/hooks/useDispatch.js"),l=require("../../node_modules/react-redux/es/hooks/useSelector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e);exports.TransferActions=function(){var c=o.useDispatch(),m=l.useSelector((function(e){return e.currentCall})),f=m.transferSwitching,p=m.transferringName,g=m.transferringStartTime,j=m.displayName,v=m.startTime;m.number;var x=e.useState(!0),y=x[0],S=x[1],h=e.useState({}),q=h[0],w=h[1],C=e.useState(""),E=C[0],T=C[1],_=e.useState(""),A=_[0],b=_[1];return e.useEffect((function(){f&&(c.currentCall.updateCurrentCall({transferringName:q[E].name,transferringStartTime:q[E].time}),c.currentCall.updateTransferSwitching(!1))}),[j]),e.useEffect((function(){A&&q[A]&&c.currentCall.updateCurrentCall({startTime:q[A].time})}),[v]),d.default.createElement("div",{className:"pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},d.default.createElement("div",null),d.default.createElement(t.Button,{onClick:function(){var e;y&&(w(((e={})[j]={name:j,time:v},e[p]={name:p,time:g},e)),S(!1)),T(j),b(p),c.currentCall.updateTransferSwitching(!0),s.sendDTMF("*"),i.store.getState().player.audioPlayerPlaying||c.player.updateStartAudioPlayer({src:u.default,loop:!0}),setTimeout((function(){s.sendDTMF("4"),c.player.stopAudioPlayer()}),500)},active:f,variant:"default"},f?d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:n.faArrowsRepeat}):d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faArrowsRepeat})),d.default.createElement(t.Button,{variant:"default"},d.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:a.faUsers})),d.default.createElement("div",null))};
 //# sourceMappingURL=TransferActions.js.map

package/dist/components/TransferView/TransferActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferActions.js","sources":["../../../src/components/TransferView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUsers, faArrowsRepeat } from '@nethesis/nethesis-light-svg-icons'\nimport { faArrowsRepeat as faArrowsRepeatSolid } from '@nethesis/nethesis-solid-svg-icons'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store, Dispatch } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { RootState } from '../../store'\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const {\n    transferSwitching,\n    transferringName,\n    transferringStartTime,\n    displayName,\n    startTime,\n    number,\n  } = useSelector((state: RootState) => state.currentCall)\n  const [firstSwitch, setFirstSwitch] = useState<boolean>(true)\n  const [currentCalls, setCurrentCalls] = useState<CurrentCallsTypes>({})\n  const [frontName, setFrontName] = useState<string>('')\n  const [backName, setBackName] = useState<string>('')\n\n  // Cancels the current transfer through dtmfs\n  function switchTransfer() {\n    if (firstSwitch) {\n      // Save current calls info\n      setCurrentCalls({\n        [displayName]: {\n          name: displayName,\n          time: startTime,\n        },\n        [transferringName]: {\n          name: transferringName,\n          time: transferringStartTime,\n        },\n      })\n      // Set firstSwitch\n      setFirstSwitch(false)\n    }\n    setFrontName(displayName)\n    setBackName(transferringName)\n    // Set transferSwitching\n    dispatch.currentCall.updateTransferSwitching(true)\n    // Start sending the DTMFs for transferring\n    sendDTMF('*')\n    const { audioPlayerPlaying } = store.getState().player\n    // Check if the local audio is already playing and start playing\n    if (!audioPlayerPlaying) {\n      dispatch.player.updateAndPlayAudioPlayer({\n        src: outgoingRingtone,\n        loop: true,\n      })\n    }\n    setTimeout(() => {\n      // Send the second DTMF for transferring\n      sendDTMF('4')\n      dispatch.player.stopAudioPlayer()\n    }, 500)\n  }\n\n  useEffect(() => {\n    if (transferSwitching) {\n      // Update transferringName\n      dispatch.currentCall.updateCurrentCall({\n        transferringName: currentCalls[frontName].name,\n        transferringStartTime: currentCalls[frontName].time,\n      })\n      // Set transfer when displayName was already changed\n      dispatch.currentCall.updateTransferSwitching(false)\n    }\n  }, [displayName])\n\n  useEffect(() => {\n    if (backName && currentCalls[backName]) {\n      // Update transferringName\n      dispatch.currentCall.updateCurrentCall({\n        startTime: currentCalls[backName].time,\n      })\n    }\n  }, [startTime])\n\n  return (\n    <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n      <div></div>\n      <Button onClick={switchTransfer} active={transferSwitching} variant='default'>\n        {transferSwitching ? (\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeatSolid} />\n        ) : (\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeat} />\n        )}\n      </Button>\n      <Button variant='default'>\n        <FontAwesomeIcon size='xl' icon={faUsers} />\n      </Button>\n      <div></div>\n    </div>\n  )\n}\n\ninterface TransferActionsProps {}\n\ninterface CurrentCallsTypes {\n  [name: string]: {\n    name: string\n    time: string\n  }\n}\n"],"names":["dispatch","useDispatch","_a","useSelector","state","currentCall","transferSwitching","transferringName","transferringStartTime","displayName","startTime","_b","useState","firstSwitch","setFirstSwitch","_c","currentCalls","setCurrentCalls","_d","frontName","setFrontName","_e","backName","setBackName","useEffect","updateCurrentCall","name","time","updateTransferSwitching","React","createElement","className","Button","onClick","sendDTMF","store","getState","player","audioPlayerPlaying","updateAndPlayAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","active","variant","FontAwesomeIcon","size","icon","faArrowsRepeatSolid","faArrowsRepeat","faUsers"],"mappings":"wwBAcyD,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAOFC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IANpCC,EAAiBJ,EAAAI,kBACjBC,EAAgBL,EAAAK,iBAChBC,0BACAC,EAAWP,EAAAO,YACXC,EAASR,EAAAQ,mBAGL,IAAAC,EAAgCC,EAAAA,UAAkB,GAAjDC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAkCH,EAAAA,SAA4B,CAAE,GAA/DI,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAA4BN,EAAAA,SAAiB,IAA5CO,EAASD,EAAA,GAAEE,EAAYF,EAAA,GACxBG,EAA0BT,EAAAA,SAAiB,IAA1CU,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GA6D5B,OArBAG,EAAAA,WAAU,WACJlB,IAEFN,EAASK,YAAYoB,kBAAkB,CACrClB,iBAAkBS,EAAaG,GAAWO,KAC1ClB,sBAAuBQ,EAAaG,GAAWQ,OAGjD3B,EAASK,YAAYuB,yBAAwB,GAEjD,GAAG,CAACnB,IAEJe,EAAAA,WAAU,WACJF,GAAYN,EAAaM,IAE3BtB,EAASK,YAAYoB,kBAAkB,CACrCf,UAAWM,EAAaM,GAAUK,MAGxC,GAAG,CAACjB,IAGFmB,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,sHACbF,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAACC,cAAAE,EAAAA,QAAOC,QA7DZ,iBACMpB,IAEFI,IAAef,EAAA,CAAA,GACZO,GAAc,CACbiB,KAAMjB,EACNkB,KAAMjB,GAERR,EAACK,GAAmB,CAClBmB,KAAMnB,EACNoB,KAAMnB,OAIVM,GAAe,IAEjBM,EAAaX,GACbc,EAAYhB,GAEZP,EAASK,YAAYuB,yBAAwB,GAE7CM,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDtC,EAASqC,OAAOE,yBAAyB,CACvCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WAETT,EAAQA,SAAC,KACTlC,EAASqC,OAAOO,iBACjB,GAAE,IACJ,EA0BoCC,OAAQvC,EAAmBwC,QAAQ,WACjExC,EACCuB,EAAC,QAAAC,cAAAiB,EAAeA,gBAAC,CAAAC,KAAK,KAAKC,KAAMC,EAAmBC,iBAEpDtB,EAAA,QAAAC,cAACiB,kBAAgB,CAAAC,KAAK,KAAKC,KAAME,EAAcA,kBAGnDtB,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACc,QAAQ,WACdjB,UAACC,cAAAiB,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMG,EAAOA,WAE1CvB,EAAAA,QAAWC,cAAA,MAAA,MAGjB"}
+{"version":3,"file":"TransferActions.js","sources":["../../../src/components/TransferView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUsers, faArrowsRepeat } from '@nethesis/nethesis-light-svg-icons'\nimport { faArrowsRepeat as faArrowsRepeatSolid } from '@nethesis/nethesis-solid-svg-icons'\nimport { sendDTMF } from '../../lib/webrtc/messages'\nimport { store, Dispatch } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport outgoingRingtone from '../../static/outgoing_ringtone'\nimport { RootState } from '../../store'\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n  const dispatch = useDispatch<Dispatch>()\n  const {\n    transferSwitching,\n    transferringName,\n    transferringStartTime,\n    displayName,\n    startTime,\n    number,\n  } = useSelector((state: RootState) => state.currentCall)\n  const [firstSwitch, setFirstSwitch] = useState<boolean>(true)\n  const [currentCalls, setCurrentCalls] = useState<CurrentCallsTypes>({})\n  const [frontName, setFrontName] = useState<string>('')\n  const [backName, setBackName] = useState<string>('')\n\n  // Cancels the current transfer through dtmfs\n  function switchTransfer() {\n    if (firstSwitch) {\n      // Save current calls info\n      setCurrentCalls({\n        [displayName]: {\n          name: displayName,\n          time: startTime,\n        },\n        [transferringName]: {\n          name: transferringName,\n          time: transferringStartTime,\n        },\n      })\n      // Set firstSwitch\n      setFirstSwitch(false)\n    }\n    setFrontName(displayName)\n    setBackName(transferringName)\n    // Set transferSwitching\n    dispatch.currentCall.updateTransferSwitching(true)\n    // Start sending the DTMFs for transferring\n    sendDTMF('*')\n    const { audioPlayerPlaying } = store.getState().player\n    // Check if the local audio is already playing and start playing\n    if (!audioPlayerPlaying) {\n      dispatch.player.updateStartAudioPlayer({\n        src: outgoingRingtone,\n        loop: true,\n      })\n    }\n    setTimeout(() => {\n      // Send the second DTMF for transferring\n      sendDTMF('4')\n      dispatch.player.stopAudioPlayer()\n    }, 500)\n  }\n\n  useEffect(() => {\n    if (transferSwitching) {\n      // Update transferringName\n      dispatch.currentCall.updateCurrentCall({\n        transferringName: currentCalls[frontName].name,\n        transferringStartTime: currentCalls[frontName].time,\n      })\n      // Set transfer when displayName was already changed\n      dispatch.currentCall.updateTransferSwitching(false)\n    }\n  }, [displayName])\n\n  useEffect(() => {\n    if (backName && currentCalls[backName]) {\n      // Update transferringName\n      dispatch.currentCall.updateCurrentCall({\n        startTime: currentCalls[backName].time,\n      })\n    }\n  }, [startTime])\n\n  return (\n    <div className='pi-grid pi-grid-cols-4 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n      <div></div>\n      <Button onClick={switchTransfer} active={transferSwitching} variant='default'>\n        {transferSwitching ? (\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeatSolid} />\n        ) : (\n          <FontAwesomeIcon size='xl' icon={faArrowsRepeat} />\n        )}\n      </Button>\n      <Button variant='default'>\n        <FontAwesomeIcon size='xl' icon={faUsers} />\n      </Button>\n      <div></div>\n    </div>\n  )\n}\n\ninterface TransferActionsProps {}\n\ninterface CurrentCallsTypes {\n  [name: string]: {\n    name: string\n    time: string\n  }\n}\n"],"names":["dispatch","useDispatch","_a","useSelector","state","currentCall","transferSwitching","transferringName","transferringStartTime","displayName","startTime","_b","useState","firstSwitch","setFirstSwitch","_c","currentCalls","setCurrentCalls","_d","frontName","setFrontName","_e","backName","setBackName","useEffect","updateCurrentCall","name","time","updateTransferSwitching","React","createElement","className","Button","onClick","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","active","variant","FontAwesomeIcon","size","icon","faArrowsRepeatSolid","faArrowsRepeat","faUsers"],"mappings":"wwBAcyD,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAOFC,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,IANpCC,EAAiBJ,EAAAI,kBACjBC,EAAgBL,EAAAK,iBAChBC,0BACAC,EAAWP,EAAAO,YACXC,EAASR,EAAAQ,mBAGL,IAAAC,EAAgCC,EAAAA,UAAkB,GAAjDC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAkCH,EAAAA,SAA4B,CAAE,GAA/DI,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAA4BN,EAAAA,SAAiB,IAA5CO,EAASD,EAAA,GAAEE,EAAYF,EAAA,GACxBG,EAA0BT,EAAAA,SAAiB,IAA1CU,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GA6D5B,OArBAG,EAAAA,WAAU,WACJlB,IAEFN,EAASK,YAAYoB,kBAAkB,CACrClB,iBAAkBS,EAAaG,GAAWO,KAC1ClB,sBAAuBQ,EAAaG,GAAWQ,OAGjD3B,EAASK,YAAYuB,yBAAwB,GAEjD,GAAG,CAACnB,IAEJe,EAAAA,WAAU,WACJF,GAAYN,EAAaM,IAE3BtB,EAASK,YAAYoB,kBAAkB,CACrCf,UAAWM,EAAaM,GAAUK,MAGxC,GAAG,CAACjB,IAGFmB,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,sHACbF,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAACC,cAAAE,EAAAA,QAAOC,QA7DZ,iBACMpB,IAEFI,IAAef,EAAA,CAAA,GACZO,GAAc,CACbiB,KAAMjB,EACNkB,KAAMjB,GAERR,EAACK,GAAmB,CAClBmB,KAAMnB,EACNoB,KAAMnB,OAIVM,GAAe,IAEjBM,EAAaX,GACbc,EAAYhB,GAEZP,EAASK,YAAYuB,yBAAwB,GAE7CM,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDtC,EAASqC,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,YAAW,WAETT,EAAQA,SAAC,KACTlC,EAASqC,OAAOO,iBACjB,GAAE,IACJ,EA0BoCC,OAAQvC,EAAmBwC,QAAQ,WACjExC,EACCuB,EAAC,QAAAC,cAAAiB,EAAeA,gBAAC,CAAAC,KAAK,KAAKC,KAAMC,EAAmBC,iBAEpDtB,EAAA,QAAAC,cAACiB,kBAAgB,CAAAC,KAAK,KAAKC,KAAME,EAAcA,kBAGnDtB,EAAAA,QAAAC,cAACE,EAAAA,OAAM,CAACc,QAAQ,WACdjB,UAACC,cAAAiB,EAAAA,gBAAgB,CAAAC,KAAK,KAAKC,KAAMG,EAAOA,WAE1CvB,EAAAA,QAAWC,cAAA,MAAA,MAGjB"}

package/dist/components/TransferView/TransferList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../lib/island/island.js"),a=require("./ListAvatar.js"),l=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),s=require("../../lib/phone/call.js"),u=require("../../utils/genericFunctions/timestamp.js"),o=require("../Hangup.js"),c=require("../../node_modules/react-redux/es/hooks/useSelector.js"),f=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(t);exports.TransferListView=function(){var d=c.useSelector((function(e){return e.island})).isOpen,m=c.useSelector((function(e){return e.users})).endpoints,v=c.useSelector((function(e){return e.currentUser})).username,x=t.useState(!1),b=x[0],h=x[1],w=t.useState([]),g=w[0],E=w[1],N=t.useRef(""),j=t.useState(),y=j[0],_=j[1],C=t.useRef(null),T=t.useState(!1),k=T[0],L=T[1],q=t.useState(10),S=q[0],A=q[1],F=t.useState(""),I=F[0],z=F[1],B=f.useDispatch(),W=c.useSelector((function(e){return e.currentCall})),P=W.displayName,V=W.number,D=W.startTime;function H(e){return v&&delete e[v],Object.values(e).filter((function(e){return e.endpoints.extension.find((function(e){return e.id.toLowerCase().startsWith(N.current.toLowerCase())}))||e.username.toLowerCase().startsWith(N.current.toLowerCase())||e.name.toLowerCase().startsWith(N.current.toLowerCase())}))}return t.useEffect((function(){m&&v&&(E(H(m)),h(!0))}),[m,v]),t.useEffect((function(){var e,t,n=function(){var e,t,n;L(!!(C.current&&C.current.scrollTop>3)),C.current&&(null===(e=C.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=C.current)||void 0===t?void 0:t.scrollTop)>=(null===(n=C.current)||void 0===n?void 0:n.scrollHeight)-10&&A((function(e){return e+10}))};return d?null===(e=C.current)||void 0===e||e.addEventListener("scroll",n):null===(t=C.current)||void 0===t||t.removeEventListener("scroll",n),function(){var e;return null===(e=C.current)||void 0===e?void 0:e.removeEventListener("scroll",n)}}),[d]),t.useEffect((function(){z("")}),[N.current]),p.default.createElement(p.default.Fragment,null,d?p.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col pi-gap-7"},p.default.createElement("div",{className:"pi-flex pi-gap-4"},p.default.createElement(n.Button,{variant:"transparent",onClick:i.backToCallView},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowLeft})),p.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){N.current=e.currentTarget.value,m&&E(H(m)),/^[0-9*#+]+$/.test(N.current)?_(!0):_(!1)},value:N.current,autoFocus:!0,className:"pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0"})),p.default.createElement("div",{style:{height:"272px"},ref:C,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-2 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-500 pi-scrollbar-track-black pi-scrollbar-thumb-rounded-full pi-scrollbar-track-rounded-full hover:pi-scrollbar-thumb-gray-400"},k&&p.default.createElement("div",{style:{right:"35px",left:"35px"},className:"pi-fixed pi-z-10 pi-h-6 pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-pointer-events-none"}),y&&0===g.length&&p.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},p.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},p.default.createElement(a.default,null),p.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},N.current)),p.default.createElement("div",{className:"pi-flex pi-gap-3.5"},p.default.createElement(n.Button,{variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowUpToLine})),p.default.createElement(n.Button,{onClick:function(){return s.blindTransfer(N.current)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faPhone})))),g&&g.slice(0,S).map((function(t,i){return p.default.createElement("div",{key:i,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},p.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},p.default.createElement(a.default,{username:t.username,status:t.mainPresence}),p.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},t.name)),p.default.createElement("div",{className:"pi-flex pi-gap-3.5"},p.default.createElement(n.Button,{active:t.username===I,onClick:function(){return z(t.username)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowUpToLine})),p.default.createElement(n.Button,{onClick:function(){return function(t){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,s.attendedTransfer(t.endpoints.mainextension[0].id)];case 1:return e.sent()&&(B.island.setIslandView("call"),B.currentCall.updateCurrentCall({username:t.username,displayName:t.name,number:t.endpoints.mainextension[0].id,startTime:"".concat(u.getTimestampInSeconds()),transferring:!0,transferringName:P,transferringNumber:V,transferringStartTime:D})),[2]}}))}))}(t)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faPhone}))))})),b&&0===g.length&&!y&&p.default.createElement("p",{className:"pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm"},"No users found.")),p.default.createElement(o.default,{isDestination:""!==I,clickCallback:function(){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return I?[4,s.blindTransfer(m&&m[I].endpoints.mainextension[0].id||"")]:[3,2];case 1:!0===e.sent()&&(B.alerts.setAlert("call_transfered"),B.island.setIslandView("call"),setTimeout((function(){B.alerts.removeAlert("call_transfered")}),4e3)),e.label=2;case 2:return[2]}}))}))}})):p.default.createElement("div",{className:"pi-font-medium pi-text-base pi-font-sans"},"Transfer"))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../lib/island/island.js"),a=require("./ListAvatar.js"),l=require("../../node_modules/@nethesis/nethesis-light-svg-icons/index.mjs.js"),s=require("../../lib/phone/call.js"),u=require("../../utils/genericFunctions/timestamp.js"),o=require("../Hangup.js"),c=require("../../node_modules/react-redux/es/hooks/useSelector.js"),f=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(t);exports.TransferListView=function(){var d=c.useSelector((function(e){return e.island})).isOpen,m=c.useSelector((function(e){return e.users})).endpoints,v=c.useSelector((function(e){return e.currentUser})).username,x=t.useState(!1),w=x[0],h=x[1],E=t.useState([]),b=E[0],g=E[1],N=t.useRef(""),j=t.useState(),_=j[0],C=j[1],y=t.useRef(null),T=t.useState(!1),L=T[0],q=T[1],S=t.useState(10),k=S[0],A=S[1],F=t.useState(""),I=F[0],z=F[1],B=f.useDispatch(),W=c.useSelector((function(e){return e.currentCall})),P=W.displayName,V=W.number,D=W.startTime;function H(e){return v&&delete e[v],Object.values(e).filter((function(e){return e.endpoints.extension.find((function(e){return e.id.toLowerCase().startsWith(N.current.toLowerCase())}))||e.username.toLowerCase().startsWith(N.current.toLowerCase())||e.name.toLowerCase().startsWith(N.current.toLowerCase())}))}return t.useEffect((function(){m&&v&&(g(H(m)),h(!0))}),[m,v]),t.useEffect((function(){var e,t,n=function(){var e,t,n;q(!!(y.current&&y.current.scrollTop>3)),y.current&&(null===(e=y.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=y.current)||void 0===t?void 0:t.scrollTop)>=(null===(n=y.current)||void 0===n?void 0:n.scrollHeight)-10&&A((function(e){return e+10}))};return d?null===(e=y.current)||void 0===e||e.addEventListener("scroll",n):null===(t=y.current)||void 0===t||t.removeEventListener("scroll",n),function(){var e;return null===(e=y.current)||void 0===e?void 0:e.removeEventListener("scroll",n)}}),[d]),t.useEffect((function(){z("")}),[N.current]),p.default.createElement(p.default.Fragment,null,d?p.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col pi-gap-7"},p.default.createElement("div",{className:"pi-flex pi-gap-4"},p.default.createElement(n.Button,{variant:"transparent",onClick:i.backToCallView},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowLeft})),p.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){N.current=e.currentTarget.value,m&&g(H(m)),/^[0-9*#+]+$/.test(N.current)?C(!0):C(!1)},value:N.current,autoFocus:!0,className:"pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0"})),p.default.createElement("div",{style:{height:"272px"},ref:y,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-2 pi-overflow-y-auto pi-overflow-x-hidden pi-custom-scrollbar"},L&&p.default.createElement("div",{style:{right:"35px",left:"35px"},className:"pi-fixed pi-z-10 pi-h-6 pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-pointer-events-none"}),_&&0===b.length&&p.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},p.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},p.default.createElement(a.default,null),p.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},N.current)),p.default.createElement("div",{className:"pi-flex pi-gap-3.5"},p.default.createElement(n.Button,{variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowUpToLine})),p.default.createElement(n.Button,{onClick:function(){return s.blindTransfer(N.current)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faPhone})))),b&&b.slice(0,k).map((function(t,i){return p.default.createElement("div",{key:i,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1"},p.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},p.default.createElement(a.default,{username:t.username,status:t.mainPresence}),p.default.createElement("div",{style:{maxWidth:"146px"},className:"pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold"},t.name)),p.default.createElement("div",{className:"pi-flex pi-gap-3.5"},p.default.createElement(n.Button,{active:t.username===I,onClick:function(){return z(t.username)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faArrowUpToLine})),p.default.createElement(n.Button,{onClick:function(){return function(t){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,s.attendedTransfer(t.endpoints.mainextension[0].id)];case 1:return e.sent()&&(B.island.setIslandView("call"),B.currentCall.updateCurrentCall({username:t.username,displayName:t.name,number:t.endpoints.mainextension[0].id,startTime:"".concat(u.getTimestampInSeconds()),transferring:!0,transferringName:P,transferringNumber:V,transferringStartTime:D})),[2]}}))}))}(t)},variant:"default"},p.default.createElement(r.FontAwesomeIcon,{size:"xl",icon:l.faPhone}))))})),w&&0===b.length&&!_&&p.default.createElement("p",{className:"pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm"},"No users found.")),p.default.createElement(o.default,{isDestination:""!==I,clickCallback:function(){return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return I?[4,s.blindTransfer(m&&m[I].endpoints.mainextension[0].id||"")]:[3,2];case 1:!0===e.sent()&&(B.alerts.setAlert("call_transfered"),B.island.setIslandView("call"),setTimeout((function(){B.alerts.removeAlert("call_transfered")}),4e3)),e.label=2;case 2:return[2]}}))}))}})):p.default.createElement("div",{className:"pi-font-medium pi-text-base pi-font-sans"},"Transfer"))};
 //# sourceMappingURL=TransferList.js.map

package/dist/components/TransferView/TransferList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferView/TransferList.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToCallView } from '../../lib/island/island'\nimport ListAvatar from './ListAvatar'\nimport {\n  faArrowUpToLine,\n  faPhone as faPhoneLight,\n  faArrowLeft,\n} from '@nethesis/nethesis-light-svg-icons'\nimport { UserEndpointsTypes, UsersEndpointsTypes } from '../../types'\nimport { blindTransfer, attendedTransfer } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { getTimestampInSeconds } from '../../utils/genericFunctions/timestamp'\nimport Hangup from '../Hangup'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const TransferListView: FC<TransferListViewProps> = () => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { endpoints } = useSelector((state: RootState) => state.users)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const [listUsers, setListUsers] = useState<UserEndpointsTypes[]>([])\n  const searchValue = useRef<string>('')\n  const [showCustomUser, setShowCustomUser] = useState<boolean>()\n  const relativeRef = useRef<HTMLDivElement>(null)\n  const [showGradient, setShowGradient] = useState<boolean>(false)\n  const [showingUsers, setShowingUsers] = useState<number>(USERS_NUMBER_PER_PAGE)\n  const [transferDestination, setTransferDestination] = useState<string>('')\n  const dispatch = useDispatch<Dispatch>()\n  const { displayName, number, startTime } = useSelector((state: RootState) => state.currentCall)\n\n  function handleChange(event: FormEvent<HTMLInputElement>) {\n    // Update search value\n    searchValue.current = event.currentTarget.value\n    // Filter the users list\n    endpoints && setListUsers(filterUsers(endpoints))\n    // Check if custom user to call must be visible\n    if (/^[0-9*#+]+$/.test(searchValue.current)) {\n      setShowCustomUser(true)\n    } else {\n      setShowCustomUser(false)\n    }\n  }\n\n  function filterUsers(endpoints: UsersEndpointsTypes) {\n    // Remove the currentUser from the list\n    username && delete endpoints[username]\n    // Filter the users\n    return Object.values(endpoints).filter(\n      (userEndpoints: UserEndpointsTypes) =>\n        userEndpoints.endpoints.extension.find((extension) =>\n          extension.id.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n        ) ||\n        userEndpoints.username.toLowerCase().startsWith(searchValue.current.toLowerCase()) ||\n        userEndpoints.name.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n    )\n  }\n\n  async function handleHangupAndTransfer() {\n    // Manage blind transfer and hangup\n    if (transferDestination) {\n      const transfered = await blindTransfer(\n        (endpoints && endpoints[transferDestination].endpoints.mainextension[0].id) || '',\n      )\n      if (transfered === true) {\n        dispatch.alerts.setAlert('call_transfered')\n        dispatch.island.setIslandView('call')\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n        }, 4000)\n      }\n    }\n  }\n\n  async function handleAttendedTransfer(userEndpoints: UserEndpointsTypes) {\n    const transferring = await attendedTransfer(userEndpoints.endpoints.mainextension[0].id)\n    if (transferring) {\n      dispatch.island.setIslandView('call')\n      // Force current call to achieve the expected behavior\n      dispatch.currentCall.updateCurrentCall({\n        username: userEndpoints.username,\n        displayName: userEndpoints.name,\n        number: userEndpoints.endpoints.mainextension[0].id,\n        startTime: `${getTimestampInSeconds()}`,\n        transferring: true,\n        transferringName: displayName,\n        transferringNumber: number,\n        transferringStartTime: startTime,\n      })\n    }\n  }\n\n  // Initialize users list\n  useEffect(() => {\n    if (endpoints && username) {\n      setListUsers(filterUsers(endpoints))\n      setLoaded(true)\n    }\n  }, [endpoints, username])\n\n  useEffect(() => {\n    // Handle users list scrolling\n    const handleScroll = () => {\n      setShowGradient(\n        relativeRef.current && relativeRef.current.scrollTop > SHOW_LIST_GRADIENT_DISTANCE\n          ? true\n          : false,\n      )\n      // Manage scroll to bottom\n      if (\n        relativeRef.current &&\n        relativeRef.current?.offsetHeight + relativeRef.current?.scrollTop >=\n          relativeRef.current?.scrollHeight - 10\n      ) {\n        // Improve showing users\n        setShowingUsers((state) => state + USERS_NUMBER_PER_PAGE)\n      }\n    }\n    // Manage expansion and collapsing\n    if (isOpen) {\n      relativeRef.current?.addEventListener('scroll', handleScroll)\n    } else {\n      relativeRef.current?.removeEventListener('scroll', handleScroll)\n    }\n    return () => relativeRef.current?.removeEventListener('scroll', handleScroll)\n  }, [isOpen])\n\n  // Reset transfer destination value when search value changes\n  useEffect(() => {\n    setTransferDestination('')\n  }, [searchValue.current])\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-relative pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button variant='transparent' onClick={backToCallView}>\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              onChange={handleChange}\n              value={searchValue.current}\n              autoFocus\n              className='pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0'\n            />\n          </div>\n          <div\n            style={{ height: '272px' }}\n            ref={relativeRef}\n            className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-2 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-500 pi-scrollbar-track-black pi-scrollbar-thumb-rounded-full pi-scrollbar-track-rounded-full hover:pi-scrollbar-thumb-gray-400'\n          >\n            {showGradient && (\n              <div\n                style={{ right: '35px', left: '35px' }}\n                className='pi-fixed pi-z-10 pi-h-6 pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-pointer-events-none'\n              ></div>\n            )}\n            {/* The custom user */}\n            {showCustomUser && listUsers.length === 0 && (\n              <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'>\n                <div className='pi-flex pi-items-center pi-gap-4'>\n                  <ListAvatar />\n                  <div\n                    style={{ maxWidth: '146px' }}\n                    className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                  >\n                    {searchValue.current}\n                  </div>\n                </div>\n                <div className='pi-flex pi-gap-3.5'>\n                  <Button variant='default'>\n                    <FontAwesomeIcon size='xl' icon={faArrowUpToLine} />\n                  </Button>\n                  <Button onClick={() => blindTransfer(searchValue.current)} variant='default'>\n                    <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                  </Button>\n                </div>\n              </div>\n            )}\n            {/* The users list */}\n            {listUsers &&\n              listUsers.slice(0, showingUsers).map((userEndpoints, i) => (\n                <div\n                  key={i}\n                  className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'\n                >\n                  <div className='pi-flex pi-items-center pi-gap-4'>\n                    <ListAvatar\n                      username={userEndpoints.username}\n                      status={userEndpoints.mainPresence}\n                    />\n                    <div\n                      style={{ maxWidth: '146px' }}\n                      className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                    >\n                      {userEndpoints.name}\n                    </div>\n                  </div>\n                  <div className='pi-flex pi-gap-3.5'>\n                    <Button\n                      active={userEndpoints.username === transferDestination}\n                      onClick={() => setTransferDestination(userEndpoints.username)}\n                      variant='default'\n                    >\n                      <FontAwesomeIcon size='xl' icon={faArrowUpToLine} />\n                    </Button>\n                    <Button onClick={() => handleAttendedTransfer(userEndpoints)} variant='default'>\n                      <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                    </Button>\n                  </div>\n                </div>\n              ))}\n            {loaded && listUsers.length === 0 && !showCustomUser && (\n              <p className='pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm'>\n                No users found.\n              </p>\n            )}\n          </div>\n          <Hangup\n            isDestination={transferDestination !== ''}\n            clickCallback={handleHangupAndTransfer}\n          />\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base pi-font-sans'>Transfer</div>\n      )}\n    </>\n  )\n}\n\ninterface TransferListViewProps {}\n"],"names":["isOpen","useSelector","state","island","endpoints","users","username","currentUser","_a","useState","loaded","setLoaded","_b","listUsers","setListUsers","searchValue","useRef","_c","showCustomUser","setShowCustomUser","relativeRef","_d","showGradient","setShowGradient","_e","showingUsers","setShowingUsers","_f","transferDestination","setTransferDestination","dispatch","useDispatch","_g","currentCall","displayName","number","startTime","filterUsers","Object","values","filter","userEndpoints","extension","find","id","toLowerCase","startsWith","current","name","useEffect","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","React","createElement","Fragment","className","Button","variant","onClick","backToCallView","FontAwesomeIcon","size","icon","faArrowLeft","type","onChange","event","currentTarget","value","test","autoFocus","style","height","ref","right","left","length","ListAvatar","maxWidth","faArrowUpToLine","blindTransfer","faPhoneLight","faPhone","slice","map","i","key","status","mainPresence","active","attendedTransfer","mainextension","sent","setIslandView","updateCurrentCall","concat","getTimestampInSeconds","transferring","transferringName","transferringNumber","transferringStartTime","handleAttendedTransfer","Hangup","isDestination","clickCallback","alerts","setAlert","setTimeout","removeAlert"],"mappings":"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"}
+{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferView/TransferList.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToCallView } from '../../lib/island/island'\nimport ListAvatar from './ListAvatar'\nimport {\n  faArrowUpToLine,\n  faPhone as faPhoneLight,\n  faArrowLeft,\n} from '@nethesis/nethesis-light-svg-icons'\nimport { UserEndpointsTypes, UsersEndpointsTypes } from '../../types'\nimport { blindTransfer, attendedTransfer } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { getTimestampInSeconds } from '../../utils/genericFunctions/timestamp'\nimport Hangup from '../Hangup'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const TransferListView: FC<TransferListViewProps> = () => {\n  const { isOpen } = useSelector((state: RootState) => state.island)\n  const { endpoints } = useSelector((state: RootState) => state.users)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const [listUsers, setListUsers] = useState<UserEndpointsTypes[]>([])\n  const searchValue = useRef<string>('')\n  const [showCustomUser, setShowCustomUser] = useState<boolean>()\n  const relativeRef = useRef<HTMLDivElement>(null)\n  const [showGradient, setShowGradient] = useState<boolean>(false)\n  const [showingUsers, setShowingUsers] = useState<number>(USERS_NUMBER_PER_PAGE)\n  const [transferDestination, setTransferDestination] = useState<string>('')\n  const dispatch = useDispatch<Dispatch>()\n  const { displayName, number, startTime } = useSelector((state: RootState) => state.currentCall)\n\n  function handleChange(event: FormEvent<HTMLInputElement>) {\n    // Update search value\n    searchValue.current = event.currentTarget.value\n    // Filter the users list\n    endpoints && setListUsers(filterUsers(endpoints))\n    // Check if custom user to call must be visible\n    if (/^[0-9*#+]+$/.test(searchValue.current)) {\n      setShowCustomUser(true)\n    } else {\n      setShowCustomUser(false)\n    }\n  }\n\n  function filterUsers(endpoints: UsersEndpointsTypes) {\n    // Remove the currentUser from the list\n    username && delete endpoints[username]\n    // Filter the users\n    return Object.values(endpoints).filter(\n      (userEndpoints: UserEndpointsTypes) =>\n        userEndpoints.endpoints.extension.find((extension) =>\n          extension.id.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n        ) ||\n        userEndpoints.username.toLowerCase().startsWith(searchValue.current.toLowerCase()) ||\n        userEndpoints.name.toLowerCase().startsWith(searchValue.current.toLowerCase()),\n    )\n  }\n\n  async function handleHangupAndTransfer() {\n    // Manage blind transfer and hangup\n    if (transferDestination) {\n      const transfered = await blindTransfer(\n        (endpoints && endpoints[transferDestination].endpoints.mainextension[0].id) || '',\n      )\n      if (transfered === true) {\n        dispatch.alerts.setAlert('call_transfered')\n        dispatch.island.setIslandView('call')\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n        }, 4000)\n      }\n    }\n  }\n\n  async function handleAttendedTransfer(userEndpoints: UserEndpointsTypes) {\n    const transferring = await attendedTransfer(userEndpoints.endpoints.mainextension[0].id)\n    if (transferring) {\n      dispatch.island.setIslandView('call')\n      // Force current call to achieve the expected behavior\n      dispatch.currentCall.updateCurrentCall({\n        username: userEndpoints.username,\n        displayName: userEndpoints.name,\n        number: userEndpoints.endpoints.mainextension[0].id,\n        startTime: `${getTimestampInSeconds()}`,\n        transferring: true,\n        transferringName: displayName,\n        transferringNumber: number,\n        transferringStartTime: startTime,\n      })\n    }\n  }\n\n  // Initialize users list\n  useEffect(() => {\n    if (endpoints && username) {\n      setListUsers(filterUsers(endpoints))\n      setLoaded(true)\n    }\n  }, [endpoints, username])\n\n  useEffect(() => {\n    // Handle users list scrolling\n    const handleScroll = () => {\n      setShowGradient(\n        relativeRef.current && relativeRef.current.scrollTop > SHOW_LIST_GRADIENT_DISTANCE\n          ? true\n          : false,\n      )\n      // Manage scroll to bottom\n      if (\n        relativeRef.current &&\n        relativeRef.current?.offsetHeight + relativeRef.current?.scrollTop >=\n          relativeRef.current?.scrollHeight - 10\n      ) {\n        // Improve showing users\n        setShowingUsers((state) => state + USERS_NUMBER_PER_PAGE)\n      }\n    }\n    // Manage expansion and collapsing\n    if (isOpen) {\n      relativeRef.current?.addEventListener('scroll', handleScroll)\n    } else {\n      relativeRef.current?.removeEventListener('scroll', handleScroll)\n    }\n    return () => relativeRef.current?.removeEventListener('scroll', handleScroll)\n  }, [isOpen])\n\n  // Reset transfer destination value when search value changes\n  useEffect(() => {\n    setTransferDestination('')\n  }, [searchValue.current])\n\n  return (\n    <>\n      {isOpen ? (\n        <div className='pi-relative pi-flex pi-flex-col pi-gap-7'>\n          <div className='pi-flex pi-gap-4'>\n            <Button variant='transparent' onClick={backToCallView}>\n              <FontAwesomeIcon size='xl' icon={faArrowLeft} />\n            </Button>\n            <input\n              data-stop-propagation={true}\n              type='text'\n              onChange={handleChange}\n              value={searchValue.current}\n              autoFocus\n              className='pi-w-full pi-rounded-full pi-bg-black pi-border-2 pi-border-emerald-500 active:pi-border-emerald-500 focus:pi-border-emerald-500 pi-text-white pi-font-sans pi-font-light pi-text-xl pi-text-center pi-px-2 focus:pi-outline-0 focus:pi-ring-0'\n            />\n          </div>\n          <div\n            style={{ height: '272px' }}\n            ref={relativeRef}\n            className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-2 pi-overflow-y-auto pi-overflow-x-hidden pi-custom-scrollbar'\n          >\n            {showGradient && (\n              <div\n                style={{ right: '35px', left: '35px' }}\n                className='pi-fixed pi-z-10 pi-h-6 pi-bg-gradient-to-b pi-from-black pi-to-transparent pi-pointer-events-none'\n              ></div>\n            )}\n            {/* The custom user */}\n            {showCustomUser && listUsers.length === 0 && (\n              <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'>\n                <div className='pi-flex pi-items-center pi-gap-4'>\n                  <ListAvatar />\n                  <div\n                    style={{ maxWidth: '146px' }}\n                    className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                  >\n                    {searchValue.current}\n                  </div>\n                </div>\n                <div className='pi-flex pi-gap-3.5'>\n                  <Button variant='default'>\n                    <FontAwesomeIcon size='xl' icon={faArrowUpToLine} />\n                  </Button>\n                  <Button onClick={() => blindTransfer(searchValue.current)} variant='default'>\n                    <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                  </Button>\n                </div>\n              </div>\n            )}\n            {/* The users list */}\n            {listUsers &&\n              listUsers.slice(0, showingUsers).map((userEndpoints, i) => (\n                <div\n                  key={i}\n                  className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1'\n                >\n                  <div className='pi-flex pi-items-center pi-gap-4'>\n                    <ListAvatar\n                      username={userEndpoints.username}\n                      status={userEndpoints.mainPresence}\n                    />\n                    <div\n                      style={{ maxWidth: '146px' }}\n                      className='pi-h-fit pi-max-w-40 pi-font-sans pi-truncate pi-text-sm pi-font-bold'\n                    >\n                      {userEndpoints.name}\n                    </div>\n                  </div>\n                  <div className='pi-flex pi-gap-3.5'>\n                    <Button\n                      active={userEndpoints.username === transferDestination}\n                      onClick={() => setTransferDestination(userEndpoints.username)}\n                      variant='default'\n                    >\n                      <FontAwesomeIcon size='xl' icon={faArrowUpToLine} />\n                    </Button>\n                    <Button onClick={() => handleAttendedTransfer(userEndpoints)} variant='default'>\n                      <FontAwesomeIcon size='xl' icon={faPhoneLight} />\n                    </Button>\n                  </div>\n                </div>\n              ))}\n            {loaded && listUsers.length === 0 && !showCustomUser && (\n              <p className='pi-font-sans pi-font-bold pi-w-full pi-flex pi-justify-center pi-text-sm'>\n                No users found.\n              </p>\n            )}\n          </div>\n          <Hangup\n            isDestination={transferDestination !== ''}\n            clickCallback={handleHangupAndTransfer}\n          />\n        </div>\n      ) : (\n        <div className='pi-font-medium pi-text-base pi-font-sans'>Transfer</div>\n      )}\n    </>\n  )\n}\n\ninterface TransferListViewProps {}\n"],"names":["isOpen","useSelector","state","island","endpoints","users","username","currentUser","_a","useState","loaded","setLoaded","_b","listUsers","setListUsers","searchValue","useRef","_c","showCustomUser","setShowCustomUser","relativeRef","_d","showGradient","setShowGradient","_e","showingUsers","setShowingUsers","_f","transferDestination","setTransferDestination","dispatch","useDispatch","_g","currentCall","displayName","number","startTime","filterUsers","Object","values","filter","userEndpoints","extension","find","id","toLowerCase","startsWith","current","name","useEffect","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","React","createElement","Fragment","className","Button","variant","onClick","backToCallView","FontAwesomeIcon","size","icon","faArrowLeft","type","onChange","event","currentTarget","value","test","autoFocus","style","height","ref","right","left","length","ListAvatar","maxWidth","faArrowUpToLine","blindTransfer","faPhoneLight","faPhone","slice","map","i","key","status","mainPresence","active","attendedTransfer","mainextension","sent","setIslandView","updateCurrentCall","concat","getTimestampInSeconds","transferring","transferringName","transferringNumber","transferringStartTime","handleAttendedTransfer","Hangup","isDestination","clickCallback","alerts","setAlert","setTimeout","removeAlert"],"mappings":"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"}

package/dist/components/WebRTC.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../node_modules/webrtc-adapter/src/js/adapter_core.js"),r=require("../lib/webrtc/janus.js"),a=require("../lib/webrtc/messages.js"),n=require("../store/index.js"),o=require("../lib/devices/devices.js"),s=require("../lib/phone/call.js"),i=require("../lib/webrtc/connection.js"),c=require("../static/outgoing_ringtone.js"),l=require("../node_modules/react-redux/es/hooks/useDispatch.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(e),g=r.default;exports.WebRTC=function(r){var u=r.hostName,p=r.sipExten,b=r.sipSecret,f=r.children,m=l.useDispatch(),w=e.useRef(null);return e.useEffect((function(){o.checkMediaPermissions()}),[]),e.useEffect((function(){var e;return g.init({debug:"all",dependencies:g.useDefaultDependencies({adapter:t.default}),callback:function(){var e=new g({server:"https://".concat(u,"/janus"),success:function(){e.attach&&e.attach({plugin:"janus.plugin.sip",opaqueId:"sebastian_"+(new Date).getTime(),success:function(e){e&&(m.webrtc.updateWebRTC({sipcall:e}),a.register(p,b),e&&g.log&&g.log("SIP plugin attached! ("+e.getPlugin()+", id = )"))},error:function(e){g.error&&(g.error("  -- Error attaching plugin..."),g.error(e))},consentDialog:function(e){g.log&&g.log("janus consentDialog (on: ".concat(e,")"))},webrtcState:function(e){g.log&&g.log("Janus says our WebRTC PeerConnection is "+(e?"up":"down")+" now")},iceState:function(e){n.store.getState().webrtc.sipcall&&g.log&&g.log('ICE state of PeerConnection of handle has changed to "'.concat(e,'"'))},mediaState:function(e,t){g.log&&g.log("Janus "+(t?"started":"stopped")+" receiving our "+e)},slowLink:function(e,t){e?g.warn&&g.warn("SLOW link: several missing packets from janus (".concat(t,")")):g.warn&&g.warn("SLOW link: janus is not receiving all your packets (".concat(t,")"))},onmessage:function(e,t){var r=n.store.getState().webrtc.sipcall;g.debug&&(g.debug(" ::: Got a message :::"),g.debug(JSON.stringify(e)));var o=e.error;if(null==o||null==o){var i=e.result;if(null!=i&&void 0!==i.event&&null!==i.event)switch(i.event){case"registration_failed":g.error&&g.error("Registration failed: "+i.code+" "+i.reason);break;case"unregistered":g.log&&g.log("Successfully un-registered as "+i.username+"!");break;case"registered":g.log&&g.log("Successfully registered as "+i.username+"!"),n.store.getState().webrtc.registered||n.store.dispatch.webrtc.updateWebRTC({registered:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"registering":g.log&&g.log("janus registering");break;case"calling":m.currentCall.checkOutgoingUpdate({outgoingWebRTC:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"ringing":n.store.getState().player.audioPlayerPlaying||m.player.updateAndPlayAudioPlayer({src:c.default,loop:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"progress":g.log&&g.log("There's early media from "+i.username+", wairing for the call!"),null!=t&&a.handleRemote(t),m.webrtc.updateLastActivity((new Date).getTime());break;case"incomingcall":m.webrtc.updateWebRTC({jsepGlobal:t}),m.currentCall.checkIncomingUpdateAndPlay({incomingWebRTC:!0}),g.log&&g.log("Incoming call from "+i.username+"!"),m.webrtc.updateLastActivity((new Date).getTime());break;case"accepted":g.log&&g.log(i.username+" accepted the call!"),t&&a.handleRemote(t),m.currentCall.checkAcceptedUpdate({acceptedWebRTC:!0}),n.store.dispatch.player.stopAudioPlayer(),m.webrtc.updateLastActivity((new Date).getTime());break;case"hangup":s.hangupCurrentCall(),r.hangup(),g.log&&g.log("Call hung up ("+i.code+" "+i.reason+")!"),m.webrtc.updateLastActivity((new Date).getTime())}}else n.store.getState().webrtc.registered?(r&&r.hangup(),n.store.dispatch.player.stopAudioPlayer()):g.log&&g.log("User is not registered")},onlocalstream:function(e){g.debug&&(g.debug(" ::: Got a local stream :::"),g.debug(e))},onremotestream:function(e){g.debug&&g.debug(" ::: Got a remote stream :::"),n.store.dispatch.player.stopAudioPlayer();var t=n.store.getState().player.remoteAudio,r=n.store.getState().player.remoteVideo,a=e.getAudioTracks(),o=e.getVideoTracks();if(g.attachMediaStream){if(a&&a.length>0){var s=new MediaStream(a);g.attachMediaStream(t,s),n.store.dispatch.webrtc.updateRemoteAudioStream(s)}else console.warn("No audio tracks on remote stream");if(o&&o.length>0){var i=new MediaStream(o);g.attachMediaStream(r,i)}else console.warn("No video tracks on remote stream")}},oncleanup:function(){g.log&&g.log(" ::: janus Got a cleanup notification :::")},detached:function(){g.warn&&g.warn("SIP plugin handle detached from the plugin itself")}})},error:function(e){g.log&&g.log("error",e),m.alerts.setAlert("webrtc_down")},destroyed:function(){m.webrtc.updateWebRTC({destroyed:!0}),m.alerts.setAlert("webrtc_down")}})}}),e=n.store.getState().webrtc.CHECK_INTERVAL_TIME,w.current||(w.current=setInterval((function(){return i.webrtcCheck((function(){a.register(p,b)}))}),e)),function(){a.unregister(),clearInterval(w.current)}}),[]),d.default.createElement(d.default.Fragment,null,f)};
+"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/webrtc-adapter/src/js/adapter_core.js"),r=require("../lib/webrtc/janus.js"),a=require("../lib/webrtc/messages.js"),n=require("../store/index.js"),o=require("../lib/devices/devices.js"),i=require("../lib/phone/call.js"),c=require("../lib/webrtc/connection.js"),s=require("../static/outgoing_ringtone.js"),l=require("../node_modules/react-redux/es/hooks/useDispatch.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=u(e),d=r.default;exports.WebRTC=function(r){var u=r.hostName,p=r.sipExten,b=r.sipSecret,f=r.children,m=l.useDispatch(),w=e.useRef(null);return e.useEffect((function(){o.checkMediaPermissions()}),[]),e.useEffect((function(){var e;return d.init({debug:"all",dependencies:d.useDefaultDependencies({adapter:t.default}),callback:function(){var e=new d({server:"https://".concat(u,"/janus"),success:function(){e.attach&&e.attach({plugin:"janus.plugin.sip",opaqueId:"sebastian_"+(new Date).getTime(),success:function(e){e&&(m.webrtc.updateWebRTC({sipcall:e}),a.register(p,b),e&&d.log&&d.log("SIP plugin attached! ("+e.getPlugin()+", id = )"))},error:function(e){d.error&&(d.error("  -- Error attaching plugin..."),d.error(e))},consentDialog:function(e){d.log&&d.log("janus consentDialog (on: ".concat(e,")"))},webrtcState:function(e){d.log&&d.log("Janus says our WebRTC PeerConnection is "+(e?"up":"down")+" now")},iceState:function(e){n.store.getState().webrtc.sipcall&&d.log&&d.log('ICE state of PeerConnection of handle has changed to "'.concat(e,'"'))},mediaState:function(e,t){d.log&&d.log("Janus "+(t?"started":"stopped")+" receiving our "+e)},slowLink:function(e,t){e?d.warn&&d.warn("SLOW link: several missing packets from janus (".concat(t,")")):d.warn&&d.warn("SLOW link: janus is not receiving all your packets (".concat(t,")"))},onmessage:function(e,t){var r=n.store.getState().webrtc.sipcall;d.debug&&(d.debug(" ::: Got a message :::"),d.debug(JSON.stringify(e)));var o=e.error;if(null==o||null==o){var c=e.result;if(null!=c&&void 0!==c.event&&null!==c.event)switch(c.event){case"registration_failed":d.error&&d.error("Registration failed: "+c.code+" "+c.reason);break;case"unregistered":d.log&&d.log("Successfully un-registered as "+c.username+"!");break;case"registered":d.log&&d.log("Successfully registered as "+c.username+"!"),n.store.getState().webrtc.registered||n.store.dispatch.webrtc.updateWebRTC({registered:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"registering":d.log&&d.log("janus registering");break;case"calling":m.currentCall.checkOutgoingUpdate({outgoingWebRTC:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"ringing":n.store.getState().player.audioPlayerPlaying||m.player.updateStartAudioPlayer({src:s.default,loop:!0}),m.webrtc.updateLastActivity((new Date).getTime());break;case"progress":d.log&&d.log("There's early media from "+c.username+", wairing for the call!"),null!=t&&a.handleRemote(t),m.webrtc.updateLastActivity((new Date).getTime());break;case"incomingcall":m.webrtc.updateWebRTC({jsepGlobal:t}),m.currentCall.checkIncomingUpdatePlay({incomingWebRTC:!0}),d.log&&d.log("Incoming call from "+c.username+"!"),m.webrtc.updateLastActivity((new Date).getTime());break;case"accepted":d.log&&d.log(c.username+" accepted the call!"),t&&a.handleRemote(t),m.currentCall.checkAcceptedUpdate({acceptedWebRTC:!0}),m.currentCall.updateCurrentCall({incoming:!1,incomingWebRTC:!1}),n.store.dispatch.player.stopAudioPlayer(),m.webrtc.updateLastActivity((new Date).getTime());break;case"hangup":i.hangupCurrentCall(),r.hangup(),d.log&&d.log("Call hung up ("+c.code+" "+c.reason+")!"),m.webrtc.updateLastActivity((new Date).getTime())}}else n.store.getState().webrtc.registered?(r&&r.hangup(),n.store.dispatch.player.stopAudioPlayer()):d.log&&d.log("User is not registered")},onlocalstream:function(e){d.debug&&(d.debug(" ::: Got a local stream :::"),d.debug(e))},onremotestream:function(e){d.debug&&d.debug(" ::: Got a remote stream :::"),n.store.dispatch.player.stopAudioPlayer();var t=n.store.getState().player.remoteAudio,r=n.store.getState().player.remoteVideo,a=e.getAudioTracks(),o=e.getVideoTracks();if(d.attachMediaStream){if(a&&a.length>0){var i=new MediaStream(a);t&&t.current&&d.attachMediaStream(t.current,i),n.store.dispatch.webrtc.updateRemoteAudioStream(i)}else console.warn("No audio tracks on remote stream");if(o&&o.length>0){var c=new MediaStream(o);r&&r.current&&d.attachMediaStream(r.current,c)}else console.warn("No video tracks on remote stream")}},oncleanup:function(){d.log&&d.log(" ::: janus Got a cleanup notification :::")},detached:function(){d.warn&&d.warn("SIP plugin handle detached from the plugin itself")}})},error:function(e){d.log&&d.log("error",e),m.alerts.setAlert("webrtc_down")},destroyed:function(){m.webrtc.updateWebRTC({destroyed:!0}),m.alerts.setAlert("webrtc_down")}})}}),e=n.store.getState().webrtc.CHECK_INTERVAL_TIME,w.current||(w.current=setInterval((function(){return c.webrtcCheck((function(){a.register(p,b)}))}),e)),function(){a.unregister(),clearInterval(w.current)}}),[]),g.default.createElement(g.default.Fragment,null,f)};
 //# sourceMappingURL=WebRTC.js.map

package/dist/components/WebRTC.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebRTC.js","sources":["../../src/components/WebRTC.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useState, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport adapter from 'webrtc-adapter'\nimport JanusLib from '../lib/webrtc/janus.js'\nimport type { JanusTypes } from '../types'\nimport { register, unregister, handleRemote } from '../lib/webrtc/messages'\nimport { store, type RootState } from '../store'\nimport { checkMediaPermissions } from '../lib/devices/devices'\nimport { hangupCurrentCall } from '../lib/phone/call'\nimport { webrtcCheck } from '../lib/webrtc/connection'\nimport outgoingRingtone from '../static/outgoing_ringtone'\n\ninterface WebRTCProps {\n  children: ReactNode\n  sipExten: string\n  sipSecret: string\n  hostName: string\n}\n\nconst Janus: JanusTypes = JanusLib\n\nexport const WebRTC: FC<WebRTCProps> = ({ hostName, sipExten, sipSecret, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize janus check interval id\n  const janusCheckInterval = useRef<any>(null)\n\n  // check audio and video permissions\n  useEffect(() => {\n    checkMediaPermissions()\n  }, [])\n\n  useEffect(() => {\n    const setupDeps = () =>\n      Janus.useDefaultDependencies({\n        adapter,\n      })\n\n    function initWebRTC() {\n      Janus.init({\n        debug: 'all',\n        dependencies: setupDeps(),\n        callback: function () {\n          const janusInstance = new Janus({\n            server: `https://${hostName}/janus`,\n            success: () => {\n              if (janusInstance.attach) {\n                // Use Janus Sip Plugin\n                janusInstance.attach({\n                  plugin: 'janus.plugin.sip',\n                  opaqueId: 'sebastian' + '_' + new Date().getTime(),\n                  success: function (pluginHandle) {\n                    // Set sipcall to the store\n                    if (pluginHandle) {\n                      dispatch.webrtc.updateWebRTC({\n                        sipcall: pluginHandle,\n                      })\n                      // Register the extension to the server\n                      register(sipExten, sipSecret)\n                      if (pluginHandle) {\n                        if (Janus.log)\n                          Janus.log(\n                            'SIP plugin attached! (' + pluginHandle.getPlugin() + ', id = ' + ')',\n                          )\n                      }\n                    }\n                  },\n                  error: function (error) {\n                    if (Janus.error) {\n                      Janus.error('  -- Error attaching plugin...')\n                      Janus.error(error)\n                    }\n                    // reject()\n                  },\n                  consentDialog: function (on) {\n                    if (Janus.log) Janus.log(`janus consentDialog (on: ${on})`)\n                  },\n                  webrtcState: function (on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus says our WebRTC PeerConnection is ' + (on ? 'up' : 'down') + ' now',\n                      )\n                  },\n                  iceState: function (newState) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (sipcall) {\n                      if (Janus.log)\n                        Janus.log(\n                          `ICE state of PeerConnection of handle has changed to \"${newState}\"`,\n                        )\n                    }\n                  },\n                  mediaState: function (medium, on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus ' + (on ? 'started' : 'stopped') + ' receiving our ' + medium,\n                      )\n                  },\n                  slowLink: function (uplink, count) {\n                    if (uplink) {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: several missing packets from janus (${count})`)\n                    } else {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: janus is not receiving all your packets (${count})`)\n                    }\n                  },\n                  onmessage: function (msg, jsep) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a message :::')\n                      Janus.debug(JSON.stringify(msg))\n                    }\n\n                    // Handle errors in message\n                    var error = msg['error']\n                    if (error != null && error != undefined) {\n                      if (!store.getState().webrtc.registered) {\n                        if (Janus.log) Janus.log('User is not registered')\n                      } else {\n                        // Reset status\n                        sipcall && sipcall.hangup()\n\n                        // Stop the local audio element ringing\n                        store.dispatch.player.stopAudioPlayer()\n                      }\n                      return\n                    }\n                    // Manage events\n                    var result = msg['result']\n                    if (\n                      result !== null &&\n                      result !== undefined &&\n                      result['event'] !== undefined &&\n                      result['event'] !== null\n                    ) {\n                      // get event\n                      var event = result['event']\n\n                      //switch event\n                      switch (event) {\n                        case 'registration_failed':\n                          if (Janus.error)\n                            Janus.error(\n                              'Registration failed: ' + result['code'] + ' ' + result['reason'],\n                            )\n                          break\n\n                        case 'unregistered':\n                          if (Janus.log)\n                            Janus.log('Successfully un-registered as ' + result['username'] + '!')\n                          // registered = false\n                          break\n\n                        case 'registered':\n                          if (Janus.log)\n                            Janus.log('Successfully registered as ' + result['username'] + '!')\n                          if (!store.getState().webrtc.registered) {\n                            store.dispatch.webrtc.updateWebRTC({\n                              registered: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'registering':\n                          if (Janus.log) Janus.log('janus registering')\n                          break\n\n                        // This event arrive on outgoing call start\n                        case 'calling':\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkOutgoingUpdate({\n                            outgoingWebRTC: true,\n                          })\n\n                          // Update webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 180 code, it means\n                        // ...that the local outgoing ringtone must be player\n                        case 'ringing':\n                          const { audioPlayerPlaying } = store.getState().player\n\n                          // Check if the local audio is already playing and start playing\n                          if (!audioPlayerPlaying) {\n                            // Update audio player and start playing\n                            dispatch.player.updateAndPlayAudioPlayer({\n                              src: outgoingRingtone,\n                              loop: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 183 code, it means\n                        // ...that the outgoing ringtone arrives from the stream\n                        // ...playing the local outgoing ringtone isn't needed\n                        case 'progress':\n                          if (Janus.log)\n                            Janus.log(\n                              \"There's early media from \" +\n                                result['username'] +\n                                ', wairing for the call!',\n                            )\n                          if (jsep !== null && jsep !== undefined) {\n                            handleRemote(jsep)\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'incomingcall':\n                          dispatch.webrtc.updateWebRTC({ jsepGlobal: jsep })\n\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkIncomingUpdateAndPlay({\n                            incomingWebRTC: true,\n                          })\n\n                          if (Janus.log) Janus.log('Incoming call from ' + result['username'] + '!')\n                          // Update the webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'accepted':\n                          if (Janus.log) Janus.log(result['username'] + ' accepted the call!')\n                          if (jsep) {\n                            handleRemote(jsep)\n                          }\n                          // Set current call accepted\n                          dispatch.currentCall.checkAcceptedUpdate({\n                            acceptedWebRTC: true,\n                          })\n\n                          // Stop the local audio element ringing\n                          store.dispatch.player.stopAudioPlayer()\n\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'hangup':\n                          hangupCurrentCall()\n                          sipcall.hangup()\n                          // if (\n                          //   result['code'] === 486 &&\n                          //   result['event'] === 'hangup' &&\n                          //   result['reason'] === 'Busy Here'\n                          // ) {\n                          //   dispatch.player.updateAudioSource({\n                          //     src: busyRingtone,\n                          //   })\n                          //   dispatch.player.playAudio()\n                          // }\n                          if (Janus.log)\n                            Janus.log(\n                              'Call hung up (' + result['code'] + ' ' + result['reason'] + ')!',\n                            )\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          // stopScreenSharingI()\n                          break\n\n                        default:\n                          break\n                      }\n                    }\n                  },\n                  onlocalstream: function (stream) {\n                    // const localVideoElement = store.getState().player.localVideo\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a local stream :::')\n                      Janus.debug(stream)\n                    }\n                    // if (Janus.attachMediaStream) Janus.attachMediaStream(localVideoElement, stream)\n                    /* IS VIDEO ENABLED ? */\n                    // var videoTracks = stream.getVideoTracks()\n                    /* */\n                  },\n                  onremotestream: function (stream: MediaStream) {\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a remote stream :::')\n                    }\n                    // Stop the local audio element ringing\n                    store.dispatch.player.stopAudioPlayer()\n\n                    // Get remote audio and video elements\n                    const remoteAudioElement = store.getState().player.remoteAudio\n                    const remoteVideoElement = store.getState().player.remoteVideo\n\n                    // Get audio and video from stream\n                    const audioTracks: MediaStreamTrack[] = stream.getAudioTracks()\n                    const videoTracks: MediaStreamTrack[] = stream.getVideoTracks()\n\n                    if (Janus.attachMediaStream) {\n                      // Initialize the new media stream for remote audio\n                      if (audioTracks && audioTracks.length > 0) {\n                        const audioStream: MediaStream = new MediaStream(audioTracks)\n                        Janus.attachMediaStream(remoteAudioElement, audioStream)\n\n                        // Save the new audio stream to the store\n                        store.dispatch.webrtc.updateRemoteAudioStream(audioStream)\n                      } else {\n                        console.warn('No audio tracks on remote stream')\n                      }\n                      // Initialize the new media stream for remote video\n                      if (videoTracks && videoTracks.length > 0) {\n                        const videoStream: MediaStream = new MediaStream(videoTracks)\n                        Janus.attachMediaStream(remoteVideoElement, videoStream)\n                      } else {\n                        console.warn('No video tracks on remote stream')\n                      }\n                    }\n                  },\n                  oncleanup: function () {\n                    if (Janus.log) Janus.log(' ::: janus Got a cleanup notification :::')\n                  },\n                  detached: function () {\n                    if (Janus.warn) Janus.warn('SIP plugin handle detached from the plugin itself')\n                  },\n                })\n              }\n            },\n            error: (err: any) => {\n              if (Janus.log) Janus.log('error', err)\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n            destroyed: () => {\n              // Set webrtc destroyed status\n              dispatch.webrtc.updateWebRTC({\n                destroyed: true,\n              })\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n          })\n        },\n      })\n    }\n\n    // Initializes the webrtc registration check interval\n    function startWebrtcCheck() {\n      const { CHECK_INTERVAL_TIME } = store.getState().webrtc\n      if (!janusCheckInterval.current) {\n        // Initialize the interval that check the webrtc\n        janusCheckInterval.current = setInterval(\n          () =>\n            webrtcCheck(() => {\n              // Do the register as callback of webrtc check\n              register(sipExten, sipSecret)\n            }),\n          CHECK_INTERVAL_TIME,\n        )\n      }\n    }\n\n    // Start webrtc initialization and handlers\n    initWebRTC()\n    // Start the check of webrtc activity\n    startWebrtcCheck()\n\n    return () => {\n      // Unregister from janus\n      unregister()\n      // Stop Janus check interval\n      clearInterval(janusCheckInterval.current)\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["Janus","JanusLib","_a","hostName","sipExten","sipSecret","children","dispatch","useDispatch","janusCheckInterval","useRef","useEffect","checkMediaPermissions","CHECK_INTERVAL_TIME","init","debug","dependencies","useDefaultDependencies","adapter","callback","janusInstance","server","concat","success","attach","plugin","opaqueId","Date","getTime","pluginHandle","webrtc","updateWebRTC","sipcall","register","log","getPlugin","error","consentDialog","on","webrtcState","iceState","newState","store","getState","mediaState","medium","slowLink","uplink","count","warn","onmessage","msg","jsep","JSON","stringify","undefined","result","registered","updateLastActivity","currentCall","checkOutgoingUpdate","outgoingWebRTC","player","audioPlayerPlaying","updateAndPlayAudioPlayer","src","outgoingRingtone","loop","handleRemote","jsepGlobal","checkIncomingUpdateAndPlay","incomingWebRTC","checkAcceptedUpdate","acceptedWebRTC","stopAudioPlayer","hangupCurrentCall","hangup","onlocalstream","stream","onremotestream","remoteAudioElement","remoteAudio","remoteVideoElement","remoteVideo","audioTracks","getAudioTracks","videoTracks","getVideoTracks","attachMediaStream","length","audioStream","MediaStream","updateRemoteAudioStream","console","videoStream","oncleanup","detached","err","alerts","setAlert","destroyed","current","setInterval","webrtcCheck","unregister","clearInterval","React","createElement","Fragment"],"mappings":"inBAuBMA,EAAoBC,EAAAA,uBAEa,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAQF,EAAAE,SAAEC,EAASH,EAAAG,UAAEC,EAAQJ,EAAAI,SACzEC,EAAWC,EAAAA,cAGXC,EAAqBC,SAAY,MA+VvC,OA5VAC,EAAAA,WAAU,WACRC,EAAAA,uBACD,GAAE,IAEHD,EAAAA,WAAU,WACR,IA4TUE,EAmBV,OAzUEb,EAAMc,KAAK,CACTC,MAAO,MACPC,aAPFhB,EAAMiB,uBAAuB,CAC3BC,QAAOA,EAAA,UAOPC,SAAU,WACR,IAAMC,EAAgB,IAAIpB,EAAM,CAC9BqB,OAAQ,WAAWC,OAAAnB,EAAgB,UACnCoB,QAAS,WACHH,EAAcI,QAEhBJ,EAAcI,OAAO,CACnBC,OAAQ,mBACRC,SAAU,cAAoB,IAAIC,MAAOC,UACzCL,QAAS,SAAUM,GAEbA,IACFtB,EAASuB,OAAOC,aAAa,CAC3BC,QAASH,IAGXI,WAAS7B,EAAUC,GACfwB,GACE7B,EAAMkC,KACRlC,EAAMkC,IACJ,yBAA2BL,EAAaM,YAAxC,YAIT,EACDC,MAAO,SAAUA,GACXpC,EAAMoC,QACRpC,EAAMoC,MAAM,kCACZpC,EAAMoC,MAAMA,GAGf,EACDC,cAAe,SAAUC,GACnBtC,EAAMkC,KAAKlC,EAAMkC,IAAI,mCAA4BI,EAAE,KACxD,EACDC,YAAa,SAAUD,GACjBtC,EAAMkC,KACRlC,EAAMkC,IACJ,4CAA8CI,EAAK,KAAO,QAAU,OAEzE,EACDE,SAAU,SAAUC,GACoBC,EAAKA,MAACC,WAAWb,OAAME,SAGvDhC,EAAMkC,KACRlC,EAAMkC,IACJ,gEAAyDO,EAAQ,KAGxE,EACDG,WAAY,SAAUC,EAAQP,GACxBtC,EAAMkC,KACRlC,EAAMkC,IACJ,UAAYI,EAAK,UAAY,WAAa,kBAAoBO,EAEnE,EACDC,SAAU,SAAUC,EAAQC,GACtBD,EACE/C,EAAMiD,MACRjD,EAAMiD,KAAK,yDAAkDD,EAAK,MAEhEhD,EAAMiD,MACRjD,EAAMiD,KAAK,8DAAuDD,EAAK,KAE5E,EACDE,UAAW,SAAUC,EAAKC,GAChB,IAAApB,EAA8BU,EAAKA,MAACC,WAAWb,OAAME,QAEzDhC,EAAMe,QACRf,EAAMe,MAAM,0BACZf,EAAMe,MAAMsC,KAAKC,UAAUH,KAI7B,IAAIf,EAAQe,EAAW,MACvB,GAAa,MAATf,GAA0BmB,MAATnB,EAArB,CAaA,IAAIoB,EAASL,EAAY,OACzB,GACEK,cAEoBD,IAApBC,EAAc,OACM,OAApBA,EAAc,MAMd,OAHYA,EAAc,OAIxB,IAAK,sBACCxD,EAAMoC,OACRpC,EAAMoC,MACJ,wBAA0BoB,EAAa,KAAI,IAAMA,EAAe,QAEpE,MAEF,IAAK,eACCxD,EAAMkC,KACRlC,EAAMkC,IAAI,iCAAmCsB,EAAiB,SAAI,KAEpE,MAEF,IAAK,aACCxD,EAAMkC,KACRlC,EAAMkC,IAAI,8BAAgCsB,EAAiB,SAAI,KAC5Dd,EAAAA,MAAMC,WAAWb,OAAO2B,YAC3Bf,QAAMnC,SAASuB,OAAOC,aAAa,CACjC0B,YAAY,IAIhBlD,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAC9C,MAEF,IAAK,cACC5B,EAAMkC,KAAKlC,EAAMkC,IAAI,qBACzB,MAGF,IAAK,UAEH3B,EAASoD,YAAYC,oBAAoB,CACvCC,gBAAgB,IAIlBtD,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAC9C,MAIF,IAAK,UAC4Bc,EAAKA,MAACC,WAAWmB,OAAMC,oBAKpDxD,EAASuD,OAAOE,yBAAyB,CACvCC,IAAKC,EAAgB,QACrBC,MAAM,IAIV5D,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAC9C,MAKF,IAAK,WACC5B,EAAMkC,KACRlC,EAAMkC,IACJ,4BACEsB,EAAiB,SACjB,2BAEFJ,SACFgB,EAAYA,aAAChB,GAGf7C,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAC9C,MAEF,IAAK,eACHrB,EAASuB,OAAOC,aAAa,CAAEsC,WAAYjB,IAG3C7C,EAASoD,YAAYW,2BAA2B,CAC9CC,gBAAgB,IAGdvE,EAAMkC,KAAKlC,EAAMkC,IAAI,sBAAwBsB,EAAiB,SAAI,KAEtEjD,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAC9C,MAEF,IAAK,WACC5B,EAAMkC,KAAKlC,EAAMkC,IAAIsB,EAAiB,SAAI,uBAC1CJ,GACFgB,EAAYA,aAAChB,GAGf7C,EAASoD,YAAYa,oBAAoB,CACvCC,gBAAgB,IAIlB/B,EAAAA,MAAMnC,SAASuD,OAAOY,kBAGtBnE,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAC9C,MAEF,IAAK,SACH+C,EAAAA,oBACA3C,EAAQ4C,SAWJ5E,EAAMkC,KACRlC,EAAMkC,IACJ,iBAAmBsB,EAAa,KAAI,IAAMA,EAAe,OAAI,MAGjEjD,EAASuB,OAAO4B,oBAAmB,IAAI/B,MAAOC,WAxInD,MAVMc,EAAAA,MAAMC,WAAWb,OAAO2B,YAI3BzB,GAAWA,EAAQ4C,SAGnBlC,EAAAA,MAAMnC,SAASuD,OAAOY,mBANlB1E,EAAMkC,KAAKlC,EAAMkC,IAAI,yBAyJ9B,EACD2C,cAAe,SAAUC,GAEnB9E,EAAMe,QACRf,EAAMe,MAAM,+BACZf,EAAMe,MAAM+D,GAMf,EACDC,eAAgB,SAAUD,GACpB9E,EAAMe,OACRf,EAAMe,MAAM,gCAGd2B,EAAAA,MAAMnC,SAASuD,OAAOY,kBAGtB,IAAMM,EAAqBtC,EAAKA,MAACC,WAAWmB,OAAOmB,YAC7CC,EAAqBxC,EAAKA,MAACC,WAAWmB,OAAOqB,YAG7CC,EAAkCN,EAAOO,iBACzCC,EAAkCR,EAAOS,iBAE/C,GAAIvF,EAAMwF,kBAAmB,CAE3B,GAAIJ,GAAeA,EAAYK,OAAS,EAAG,CACzC,IAAMC,EAA2B,IAAIC,YAAYP,GACjDpF,EAAMwF,kBAAkBR,EAAoBU,GAG5ChD,EAAAA,MAAMnC,SAASuB,OAAO8D,wBAAwBF,EAC/C,MACCG,QAAQ5C,KAAK,oCAGf,GAAIqC,GAAeA,EAAYG,OAAS,EAAG,CACzC,IAAMK,EAA2B,IAAIH,YAAYL,GACjDtF,EAAMwF,kBAAkBN,EAAoBY,EAC7C,MACCD,QAAQ5C,KAAK,mCAEhB,CACF,EACD8C,UAAW,WACL/F,EAAMkC,KAAKlC,EAAMkC,IAAI,4CAC1B,EACD8D,SAAU,WACJhG,EAAMiD,MAAMjD,EAAMiD,KAAK,oDAC5B,GAGN,EACDb,MAAO,SAAC6D,GACFjG,EAAMkC,KAAKlC,EAAMkC,IAAI,QAAS+D,GAElC1F,EAAS2F,OAAOC,SAAS,cAC1B,EACDC,UAAW,WAET7F,EAASuB,OAAOC,aAAa,CAC3BqE,WAAW,IAGb7F,EAAS2F,OAAOC,SAAS,cAC1B,GAEJ,IAMKtF,EAAwB6B,EAAKA,MAACC,WAAWb,OAAMjB,oBAClDJ,EAAmB4F,UAEtB5F,EAAmB4F,QAAUC,aAC3B,WACE,OAAAC,EAAWA,aAAC,WAEVtE,WAAS7B,EAAUC,EACrB,GAAE,GACJQ,IAUC,WAEL2F,EAAAA,aAEAC,cAAchG,EAAmB4F,QACnC,CACD,GAAE,IAEIK,EAAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,KAAGtG,EACZ"}
+{"version":3,"file":"WebRTC.js","sources":["../../src/components/WebRTC.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useEffect, useState, useRef } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\nimport adapter from 'webrtc-adapter'\nimport JanusLib from '../lib/webrtc/janus.js'\nimport type { JanusTypes } from '../types'\nimport { register, unregister, handleRemote } from '../lib/webrtc/messages'\nimport { store, type RootState } from '../store'\nimport { checkMediaPermissions } from '../lib/devices/devices'\nimport { hangupCurrentCall } from '../lib/phone/call'\nimport { webrtcCheck } from '../lib/webrtc/connection'\nimport outgoingRingtone from '../static/outgoing_ringtone'\n\ninterface WebRTCProps {\n  children: ReactNode\n  sipExten: string\n  sipSecret: string\n  hostName: string\n}\n\nconst Janus: JanusTypes = JanusLib\n\nexport const WebRTC: FC<WebRTCProps> = ({ hostName, sipExten, sipSecret, children }) => {\n  const dispatch = useDispatch<Dispatch>()\n\n  // Initialize janus check interval id\n  const janusCheckInterval = useRef<any>(null)\n\n  // check audio and video permissions\n  useEffect(() => {\n    checkMediaPermissions()\n  }, [])\n\n  useEffect(() => {\n    const setupDeps = () =>\n      Janus.useDefaultDependencies({\n        adapter,\n      })\n\n    function initWebRTC() {\n      Janus.init({\n        debug: 'all',\n        dependencies: setupDeps(),\n        callback: function () {\n          const janusInstance = new Janus({\n            server: `https://${hostName}/janus`,\n            success: () => {\n              if (janusInstance.attach) {\n                // Use Janus Sip Plugin\n                janusInstance.attach({\n                  plugin: 'janus.plugin.sip',\n                  opaqueId: 'sebastian' + '_' + new Date().getTime(),\n                  success: function (pluginHandle) {\n                    // Set sipcall to the store\n                    if (pluginHandle) {\n                      dispatch.webrtc.updateWebRTC({\n                        sipcall: pluginHandle,\n                      })\n                      // Register the extension to the server\n                      register(sipExten, sipSecret)\n                      if (pluginHandle) {\n                        if (Janus.log)\n                          Janus.log(\n                            'SIP plugin attached! (' + pluginHandle.getPlugin() + ', id = ' + ')',\n                          )\n                      }\n                    }\n                  },\n                  error: function (error) {\n                    if (Janus.error) {\n                      Janus.error('  -- Error attaching plugin...')\n                      Janus.error(error)\n                    }\n                    // reject()\n                  },\n                  consentDialog: function (on) {\n                    if (Janus.log) Janus.log(`janus consentDialog (on: ${on})`)\n                  },\n                  webrtcState: function (on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus says our WebRTC PeerConnection is ' + (on ? 'up' : 'down') + ' now',\n                      )\n                  },\n                  iceState: function (newState) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (sipcall) {\n                      if (Janus.log)\n                        Janus.log(\n                          `ICE state of PeerConnection of handle has changed to \"${newState}\"`,\n                        )\n                    }\n                  },\n                  mediaState: function (medium, on) {\n                    if (Janus.log)\n                      Janus.log(\n                        'Janus ' + (on ? 'started' : 'stopped') + ' receiving our ' + medium,\n                      )\n                  },\n                  slowLink: function (uplink, count) {\n                    if (uplink) {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: several missing packets from janus (${count})`)\n                    } else {\n                      if (Janus.warn)\n                        Janus.warn(`SLOW link: janus is not receiving all your packets (${count})`)\n                    }\n                  },\n                  onmessage: function (msg, jsep) {\n                    const { sipcall }: { sipcall: any } = store.getState().webrtc\n\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a message :::')\n                      Janus.debug(JSON.stringify(msg))\n                    }\n\n                    // Handle errors in message\n                    var error = msg['error']\n                    if (error != null && error != undefined) {\n                      if (!store.getState().webrtc.registered) {\n                        if (Janus.log) Janus.log('User is not registered')\n                      } else {\n                        // Reset status\n                        sipcall && sipcall.hangup()\n\n                        // Stop the local audio element ringing\n                        store.dispatch.player.stopAudioPlayer()\n                      }\n                      return\n                    }\n                    // Manage events\n                    var result = msg['result']\n                    if (\n                      result !== null &&\n                      result !== undefined &&\n                      result['event'] !== undefined &&\n                      result['event'] !== null\n                    ) {\n                      // get event\n                      var event = result['event']\n\n                      //switch event\n                      switch (event) {\n                        case 'registration_failed':\n                          if (Janus.error)\n                            Janus.error(\n                              'Registration failed: ' + result['code'] + ' ' + result['reason'],\n                            )\n                          break\n\n                        case 'unregistered':\n                          if (Janus.log)\n                            Janus.log('Successfully un-registered as ' + result['username'] + '!')\n                          // registered = false\n                          break\n\n                        case 'registered':\n                          if (Janus.log)\n                            Janus.log('Successfully registered as ' + result['username'] + '!')\n                          if (!store.getState().webrtc.registered) {\n                            store.dispatch.webrtc.updateWebRTC({\n                              registered: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'registering':\n                          if (Janus.log) Janus.log('janus registering')\n                          break\n\n                        // This event arrive on outgoing call start\n                        case 'calling':\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkOutgoingUpdate({\n                            outgoingWebRTC: true,\n                          })\n\n                          // Update webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 180 code, it means\n                        // ...that the local outgoing ringtone must be player\n                        case 'ringing':\n                          const { audioPlayerPlaying } = store.getState().player\n\n                          // Check if the local audio is already playing and start playing\n                          if (!audioPlayerPlaying) {\n                            // Update audio player and start playing\n                            dispatch.player.updateStartAudioPlayer({\n                              src: outgoingRingtone,\n                              loop: true,\n                            })\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        // After an outgoing call start on 183 code, it means\n                        // ...that the outgoing ringtone arrives from the stream\n                        // ...playing the local outgoing ringtone isn't needed\n                        case 'progress':\n                          if (Janus.log)\n                            Janus.log(\n                              \"There's early media from \" +\n                                result['username'] +\n                                ', wairing for the call!',\n                            )\n                          if (jsep !== null && jsep !== undefined) {\n                            handleRemote(jsep)\n                          }\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'incomingcall':\n                          dispatch.webrtc.updateWebRTC({ jsepGlobal: jsep })\n\n                          // Number and display name are updated inside socket\n                          dispatch.currentCall.checkIncomingUpdatePlay({\n                            incomingWebRTC: true,\n                          })\n\n                          if (Janus.log) Janus.log('Incoming call from ' + result['username'] + '!')\n                          // Update the webrtc last activity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'accepted':\n                          if (Janus.log) Janus.log(result['username'] + ' accepted the call!')\n                          if (jsep) {\n                            handleRemote(jsep)\n                          }\n                          // Set current call accepted\n                          dispatch.currentCall.checkAcceptedUpdate({\n                            acceptedWebRTC: true,\n                          })\n                          // Set incoming value to false\n                          dispatch.currentCall.updateCurrentCall({\n                            incoming: false,\n                            incomingWebRTC: false,\n                          })\n\n                          // Stop the local audio element ringing\n                          store.dispatch.player.stopAudioPlayer()\n\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          break\n\n                        case 'hangup':\n                          hangupCurrentCall()\n                          sipcall.hangup()\n                          // if (\n                          //   result['code'] === 486 &&\n                          //   result['event'] === 'hangup' &&\n                          //   result['reason'] === 'Busy Here'\n                          // ) {\n                          //   dispatch.player.updateAudioSource({\n                          //     src: busyRingtone,\n                          //   })\n                          //   dispatch.player.playAudio()\n                          // }\n                          if (Janus.log)\n                            Janus.log(\n                              'Call hung up (' + result['code'] + ' ' + result['reason'] + ')!',\n                            )\n                          // Update webrtc lastActivity time\n                          dispatch.webrtc.updateLastActivity(new Date().getTime())\n                          // stopScreenSharingI()\n                          break\n\n                        default:\n                          break\n                      }\n                    }\n                  },\n                  onlocalstream: function (stream) {\n                    // const localVideoElement = store.getState().player.localVideo\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a local stream :::')\n                      Janus.debug(stream)\n                    }\n                    // if (Janus.attachMediaStream) Janus.attachMediaStream(localVideoElement, stream)\n                    /* IS VIDEO ENABLED ? */\n                    // var videoTracks = stream.getVideoTracks()\n                    /* */\n                  },\n                  onremotestream: function (stream: MediaStream) {\n                    if (Janus.debug) {\n                      Janus.debug(' ::: Got a remote stream :::')\n                    }\n                    // Stop the local audio element ringing\n                    store.dispatch.player.stopAudioPlayer()\n\n                    // Get remote audio and video elements\n                    const remoteAudioElement = store.getState().player.remoteAudio\n                    const remoteVideoElement = store.getState().player.remoteVideo\n\n                    // Get audio and video from stream\n                    const audioTracks: MediaStreamTrack[] = stream.getAudioTracks()\n                    const videoTracks: MediaStreamTrack[] = stream.getVideoTracks()\n\n                    if (Janus.attachMediaStream) {\n                      // Initialize the new media stream for remote audio\n                      if (audioTracks && audioTracks.length > 0) {\n                        const audioStream: MediaStream = new MediaStream(audioTracks)\n                        remoteAudioElement &&\n                          remoteAudioElement.current &&\n                          Janus.attachMediaStream(remoteAudioElement.current, audioStream)\n\n                        // Save the new audio stream to the store\n                        store.dispatch.webrtc.updateRemoteAudioStream(audioStream)\n                      } else {\n                        console.warn('No audio tracks on remote stream')\n                      }\n                      // Initialize the new media stream for remote video\n                      if (videoTracks && videoTracks.length > 0) {\n                        const videoStream: MediaStream = new MediaStream(videoTracks)\n                        remoteVideoElement &&\n                          remoteVideoElement.current &&\n                          Janus.attachMediaStream(remoteVideoElement.current, videoStream)\n                      } else {\n                        console.warn('No video tracks on remote stream')\n                      }\n                    }\n                  },\n                  oncleanup: function () {\n                    if (Janus.log) Janus.log(' ::: janus Got a cleanup notification :::')\n                  },\n                  detached: function () {\n                    if (Janus.warn) Janus.warn('SIP plugin handle detached from the plugin itself')\n                  },\n                })\n              }\n            },\n            error: (err: any) => {\n              if (Janus.log) Janus.log('error', err)\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n            destroyed: () => {\n              // Set webrtc destroyed status\n              dispatch.webrtc.updateWebRTC({\n                destroyed: true,\n              })\n              // Activate webrtc connection alert\n              dispatch.alerts.setAlert('webrtc_down')\n            },\n          })\n        },\n      })\n    }\n\n    // Initializes the webrtc registration check interval\n    function startWebrtcCheck() {\n      const { CHECK_INTERVAL_TIME } = store.getState().webrtc\n      if (!janusCheckInterval.current) {\n        // Initialize the interval that check the webrtc\n        janusCheckInterval.current = setInterval(\n          () =>\n            webrtcCheck(() => {\n              // Do the register as callback of webrtc check\n              register(sipExten, sipSecret)\n            }),\n          CHECK_INTERVAL_TIME,\n        )\n      }\n    }\n\n    // Start webrtc initialization and handlers\n    initWebRTC()\n    // Start the check of webrtc activity\n    startWebrtcCheck()\n\n    return () => {\n      // Unregister from janus\n      unregister()\n      // Stop Janus check interval\n      clearInterval(janusCheckInterval.current)\n    }\n  }, [])\n\n  return <>{children}</>\n}\n"],"names":["Janus","JanusLib","_a","hostName","sipExten","sipSecret","children","dispatch","useDispatch","janusCheckInterval","useRef","useEffect","checkMediaPermissions","CHECK_INTERVAL_TIME","init","debug","dependencies","useDefaultDependencies","adapter","callback","janusInstance","server","concat","success","attach","plugin","opaqueId","Date","getTime","pluginHandle","webrtc","updateWebRTC","sipcall","register","log","getPlugin","error","consentDialog","on","webrtcState","iceState","newState","store","getState","mediaState","medium","slowLink","uplink","count","warn","onmessage","msg","jsep","JSON","stringify","undefined","result","registered","updateLastActivity","currentCall","checkOutgoingUpdate","outgoingWebRTC","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","handleRemote","jsepGlobal","checkIncomingUpdatePlay","incomingWebRTC","checkAcceptedUpdate","acceptedWebRTC","updateCurrentCall","incoming","stopAudioPlayer","hangupCurrentCall","hangup","onlocalstream","stream","onremotestream","remoteAudioElement","remoteAudio","remoteVideoElement","remoteVideo","audioTracks","getAudioTracks","videoTracks","getVideoTracks","attachMediaStream","length","audioStream","MediaStream","current","updateRemoteAudioStream","console","videoStream","oncleanup","detached","err","alerts","setAlert","destroyed","setInterval","webrtcCheck","unregister","clearInterval","React","createElement","Fragment"],"mappings":"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"}

package/dist/events/CallEvents.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/customHooks/useEventListener.js"),r=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/react-redux/es/index.js");var s=require("../lib/phone/call.js"),n=require("../node_modules/react-redux/es/hooks/useSelector.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/react-redux/es/components/Context.js"),require("../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),require("../node_modules/react-redux/node_modules/react-is/index.js");var o=u(e);exports.CallEvents=function(){var e=n.useSelector((function(e){return e.webrtc})).sipcall;return t.useEventListener("phone-island-call-start",(function(e){s.callNumber(e.number)})),e&&o.default.createElement(o.default.Fragment,null)},exports.dispatchOutgoingCallStarted=function(e,t){void 0===e&&(e=""),void 0===t&&(t="");var s={name:e,number:t};r.eventDispatch("phone-island-outgoing-call-started",s)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../utils/customHooks/useEventListener.js"),r=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/react-redux/es/index.js");var s=require("../lib/phone/call.js"),n=require("../node_modules/react-redux/es/hooks/useSelector.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/react-redux/es/components/Context.js"),require("../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),require("../node_modules/react-redux/node_modules/react-is/index.js");var o=u(e);exports.CallEvents=function(){return n.useSelector((function(e){return e.webrtc})).sipcall,t.useEventListener("phone-island-call-start",(function(e){s.callNumber(e.number)})),o.default.createElement(o.default.Fragment,null)},exports.dispatchOutgoingCallStarted=function(e,t){void 0===e&&(e=""),void 0===t&&(t="");var s={name:e,number:t};r.eventDispatch("phone-island-outgoing-call-started",s)};
 //# sourceMappingURL=CallEvents.js.map

package/dist/events/CallEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallEvents.js","sources":["../../src/events/CallEvents.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useEventListener, eventDispatch } from '../utils'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { callNumber } from '../lib/phone/call'\n\nexport const CallEvents: FC = () => {\n  const { sipcall }: any = useSelector((state: RootState) => state.webrtc)\n  /**\n   * Event listner for phone-island-call-start event\n   */\n  useEventListener('phone-island-call-start', (data) => {\n    callNumber(data.number)\n  })\n  return sipcall && <></>\n}\n\n// !TODO add phone-island-outgoing-call-started phone-island-outgoing-call-ended\n\n/**\n * Dispatch the phone-island-outgoing-call-started event\n */\nexport function dispatchOutgoingCallStarted(name: string = '', number: string = '') {\n  const data: OutgoingCallStartedTypes = {\n    name,\n    number,\n  }\n  eventDispatch('phone-island-outgoing-call-started', data)\n}\n\nexport interface OutgoingCallStartedTypes {\n  name: string\n  number: string\n}\n"],"names":["sipcall","useSelector","state","webrtc","useEventListener","data","callNumber","number","React","createElement","Fragment","name","eventDispatch"],"mappings":"sqBAS8B,WACpB,IAAAA,EAAiBC,eAAY,SAACC,GAAqB,OAAAA,EAAMC,kBAOjE,OAHAC,mBAAiB,2BAA2B,SAACC,GAC3CC,aAAWD,EAAKE,OAClB,IACOP,GAAWQ,EAAAA,QAAAC,cAAAD,EAAAA,QAAAE,SAAA,KACpB,sCAOgB,SAA4BC,EAAmBJ,QAAnB,IAAAI,IAAAA,EAAiB,SAAE,IAAAJ,IAAAA,EAAmB,IAChF,IAAMF,EAAiC,CACrCM,KAAIA,EACJJ,OAAMA,GAERK,gBAAc,qCAAsCP,EACtD"}
+{"version":3,"file":"CallEvents.js","sources":["../../src/events/CallEvents.tsx"],"sourcesContent":["// Copyright (C) 2022 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { FC } from 'react'\nimport { useEventListener, eventDispatch } from '../utils'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { callNumber } from '../lib/phone/call'\n\nexport const CallEvents: FC = () => {\n  const { sipcall }: any = useSelector((state: RootState) => state.webrtc)\n  /**\n   * Event listner for phone-island-call-start event\n   */\n  useEventListener('phone-island-call-start', (data) => {\n    callNumber(data.number)\n  })\n  return <></>\n}\n\n// !TODO add phone-island-outgoing-call-started phone-island-outgoing-call-ended\n\n/**\n * Dispatch the phone-island-outgoing-call-started event\n */\nexport function dispatchOutgoingCallStarted(name: string = '', number: string = '') {\n  const data: OutgoingCallStartedTypes = {\n    name,\n    number,\n  }\n  eventDispatch('phone-island-outgoing-call-started', data)\n}\n\nexport interface OutgoingCallStartedTypes {\n  name: string\n  number: string\n}\n"],"names":["useSelector","state","webrtc","useEventListener","data","callNumber","number","React","name","eventDispatch"],"mappings":"sqBAS8B,WAQ5B,OAPyBA,EAAWA,aAAC,SAACC,GAAqB,OAAAA,EAAMC,MAAM,YAIvEC,mBAAiB,2BAA2B,SAACC,GAC3CC,aAAWD,EAAKE,OAClB,IACOC,gDACT,sCAOgB,SAA4BC,EAAmBF,QAAnB,IAAAE,IAAAA,EAAiB,SAAE,IAAAF,IAAAA,EAAmB,IAChF,IAAMF,EAAiC,CACrCI,KAAIA,EACJF,OAAMA,GAERG,gBAAc,qCAAsCL,EACtD"}

package/dist/events/PlayerEvents.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+export declare const PlayerEvents: FC;
+/**
+ * Dispatch call start
+ */
+export declare function dispatchAudioPlayerStarted(): void;

package/dist/events/PlayerEvents.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../utils/customHooks/useEventListener.js"),t=require("../utils/genericFunctions/eventDispatch.js"),i=require("../lib/player/audio.js");require("../node_modules/react-redux/es/index.js");var s=require("../node_modules/react-redux/es/hooks/useDispatch.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../node_modules/react-redux/es/components/Context.js"),require("../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),require("../node_modules/react-redux/node_modules/react-is/index.js");var n=a(e);exports.PlayerEvents=function(){var e=s.useDispatch();return r.useEventListener("phone-island-audio-player-start",(function(r){if(r.type){if(!r.id)return void console.error("phone-island-audio-player-start: when a type is provided, the id is required");"announcement"===r.type?(i.getAnnouncementName(r.id),i.playAnnouncement(r.id)):"call_recording"===r.type&&(i.getRecordingName(r.id),i.playCallRecording(r.id))}else r.base64_audio_file&&(e.island.setIslandView("player"),e.player.resetAudioPlayerType(),e.player.updateStartAudioPlayer({src:r.base64_audio_file})),r.description&&e.player.setAudioPlayerTrackName(r.description)})),n.default.createElement(n.default.Fragment,null)},exports.dispatchAudioPlayerStarted=function(){t.eventDispatch("phone-island-audio-player-started",{})};
+//# sourceMappingURL=PlayerEvents.js.map

package/dist/events/PlayerEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerEvents.js","sources":["../../src/events/PlayerEvents.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 { eventDispatch } from '../utils'\nimport { useEventListener } from '../utils'\nimport {\n  playAnnouncement,\n  playCallRecording,\n  getRecordingName,\n  getAnnouncementName,\n} from '../lib/player/audio'\nimport { type PlayerStartTypes } from '../types'\nimport { useDispatch } from 'react-redux'\nimport { Dispatch } from '../store'\n\nexport const PlayerEvents: FC = () => {\n  const dispatch = useDispatch<Dispatch>()\n\n  /**\n   * Event listner for phone-island-audio-player-start event\n   */\n  useEventListener('phone-island-audio-player-start', (data: PlayerStartTypes) => {\n    if (data.type) {\n      // Check the id required when a type is provided\n      if (!data.id) {\n        console.error(\n          'phone-island-audio-player-start: when a type is provided, the id is required',\n        )\n        return\n      }\n      // Manage types\n      if (data.type === 'announcement') {\n        getAnnouncementName(data.id)\n        playAnnouncement(data.id)\n      } else if (data.type === 'call_recording') {\n        getRecordingName(data.id)\n        playCallRecording(data.id)\n      }\n    } else {\n      if (data.base64_audio_file) {\n        // Play the base64 audio file\n        dispatch.island.setIslandView('player')\n        dispatch.player.resetAudioPlayerType()\n        dispatch.player.updateStartAudioPlayer({\n          src: data.base64_audio_file,\n        })\n      }\n      if (data.description) {\n        dispatch.player.setAudioPlayerTrackName(data.description)\n      }\n    }\n  })\n\n  return <></>\n}\n\n/**\n * Dispatch call start\n */\nexport function dispatchAudioPlayerStarted() {\n  eventDispatch('phone-island-audio-player-started', {})\n}\n"],"names":["dispatch","useDispatch","useEventListener","data","type","id","console","error","getAnnouncementName","playAnnouncement","getRecordingName","playCallRecording","base64_audio_file","island","setIslandView","player","resetAudioPlayerType","updateStartAudioPlayer","src","description","setAudioPlayerTrackName","React","eventDispatch"],"mappings":"0qBAgBgC,WAC9B,IAAMA,EAAWC,EAAAA,cAqCjB,OAhCAC,mBAAiB,mCAAmC,SAACC,GACnD,GAAIA,EAAKC,KAAM,CAEb,IAAKD,EAAKE,GAIR,YAHAC,QAAQC,MACN,gFAKc,iBAAdJ,EAAKC,MACPI,sBAAoBL,EAAKE,IACzBI,mBAAiBN,EAAKE,KACC,mBAAdF,EAAKC,OACdM,mBAAiBP,EAAKE,IACtBM,oBAAkBR,EAAKE,IAE1B,MACKF,EAAKS,oBAEPZ,EAASa,OAAOC,cAAc,UAC9Bd,EAASe,OAAOC,uBAChBhB,EAASe,OAAOE,uBAAuB,CACrCC,IAAKf,EAAKS,qBAGVT,EAAKgB,aACPnB,EAASe,OAAOK,wBAAwBjB,EAAKgB,YAGnD,IAEOE,gDACT,gDAMEC,gBAAc,oCAAqC,CAAA,EACrD"}

package/dist/events/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CallEvents';
 export * from './SocketEvents';
+export * from './PlayerEvents';