@nethesis/phone-island/dist/components/SideView/SideView.js

NethVoice CTI Phone Island

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js");require("../../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../../node_modules/@babel/runtime/helpers/typeof.js"),require("../../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../../node_modules/react-i18next/dist/es/context.js");var r=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../../lib/phone/call.js"),l=require("../CustomThemedTooltip.js"),s=require("./hooks/useSideViewLogic.js"),a=require("./components/SideViewButton.js"),u=require("../../services/user.js"),d=require("../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js"),c=require("../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),p=require("../../node_modules/react-redux/es/hooks/useSelector.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(t),h={initial:{x:-76},animate:{x:4,transition:{duration:.1,ease:"easeOut"}},exit:{x:-76,transition:{duration:.1,ease:"easeIn"}}},v={borderTopRightRadius:"20px",borderBottomRightRadius:"20px",width:"80px",transformOrigin:"right"},b=t.memo((function(m){var b=m.isVisible,g=m.uaType,_=p.useSelector((function(e){return e.island})).isOpen,j=p.useSelector((function(e){return e.currentCall})).isRecording,x=r.useTranslation().t,T=t.useState(!1),y=T[0],S=T[1],q=t.useState(void 0),C=q[0],k=q[1],w=s.useSideViewLogic(g,C),E=w.videoInputDevices,V=w.isVideoCallButtonVisible,R=w.canRecord,B=w.canShareScreen,I=w.canSwitchDevice,A=w.showUrlButton,D=w.isUrlButtonEnabled,P=w.goToVideoCall,U=w.goToScreenSharing,O=w.closeSideViewAndLaunchEvent;t.useEffect((function(){b&&e.__awaiter(void 0,void 0,void 0,(function(){var t,i,o,r;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,u.getParamUrl()];case 1:return t=e.sent(),i=(null==t?void 0:t.url)||"",o=i&&""!==i.trim(),S(o),k(null==t?void 0:t.only_queues),[3,3];case 2:return r=e.sent(),S(!1),k(void 0),console.error("Error fetching URL parameter:",r),[3,3];case 3:return[2]}}))}))}),[b]);var L=t.useCallback((function(){n.recordCurrentCall(j)}),[j]),M=t.useMemo((function(){return[R&&{key:"record",active:j,onClick:L,tooltipId:"tooltip-record",tooltipContent:j?x("Tooltip.Stop recording")||"":x("Tooltip.Record")||"",icon:j?i.faStop:o.faRecord},(null==E?void 0:E.length)>0&&{key:"video",onClick:P,tooltipId:"tooltip-video",tooltipContent:V?x("Tooltip.Enable camera")||"":x("Tooltip.Enable camera permission")||"",disabled:!V,icon:V?i.faVideo:i.faVideoSlash},B&&{key:"screen-share",onClick:U,tooltipId:"tooltip-screen-share",tooltipContent:x("Tooltip.Share screen")||"",icon:i.faDisplay},A&&y&&D&&{key:"url",onClick:function(){return O("openUrl")},tooltipId:"tooltip-open-url",tooltipContent:x("Tooltip.Open url")||"",icon:i.faArrowUpRightFromSquare},I&&{key:"switch-device",onClick:function(){return O("switchDevice")},tooltipId:"tooltip-switch-device",tooltipContent:x("Tooltip.Switch device")||"",icon:o.faArrowsRepeat}].filter((function(e){return Boolean(e)}))}),[R,j,L,x,null==E?void 0:E.length,P,V,B,U,A,y,D,O,I]),N=t.useMemo((function(){return"pi-absolute pi-h-full pi-bg-surfaceSidebar dark:pi-bg-surfaceSidebarDark pi-flex pi-flex-col pi-items-center pi-text-iconWhite dark:pi-text-iconWhiteDark -pi-mr-10 pi-right-0 -pi-z-10 pi-pointer-events-auto ".concat(_?"pi-py-6":"pi-py-4")}),[_]);return f.default.createElement(f.default.Fragment,null,f.default.createElement(d.AnimatePresence,null,b&&f.default.createElement(c.motion.div,e.__assign({className:N,style:v},h),f.default.createElement("div",{className:"pi-flex pi-flex-col pi-items-center pi-gap-3.5 pi-flex-1 pi-ml-9"},M.map((function(t){var i=t.key,o=e.__rest(t,["key"]);return f.default.createElement(a.SideViewButton,e.__assign({key:i},o))}))))),f.default.createElement(l.CustomThemedTooltip,{id:"tooltip-record",place:"left"}),f.default.createElement(l.CustomThemedTooltip,{id:"tooltip-video",place:"left"}),f.default.createElement(l.CustomThemedTooltip,{id:"tooltip-screen-share",place:"left"}),f.default.createElement(l.CustomThemedTooltip,{id:"tooltip-switch-device",place:"left"}),f.default.createElement(l.CustomThemedTooltip,{id:"tooltip-open-url",place:"left"}))}));b.displayName="SideView",exports.default=b;
//# sourceMappingURL=SideView.js.map