npm - @nethesis/phone-island - Versions diffs - 1.0.15 → 1.0.16-dev.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (413) hide show

package/dist/components/ContactView/ContactListView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),i=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var a=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),r=require("../../lib/island/island.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),l=require("../../lib/phone/call.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 o=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var s=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js");require("../../store/index.js");var c=require("../CustomThemedTooltip.js"),d=require("../../services/phonebook.js"),p=require("./SelectContactNumberView.js"),m=require("../../node_modules/lodash/debounce.js"),f=require("./ListAvatar.js"),v=require("../../node_modules/react-redux/es/hooks/useSelector.js"),h=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=g(t);exports.ContactListView=function(){var g=v.useSelector(function(e){return e.island}),x=g.isOpen,E=g.contactListView,y=v.useSelector(function(e){return e.users}).endpoints,N=v.useSelector(function(e){return e.currentUser}).username,w=t.useState(!1),k=w[0],j=w[1],C=t.useState([]),T=C[0],_=C[1],q=t.useState([]),P=q[0],L=q[1],S=t.useState(),A=S[0],I=S[1],F=t.useState(!0),B=F[0],H=F[1],O=t.useState(""),z=O[0],D=O[1],V=t.useState(),M=V[0],R=V[1],U=t.useRef(null),W=t.useState(!1),$=W[0],G=W[1],J=t.useState(10),K=J[0],Q=J[1],X=h.useDispatch(),Y=v.useSelector(function(e){return e.currentCall}).paused,Z=t.useMemo(function(){return e.__spreadArray(e.__spreadArray([],T,!0),P,!0)},[T,P]),ee=t.useRef(m.default(function(e){ie(e)},300)).current;function te(e){if(void 0===e&&(e=""),e=e.trim().toLowerCase(),y){var t=null==Object?void 0:Object.values(y).filter(function(t){var i,a,r,n,l;return(null==t?void 0:t.username)!==N&&((null===(i=null==t?void 0:t.endpoints)||void 0===i?void 0:i.extension.find(function(t){var i,a;return null===(a=null===(i=null==t?void 0:t.id)||void 0===i?void 0:i.toLowerCase())||void 0===a?void 0:a.startsWith(e)}))||(null===(r=null===(a=null==t?void 0:t.username)||void 0===a?void 0:a.toLowerCase())||void 0===r?void 0:r.includes(e))||(null===(l=null===(n=null==t?void 0:t.name)||void 0===n?void 0:n.toLowerCase())||void 0===l?void 0:l.includes(e)))});_(t)}}function ie(t){return void 0===t&&(t=""),e.__awaiter(this,void 0,void 0,function(){var i,a;return e.__generator(this,function(e){switch(e.label){case 0:j(!1),t=t.trim().toLowerCase(),/^[0-9*#+]+$/.test(t)?R(!0):R(!1),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,d.searchPhonebook(1,t,"")];case 2:return i=e.sent(),L(i.rows),[3,4];case 3:return a=e.sent(),console.error("Error fetching phonebook:",a),[3,4];case 4:return j(!0),[2]}})})}function ae(e){return e&&"object"==typeof e&&"endpoints"in e&&"username"in e}function re(e){return e&&"object"==typeof e&&"source"in e&&"name"in e}function ne(e){var t;return null===(t=["online","voicemail","cellphone","callforward"])||void 0===t?void 0:t.includes(e)}t.useEffect(function(){return function(){ee.cancel()}},[ee]),s.useEventListener("phone-island-call-transfer",function(e){l.handleAttendedTransfer(e.number,X),u.eventDispatch("phone-island-call-transfer-opened",{})}),t.useEffect(function(){y&&N&&(te(z),B&&(ie(z),H(!1)))},[y,N]),t.useEffect(function(){var e,t,i=function(){var e,t,i;G(!!(U.current&&U.current.scrollTop>3)),U.current&&(null===(e=U.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=U.current)||void 0===t?void 0:t.scrollTop)>=(null===(i=U.current)||void 0===i?void 0:i.scrollHeight)-10&&Q(function(e){return e+10})};return x?null===(e=U.current)||void 0===e||e.addEventListener("scroll",i):null===(t=U.current)||void 0===t||t.removeEventListener("scroll",i),function(){var e;return null===(e=U.current)||void 0===e?void 0:e.removeEventListener("scroll",i)}},[x]);var le=o.useTranslation().t,oe=b.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},b.default.createElement("div",{className:"pi-relative pi-z-50"},b.default.createElement("div",{className:"pi-flex pi-gap-4"},b.default.createElement(i.Button,{variant:"transparent",onClick:function(){l.isInsideConferenceList()&&u.eventDispatch("phone-island-conference-list-close",{}),Y&&u.eventDispatch("phone-island-call-unhold",{}),r.backToPreviousView()},"data-tooltip-id":"contact-list-tooltip-back-to-call","data-tooltip-content":le("Tooltip.Back to call")||""},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faArrowLeft})),b.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){D(e.currentTarget.value),ee(e.currentTarget.value),te(e.currentTarget.value)},value:z,placeholder:le("Common.Search contact or phone number")||"",autoFocus:!0,spellCheck:!1,className:"pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]"}))),!k&&b.default.createElement("div",{className:"pi-mt-6"},Array.from({length:5}).map(function(e,t){return b.default.createElement("div",{key:t,className:"pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center"},b.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})),b.default.createElement("div",{className:"pi-flex pi-flex-col pi-gap-2 pi-w-full"},b.default.createElement("div",{className:"pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"}),b.default.createElement("div",{className:"pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"})),b.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-pr-2"},b.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})))})),b.default.createElement("div",{className:k?"":"pi-hidden"},b.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"},$&&b.default.createElement("div",{className:"pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100"})),b.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},b.default.createElement("div",{style:{height:"17rem"},ref:U,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},M&&b.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},b.default.createElement(f.default,{placeHolderIcon:n.faUser}),b.default.createElement("div",null,b.default.createElement("div",{className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},le("Common.Phone number entered")),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},z))),b.default.createElement("div",{className:"pi-flex pi-gap-3.5"},b.default.createElement(i.Button,{onClick:function(){return l.clickTransferOrConference(z,X)},variant:"green","data-tooltip-id":"contact-list-tooltip-call-to-transfer","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})))),Z&&Z.slice(0,K).map(function(e,t){return b.default.createElement("div",{key:t,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},function(){var t,i;return ae(e)?b.default.createElement(b.default.Fragment,null,b.default.createElement(f.default,{username:null==e?void 0:e.username,status:null==e?void 0:e.mainPresence,placeHolderIcon:n.faHeadset}),b.default.createElement("div",null,b.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},e.name),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},null===(i=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===i?void 0:i.id))):re(e)?b.default.createElement(b.default.Fragment,null,b.default.createElement(f.default,{placeHolderIcon:"person"===(null==e?void 0:e.kind)?n.faUser:n.faBuilding}),b.default.createElement("div",null,b.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},(null==e?void 0:e.displayName)||"-"),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},b.default.createElement("span",null,d.getMainPhoneNumber(e)||"-"),d.getTotalPhoneNumbers(e)>1&&b.default.createElement("span",{className:"pi-ml-2"},le("Common.plus_x_others",{count:d.getTotalPhoneNumbers(e)-1}))))):void 0}()),b.default.createElement("div",{className:"pi-flex pi-gap-3.5"},ae(e)?b.default.createElement(i.Button,{onClick:function(){var t,i;return ne(null==e?void 0:e.mainPresence)&&l.clickTransferOrConference(null===(i=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===i?void 0:i.id,X)},variant:"green",disabled:!ne(null==e?void 0:e.mainPresence),"data-tooltip-id":ne(null==e?void 0:e.mainPresence)?"contact-list-tooltip-left":"","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})):re(e)?d.getTotalPhoneNumbers(e)<2?b.default.createElement(i.Button,{onClick:function(){return l.clickTransferOrConference(d.getMainPhoneNumber(e),X)},variant:"green",disabled:0==d.getTotalPhoneNumbers(e),"data-tooltip-id":d.getTotalPhoneNumbers(e)>0?"contact-list-tooltip-left":"","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})):b.default.createElement(i.Button,{onClick:function(){return I(e),void X.island.setContactListView("selectContactNumber")},variant:"transparent","data-tooltip-id":"contact-list-tooltip-left","data-tooltip-content":le("Tooltip.Select phone number")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faAngleRight})):void 0))}),0===Z.length&&!M&&b.default.createElement("p",{className:" pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm"},le("No contacts found"))))));return b.default.createElement(b.default.Fragment,null,function(){switch(E){case"main":default:return oe;case"selectContactNumber":return b.default.createElement(p.SelectContactNumberView,{contact:A})}}(),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-left",place:"left"}),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-back-to-call",place:"right"}),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-call-to-transfer",place:"left"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),i=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var a=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),r=require("../../lib/island/island.js"),n=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),l=require("../../lib/phone/call.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 o=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var s=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js");require("../../store/index.js");var c=require("../CustomThemedTooltip.js"),d=require("../../services/phonebook.js"),p=require("./SelectContactNumberView.js"),m=require("../../node_modules/lodash/debounce.js"),f=require("./ListAvatar.js"),v=require("../../node_modules/react-redux/es/hooks/useSelector.js"),h=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=g(t);exports.ContactListView=function(){var g=v.useSelector(function(e){return e.island}),x=g.isOpen,E=g.contactListView,y=v.useSelector(function(e){return e.users}).endpoints,N=v.useSelector(function(e){return e.currentUser}).username,w=t.useState(!1),k=w[0],j=w[1],C=t.useState([]),T=C[0],_=C[1],q=t.useState([]),P=q[0],L=q[1],S=t.useState(),A=S[0],I=S[1],F=t.useState(!0),B=F[0],H=F[1],O=t.useState(""),z=O[0],D=O[1],V=t.useState(),M=V[0],R=V[1],U=t.useRef(null),W=t.useState(!1),$=W[0],G=W[1],J=t.useState(10),K=J[0],Q=J[1],X=h.useDispatch(),Y=v.useSelector(function(e){return e.currentCall}).paused,Z=t.useMemo(function(){return e.__spreadArray(e.__spreadArray([],T,!0),P,!0)},[T,P]),ee=t.useRef(m.default(function(e){ie(e)},300)).current;function te(e){if(void 0===e&&(e=""),e=e.trim().toLowerCase(),y){var t=null==Object?void 0:Object.values(y).filter(function(t){var i,a,r,n,l;return(null==t?void 0:t.username)!==N&&((null===(i=null==t?void 0:t.endpoints)||void 0===i?void 0:i.extension.find(function(t){var i,a;return null===(a=null===(i=null==t?void 0:t.id)||void 0===i?void 0:i.toLowerCase())||void 0===a?void 0:a.startsWith(e)}))||(null===(r=null===(a=null==t?void 0:t.username)||void 0===a?void 0:a.toLowerCase())||void 0===r?void 0:r.includes(e))||(null===(l=null===(n=null==t?void 0:t.name)||void 0===n?void 0:n.toLowerCase())||void 0===l?void 0:l.includes(e)))});_(t)}}function ie(t){return void 0===t&&(t=""),e.__awaiter(this,void 0,void 0,function(){var i,a;return e.__generator(this,function(e){switch(e.label){case 0:j(!1),t=t.trim().toLowerCase(),/^[0-9*#+]+$/.test(t)?R(!0):R(!1),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,d.searchPhonebook(1,t,"")];case 2:return i=e.sent(),L(i.rows),[3,4];case 3:return a=e.sent(),console.error("Error fetching phonebook:",a),[3,4];case 4:return j(!0),[2]}})})}function ae(e){return e&&"object"==typeof e&&"endpoints"in e&&"username"in e}function re(e){return e&&"object"==typeof e&&"source"in e&&"name"in e}function ne(e){var t;return null===(t=["online","voicemail","cellphone","callforward"])||void 0===t?void 0:t.includes(e)}t.useEffect(function(){return function(){ee.cancel()}},[ee]),s.useEventListener("phone-island-call-transfer",function(e){l.handleAttendedTransfer(e.number,X),u.eventDispatch("phone-island-call-transfer-opened",{})}),t.useEffect(function(){y&&N&&(te(z),B&&(ie(z),H(!1)))},[y,N]),t.useEffect(function(){var e,t,i=function(){var e,t,i;G(!!(U.current&&U.current.scrollTop>3)),U.current&&(null===(e=U.current)||void 0===e?void 0:e.offsetHeight)+(null===(t=U.current)||void 0===t?void 0:t.scrollTop)>=(null===(i=U.current)||void 0===i?void 0:i.scrollHeight)-10&&Q(function(e){return e+10})};return x?null===(e=U.current)||void 0===e||e.addEventListener("scroll",i):null===(t=U.current)||void 0===t||t.removeEventListener("scroll",i),function(){var e;return null===(e=U.current)||void 0===e?void 0:e.removeEventListener("scroll",i)}},[x]);var le=o.useTranslation().t,oe=b.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},b.default.createElement("div",{className:"pi-relative pi-z-50"},b.default.createElement("div",{className:"pi-flex pi-gap-4"},b.default.createElement(i.Button,{variant:"transparent",onClick:function(){l.isInsideConferenceList()&&u.eventDispatch("phone-island-conference-list-close",{}),Y&&u.eventDispatch("phone-island-call-unhold",{}),r.backToPreviousView()},"data-tooltip-id":"contact-list-tooltip-back-to-call","data-tooltip-content":le("Tooltip.Back to call")||""},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faArrowLeft})),b.default.createElement("input",{"data-stop-propagation":!0,type:"text",onChange:function(e){D(e.currentTarget.value),ee(e.currentTarget.value),te(e.currentTarget.value)},value:z,placeholder:le("Common.Search contact or phone number")||"",autoFocus:!0,spellCheck:!1,className:"pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]"}))),!k&&b.default.createElement("div",{className:"pi-mt-6"},Array.from({length:5}).map(function(e,t){return b.default.createElement("div",{key:t,className:"pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center"},b.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})),b.default.createElement("div",{className:"pi-flex pi-flex-col pi-gap-2 pi-w-full"},b.default.createElement("div",{className:"pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"}),b.default.createElement("div",{className:"pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700"})),b.default.createElement("div",{className:"pi-flex pi-items-center pi-justify-center pi-pr-2"},b.default.createElement("div",{className:"pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700"})))})),b.default.createElement("div",{className:k?"":"pi-hidden"},b.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"},$&&b.default.createElement("div",{className:"pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100"})),b.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},b.default.createElement("div",{style:{height:"17rem"},ref:U,className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},M&&b.default.createElement("div",{className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},b.default.createElement(f.default,{placeHolderIcon:n.faUser}),b.default.createElement("div",null,b.default.createElement("div",{className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},le("Common.Phone number entered")),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},z))),b.default.createElement("div",{className:"pi-flex pi-gap-3.5"},b.default.createElement(i.Button,{onClick:function(){return l.clickTransferOrConference(z,X)},variant:"green","data-tooltip-id":"contact-list-tooltip-call-to-transfer","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})))),Z&&Z.slice(0,K).map(function(e,t){return b.default.createElement("div",{key:t,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},b.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},function(){var t,i;return ae(e)?b.default.createElement(b.default.Fragment,null,b.default.createElement(f.default,{username:null==e?void 0:e.username,status:null==e?void 0:e.mainPresence,placeHolderIcon:n.faHeadset}),b.default.createElement("div",null,b.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},e.name),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},null===(i=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===i?void 0:i.id))):re(e)?b.default.createElement(b.default.Fragment,null,b.default.createElement(f.default,{placeHolderIcon:"person"===(null==e?void 0:e.kind)?n.faUser:n.faBuilding}),b.default.createElement("div",null,b.default.createElement("div",{"data-stop-propagation":!0,className:"pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium"},(null==e?void 0:e.displayName)||"-"),b.default.createElement("div",{className:"pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300"},b.default.createElement("span",null,d.getMainPhoneNumber(e)||"-"),d.getTotalPhoneNumbers(e)>1&&b.default.createElement("span",{className:"pi-ml-2"},le("Common.plus_x_others",{count:d.getTotalPhoneNumbers(e)-1}))))):void 0}()),b.default.createElement("div",{className:"pi-flex pi-gap-3.5"},ae(e)?b.default.createElement(i.Button,{onClick:function(){var t,i;return ne(null==e?void 0:e.mainPresence)&&l.clickTransferOrConference(null===(i=null===(t=null==e?void 0:e.endpoints)||void 0===t?void 0:t.mainextension[0])||void 0===i?void 0:i.id,X)},variant:"green",disabled:!ne(null==e?void 0:e.mainPresence),"data-tooltip-id":ne(null==e?void 0:e.mainPresence)?"contact-list-tooltip-left":"","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})):re(e)?d.getTotalPhoneNumbers(e)<2?b.default.createElement(i.Button,{onClick:function(){return l.clickTransferOrConference(d.getMainPhoneNumber(e),X)},variant:"green",disabled:0==d.getTotalPhoneNumbers(e),"data-tooltip-id":d.getTotalPhoneNumbers(e)>0?"contact-list-tooltip-left":"","data-tooltip-content":l.isInsideConferenceList()?le("Conference.Add participant"):le("Tooltip.Transfer call")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faPhone})):b.default.createElement(i.Button,{onClick:function(){return I(e),void X.island.setContactListView("selectContactNumber")},variant:"transparent","data-tooltip-id":"contact-list-tooltip-left","data-tooltip-content":le("Tooltip.Select phone number")},b.default.createElement(a.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:n.faAngleRight})):void 0))}),0===Z.length&&!M&&b.default.createElement("p",{className:" pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm"},le("No contacts found"))))));return b.default.createElement(b.default.Fragment,null,function(){switch(E){case"main":default:return oe;case"selectContactNumber":return b.default.createElement(p.SelectContactNumberView,{contact:A})}}(),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-left",place:"left"}),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-back-to-call",place:"right"}),b.default.createElement(c.CustomThemedTooltip,{className:"pi-z-1000",id:"contact-list-tooltip-call-to-transfer",place:"left"}))};
 //# sourceMappingURL=ContactListView.js.map

package/dist/components/ContactView/ContactListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactListView.js","sources":["../../../src/components/ContactView/ContactListView.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef, useMemo } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToPreviousView } from '../../lib/island/island'\nimport {\n faPhone,\n faArrowLeft,\n faUser,\n faBuilding,\n faAngleRight,\n faHeadset,\n} from '@fortawesome/free-solid-svg-icons'\nimport { UserEndpointsTypes } from '../../types'\nimport {\n clickTransferOrConference,\n handleAttendedTransfer,\n isInsideConferenceList,\n} from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { getMainPhoneNumber, getTotalPhoneNumbers, searchPhonebook } from '../../services/phonebook'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { SelectContactNumberView } from './SelectContactNumberView'\nimport debounce from 'lodash/debounce'\nimport ListAvatar from './ListAvatar'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const ContactListView: FC<ContactListViewProps> = () => {\n const { isOpen, contactListView } = 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 [filteredOperators, setFilteredOperators] = useState<UserEndpointsTypes[]>([])\n const [filteredPhonebookContacts, setFilteredPhonebookContacts] = useState<PhonebookContact[]>([])\n const [currentContact, setCurrentContact] = useState<PhonebookContact>()\n const [firstPhonebookLoading, setFirstPhonebookLoading] = useState(true)\n const [searchQuery, setSearchQuery] = useState('')\n const [showPhoneNumberTyped, setShowPhoneNumberTyped] = 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 dispatch = useDispatch<Dispatch>()\n const { paused } = useSelector((state: RootState) => state.currentCall)\n\n const filteredContacts = useMemo(() => {\n return [...filteredOperators, ...filteredPhonebookContacts]\n }, [filteredOperators, filteredPhonebookContacts])\n\n // debounce phonebook search\n const debouncedSearchPhonebookContacts = useRef(\n debounce((value: string) => {\n retrievePhonebookContacts(value)\n }, 300), // debounce delay\n ).current\n\n // cleanup the debounce function on unmount\n useEffect(() => {\n return () => {\n debouncedSearchPhonebookContacts.cancel()\n }\n }, [debouncedSearchPhonebookContacts])\n\n function searchQueryChanged(event: FormEvent<HTMLInputElement>) {\n setSearchQuery(event.currentTarget.value)\n debouncedSearchPhonebookContacts(event.currentTarget.value)\n filterOperators(event.currentTarget.value)\n }\n\n function retrieveContacts() {\n filterOperators(searchQuery)\n\n // load phonebook contacts only once\n\n if (firstPhonebookLoading) {\n retrievePhonebookContacts(searchQuery)\n setFirstPhonebookLoading(false)\n }\n }\n\n function filterOperators(textQuery: string = '') {\n textQuery = textQuery.trim().toLowerCase()\n\n if (endpoints) {\n const operators = Object?.values(endpoints).filter(\n (userEndpoints: UserEndpointsTypes) =>\n // Remove the currentUser from the list\n userEndpoints?.username !== username &&\n (userEndpoints?.endpoints?.extension.find((extension) =>\n extension?.id?.toLowerCase()?.startsWith(textQuery),\n ) \|\|\n userEndpoints?.username?.toLowerCase()?.includes(textQuery) \|\|\n userEndpoints?.name?.toLowerCase()?.includes(textQuery)),\n )\n setFilteredOperators(operators)\n }\n }\n\n async function retrievePhonebookContacts(textQuery: string = '') {\n setLoaded(false)\n textQuery = textQuery.trim().toLowerCase()\n\n // phone number typed\n\n if (/^[0-9#+]+$/.test(textQuery)) {\n setShowPhoneNumberTyped(true)\n } else {\n setShowPhoneNumberTyped(false)\n }\n\n // search phonebook\n\n try {\n const phonebookSearchResult = await searchPhonebook(1, textQuery, '')\n setFilteredPhonebookContacts(phonebookSearchResult.rows)\n } catch (error) {\n console.error('Error fetching phonebook:', error)\n }\n setLoaded(true)\n }\n\n useEventListener('phone-island-call-transfer', (data: CallStartTypes) => {\n handleAttendedTransfer(data.number, dispatch)\n eventDispatch('phone-island-call-transfer-opened', {})\n })\n\n // Retrieve\n useEffect(() => {\n if (endpoints && username) {\n retrieveContacts()\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 function handleBackClick() {\n if (isInsideConferenceList()) {\n // Close the conference list\n eventDispatch('phone-island-conference-list-close', {})\n }\n // Unhold the call if it was paused during transfer selection\n if (paused) {\n eventDispatch('phone-island-call-unhold', {})\n }\n // Open the call view\n backToPreviousView()\n }\n\n function isUserEndpointsType(obj: any): obj is UserEndpointsTypes {\n return obj && typeof obj === 'object' && 'endpoints' in obj && 'username' in obj\n }\n\n function isPhonebookContact(obj: any): obj is PhonebookContact {\n return obj && typeof obj === 'object' && 'source' in obj && 'name' in obj\n }\n\n function isContactAvailable(mainPresence: string): boolean {\n return ['online', 'voicemail', 'cellphone', 'callforward']?.includes(mainPresence)\n }\n\n function goToSelectNumberView(phonebookContact: PhonebookContact): void {\n setCurrentContact(phonebookContact)\n dispatch.island.setContactListView('selectContactNumber')\n }\n\n const { t } = useTranslation()\n\n const mainView = (\n <div className='pi-relative pi-flex pi-flex-col'>\n {/ Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-gap-4'>\n <Button\n variant='transparent'\n onClick={handleBackClick}\n data-tooltip-id='contact-list-tooltip-back-to-call'\n data-tooltip-content={t('Tooltip.Back to call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <input\n data-stop-propagation={true}\n type='text'\n onChange={searchQueryChanged}\n value={searchQuery}\n placeholder={t('Common.Search contact or phone number') \|\| ''}\n autoFocus\n spellCheck={false}\n className='pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]'\n />\n </div>\n </div>\n {/ skeleton loader /}\n {!loaded && (\n <div className='pi-mt-6'>\n {Array.from({ length: 5 }).map((_, i) => (\n <div\n key={i}\n className='pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1'\n >\n <div className='pi-flex pi-items-center pi-justify-center'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-flex-col pi-gap-2 pi-w-full'>\n <div className='pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n <div className='pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-items-center pi-justify-center pi-pr-2'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/ contact list /}\n <div className={!loaded ? 'pi-hidden' : ''}>\n {/ List shadow /}\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'>\n {showGradient && (\n <div className='pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100'></div>\n )}\n </div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n ref={relativeRef}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ The custom searched number /}\n {showPhoneNumberTyped && (\n <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'>\n <div className='pi-flex pi-items-center pi-gap-4'>\n <ListAvatar placeHolderIcon={faUser} />\n <div>\n <div className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'>\n {t('Common.Phone number entered')}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {searchQuery}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(searchQuery, dispatch)}\n variant='green'\n data-tooltip-id='contact-list-tooltip-call-to-transfer'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n )}\n {/ Operators and phonebook contacts list */}\n {filteredContacts &&\n filteredContacts.slice(0, showingUsers).map((filteredContact, 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 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <>\n <ListAvatar\n username={filteredContact?.username}\n status={filteredContact?.mainPresence}\n placeHolderIcon={faHeadset}\n />\n <div>\n <div\n data-stop-propagation={true}\n className={`pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium`}\n >\n {filteredContact.name}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {filteredContact?.endpoints?.mainextension[0]?.id}\n </div>\n </div>\n </>\n )\n } else if (isPhonebookContact(filteredContact)) {\n return (\n <>\n <ListAvatar\n placeHolderIcon={\n filteredContact?.kind === 'person' ? faUser : faBuilding\n }\n />\n <div>\n <div\n data-stop-propagation={true}\n className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'\n >\n {filteredContact?.displayName \|\| '-'}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n <span>{getMainPhoneNumber(filteredContact) \|\| '-'}</span>\n {getTotalPhoneNumbers(filteredContact) > 1 && (\n <span className='pi-ml-2'>\n {t('Common.plus_x_others', {\n count: getTotalPhoneNumbers(filteredContact) - 1,\n })}\n </span>\n )}\n </div>\n </div>\n </>\n )\n }\n })()}\n </div>\n <div className='pi-flex pi-gap-3.5'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <Button\n onClick={() =>\n isContactAvailable(filteredContact?.mainPresence) &&\n clickTransferOrConference(\n filteredContact?.endpoints?.mainextension[0]?.id,\n dispatch,\n )\n }\n variant='green'\n disabled={!isContactAvailable(filteredContact?.mainPresence)}\n data-tooltip-id={\n isContactAvailable(filteredContact?.mainPresence)\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else if (isPhonebookContact(filteredContact)) {\n if (getTotalPhoneNumbers(filteredContact) < 2) {\n return (\n <Button\n onClick={() =>\n clickTransferOrConference(\n getMainPhoneNumber(filteredContact),\n dispatch,\n )\n }\n variant='green'\n disabled={getTotalPhoneNumbers(filteredContact) == 0}\n data-tooltip-id={\n getTotalPhoneNumbers(filteredContact) > 0\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else {\n // change view to show contact numbers\n return (\n <Button\n onClick={() => goToSelectNumberView(filteredContact)}\n variant='transparent'\n data-tooltip-id={'contact-list-tooltip-left'}\n data-tooltip-content={t('Tooltip.Select phone number')}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faAngleRight} />\n </Button>\n )\n }\n }\n })()}\n </div>\n </div>\n ))}\n {filteredContacts.length === 0 && !showPhoneNumberTyped && (\n <p className=' pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm'>\n {t('No contacts found')}\n </p>\n )}\n </div>\n </div>\n </div>\n </div>\n )\n\n return (\n <>\n {(() => {\n switch (contactListView) {\n case 'main':\n return mainView\n case 'selectContactNumber':\n return <SelectContactNumberView contact={currentContact} />\n default:\n return mainView\n }\n })()}\n <CustomThemedTooltip className='pi-z-1000' id='contact-list-tooltip-left' place='left' />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-back-to-call'\n place='right'\n />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-call-to-transfer'\n place='left'\n />\n </>\n )\n}\n\ninterface ContactListViewProps {}\n\ninterface CallStartTypes {\n number: string\n}\n"],"names":["_a","useSelector","state","island","isOpen","contactListView","endpoints","users","username","currentUser","_b","useState","loaded","setLoaded","_c","filteredOperators","setFilteredOperators","_d","filteredPhonebookContacts","setFilteredPhonebookContacts","_e","currentContact","setCurrentContact","_f","firstPhonebookLoading","setFirstPhonebookLoading","_g","searchQuery","setSearchQuery","_h","showPhoneNumberTyped","setShowPhoneNumberTyped","relativeRef","useRef","_j","showGradient","setShowGradient","_k","showingUsers","setShowingUsers","dispatch","useDispatch","paused","currentCall","filteredContacts","useMemo","__spreadArray","debouncedSearchPhonebookContacts","debounce","value","retrievePhonebookContacts","current","filterOperators","textQuery","trim","toLowerCase","operators","Object","values","filter","userEndpoints","extension","find","id","startsWith","includes","name","test","searchPhonebook","phonebookSearchResult","sent","rows","console","error","error_1","isUserEndpointsType","obj","isPhonebookContact","isContactAvailable","mainPresence","useEffect","cancel","useEventListener","data","handleAttendedTransfer","number","eventDispatch","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","t","useTranslation","mainView","React","createElement","className","Button","variant","onClick","isInsideConferenceList","backToPreviousView","FontAwesomeIcon","icon","faArrowLeft","type","onChange","event","currentTarget","placeholder","autoFocus","spellCheck","Array","from","length","map","_","i","key","style","marginTop","height","ref","ListAvatar","placeHolderIcon","faUser","clickTransferOrConference","faPhone","slice","filteredContact","Fragment","status","faHeadset","mainextension","kind","faBuilding","displayName","getMainPhoneNumber","getTotalPhoneNumbers","count","disabled","setContactListView","faAngleRight","SelectContactNumberView","contact","CustomThemedTooltip","place"],"mappings":"yhDAoCyD,WACjD,IAAAA,EAA8BC,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMC,MAAM,GAA1EC,WAAQC,oBACRC,EAAcL,cAAY,SAACC,GAAqB,OAAAA,EAAMK,kBACtDC,EAAaP,cAAY,SAACC,GAAqB,OAAAA,EAAMO,uBACvDC,EAAsBC,EAAAA,UAAkB,GAAvCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAA4CH,EAAAA,SAA+B,IAA1EI,EAAiBD,EAAA,GAAEE,EAAoBF,EAAA,GACxCG,EAA4DN,EAAAA,SAA6B,IAAxFO,EAAyBD,EAAA,GAAEE,EAA4BF,EAAA,GACxDG,EAAsCT,aAArCU,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GAClCG,EAAoDZ,EAAAA,UAAS,GAA5Da,EAAqBD,EAAA,GAAEE,EAAwBF,EAAA,GAChDG,EAAgCf,EAAAA,SAAS,IAAxCgB,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAkDlB,aAAjDmB,EAAoBD,EAAA,GAAEE,EAAuBF,EAAA,GAC9CG,EAAcC,SAAuB,MACrCC,EAAkCvB,EAAAA,UAAkB,GAAnDwB,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAAkC1B,EAAAA,SAhBZ,IAgBrB2B,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAAWC,EAAAA,cACTC,EAAWzC,cAAY,SAACC,GAAqB,OAAAA,EAAMyC,qBAErDC,EAAmBC,EAAAA,QAAQ,WAC/B,OAAWC,EAAAA,cAAAA,EAAAA,cAAA,GAAA/B,GAAsB,GAAAG,GAA0B,EAC7D,EAAG,CAACH,EAAmBG,IAGjB6B,GAAmCd,EAAAA,OACvCe,EAAQ,QAAC,SAACC,GACRC,GAA0BD,EAC5B,EAAG,MACHE,QA0BF,SAASC,GAAgBC,GAGvB,QAHuB,IAAAA,IAAAA,EAAsB,IAC7CA,EAAYA,EAAUC,OAAOC,cAEzBjD,EAAW,CACb,IAAMkD,EAAYC,kBAAA,EAAAA,OAAQC,OAAOpD,GAAWqD,OAC1C,SAACC,iBAEC,OAAAA,eAAAA,EAAepD,YAAaA,KACH,QAAxBR,EAAA4D,eAAAA,EAAetD,iBAAS,IAAAN,OAAA,EAAAA,EAAE6D,UAAUC,KAAK,SAACD,GACzC,IAAA7D,EAAAU,EAAA,eAAAA,EAAa,QAAbV,EAAA6D,aAAA,EAAAA,EAAWE,UAAE,IAAA/D,OAAA,EAAAA,EAAEuD,oCAAeS,WAAWX,EAAU,MAEX,QAAxCvC,EAAyB,UAAzB8C,aAAa,EAAbA,EAAepD,gBAAU,IAAAE,OAAA,EAAAA,EAAA6C,qBAAe,IAAAzC,OAAA,EAAAA,EAAAmD,SAASZ,cACjDjC,EAAmB,UAAnBwC,aAAA,EAAAA,EAAeM,YAAI,IAAAjD,OAAA,EAAAA,EAAEsC,oCAAeU,SAASZ,IAAW,GAE9DrC,EAAqBwC,EACtB,CACF,CAED,SAAeN,GAA0BG,eAAA,IAAAA,IAAAA,EAAsB,mHAC7DxC,GAAU,GACVwC,EAAYA,EAAUC,OAAOC,cAIzB,cAAcY,KAAKd,GACrBtB,GAAwB,GAExBA,GAAwB,oBAMM,6BAAM,CAAA,EAAAqC,EAAeA,gBAAC,EAAGf,EAAW,mBAA5DgB,EAAwBrE,EAAuCsE,OACrEnD,EAA6BkD,EAAsBE,qCAEnDC,QAAQC,MAAM,4BAA6BC,uBAE7C7D,GAAU,WACX,CAsDD,SAAS8D,GAAoBC,GAC3B,OAAOA,GAAsB,iBAARA,GAAoB,cAAeA,GAAO,aAAcA,CAC9E,CAED,SAASC,GAAmBD,GAC1B,OAAOA,GAAsB,iBAARA,GAAoB,WAAYA,GAAO,SAAUA,CACvE,CAED,SAASE,GAAmBC,SAC1B,OAA4D,QAArD/E,EAAA,CAAC,SAAU,YAAa,YAAa,sBAAgB,IAAAA,OAAA,EAAAA,EAAAiE,SAASc,EACtE,CA9HDC,EAAAA,UAAU,WACR,OAAO,WACLjC,GAAiCkC,QACnC,CACF,EAAG,CAAClC,KA4DJmC,mBAAiB,6BAA8B,SAACC,GAC9CC,EAAAA,uBAAuBD,EAAKE,OAAQ7C,GACpC8C,gBAAc,oCAAqC,CAAA,EACrD,GAGAN,EAAAA,UAAU,WACJ1E,GAAaE,IA1DjB4C,GAAgBzB,GAIZH,IACF0B,GAA0BvB,GAC1BF,GAAyB,IAuD7B,EAAG,CAACnB,EAAWE,IAEfwE,EAAAA,UAAU,mBAEFO,EAAe,qBACnBnD,KACEJ,EAAYmB,SAAWnB,EAAYmB,QAAQqC,UA/Gf,IAqH5BxD,EAAYmB,UACS,QAArBnD,EAAAgC,EAAYmB,eAAS,IAAAnD,OAAA,EAAAA,EAAAyF,eAAkC,QAAnB/E,EAAAsB,EAAYmB,eAAO,IAAAzC,OAAA,EAAAA,EAAE8E,qBACvD1E,EAAAkB,EAAYmB,8BAASuC,cAAe,IAGtCnD,EAAgB,SAACrC,GAAU,OAAAA,EA3HL,EA2HkC,EAE5D,EAOA,OALIE,EACmB,QAArBJ,EAAAgC,EAAYmB,eAAS,IAAAnD,GAAAA,EAAA2F,iBAAiB,SAAUJ,GAE3B,QAArB7E,EAAAsB,EAAYmB,eAAS,IAAAzC,GAAAA,EAAAkF,oBAAoB,SAAUL,GAE9C,WAAM,IAAAvF,EAAA,OAAmB,QAAnBA,EAAAgC,EAAYmB,eAAO,IAAAnD,OAAA,EAAAA,EAAE4F,oBAAoB,SAAUL,GAClE,EAAG,CAACnF,IAgCI,IAAAyF,GAAMC,qBAERC,GACJC,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,mCAEbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,uBACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,oBACbF,EAAAA,QAAAC,cAACE,EAAAA,OACC,CAAAC,QAAQ,cACRC,QAvCV,WACMC,EAAsBA,0BAExBhB,gBAAc,qCAAsC,CAAA,GAGlD5C,GACF4C,gBAAc,2BAA4B,CAAA,GAG5CiB,EAAAA,oBACD,EA4BiC,kBACR,oCACM,uBAAAV,GAAE,yBAA2B,IAEnDG,UAACC,cAAAO,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMC,EAAWA,eAE9DV,EAAAA,QAAAC,cAAA,QAAA,CAAA,yBACyB,EACvBU,KAAK,OACLC,SAjJV,SAA4BC,GAC1BjF,EAAeiF,EAAMC,cAAc7D,OACnCF,GAAiC8D,EAAMC,cAAc7D,OACrDG,GAAgByD,EAAMC,cAAc7D,MACrC,EA8ISA,MAAOtB,EACPoF,YAAalB,GAAE,0CAA4C,GAC3DmB,WACA,EAAAC,YAAY,EACZf,UAAU,6aAKdtF,GACAoF,EAAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,WACZgB,MAAMC,KAAK,CAAEC,OAAQ,IAAKC,IAAI,SAACC,EAAGC,GAAM,OACvCvB,EAAA,QAAAC,cAAA,MAAA,CACEuB,IAAKD,EACLrB,UAAU,yEAEVF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,6CACbF,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,wEAEjBF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,0CACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,kEACfF,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,mEAEjBF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,qDACbF,UAAKC,cAAA,MAAA,CAAAC,UAAU,wEAGpB,IAKLF,EAAK,QAAAC,cAAA,MAAA,CAAAC,UAAYtF,EAAuB,GAAd,aAExBoF,EAAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,2EACZ/D,GACC6D,EAAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,yGAGnBF,UAAKC,cAAA,MAAA,CAAAwB,MAAO,CAAEC,UAAW,SAAWxB,UAAU,gCAE5CF,EAAAA,QAAAC,cAAA,MAAA,CACEwB,MAAO,CAAEE,OAAQ,SACjBC,IAAK5F,EACLkE,UAAU,qUAGTpE,GACCkE,EAAK,QAAAC,cAAA,MAAA,CAAAC,UAAU,qIACbF,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,oCACbF,EAAAA,QAAAC,cAAC4B,EAAAA,QAAU,CAACC,gBAAiBC,EAAMA,SACnC/B,UAAAC,cAAA,MAAA,KACED,UAAKC,cAAA,MAAA,CAAAC,UAAU,8DACZL,GAAE,gCAELG,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,iEACZvE,KAIPqE,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,sBACbF,EAAC,QAAAC,cAAAE,UACCE,QAAS,WAAM,OAAA2B,EAAAA,0BAA0BrG,EAAaa,EAAvC,EACf4D,QAAQ,QACQ,kBAAA,wCAEd,uBAAAE,2BACIT,GAAE,8BACFA,GAAE,0BAGRG,UAAAC,cAACO,EAAeA,gBAAA,CAACN,UAAU,gBAAgBO,KAAMwB,EAAOA,aAM/DrF,GACCA,EAAiBsF,MAAM,EAAG5F,GAAc+E,IAAI,SAACc,EAAiBZ,GAAM,OAClEvB,EACE,QAAAC,cAAA,MAAA,CAAAuB,IAAKD,EACLrB,UAAU,qIAEVF,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,oCACZ,mBACC,OAAIvB,GAAoBwD,GAEpBnC,UAAAC,cAAAD,EAAA,QAAAoC,SAAA,KACEpC,EAAAA,QAACC,cAAA4B,UACC,CAAArH,SAAU2H,aAAe,EAAfA,EAAiB3H,SAC3B6H,OAAQF,aAAA,EAAAA,EAAiBpD,aACzB+C,gBAAiBQ,EAASA,YAE5BtC,UAAAC,cAAA,MAAA,KACED,UACyBC,cAAA,MAAA,CAAA,yBAAA,EACvBC,UAAW,8DAEViC,EAAgBjE,MAEnB8B,EAAK,QAAAC,cAAA,MAAA,CAAAC,UAAU,iEACgC,QAA5CxF,EAA4B,UAA5ByH,aAAe,EAAfA,EAAiB7H,iBAAW,IAAAN,OAAA,EAAAA,EAAAuI,cAAc,UAAE,IAAA7H,OAAA,EAAAA,EAAEqD,MAK9Cc,GAAmBsD,GAE1BnC,UAAAC,cAAAD,EAAA,QAAAoC,SAAA,KACEpC,EAAC,QAAAC,cAAA4B,WACCC,gBAC4B,YAA1BK,aAAe,EAAfA,EAAiBK,MAAoBT,EAAAA,OAASU,EAAAA,aAGlDzC,UAAAC,cAAA,MAAA,KACED,EAAA,QAAAC,cAAA,MAAA,CAAA,yBACyB,EACvBC,UAAU,+DAETiC,eAAAA,EAAiBO,cAAe,KAEnC1C,EAAAA,QAAKC,cAAA,MAAA,CAAAC,UAAU,iEACbF,EAAA,QAAAC,cAAA,OAAA,KAAO0C,EAAAA,mBAAmBR,IAAoB,KAC7CS,EAAAA,qBAAqBT,GAAmB,GACvCnC,EAAM,QAAAC,cAAA,OAAA,CAAAC,UAAU,WACbL,GAAE,uBAAwB,CACzBgD,MAAOD,EAAAA,qBAAqBT,GAAmB,aApBxD,CA6BR,CAnDA,IAqDHnC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,sBAEPvB,GAAoBwD,GAEpBnC,EAAA,QAAAC,cAACE,SAAM,CACLE,QAAS,mBACP,OAAAvB,GAAmBqD,aAAA,EAAAA,EAAiBpD,eACpCiD,EAAAA,0BAC8C,kBAA5ChI,EAAAmI,aAAe,EAAfA,EAAiB7H,gCAAWiI,cAAc,UAAE,IAAA7H,OAAA,EAAAA,EAAEqD,GAC9CvB,EACD,EAEH4D,QAAQ,QACR0C,UAAWhE,GAAmBqD,aAAe,EAAfA,EAAiBpD,cAE7C,kBAAAD,GAAmBqD,aAAA,EAAAA,EAAiBpD,cAChC,4BACA,GAGJ,uBAAAuB,2BACIT,GAAE,8BACFA,GAAE,0BAGRG,UAAAC,cAACO,EAAAA,gBAAe,CAACN,UAAU,gBAAgBO,KAAMwB,aAG5CpD,GAAmBsD,GACxBS,EAAoBA,qBAACT,GAAmB,EAExCnC,EAAA,QAAAC,cAACE,SAAM,CACLE,QAAS,WACP,OAAA2B,EAAyBA,0BACvBW,EAAkBA,mBAACR,GACnB3F,EACD,EAEH4D,QAAQ,QACR0C,SAAmD,GAAzCF,uBAAqBT,GAE7B,kBAAAS,uBAAqBT,GAAmB,EACpC,4BACA,GAGJ,uBAAA7B,2BACIT,GAAE,8BACFA,GAAE,0BAGRG,UAAAC,cAACO,EAAAA,gBAAe,CAACN,UAAU,gBAAgBO,KAAMwB,aAMnDjC,EAAAA,QAACC,cAAAE,EAAMA,OACL,CAAAE,QAAS,WAAM,OA1NzC/E,EA0N8D6G,QAzN9D3F,EAASrC,OAAO4I,mBAAmB,wBA0NT3C,QAAQ,cAAa,kBACJ,4BACK,uBAAAP,GAAE,gCAExBG,UAAAC,cAACO,EAAAA,gBAAe,CAACN,UAAU,gBAAgBO,KAAMuC,uBAnClD,MA4CY,IAA5BpG,EAAiBwE,SAAiBtF,GACjCkE,EAAA,QAAAC,cAAA,IAAA,CAAGC,UAAU,kEACVL,GAAE,0BASjB,OACEG,UAAAC,cAAAD,EAAA,QAAAoC,SAAA,KACG,WACC,OAAQ/H,GACN,IAAK,OAIL,QACE,OAAO0F,GAHT,IAAK,sBACH,OAAOC,EAAAA,sBAACiD,EAAAA,wBAAuB,CAACC,QAAS7H,IAI9C,CATA,GAUD2E,UAAAC,cAACkD,EAAmBA,oBAAA,CAACjD,UAAU,YAAYnC,GAAG,4BAA4BqF,MAAM,SAChFpD,UAAAC,cAACkD,EAAmBA,oBAAA,CAClBjD,UAAU,YACVnC,GAAG,oCACHqF,MAAM,UAERpD,EAAAA,QAAAC,cAACkD,sBACC,CAAAjD,UAAU,YACVnC,GAAG,wCACHqF,MAAM,SAId"}
1	+ {"version":3,"file":"ContactListView.js","sources":["../../../src/components/ContactView/ContactListView.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useEffect, useState, FormEvent, useRef, useMemo } from 'react'\nimport { Button } from '../Button'\nimport { RootState } from '../../store'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { backToPreviousView } from '../../lib/island/island'\nimport {\n faPhone,\n faArrowLeft,\n faUser,\n faBuilding,\n faAngleRight,\n faHeadset,\n} from '@fortawesome/free-solid-svg-icons'\nimport { UserEndpointsTypes } from '../../types'\nimport {\n clickTransferOrConference,\n handleAttendedTransfer,\n isInsideConferenceList,\n} from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { getMainPhoneNumber, getTotalPhoneNumbers, searchPhonebook } from '../../services/phonebook'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { SelectContactNumberView } from './SelectContactNumberView'\nimport debounce from 'lodash/debounce'\nimport ListAvatar from './ListAvatar'\n\nconst USERS_NUMBER_PER_PAGE = 10\nconst SHOW_LIST_GRADIENT_DISTANCE = 3\n\nexport const ContactListView: FC<ContactListViewProps> = () => {\n const { isOpen, contactListView } = 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 [filteredOperators, setFilteredOperators] = useState<UserEndpointsTypes[]>([])\n const [filteredPhonebookContacts, setFilteredPhonebookContacts] = useState<PhonebookContact[]>([])\n const [currentContact, setCurrentContact] = useState<PhonebookContact>()\n const [firstPhonebookLoading, setFirstPhonebookLoading] = useState(true)\n const [searchQuery, setSearchQuery] = useState('')\n const [showPhoneNumberTyped, setShowPhoneNumberTyped] = 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 dispatch = useDispatch<Dispatch>()\n const { paused } = useSelector((state: RootState) => state.currentCall)\n\n const filteredContacts = useMemo(() => {\n return [...filteredOperators, ...filteredPhonebookContacts]\n }, [filteredOperators, filteredPhonebookContacts])\n\n // debounce phonebook search\n const debouncedSearchPhonebookContacts = useRef(\n debounce((value: string) => {\n retrievePhonebookContacts(value)\n }, 300), // debounce delay\n ).current\n\n // cleanup the debounce function on unmount\n useEffect(() => {\n return () => {\n debouncedSearchPhonebookContacts.cancel()\n }\n }, [debouncedSearchPhonebookContacts])\n\n function searchQueryChanged(event: FormEvent<HTMLInputElement>) {\n setSearchQuery(event.currentTarget.value)\n debouncedSearchPhonebookContacts(event.currentTarget.value)\n filterOperators(event.currentTarget.value)\n }\n\n function retrieveContacts() {\n filterOperators(searchQuery)\n\n // load phonebook contacts only once\n\n if (firstPhonebookLoading) {\n retrievePhonebookContacts(searchQuery)\n setFirstPhonebookLoading(false)\n }\n }\n\n function filterOperators(textQuery: string = '') {\n textQuery = textQuery.trim().toLowerCase()\n\n if (endpoints) {\n const operators = Object?.values(endpoints).filter(\n (userEndpoints: UserEndpointsTypes) =>\n // Remove the currentUser from the list\n userEndpoints?.username !== username &&\n (userEndpoints?.endpoints?.extension.find((extension) =>\n extension?.id?.toLowerCase()?.startsWith(textQuery),\n ) \|\|\n userEndpoints?.username?.toLowerCase()?.includes(textQuery) \|\|\n userEndpoints?.name?.toLowerCase()?.includes(textQuery)),\n )\n setFilteredOperators(operators)\n }\n }\n\n async function retrievePhonebookContacts(textQuery: string = '') {\n setLoaded(false)\n textQuery = textQuery.trim().toLowerCase()\n\n // phone number typed\n\n if (/^[0-9#+]+$/.test(textQuery)) {\n setShowPhoneNumberTyped(true)\n } else {\n setShowPhoneNumberTyped(false)\n }\n\n // search phonebook\n\n try {\n const phonebookSearchResult = await searchPhonebook(1, textQuery, '')\n setFilteredPhonebookContacts(phonebookSearchResult.rows)\n } catch (error) {\n console.error('Error fetching phonebook:', error)\n }\n setLoaded(true)\n }\n\n useEventListener('phone-island-call-transfer', (data: CallStartTypes) => {\n handleAttendedTransfer(data.number, dispatch)\n eventDispatch('phone-island-call-transfer-opened', {})\n })\n\n // Retrieve\n useEffect(() => {\n if (endpoints && username) {\n retrieveContacts()\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 function handleBackClick() {\n if (isInsideConferenceList()) {\n // Close the conference list\n eventDispatch('phone-island-conference-list-close', {})\n }\n // Unhold the call if it was paused during transfer selection\n if (paused) {\n eventDispatch('phone-island-call-unhold', {})\n }\n // Open the call view\n backToPreviousView()\n }\n\n function isUserEndpointsType(obj: any): obj is UserEndpointsTypes {\n return obj && typeof obj === 'object' && 'endpoints' in obj && 'username' in obj\n }\n\n function isPhonebookContact(obj: any): obj is PhonebookContact {\n return obj && typeof obj === 'object' && 'source' in obj && 'name' in obj\n }\n\n function isContactAvailable(mainPresence: string): boolean {\n return ['online', 'voicemail', 'cellphone', 'callforward']?.includes(mainPresence)\n }\n\n function goToSelectNumberView(phonebookContact: PhonebookContact): void {\n setCurrentContact(phonebookContact)\n dispatch.island.setContactListView('selectContactNumber')\n }\n\n const { t } = useTranslation()\n\n const mainView = (\n <div className='pi-relative pi-flex pi-flex-col'>\n {/ Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-gap-4'>\n <Button\n variant='transparent'\n onClick={handleBackClick}\n data-tooltip-id='contact-list-tooltip-back-to-call'\n data-tooltip-content={t('Tooltip.Back to call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <input\n data-stop-propagation={true}\n type='text'\n onChange={searchQueryChanged}\n value={searchQuery}\n placeholder={t('Common.Search contact or phone number') \|\| ''}\n autoFocus\n spellCheck={false}\n className='pi-w-full pi-rounded-full dark:pi-bg-gray-950 pi-bg-gray-50 pi-border-2 pi-border-emerald-500 dark:pi-border-emerald-200 active:pi-border-emerald-500 dark:active:pi-border-emerald-200 focus:pi-border-emerald-500 dark:focus:pi-border-emerald-200 pi-text-gray-900 dark:pi-text-gray-50 pi-font-light pi-text-sm pi-px-5 focus:pi-outline-0 focus:pi-ring-0 pi-placeholder-gray-400 dark:pi-placeholder-gray-500 pi-font-[inherit]'\n />\n </div>\n </div>\n {/ skeleton loader /}\n {!loaded && (\n <div className='pi-mt-6'>\n {Array.from({ length: 5 }).map((_, i) => (\n <div\n key={i}\n className='pi-animate-pulse pi-flex pi-items-center pi-space-x-4 pi-px-3 pi-py-1'\n >\n <div className='pi-flex pi-items-center pi-justify-center'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-flex-col pi-gap-2 pi-w-full'>\n <div className='pi-h-3 pi-w-4/5 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n <div className='pi-h-3 pi-w-1/2 pi-rounded pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n <div className='pi-flex pi-items-center pi-justify-center pi-pr-2'>\n <div className='pi-rounded-full pi-h-12 pi-w-12 pi-bg-gray-300 dark:pi-bg-gray-700'></div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/ contact list /}\n <div className={!loaded ? 'pi-hidden' : ''}>\n {/ List shadow /}\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'>\n {showGradient && (\n <div className='pi-h-6 pi-w-full pi-bg-gradient-to-b dark:pi-from-black pi-from-gray-100 pi-to-transparent pi-z-100'></div>\n )}\n </div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n ref={relativeRef}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ The custom searched number /}\n {showPhoneNumberTyped && (\n <div className='pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'>\n <div className='pi-flex pi-items-center pi-gap-4'>\n <ListAvatar placeHolderIcon={faUser} />\n <div>\n <div className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'>\n {t('Common.Phone number entered')}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {searchQuery}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(searchQuery, dispatch)}\n variant='green'\n data-tooltip-id='contact-list-tooltip-call-to-transfer'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n )}\n {/ Operators and phonebook contacts list */}\n {filteredContacts &&\n filteredContacts.slice(0, showingUsers).map((filteredContact, 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 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <>\n <ListAvatar\n username={filteredContact?.username}\n status={filteredContact?.mainPresence}\n placeHolderIcon={faHeadset}\n />\n <div>\n <div\n data-stop-propagation={true}\n className={`pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium`}\n >\n {filteredContact.name}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n {filteredContact?.endpoints?.mainextension[0]?.id}\n </div>\n </div>\n </>\n )\n } else if (isPhonebookContact(filteredContact)) {\n return (\n <>\n <ListAvatar\n placeHolderIcon={\n filteredContact?.kind === 'person' ? faUser : faBuilding\n }\n />\n <div>\n <div\n data-stop-propagation={true}\n className='pi-h-fit pi-max-w-48 pi-truncate pi-text-sm pi-font-medium'\n >\n {filteredContact?.displayName \|\| '-'}\n </div>\n <div className='pi-text-sm pi-max-w-48 pi-text-gray-700 dark:pi-text-gray-300'>\n <span>{getMainPhoneNumber(filteredContact) \|\| '-'}</span>\n {getTotalPhoneNumbers(filteredContact) > 1 && (\n <span className='pi-ml-2'>\n {t('Common.plus_x_others', {\n count: getTotalPhoneNumbers(filteredContact) - 1,\n })}\n </span>\n )}\n </div>\n </div>\n </>\n )\n }\n })()}\n </div>\n <div className='pi-flex pi-gap-3.5'>\n {(() => {\n if (isUserEndpointsType(filteredContact)) {\n return (\n <Button\n onClick={() =>\n isContactAvailable(filteredContact?.mainPresence) &&\n clickTransferOrConference(\n filteredContact?.endpoints?.mainextension[0]?.id,\n dispatch,\n )\n }\n variant='green'\n disabled={!isContactAvailable(filteredContact?.mainPresence)}\n data-tooltip-id={\n isContactAvailable(filteredContact?.mainPresence)\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else if (isPhonebookContact(filteredContact)) {\n if (getTotalPhoneNumbers(filteredContact) < 2) {\n return (\n <Button\n onClick={() =>\n clickTransferOrConference(\n getMainPhoneNumber(filteredContact),\n dispatch,\n )\n }\n variant='green'\n disabled={getTotalPhoneNumbers(filteredContact) == 0}\n data-tooltip-id={\n getTotalPhoneNumbers(filteredContact) > 0\n ? 'contact-list-tooltip-left'\n : ''\n }\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n )\n } else {\n // change view to show contact numbers\n return (\n <Button\n onClick={() => goToSelectNumberView(filteredContact)}\n variant='transparent'\n data-tooltip-id={'contact-list-tooltip-left'}\n data-tooltip-content={t('Tooltip.Select phone number')}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faAngleRight} />\n </Button>\n )\n }\n }\n })()}\n </div>\n </div>\n ))}\n {filteredContacts.length === 0 && !showPhoneNumberTyped && (\n <p className=' pi-font-medium pi-w-full pi-flex pi-justify-center pi-text-sm'>\n {t('No contacts found')}\n </p>\n )}\n </div>\n </div>\n </div>\n </div>\n )\n\n return (\n <>\n {(() => {\n switch (contactListView) {\n case 'main':\n return mainView\n case 'selectContactNumber':\n return <SelectContactNumberView contact={currentContact} />\n default:\n return mainView\n }\n })()}\n <CustomThemedTooltip className='pi-z-1000' id='contact-list-tooltip-left' place='left' />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-back-to-call'\n place='right'\n />\n <CustomThemedTooltip\n className='pi-z-1000'\n id='contact-list-tooltip-call-to-transfer'\n place='left'\n />\n </>\n )\n}\n\ninterface ContactListViewProps {}\n\ninterface CallStartTypes {\n number: string\n}\n"],"names":["_a","useSelector","state","island","isOpen","contactListView","endpoints","users","username","currentUser","_b","useState","loaded","setLoaded","_c","filteredOperators","setFilteredOperators","_d","filteredPhonebookContacts","setFilteredPhonebookContacts","_e","currentContact","setCurrentContact","_f","firstPhonebookLoading","setFirstPhonebookLoading","_g","searchQuery","setSearchQuery","_h","showPhoneNumberTyped","setShowPhoneNumberTyped","relativeRef","useRef","_j","showGradient","setShowGradient","_k","showingUsers","setShowingUsers","dispatch","useDispatch","paused","currentCall","filteredContacts","useMemo","__spreadArray","debouncedSearchPhonebookContacts","debounce","value","retrievePhonebookContacts","current","filterOperators","textQuery","trim","toLowerCase","operators","Object","values","filter","userEndpoints","extension","find","id","startsWith","includes","name","test","searchPhonebook","phonebookSearchResult","sent","rows","console","error","error_1","isUserEndpointsType","obj","isPhonebookContact","isContactAvailable","mainPresence","useEffect","cancel","useEventListener","data","handleAttendedTransfer","number","eventDispatch","handleScroll","scrollTop","offsetHeight","scrollHeight","addEventListener","removeEventListener","t","useTranslation","mainView","React","createElement","className","Button","variant","onClick","isInsideConferenceList","backToPreviousView","FontAwesomeIcon","icon","faArrowLeft","type","onChange","event","currentTarget","placeholder","autoFocus","spellCheck","Array","from","length","map","_","i","key","style","marginTop","height","ref","ListAvatar","placeHolderIcon","faUser","clickTransferOrConference","faPhone","slice","filteredContact","Fragment","status","faHeadset","mainextension","kind","faBuilding","displayName","getMainPhoneNumber","getTotalPhoneNumbers","count","disabled","setContactListView","faAngleRight","SelectContactNumberView","contact","CustomThemedTooltip","place"],"mappings":"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"}

package/dist/components/ContactView/ListAvatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react");require("../../node_modules/react-redux/es/index.js");var a=require("./StatusBullet.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t);exports.default=function(t){var s=t.username,n=t.status,u=t.placeHolderIcon,o=e.__rest(t,["username","status","placeHolderIcon"]),d=i.useSelector(function(e){return e.avatars}).avatars,p=d&&s&&d[s];return l.default.createElement("div",e.__assign({style:e.__assign({},p&&{backgroundImage:"url(".concat(d[s],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"}),"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},o),p?l.default.createElement("div",e.__assign({style:{backgroundImage:"url(".concat(d[s],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},o),l.default.createElement(a.default,{status:n})):l.default.createElement("div",e.__assign({className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition"},o),l.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},l.default.createElement(r.FontAwesomeIcon,{icon:u,className:"pi-h-6 pi-w-6","aria-hidden":"true"}),n&&l.default.createElement(a.default,{status:n}))))};
+"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 a=require("./StatusBullet.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),i=require("../../node_modules/react-redux/es/hooks/useSelector.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t);exports.default=function(t){var s=t.username,n=t.status,u=t.placeHolderIcon,o=e.__rest(t,["username","status","placeHolderIcon"]),d=i.useSelector(function(e){return e.avatars}).avatars,p=d&&s&&d[s];return l.default.createElement("div",e.__assign({style:e.__assign({},p&&{backgroundImage:"url(".concat(d[s],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"}),"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},o),p?l.default.createElement("div",e.__assign({style:{backgroundImage:"url(".concat(d[s],")"),backgroundRepeat:"no-repeat",backgroundSize:"contain"},"data-stop-propagation":!0,className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative"},o),l.default.createElement(a.default,{status:n})):l.default.createElement("div",e.__assign({className:"pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition"},o),l.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},l.default.createElement(r.FontAwesomeIcon,{icon:u,className:"pi-h-6 pi-w-6","aria-hidden":"true"}),n&&l.default.createElement(a.default,{status:n}))))};
 //# sourceMappingURL=ListAvatar.js.map

package/dist/components/ContactView/ListAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListAvatar.js","sources":["../../../src/components/ContactView/ListAvatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport StatusBullet from './StatusBullet'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons'\n\nconst ListAvatar: FC<ListAvatarProps> = ({ username, status, placeHolderIcon, ...props }) => {\n const { avatars } = useSelector((state: RootState) => state.avatars)\n\n const hasValidAvatar = avatars && username && avatars[username]\n\n return (\n <div\n style={{\n ...(hasValidAvatar && {\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }),\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n {hasValidAvatar ? (\n <div\n style={{\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n <StatusBullet status={status} />\n </div>\n ) : (\n <div\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition`}\n {...props}\n >\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon icon={placeHolderIcon} className='pi-h-6 pi-w-6' aria-hidden='true' />\n {status && <StatusBullet status={status} />}\n </div>\n </div>\n )}\n </div>\n )\n}\n\ninterface ListAvatarProps extends ComponentProps<'div'> {\n username?: string\n status?: string\n placeHolderIcon: IconDefinition\n}\n\nexport default ListAvatar\n"],"names":["_a","username","status","placeHolderIcon","props","__rest","avatars","useSelector","state","hasValidAvatar","React","createElement","__assign","style","backgroundImage","concat","backgroundRepeat","backgroundSize","className","StatusBullet","FontAwesomeIcon","icon"],"mappings":"~~ydAUwC~~,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAMF,EAAAE,OAAEC,EAAeH,EAAAG,gBAAKC,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,WAAA,SAAA,oBAC/BM,EAAYC,cAAY,SAACC,GAAqB,OAAAA,EAAMF,kBAEtDG,EAAiBH,GAAWL,GAAYK,EAAQL,GAEtD,OACES,EACE,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CAAAC,MACKD,EAAAA,SAAA,CAAA,EAACH,GAAkB,CACpBK,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,qCAGG,EACvBC,UAAW,+EACPd,GAEHK,EACCC,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEC,MAAO,CACLC,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,WACjB,yBACsB,EACvBC,UAAW,+EACPd,GAEJM,EAAA,QAAAC,cAACQ,EAAY,QAAC,CAAAjB,OAAQA,KAGxBQ,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEM,UAAW,iHACPd,GAEJM,EAAAA,QAAKC,cAAA,MAAA,CAAAO,UAAU,mHACbR,UAACC,cAAAS,EAAeA,gBAAC,CAAAC,KAAMlB,EAAiBe,UAAU,gBAA4B,cAAA,SAC7EhB,GAAUQ,EAAAA,QAAAC,cAACQ,UAAY,CAACjB,OAAQA,MAM7C"}
1	+ {"version":3,"file":"ListAvatar.js","sources":["../../../src/components/ContactView/ListAvatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../../store'\nimport StatusBullet from './StatusBullet'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons'\n\nconst ListAvatar: FC<ListAvatarProps> = ({ username, status, placeHolderIcon, ...props }) => {\n const { avatars } = useSelector((state: RootState) => state.avatars)\n\n const hasValidAvatar = avatars && username && avatars[username]\n\n return (\n <div\n style={{\n ...(hasValidAvatar && {\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }),\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n {hasValidAvatar ? (\n <div\n style={{\n backgroundImage: `url(${avatars[username]})`,\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n }}\n data-stop-propagation={true}\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-500 pi-flex-shrink-0 pi-relative`}\n {...props}\n >\n <StatusBullet status={status} />\n </div>\n ) : (\n <div\n className={`pi-w-12 pi-h-12 pi-rounded-full pi-bg-gray-700 dark:pi-bg-gray-200 pi-flex-shrink-0 pi-relative pi-transition`}\n {...props}\n >\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon icon={placeHolderIcon} className='pi-h-6 pi-w-6' aria-hidden='true' />\n {status && <StatusBullet status={status} />}\n </div>\n </div>\n )}\n </div>\n )\n}\n\ninterface ListAvatarProps extends ComponentProps<'div'> {\n username?: string\n status?: string\n placeHolderIcon: IconDefinition\n}\n\nexport default ListAvatar\n"],"names":["_a","username","status","placeHolderIcon","props","__rest","avatars","useSelector","state","hasValidAvatar","React","createElement","__assign","style","backgroundImage","concat","backgroundRepeat","backgroundSize","className","StatusBullet","FontAwesomeIcon","icon"],"mappings":"2dAUwC,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAMF,EAAAE,OAAEC,EAAeH,EAAAG,gBAAKC,EAAxCC,EAAAA,OAAAL,EAAA,CAAA,WAAA,SAAA,oBAC/BM,EAAYC,cAAY,SAACC,GAAqB,OAAAA,EAAMF,kBAEtDG,EAAiBH,GAAWL,GAAYK,EAAQL,GAEtD,OACES,EACE,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CAAAC,MACKD,EAAAA,SAAA,CAAA,EAACH,GAAkB,CACpBK,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,qCAGG,EACvBC,UAAW,+EACPd,GAEHK,EACCC,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEC,MAAO,CACLC,gBAAiB,OAAOC,OAAAT,EAAQL,GAAY,KAC5Ce,iBAAkB,YAClBC,eAAgB,WACjB,yBACsB,EACvBC,UAAW,+EACPd,GAEJM,EAAA,QAAAC,cAACQ,EAAY,QAAC,CAAAjB,OAAQA,KAGxBQ,EAAA,QAAAC,cAAA,MAAAC,EAAAA,SAAA,CACEM,UAAW,iHACPd,GAEJM,EAAAA,QAAKC,cAAA,MAAA,CAAAO,UAAU,mHACbR,UAACC,cAAAS,EAAeA,gBAAC,CAAAC,KAAMlB,EAAiBe,UAAU,gBAA4B,cAAA,SAC7EhB,GAAUQ,EAAAA,QAAAC,cAACQ,UAAY,CAACjB,OAAQA,MAM7C"}

package/dist/components/ContactView/SelectContactNumberView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),r=require("../../lib/phone/call.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 l=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../CustomThemedTooltip.js"),s=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),o=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(e);exports.SelectContactNumberView=function(p){var u=p.contact,d=o.useDispatch(),m=l.useTranslation().t,f=e.useMemo(function(){for(var e=[],t=0,i=["extension","workphone","cellphone"];t<i.length;t++){var a=i[t],r=null==u?void 0:u[a];r&&e.push({number:r,type:a})}return e},[u]);function h(e){switch(e){case"extension":return a.faHeadset;case"workphone":return s.faOfficePhone;case"cellphone":return a.faMobile;default:return a.faPhone}}return c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},c.default.createElement("div",{className:"pi-relative pi-z-50"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50"},c.default.createElement(t.Button,{onClick:function(){return d.island.setContactListView("main")},variant:"transparent","data-tooltip-id":"tooltip-back-to-transfer-results","data-tooltip-content":m("Common.Back")||""},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faArrowLeft})),c.default.createElement("h1",{className:"pi-text-lg pi-font-medium pi-leading-7"},(null==u?void 0:u.displayName)||"-"))),c.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"}),c.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},c.default.createElement("div",{style:{height:"17rem"},className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},f.map(function(e,l){return c.default.createElement("div",{key:l,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},c.default.createElement("div",{className:"pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full"},c.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},c.default.createElement(i.FontAwesomeIcon,{icon:h(e.type),className:"pi-h-6 pi-w-6","aria-hidden":"true"}))),c.default.createElement("div",null,c.default.createElement("div",{style:{maxWidth:"196px"},"data-stop-propagation":!0,className:"pi-h-fit pi-truncate pi-text-sm pi-font-medium"},m("Phone.".concat(e.type))),c.default.createElement("div",{className:"pi-text-sm pi-text-gray-700 dark:pi-text-gray-300"},e.number))),c.default.createElement("div",{className:"pi-flex pi-gap-3.5"},c.default.createElement(t.Button,{onClick:function(){return r.clickTransferOrConference(e.number,d)},variant:"green","data-tooltip-id":"transfer-list-tooltip-left","data-tooltip-content":r.isInsideConferenceList()?m("Conference.Add participant"):m("Tooltip.Transfer call")},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faPhone}))))})))),c.default.createElement(n.CustomThemedTooltip,{id:"tooltip-back-to-transfer-results",place:"right"}),c.default.createElement(n.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-list-tooltip-left",place:"left"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js");require("../../node_modules/react-redux/es/index.js");var i=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),a=require("../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),r=require("../../lib/phone/call.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 l=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var n=require("../CustomThemedTooltip.js"),s=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),o=require("../../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(e);exports.SelectContactNumberView=function(p){var u=p.contact,d=o.useDispatch(),m=l.useTranslation().t,f=e.useMemo(function(){for(var e=[],t=0,i=["extension","workphone","cellphone"];t<i.length;t++){var a=i[t],r=null==u?void 0:u[a];r&&e.push({number:r,type:a})}return e},[u]);function h(e){switch(e){case"extension":return a.faHeadset;case"workphone":return s.faOfficePhone;case"cellphone":return a.faMobile;default:return a.faPhone}}return c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:"pi-relative pi-flex pi-flex-col"},c.default.createElement("div",{className:"pi-relative pi-z-50"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50"},c.default.createElement(t.Button,{onClick:function(){return d.island.setContactListView("main")},variant:"transparent","data-tooltip-id":"tooltip-back-to-transfer-results","data-tooltip-content":m("Common.Back")||""},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faArrowLeft})),c.default.createElement("h1",{className:"pi-text-lg pi-font-medium pi-leading-7"},(null==u?void 0:u.displayName)||"-"))),c.default.createElement("div",{className:"pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4"}),c.default.createElement("div",{style:{marginTop:"-22px"},className:"pi-flex pi-flex-col pi-gap-7"},c.default.createElement("div",{style:{height:"17rem"},className:"pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25"},f.map(function(e,l){return c.default.createElement("div",{key:l,className:"pi-flex pi-items-center pi-w-full pi-justify-between pi-px-3 pi-py-1 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800"},c.default.createElement("div",{className:"pi-flex pi-items-center pi-gap-4"},c.default.createElement("div",{className:"pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full"},c.default.createElement("div",{className:"pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center"},c.default.createElement(i.FontAwesomeIcon,{icon:h(e.type),className:"pi-h-6 pi-w-6","aria-hidden":"true"}))),c.default.createElement("div",null,c.default.createElement("div",{style:{maxWidth:"196px"},"data-stop-propagation":!0,className:"pi-h-fit pi-truncate pi-text-sm pi-font-medium"},m("Phone.".concat(e.type))),c.default.createElement("div",{className:"pi-text-sm pi-text-gray-700 dark:pi-text-gray-300"},e.number))),c.default.createElement("div",{className:"pi-flex pi-gap-3.5"},c.default.createElement(t.Button,{onClick:function(){return r.clickTransferOrConference(e.number,d)},variant:"green","data-tooltip-id":"transfer-list-tooltip-left","data-tooltip-content":r.isInsideConferenceList()?m("Conference.Add participant"):m("Tooltip.Transfer call")},c.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faPhone}))))})))),c.default.createElement(n.CustomThemedTooltip,{id:"tooltip-back-to-transfer-results",place:"right"}),c.default.createElement(n.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-list-tooltip-left",place:"left"}))};
 //# sourceMappingURL=SelectContactNumberView.js.map

package/dist/components/ContactView/SelectContactNumberView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectContactNumberView.js","sources":["../../../src/components/ContactView/SelectContactNumberView.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone, faArrowLeft, faMobile, faHeadset } from '@fortawesome/free-solid-svg-icons'\nimport { clickTransferOrConference, isInsideConferenceList } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\n\nexport const SelectContactNumberView: FC<SelectContactNumberViewProps> = ({ contact }) => {\n const dispatch = useDispatch<Dispatch>()\n const { t } = useTranslation()\n\n type PhoneNumber = {\n number: string\n type: string\n }\n\n const phoneNumbers = useMemo(() => {\n const phoneNumbers: PhoneNumber[] = []\n\n const phoneTypes = ['extension', 'workphone', 'cellphone']\n\n for (const type of phoneTypes) {\n const phoneNumber = contact?.[type]\n if (phoneNumber) {\n phoneNumbers.push({\n number: phoneNumber,\n type: type,\n })\n }\n }\n return phoneNumbers\n }, [contact])\n\n function getPhoneIcon(type: string) {\n switch (type) {\n case 'extension':\n return faHeadset\n case 'workphone':\n return faOfficePhone\n case 'cellphone':\n return faMobile\n default:\n return faPhone\n }\n }\n\n return (\n <>\n <div className='pi-relative pi-flex pi-flex-col'>\n {/* Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50'>\n <Button\n onClick={() => dispatch.island.setContactListView('main')}\n variant='transparent'\n data-tooltip-id='tooltip-back-to-transfer-results'\n data-tooltip-content={t('Common.Back') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <h1 className='pi-text-lg pi-font-medium pi-leading-7'>\n {contact?.displayName \|\| '-'}\n </h1>\n </div>\n </div>\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'></div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ Phone numbers of phonebook contact */}\n {phoneNumbers.map((phoneNumber, 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 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n <div className='pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full'>\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon\n icon={getPhoneIcon(phoneNumber.type)}\n className='pi-h-6 pi-w-6'\n aria-hidden='true'\n />\n </div>\n </div>\n <div>\n <div\n style={{ maxWidth: '196px' }}\n data-stop-propagation={true}\n className='pi-h-fit pi-truncate pi-text-sm pi-font-medium'\n >\n {t(`Phone.${phoneNumber.type}`)}\n </div>\n <div className='pi-text-sm pi-text-gray-700 dark:pi-text-gray-300'>\n {phoneNumber.number}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(phoneNumber.number, dispatch)}\n variant='green'\n data-tooltip-id='transfer-list-tooltip-left'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n <CustomThemedTooltip id={`tooltip-back-to-transfer-results`} place='right' />\n <CustomThemedTooltip className='pi-z-1000' id='transfer-list-tooltip-left' place='left' />\n </>\n )\n}\n\ninterface SelectContactNumberViewProps {\n contact?: PhonebookContact\n}\n"],"names":["_a","contact","dispatch","useDispatch","t","useTranslation","phoneNumbers","useMemo","phoneTypes_1","_i","length","type","phoneNumber","push","number","getPhoneIcon","faHeadset","faOfficePhone","faMobile","faPhone","React","createElement","Fragment","className","Button","onClick","island","setContactListView","variant","FontAwesomeIcon","icon","faArrowLeft","displayName","style","marginTop","height","map","i","key","maxWidth","concat","clickTransferOrConference","isInsideConferenceList","CustomThemedTooltip","id","place"],"mappings":"~~upCAeyE~~,SAACA,GAAE,IAAAC,EAAOD,EAAAC,QAC3EC,EAAWC,EAAAA,cACTC,EAAMC,qBAORC,EAAeC,EAAAA,QAAQ,WAK3B,IAJA,IAAMD,EAA8B,OAIjBE,EAFA,CAAC,YAAa,YAAa,aAE3BC,EAAUD,EAAAE,OAAVD,IAAY,CAA1B,IAAME,EAAIH,EAAAC,GACPG,EAAcX,eAAAA,EAAUU,GAC1BC,GACFN,EAAaO,KAAK,CAChBC,OAAQF,EACRD,KAAMA,GAGX,CACD,OAAOL,CACT,EAAG,CAACL,IAEJ,SAASc,EAAaJ,GACpB,OAAQA,GACN,IAAK,YACH,OAAOK,YACT,IAAK,YACH,OAAOC,gBACT,IAAK,YACH,OAAOC,WACT,QACE,OAAOC,UAEZ,CAED,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mCAEbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,uBACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,0EACbH,UAAAC,cAACG,EAAAA,OAAM,CACLC,QAAS,WAAM,OAAAvB,EAASwB,OAAOC,mBAAmB,SAClDC,QAAQ,cACQ,kBAAA,mCACM,uBAAAxB,EAAE,gBAAkB,IAE1CgB,UAACC,cAAAQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMC,EAAWA,eAE9DX,EAAA,QAAAC,cAAA,KAAA,CAAIE,UAAU,2CACXtB,aAAA,EAAAA,EAAS+B,cAAe,OAI/BZ,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,4EACfH,UAAKC,cAAA,MAAA,CAAAY,MAAO,CAAEC,UAAW,SAAWX,UAAU,gCAE5CH,EAAAA,QAAAC,cAAA,MAAA,CACEY,MAAO,CAAEE,OAAQ,SACjBZ,UAAU,qUAGTjB,EAAa8B,IAAI,SAACxB,EAAayB,GAAM,OACpCjB,UACEC,cAAA,MAAA,CAAAiB,IAAKD,EACLd,UAAU,qIAEVH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oHACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mHACbH,EAAAA,QAAAC,cAACQ,EAAAA,gBACC,CAAAC,KAAMf,EAAaH,EAAYD,MAC/BY,UAAU,8BACE,WAIlBH,UAAAC,cAAA,MAAA,KACED,EACE,QAAAC,cAAA,MAAA,CAAAY,MAAO,CAAEM,SAAU,SACI,yBAAA,EACvBhB,UAAU,kDAETnB,EAAE,SAAAoC,OAAS5B,EAAYD,QAE1BS,UAAKC,cAAA,MAAA,CAAAE,UAAU,qDACZX,EAAYE,UAInBM,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sBACbH,EAAC,QAAAC,cAAAG,SACC,CAAAC,QAAS,WAAM,OAAAgB,EAAyBA,0BAAC7B,EAAYE,OAAQZ,EAAS,EACtE0B,QAAQ,QACQ,kBAAA,6BAEd,uBAAAc,2BACItC,EAAE,8BACFA,EAAE,0BAGRgB,EAAAA,QAAAC,cAACQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMX,EAAOA,YAI/D,MAIPC,EAAC,QAAAC,cAAAsB,uBAAoBC,GAAI,mCAAoCC,MAAM,UACnEzB,EAAAA,QAAAC,cAACsB,sBAAoB,CAAApB,UAAU,YAAYqB,GAAG,6BAA6BC,MAAM,SAGvF"}
1	+ {"version":3,"file":"SelectContactNumberView.js","sources":["../../../src/components/ContactView/SelectContactNumberView.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, useMemo } from 'react'\nimport { Button } from '../Button'\nimport { useDispatch } from 'react-redux'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faPhone, faArrowLeft, faMobile, faHeadset } from '@fortawesome/free-solid-svg-icons'\nimport { clickTransferOrConference, isInsideConferenceList } from '../../lib/phone/call'\nimport { Dispatch } from '../../store'\nimport { useTranslation } from 'react-i18next'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\nimport { PhonebookContact } from '../../types/phonebook'\nimport { faOfficePhone } from '@nethesis/nethesis-solid-svg-icons'\n\nexport const SelectContactNumberView: FC<SelectContactNumberViewProps> = ({ contact }) => {\n const dispatch = useDispatch<Dispatch>()\n const { t } = useTranslation()\n\n type PhoneNumber = {\n number: string\n type: string\n }\n\n const phoneNumbers = useMemo(() => {\n const phoneNumbers: PhoneNumber[] = []\n\n const phoneTypes = ['extension', 'workphone', 'cellphone']\n\n for (const type of phoneTypes) {\n const phoneNumber = contact?.[type]\n if (phoneNumber) {\n phoneNumbers.push({\n number: phoneNumber,\n type: type,\n })\n }\n }\n return phoneNumbers\n }, [contact])\n\n function getPhoneIcon(type: string) {\n switch (type) {\n case 'extension':\n return faHeadset\n case 'workphone':\n return faOfficePhone\n case 'cellphone':\n return faMobile\n default:\n return faPhone\n }\n }\n\n return (\n <>\n <div className='pi-relative pi-flex pi-flex-col'>\n {/* Top section /}\n <div className='pi-relative pi-z-50'>\n <div className='pi-flex pi-items-center pi-gap-2 pi-text-gray-900 dark:pi-text-gray-50'>\n <Button\n onClick={() => dispatch.island.setContactListView('main')}\n variant='transparent'\n data-tooltip-id='tooltip-back-to-transfer-results'\n data-tooltip-content={t('Common.Back') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowLeft} />\n </Button>\n <h1 className='pi-text-lg pi-font-medium pi-leading-7'>\n {contact?.displayName \|\| '-'}\n </h1>\n </div>\n </div>\n <div className='pi-z-30 pi-h-6 pi-pointer-events-none pi-bg-transparent pi-mt-7 pi-pr-4'></div>\n <div style={{ marginTop: '-22px' }} className='pi-flex pi-flex-col pi-gap-7'>\n {/ List section /}\n <div\n style={{ height: '17rem' }}\n className='pi-relative pi-w-full pi-flex pi-flex-col pi-gap-1 pi-overflow-y-auto pi-overflow-x-hidden pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25'\n >\n {/ Phone numbers of phonebook contact */}\n {phoneNumbers.map((phoneNumber, 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 pi-rounded-md hover:pi-bg-gray-200 hover:dark:pi-bg-gray-800'\n >\n <div className='pi-flex pi-items-center pi-gap-4'>\n <div className='pi-relative pi-block pi-shrink-0 pi-h-12 pi-w-12 pi-text-base pi-bg-gray-700 dark:pi-bg-gray-200 pi-rounded-full'>\n <div className='pi-text-white dark:pi-text-gray-950 pi-w-full pi-h-full pi-fill-white pi-flex pi-justify-center pi-items-center'>\n <FontAwesomeIcon\n icon={getPhoneIcon(phoneNumber.type)}\n className='pi-h-6 pi-w-6'\n aria-hidden='true'\n />\n </div>\n </div>\n <div>\n <div\n style={{ maxWidth: '196px' }}\n data-stop-propagation={true}\n className='pi-h-fit pi-truncate pi-text-sm pi-font-medium'\n >\n {t(`Phone.${phoneNumber.type}`)}\n </div>\n <div className='pi-text-sm pi-text-gray-700 dark:pi-text-gray-300'>\n {phoneNumber.number}\n </div>\n </div>\n </div>\n <div className='pi-flex pi-gap-3.5'>\n <Button\n onClick={() => clickTransferOrConference(phoneNumber.number, dispatch)}\n variant='green'\n data-tooltip-id='transfer-list-tooltip-left'\n data-tooltip-content={\n isInsideConferenceList()\n ? t('Conference.Add participant')\n : t('Tooltip.Transfer call')\n }\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faPhone} />\n </Button>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n <CustomThemedTooltip id={`tooltip-back-to-transfer-results`} place='right' />\n <CustomThemedTooltip className='pi-z-1000' id='transfer-list-tooltip-left' place='left' />\n </>\n )\n}\n\ninterface SelectContactNumberViewProps {\n contact?: PhonebookContact\n}\n"],"names":["_a","contact","dispatch","useDispatch","t","useTranslation","phoneNumbers","useMemo","phoneTypes_1","_i","length","type","phoneNumber","push","number","getPhoneIcon","faHeadset","faOfficePhone","faMobile","faPhone","React","createElement","Fragment","className","Button","onClick","island","setContactListView","variant","FontAwesomeIcon","icon","faArrowLeft","displayName","style","marginTop","height","map","i","key","maxWidth","concat","clickTransferOrConference","isInsideConferenceList","CustomThemedTooltip","id","place"],"mappings":"ypCAeyE,SAACA,GAAE,IAAAC,EAAOD,EAAAC,QAC3EC,EAAWC,EAAAA,cACTC,EAAMC,qBAORC,EAAeC,EAAAA,QAAQ,WAK3B,IAJA,IAAMD,EAA8B,OAIjBE,EAFA,CAAC,YAAa,YAAa,aAE3BC,EAAUD,EAAAE,OAAVD,IAAY,CAA1B,IAAME,EAAIH,EAAAC,GACPG,EAAcX,eAAAA,EAAUU,GAC1BC,GACFN,EAAaO,KAAK,CAChBC,OAAQF,EACRD,KAAMA,GAGX,CACD,OAAOL,CACT,EAAG,CAACL,IAEJ,SAASc,EAAaJ,GACpB,OAAQA,GACN,IAAK,YACH,OAAOK,YACT,IAAK,YACH,OAAOC,gBACT,IAAK,YACH,OAAOC,WACT,QACE,OAAOC,UAEZ,CAED,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mCAEbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,uBACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,0EACbH,UAAAC,cAACG,EAAAA,OAAM,CACLC,QAAS,WAAM,OAAAvB,EAASwB,OAAOC,mBAAmB,SAClDC,QAAQ,cACQ,kBAAA,mCACM,uBAAAxB,EAAE,gBAAkB,IAE1CgB,UAACC,cAAAQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMC,EAAWA,eAE9DX,EAAA,QAAAC,cAAA,KAAA,CAAIE,UAAU,2CACXtB,aAAA,EAAAA,EAAS+B,cAAe,OAI/BZ,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,4EACfH,UAAKC,cAAA,MAAA,CAAAY,MAAO,CAAEC,UAAW,SAAWX,UAAU,gCAE5CH,EAAAA,QAAAC,cAAA,MAAA,CACEY,MAAO,CAAEE,OAAQ,SACjBZ,UAAU,qUAGTjB,EAAa8B,IAAI,SAACxB,EAAayB,GAAM,OACpCjB,UACEC,cAAA,MAAA,CAAAiB,IAAKD,EACLd,UAAU,qIAEVH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oCACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,oHACbH,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,mHACbH,EAAAA,QAAAC,cAACQ,EAAAA,gBACC,CAAAC,KAAMf,EAAaH,EAAYD,MAC/BY,UAAU,8BACE,WAIlBH,UAAAC,cAAA,MAAA,KACED,EACE,QAAAC,cAAA,MAAA,CAAAY,MAAO,CAAEM,SAAU,SACI,yBAAA,EACvBhB,UAAU,kDAETnB,EAAE,SAAAoC,OAAS5B,EAAYD,QAE1BS,UAAKC,cAAA,MAAA,CAAAE,UAAU,qDACZX,EAAYE,UAInBM,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sBACbH,EAAC,QAAAC,cAAAG,SACC,CAAAC,QAAS,WAAM,OAAAgB,EAAyBA,0BAAC7B,EAAYE,OAAQZ,EAAS,EACtE0B,QAAQ,QACQ,kBAAA,6BAEd,uBAAAc,2BACItC,EAAE,8BACFA,EAAE,0BAGRgB,EAAAA,QAAAC,cAACQ,EAAAA,gBAAgB,CAAAN,UAAU,gBAAgBO,KAAMX,EAAOA,YAI/D,MAIPC,EAAC,QAAAC,cAAAsB,uBAAoBC,GAAI,mCAAoCC,MAAM,UACnEzB,EAAAA,QAAAC,cAACsB,sBAAoB,CAAApB,UAAU,YAAYqB,GAAG,6BAA6BC,MAAM,SAGvF"}

package/dist/components/ContactView/TransferActions.js CHANGED Viewed

@@ -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"),s=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),i=require("../../lib/webrtc/messages.js"),o=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var n=require("../../static/outgoing_ringtone.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 a=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var l=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js");var d=require("../CustomThemedTooltip.js"),c=require("../../node_modules/react-redux/es/hooks/useDispatch.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(e);exports.TransferActions=function(){var e=c.useDispatch(),m=p.useSelector(function(e){return e.currentCall});function j(){e.currentCall.updateTransferSwitching(!0),i.sendDTMF("*"),o.store.getState().player.audioPlayerPlaying||e.player.updateStartAudioPlayer({src:n.default,loop:!0}),setTimeout(function(){i.sendDTMF("4"),e.player.stopAudioPlayer(),u.eventDispatch("phone-island-call-transfer-switched",{})},500)}m.transferCalls,m.number,l.useEventListener("phone-island-call-transfer-switch",function(){j()});var h=a.useTranslation().t;return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},f.default.createElement("div",null),f.default.createElement(t.Button,{onClick:j,variant:"default","data-tooltip-id":"transfer-actions-tooltip","data-tooltip-content":h("Tooltip.Switch call")||""},f.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:s.faArrowsRepeat})),f.default.createElement("div",null)),f.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-actions-tooltip",place:"bottom"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Button.js"),r=require("../../node_modules/@fortawesome/react-fontawesome/dist/index.js"),s=require("../../node_modules/@nethesis/nethesis-solid-svg-icons/index.mjs.js"),i=require("../../lib/webrtc/messages.js"),o=require("../../store/index.js");require("../../node_modules/react-redux/es/index.js");var n=require("../../static/outgoing_ringtone.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 a=require("../../node_modules/react-i18next/dist/es/useTranslation.js");require("../../node_modules/@babel/runtime/helpers/slicedToArray.js");var l=require("../../utils/customHooks/useEventListener.js"),u=require("../../utils/genericFunctions/eventDispatch.js");require("../../node_modules/tslib/tslib.es6.js");var d=require("../CustomThemedTooltip.js"),c=require("../../node_modules/react-redux/es/hooks/useDispatch.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(e);exports.TransferActions=function(){var e=c.useDispatch(),m=p.useSelector(function(e){return e.currentCall});function j(){e.currentCall.updateTransferSwitching(!0),i.sendDTMF("*"),o.store.getState().player.audioPlayerPlaying||e.player.updateStartAudioPlayer({src:n.default,loop:!0}),setTimeout(function(){i.sendDTMF("4"),e.player.stopAudioPlayer(),u.eventDispatch("phone-island-call-transfer-switched",{})},500)}m.transferCalls,m.number,l.useEventListener("phone-island-call-transfer-switch",function(){j()});var h=a.useTranslation().t;return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:"pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center"},f.default.createElement("div",null),f.default.createElement(t.Button,{onClick:j,variant:"default","data-tooltip-id":"transfer-actions-tooltip","data-tooltip-content":h("Tooltip.Switch call")||""},f.default.createElement(r.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:s.faArrowsRepeat})),f.default.createElement("div",null)),f.default.createElement(d.CustomThemedTooltip,{className:"pi-z-1000",id:"transfer-actions-tooltip",place:"bottom"}))};
 //# sourceMappingURL=TransferActions.js.map

package/dist/components/ContactView/TransferActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TransferActions.js","sources":["../../../src/components/ContactView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowsRepeat } 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'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\n//// TODO this component and related events seems unused, remove?\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n const dispatch = useDispatch<Dispatch>()\n const { transferCalls, number } = useSelector((state: RootState) => state.currentCall)\n\n // Cancels the current transfer through dtmfs\n function switchTransfer() {\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\n eventDispatch('phone-island-call-transfer-switched', {})\n }, 500)\n }\n useEventListener('phone-island-call-transfer-switch', () => {\n switchTransfer()\n })\n\n const { t } = useTranslation()\n\n return (\n <>\n <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n <div></div>\n <Button\n onClick={switchTransfer}\n variant='default'\n data-tooltip-id='transfer-actions-tooltip'\n data-tooltip-content={t('Tooltip.Switch call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowsRepeat} />\n </Button>\n <div></div>\n </div>\n <CustomThemedTooltip className='pi-z-1000' id='transfer-actions-tooltip' place='bottom' />\n </>\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","switchTransfer","updateTransferSwitching","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","eventDispatch","useEventListener","t","useTranslation","React","createElement","Fragment","className","Button","onClick","variant","FontAwesomeIcon","icon","faArrowsRepeat","CustomThemedTooltip","id","place"],"mappings":"~~m4CAkByD~~,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAA4BC,EAAWA,YAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,GAGpE,SAASC,IACPN,EAASK,YAAYE,yBAAwB,GAE7CC,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDZ,EAASW,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,WAAW,WAETT,EAAQA,SAAC,KACTR,EAASW,OAAOO,kBAEhBC,gBAAc,sCAAuC,CAAA,EACtD,EAAE,IACJ,0BACDC,EAAgBA,iBAAC,oCAAqC,WACpDd,GACF,GAEQ,IAAAe,EAAMC,qBAEd,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sHACbH,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAC,QAAStB,EACTuB,QAAQ,UAAS,kBACD,2BACM,uBAAAR,EAAE,wBAA0B,IAElDE,UAACC,cAAAM,EAAAA,gBAAgB,CAAAJ,UAAU,gBAAgBK,KAAMC,EAAcA,kBAEjET,EAAAA,QAAAC,cAAA,MAAA,OAEFD,EAAAA,QAAAC,cAACS,sBAAoB,CAAAP,UAAU,YAAYQ,GAAG,2BAA2BC,MAAM,WAGrF"}
1	+ {"version":3,"file":"TransferActions.js","sources":["../../../src/components/ContactView/TransferActions.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { Button } from '../Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faArrowsRepeat } 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'\nimport { useTranslation } from 'react-i18next'\nimport { useEventListener, eventDispatch } from '../../utils'\nimport { CustomThemedTooltip } from '../CustomThemedTooltip'\n\n//// TODO this component and related events seems unused, remove?\n\nexport const TransferActions: FC<TransferActionsProps> = () => {\n const dispatch = useDispatch<Dispatch>()\n const { transferCalls, number } = useSelector((state: RootState) => state.currentCall)\n\n // Cancels the current transfer through dtmfs\n function switchTransfer() {\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\n eventDispatch('phone-island-call-transfer-switched', {})\n }, 500)\n }\n useEventListener('phone-island-call-transfer-switch', () => {\n switchTransfer()\n })\n\n const { t } = useTranslation()\n\n return (\n <>\n <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-5 pi-justify-items-center pi-place-items-center pi-justify-center'>\n <div></div>\n <Button\n onClick={switchTransfer}\n variant='default'\n data-tooltip-id='transfer-actions-tooltip'\n data-tooltip-content={t('Tooltip.Switch call') \|\| ''}\n >\n <FontAwesomeIcon className='pi-h-6 pi-w-6' icon={faArrowsRepeat} />\n </Button>\n <div></div>\n </div>\n <CustomThemedTooltip className='pi-z-1000' id='transfer-actions-tooltip' place='bottom' />\n </>\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","switchTransfer","updateTransferSwitching","sendDTMF","store","getState","player","audioPlayerPlaying","updateStartAudioPlayer","src","outgoingRingtone","loop","setTimeout","stopAudioPlayer","eventDispatch","useEventListener","t","useTranslation","React","createElement","Fragment","className","Button","onClick","variant","FontAwesomeIcon","icon","faArrowsRepeat","CustomThemedTooltip","id","place"],"mappings":"q4CAkByD,WACvD,IAAMA,EAAWC,EAAAA,cACXC,EAA4BC,EAAWA,YAAC,SAACC,GAAqB,OAAAA,EAAMC,WAAN,GAGpE,SAASC,IACPN,EAASK,YAAYE,yBAAwB,GAE7CC,EAAQA,SAAC,KACsBC,EAAKA,MAACC,WAAWC,OAAMC,oBAGpDZ,EAASW,OAAOE,uBAAuB,CACrCC,IAAKC,EAAgB,QACrBC,MAAM,IAGVC,WAAW,WAETT,EAAQA,SAAC,KACTR,EAASW,OAAOO,kBAEhBC,gBAAc,sCAAuC,CAAA,EACtD,EAAE,IACJ,0BACDC,EAAgBA,iBAAC,oCAAqC,WACpDd,GACF,GAEQ,IAAAe,EAAMC,qBAEd,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAKC,cAAA,MAAA,CAAAE,UAAU,sHACbH,UAAWC,cAAA,MAAA,MACXD,EAAAA,QAAAC,cAACG,EAAAA,OACC,CAAAC,QAAStB,EACTuB,QAAQ,UAAS,kBACD,2BACM,uBAAAR,EAAE,wBAA0B,IAElDE,UAACC,cAAAM,EAAAA,gBAAgB,CAAAJ,UAAU,gBAAgBK,KAAMC,EAAcA,kBAEjET,EAAAA,QAAAC,cAAA,MAAA,OAEFD,EAAAA,QAAAC,cAACS,sBAAoB,CAAAP,UAAU,YAAYQ,GAAG,2BAA2BC,MAAM,WAGrF"}

package/dist/components/CustomThemedTooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var r=require("../node_modules/react-tooltip/dist/react-tooltip.min.mjs.js"),o=require("../node_modules/react-redux/es/hooks/useSelector.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e);exports.CustomThemedTooltip=function(e){var t=e.id,d=e.place,a=void 0===d?"bottom":d,n=e.className,u=void 0===n?"":n,l="dark"===o.useSelector(function(e){return e.darkTheme}).theme?{backgroundColor:"rgb(243, 244, 246)",color:"rgb(17, 24, 39)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:"185px",borderRadius:"4px"}:{backgroundColor:"rgb(31, 41, 55)",color:"rgb(249, 250, 251)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:"185px",borderRadius:"4px"};return i.default.createElement(r.Tooltip,{id:t,place:a,className:"pi-z-1000 ".concat(u),opacity:1,style:l})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var o=require("../node_modules/react-tooltip/dist/react-tooltip.min.mjs.js"),r=require("../node_modules/react-redux/es/hooks/useSelector.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e);exports.CustomThemedTooltip=function(e){var t=e.id,l=e.place,a=void 0===l?"bottom":l,d=e.className,n=void 0===d?"":d,c=e.openOnClick,s=e.clickable,u=e.globalCloseEvents,m=e.offset,p=e.maxWidth,f=void 0===p?"185px":p,b=e.children,g="dark"===r.useSelector(function(e){return e.darkTheme}).theme?{backgroundColor:"rgb(243, 244, 246)",color:"rgb(17, 24, 39)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:f,borderRadius:"4px"}:{backgroundColor:"rgb(31, 41, 55)",color:"rgb(249, 250, 251)",fontSize:"0.875rem",fontWeight:400,lineHeight:"1.25rem",padding:"0.375rem 0.625rem",maxWidth:f,borderRadius:"4px"};return i.default.createElement(o.Tooltip,{id:t,place:a,className:"pi-z-1000 [&_.react-tooltip-content-wrapper]:pi-p-0 ".concat(n),opacity:1,style:g,openOnClick:c,clickable:s,globalCloseEvents:u,offset:m},b)};
 //# sourceMappingURL=CustomThemedTooltip.js.map

package/dist/components/CustomThemedTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomThemedTooltip.js","sources":["../../src/components/CustomThemedTooltip.tsx"],"sourcesContent":["// src/components/CustomThemedTooltip.tsx\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Tooltip } from 'react-tooltip'\n\ninterface CustomThemedTooltipProps {\n id: string\n place?: 'top' \| 'right' \| 'bottom' \| 'left'\n className?: string\n}\n\nexport const CustomThemedTooltip: FC<CustomThemedTooltipProps> = ({\n id,\n place = 'bottom',\n className = '',\n}) => {\n const { theme } = useSelector((state: RootState) => state.darkTheme)\n\n const tooltipStyle =\n theme === 'dark'\n ? {\n backgroundColor: 'rgb(243, 244, 246)',\n color: 'rgb(17, 24, 39)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth~~: '185px'~~,\n borderRadius: '4px',\n }\n : {\n backgroundColor: 'rgb(31, 41, 55)',\n color: 'rgb(249, 250, 251)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth~~: '185px'~~,\n borderRadius: '4px',\n }\n\n return (\n <Tooltip\n id={id}\n place={place}\n className={`pi-z-1000 ${className}`}\n opacity={1}\n style={tooltipStyle}\n ~~/>\~~n )\n}\n"],"names":["_a","id","_b","place","_c","className","tooltipStyle","useSelector","state","darkTheme","backgroundColor","color","fontSize","fontWeight","lineHeight","padding","~~maxWidth","~~borderRadius","React","~~createElement","~~Tooltip","concat","opacity","style"],"mappings":"~~2YAYiE~~,SAACA,GAChE,IAAAC,~~EAAED~~,~~EAAAC~~,~~GACFC,EAAgBF,~~EAAAG,~~MAAhBA~~,~~OAAQ~~,~~IAAAD~~,~~EAAA,SAAQA,~~EAChBE,~~EAAcJ~~,EAAAK,~~UAAdA~~,OAAS,IAAAD,EAAG,GAAEA,~~EAIRE~~,EACM,SAHMC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,kBAIpD,CACEC,gBAAiB,qBACjBC,MAAO,kBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,~~oBACTC~~,~~SAAU~~,~~QACVC~~,aAAc,OAEhB,~~CACEP~~,gBAAiB,kBACjBC,MAAO,qBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,~~oBACTC~~,~~SAAU~~,~~QACVC~~,aAAc,OAGtB,OACEC,~~EAAAA~~,~~QAACC~~,~~cAAAC~~,~~EAAOA,QACN,CAAAnB,~~GAAIA,EACJE,MAAOA,EACPE,UAAW,~~aAAAgB~~,~~OAAahB~~,~~GACxBiB~~,QAAS,EACTC,~~MAAOjB~~,~~GAGb~~"}
1	+ {"version":3,"file":"CustomThemedTooltip.js","sources":["../../src/components/CustomThemedTooltip.tsx"],"sourcesContent":["// src/components/CustomThemedTooltip.tsx\nimport React, { FC, ReactNode } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Tooltip, type ITooltip } from 'react-tooltip'\n\ninterface CustomThemedTooltipProps {\n id: string\n place?: 'top' \| 'right' \| 'bottom' \| 'left'\n className?: string\n openOnClick?: boolean\n clickable?: boolean\n globalCloseEvents?: ITooltip['globalCloseEvents']\n offset?: number\n maxWidth?: string\n children?: ReactNode\n}\n\nexport const CustomThemedTooltip: FC<CustomThemedTooltipProps> = ({\n id,\n place = 'bottom',\n className = '',\n openOnClick,\n clickable,\n globalCloseEvents,\n offset,\n maxWidth = '185px',\n children,\n}) => {\n const { theme } = useSelector((state: RootState) => state.darkTheme)\n\n const tooltipStyle =\n theme === 'dark'\n ? {\n backgroundColor: 'rgb(243, 244, 246)',\n color: 'rgb(17, 24, 39)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth,\n borderRadius: '4px',\n }\n : {\n backgroundColor: 'rgb(31, 41, 55)',\n color: 'rgb(249, 250, 251)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth,\n borderRadius: '4px',\n }\n\n return (\n <Tooltip\n id={id}\n place={place}\n className={`pi-z-1000 [&_.react-tooltip-content-wrapper]:pi-p-0 ${className}`}\n opacity={1}\n style={tooltipStyle}\n openOnClick={openOnClick}\n clickable={clickable}\n globalCloseEvents={globalCloseEvents}\n offset={offset}\n >\n {children}\n </Tooltip>\n )\n}\n"],"names":["_a","id","_b","place","_c","className","openOnClick","clickable","globalCloseEvents","offset","_d","maxWidth","children","tooltipStyle","useSelector","state","darkTheme","backgroundColor","color","fontSize","fontWeight","lineHeight","padding","borderRadius","React","Tooltip","concat","opacity","style"],"mappings":"2YAkBiE,SAACA,GAChE,IAAAC,OACAC,EAAAF,EAAAG,MAAAA,aAAQ,SAAQD,EAChBE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAWN,EAAAM,YACXC,cACAC,EAAiBR,EAAAQ,kBACjBC,EAAMT,EAAAS,OACNC,EAAkBV,EAAAW,SAAlBA,OAAW,IAAAD,EAAA,QAAOA,EAClBE,EAAQZ,EAAAY,SAIFC,EACM,SAHMC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,kBAIpD,CACEC,gBAAiB,qBACjBC,MAAO,kBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,oBACTX,SAAQA,EACRY,aAAc,OAEhB,CACEN,gBAAiB,kBACjBC,MAAO,qBACPC,SAAU,WACVC,WAAY,IACZC,WAAY,UACZC,QAAS,oBACTX,SAAQA,EACRY,aAAc,OAGtB,OACEC,wBAACC,UAAO,CACNxB,GAAIA,EACJE,MAAOA,EACPE,UAAW,uDAAuDqB,OAAArB,GAClEsB,QAAS,EACTC,MAAOf,EACPP,YAAaA,EACbC,UAAWA,EACXC,kBAAmBA,EACnBC,OAAQA,GAEPG,EAGP"}

package/dist/components/Dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),r=require("../node_modules/@headlessui/react/dist/components/menu/menu.js"),o=require("../node_modules/@headlessui/react/dist/components/transition/transition.js"),i=require("./CustomThemedTooltip.js"),n=require("./Button.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(e);exports.default=function(l){var s=l.items,c=l.buttonTooltip,d=l.buttonTooltipPlace,u=void 0===d?"bottom":d,m=l.buttonContent;return p.default.createElement(p.default.Fragment,null,p.default.createElement(r.Menu,{as:"div",className:"pi-relative","data-stop-propagation":!0,"data-tooltip-id":"tooltip-button","data-tooltip-content":c},p.default.createElement(r.MenuButton,{as:"div","data-stop-propagation":!0},m||p.default.createElement(n.Button,{variant:"default"},p.default.createElement(t.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faEllipsis,"data-stop-propagation":!0}))),p.default.createElement(o.Transition,{as:e.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95"},p.default.createElement(r.MenuItems,{className:"pi-right-0 pi-bottom-14 pi-max-h-48 pi-z-50 pi-absolute pi-w-56 pi-origin-top-right pi-rounded-md pi-shadow-lg pi-ring-1 dark:pi-bg-gray-950 pi-bg-gray-50 pi-ring-black pi-ring-opacity-5 pi-focus:outline-none pi-cursor-auto pi-border-gray-300 dark:pi-border-gray-600 pi-border pi-py-2 pi-overflow-y-auto pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-dark:scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-dark:scrollbar-track-gray-900 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25 pi-text-sm","data-stop-propagation":!0},p.default.createElement("div",{"data-stop-propagation":!0},p.default.createElement(p.default.Fragment,null," ",s.map(function(e){return p.default.createElement(r.MenuItem,{key:e.id,disabled:e.disabled},function(a){var r=a.active,o=a.disabled;return p.default.createElement("div",{className:"pi-flex pi-items-center pi-p-3 ".concat(r?"pi-bg-gray-200 dark:pi-bg-gray-700":""," ").concat(o?"pi-opacity-50 pi-cursor-not-allowed":"pi-cursor-pointer"),onClick:function(){return e.onClick()},"data-stop-propagation":!0},e.icon&&p.default.createElement(t.FontAwesomeIcon,{size:"lg",icon:e.icon,className:"dark:pi-text-gray-100 pi-text-gray-600 pi-mr-2 pi-w-4 pi-h-4"}),p.default.createElement("div",{className:"".concat(r?"dark:pi-text-gray-50 pi-text-gray-900":"dark:pi-text-gray-50 pi-text-gray-700")},e.label))})})))))),p.default.createElement(i.CustomThemedTooltip,{id:"tooltip-button",place:u}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../node_modules/@fortawesome/react-fontawesome/dist/index.js"),a=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),r=require("../node_modules/@headlessui/react/dist/components/menu/menu.js"),o=require("../node_modules/@headlessui/react/dist/components/transition/transition.js"),i=require("./CustomThemedTooltip.js"),n=require("./Button.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(e);exports.default=function(l){var s=l.items,c=l.buttonTooltip,d=l.buttonTooltipPlace,u=void 0===d?"bottom":d,m=l.buttonContent;return p.default.createElement(p.default.Fragment,null,p.default.createElement(r.Menu,{as:"div",className:"pi-relative","data-stop-propagation":!0,"data-tooltip-id":"tooltip-button","data-tooltip-content":c},p.default.createElement(r.MenuButton,{as:"div","data-stop-propagation":!0},m||p.default.createElement(n.Button,{variant:"default"},p.default.createElement(t.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faEllipsis,"data-stop-propagation":!0}))),p.default.createElement(o.Transition,{as:e.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95"},p.default.createElement(r.MenuItems,{className:"pi-right-0 pi-bottom-14 pi-max-h-48 pi-z-50 pi-absolute pi-w-56 pi-origin-top-right pi-rounded-md pi-shadow-lg pi-ring-1 dark:pi-bg-gray-950 pi-bg-gray-50 pi-ring-black pi-ring-opacity-5 pi-focus:outline-none pi-cursor-auto pi-border-gray-300 dark:pi-border-gray-600 pi-border pi-py-2 pi-overflow-y-auto pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-dark:scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-dark:scrollbar-track-gray-900 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25 pi-text-sm","data-stop-propagation":!0},p.default.createElement("div",{"data-stop-propagation":!0},p.default.createElement(p.default.Fragment,null," ",s.map(function(e){return p.default.createElement(r.MenuItem,{key:e.id,disabled:e.disabled},function(a){var r=a.active,o=a.disabled;return p.default.createElement("div",{className:"pi-flex pi-items-center pi-p-3 ".concat(r?"pi-bg-gray-200 dark:pi-bg-gray-700":""," ").concat(o?"pi-opacity-50 pi-cursor-not-allowed":"pi-cursor-pointer"),onClick:function(){return e.onClick()},"data-stop-propagation":!0},e.icon&&p.default.createElement(t.FontAwesomeIcon,{size:"lg",icon:e.icon,className:"dark:pi-text-gray-100 pi-text-gray-600 pi-mr-2 pi-w-4 pi-h-4"}),p.default.createElement("div",{className:"".concat(r?"dark:pi-text-gray-50 pi-text-gray-900":"dark:pi-text-gray-50 pi-text-gray-700")},e.label))})})))))),p.default.createElement(i.CustomThemedTooltip,{id:"tooltip-button",place:u}))};
 //# sourceMappingURL=Dropdown.js.map

package/dist/components/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps, Fragment } from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faEllipsis, IconDefinition } from '@fortawesome/free-solid-svg-icons'\nimport { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'\nimport { CustomThemedTooltip } from './CustomThemedTooltip'\nimport { Button } from './Button'\n\nconst Dropdown: FC<DropdownProps> = ({\n items,\n buttonTooltip,\n buttonTooltipPlace = 'bottom',\n buttonContent,\n}) => {\n return (\n <>\n <Menu\n as='div'\n className='pi-relative'\n data-stop-propagation={true}\n data-tooltip-id='tooltip-button'\n data-tooltip-content={buttonTooltip}\n >\n <MenuButton as='div' data-stop-propagation={true}>\n {buttonContent \|\| (\n <Button variant='default'>\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={faEllipsis}\n data-stop-propagation={true}\n />\n </Button>\n )}\n </MenuButton>\n\n <Transition\n as={Fragment}\n enter='transition ease-out duration-100'\n enterFrom='transform opacity-0 scale-95'\n enterTo='transform opacity-100 scale-100'\n leave='transition ease-in duration-75'\n leaveFrom='transform opacity-100 scale-100'\n leaveTo='transform opacity-0 scale-95'\n >\n <MenuItems\n className={`pi-right-0 pi-bottom-14 pi-max-h-48 pi-z-50 pi-absolute pi-w-56 pi-origin-top-right pi-rounded-md pi-shadow-lg pi-ring-1 dark:pi-bg-gray-950 pi-bg-gray-50 pi-ring-black pi-ring-opacity-5 pi-focus:outline-none pi-cursor-auto pi-border-gray-300 dark:pi-border-gray-600 pi-border pi-py-2 pi-overflow-y-auto pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-dark:scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-dark:scrollbar-track-gray-900 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25 pi-text-sm`}\n data-stop-propagation={true}\n >\n <div data-stop-propagation={true}>\n <>\n {' '}\n {items.map((item) => (\n <MenuItem key={item.id} disabled={item.disabled}>\n {({ active, disabled }: any) => (\n <div\n className={`pi-flex pi-items-center pi-p-3 ${\n active ? 'pi-bg-gray-200 dark:pi-bg-gray-700' : ''\n } ${\n disabled ? 'pi-opacity-50 pi-cursor-not-allowed' : 'pi-cursor-pointer'\n }`}\n onClick={() => item.onClick()}\n data-stop-propagation={true}\n >\n {item.icon && (\n <FontAwesomeIcon\n size='lg'\n icon={item.icon}\n className={`dark:pi-text-gray-100 pi-text-gray-600 pi-mr-2 pi-w-4 pi-h-4`}\n />\n )}\n <div\n className={`${\n active\n ? 'dark:pi-text-gray-50 pi-text-gray-900'\n : 'dark:pi-text-gray-50 pi-text-gray-700'\n }`}\n >\n {item.label}\n </div>\n </div>\n )}\n </MenuItem>\n ))}\n </>\n </div>\n </MenuItems>\n </Transition>\n </Menu>\n <CustomThemedTooltip id='tooltip-button' place={buttonTooltipPlace} />\n </>\n )\n}\n\ninterface DropdownProps extends ComponentProps<'div'> {\n items: DropdownItem[]\n buttonTooltip?: string \| null\n buttonTooltipPlace?: 'bottom' \| 'top' \| 'right' \| 'left' \| undefined\n buttonContent?: React.ReactNode\n}\n\ninterface DropdownItem {\n id: string\n label: string\n onClick: () => void\n icon?: IconDefinition\n disabled?: boolean\n}\n\nexport default Dropdown\n"],"names":["_a","items","buttonTooltip","_b","buttonTooltipPlace","buttonContent","React","createElement","Fragment","Menu","as","className","MenuButton","Button","variant","FontAwesomeIcon","icon","faEllipsis","Transition","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","MenuItems","map","item","MenuItem","key","id","disabled","active","concat","onClick","size","label","CustomThemedTooltip","place"],"mappings":"~~qjBAUoC~~,SAACA,GACnC,IAAAC,EAAKD,EAAAC,MACLC,EAAaF,EAAAE,cACbC,EAAAH,EAAAI,mBAAAA,OAAqB,IAAAD,EAAA,SAAQA,EAC7BE,EAAaL,EAAAK,cAEb,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAAC,cAACE,EAAAA,KAAI,CACHC,GAAG,MACHC,UAAU,cACa,yBAAA,EACP,kBAAA,wCACMT,GAEtBI,EAAA,QAAAC,cAACK,EAAUA,WAAC,CAAAF,GAAG,+BAA6B,GACzCL,GACCC,EAAC,QAAAC,cAAAM,EAAMA,OAAC,CAAAC,QAAQ,WACdR,EAAAA,QAAAC,cAACQ,kBAAe,CACdJ,UAAU,gBACVK,KAAMC,EAAAA,WACiB,yBAAA,MAM/BX,EAAA,QAAAC,cAACW,aAAU,CACTR,GAAIF,WACJW,MAAM,mCACNC,UAAU,+BACVC,QAAQ,kCACRC,MAAM,iCACNC,UAAU,kCACVC,QAAQ,gCAERlB,EAAA,QAAAC,cAACkB,YACC,CAAAd,UAAW,+nBACY,GAEvBL,EAAAA,QAAAC,cAAA,MAAA,CAAA,yBAA4B,GAC1BD,EAAAA,QAAAC,cAAAD,UAAAE,SAAA,KACG,IACAP,EAAMyB,IAAI,SAACC,GAAS,OACnBrB,EAAAA,QAACC,cAAAqB,EAAQA,SAAC,CAAAC,IAAKF,EAAKG,GAAIC,SAAUJ,EAAKI,UACpC,SAAC/B,OAAEgC,EAAMhC,EAAAgC,OAAED,EAAQ/B,EAAA+B,SAAY,OAC9BzB,UACEC,cAAA,MAAA,CAAAI,UAAW,kCAAAsB,OACTD,EAAS,qCAAuC,GAAE,KAAAC,OAElDF,EAAW,sCAAwC,qBAErDG,QAAS,WAAM,OAAAP,EAAKO,oCACG,GAEtBP,EAAKX,MACJV,EAAAA,sBAACS,EAAAA,gBAAe,CACdoB,KAAK,KACLnB,KAAMW,EAAKX,KACXL,UAAW,iEAGfL,EACE,QAAAC,cAAA,MAAA,CAAAI,UAAW,GAAAsB,OACTD,EACI,wCACA,0CAGLL,EAAKS,OAGX,EAEJ,QAMX9B,UAAAC,cAAC8B,EAAAA,oBAAmB,CAACP,GAAG,iBAAiBQ,MAAOlC,IAGtD"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC, ComponentProps, Fragment } from 'react'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faEllipsis, IconDefinition } from '@fortawesome/free-solid-svg-icons'\nimport { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'\nimport { CustomThemedTooltip } from './CustomThemedTooltip'\nimport { Button } from './Button'\n\nconst Dropdown: FC<DropdownProps> = ({\n items,\n buttonTooltip,\n buttonTooltipPlace = 'bottom',\n buttonContent,\n}) => {\n return (\n <>\n <Menu\n as='div'\n className='pi-relative'\n data-stop-propagation={true}\n data-tooltip-id='tooltip-button'\n data-tooltip-content={buttonTooltip}\n >\n <MenuButton as='div' data-stop-propagation={true}>\n {buttonContent \|\| (\n <Button variant='default'>\n <FontAwesomeIcon\n className='pi-h-6 pi-w-6'\n icon={faEllipsis}\n data-stop-propagation={true}\n />\n </Button>\n )}\n </MenuButton>\n\n <Transition\n as={Fragment}\n enter='transition ease-out duration-100'\n enterFrom='transform opacity-0 scale-95'\n enterTo='transform opacity-100 scale-100'\n leave='transition ease-in duration-75'\n leaveFrom='transform opacity-100 scale-100'\n leaveTo='transform opacity-0 scale-95'\n >\n <MenuItems\n className={`pi-right-0 pi-bottom-14 pi-max-h-48 pi-z-50 pi-absolute pi-w-56 pi-origin-top-right pi-rounded-md pi-shadow-lg pi-ring-1 dark:pi-bg-gray-950 pi-bg-gray-50 pi-ring-black pi-ring-opacity-5 pi-focus:outline-none pi-cursor-auto pi-border-gray-300 dark:pi-border-gray-600 pi-border pi-py-2 pi-overflow-y-auto pi-scrollbar-thin pi-scrollbar-thumb-gray-400 pi-dark:scrollbar-thumb-gray-400 pi-scrollbar-thumb-rounded-full pi-scrollbar-thumb-opacity-50 dark:pi-scrollbar-track-gray-900 pi-scrollbar-track-gray-200 pi-dark:scrollbar-track-gray-900 pi-scrollbar-track-rounded-full pi-scrollbar-track-opacity-25 pi-text-sm`}\n data-stop-propagation={true}\n >\n <div data-stop-propagation={true}>\n <>\n {' '}\n {items.map((item) => (\n <MenuItem key={item.id} disabled={item.disabled}>\n {({ active, disabled }: any) => (\n <div\n className={`pi-flex pi-items-center pi-p-3 ${\n active ? 'pi-bg-gray-200 dark:pi-bg-gray-700' : ''\n } ${\n disabled ? 'pi-opacity-50 pi-cursor-not-allowed' : 'pi-cursor-pointer'\n }`}\n onClick={() => item.onClick()}\n data-stop-propagation={true}\n >\n {item.icon && (\n <FontAwesomeIcon\n size='lg'\n icon={item.icon}\n className={`dark:pi-text-gray-100 pi-text-gray-600 pi-mr-2 pi-w-4 pi-h-4`}\n />\n )}\n <div\n className={`${\n active\n ? 'dark:pi-text-gray-50 pi-text-gray-900'\n : 'dark:pi-text-gray-50 pi-text-gray-700'\n }`}\n >\n {item.label}\n </div>\n </div>\n )}\n </MenuItem>\n ))}\n </>\n </div>\n </MenuItems>\n </Transition>\n </Menu>\n <CustomThemedTooltip id='tooltip-button' place={buttonTooltipPlace} />\n </>\n )\n}\n\ninterface DropdownProps extends ComponentProps<'div'> {\n items: DropdownItem[]\n buttonTooltip?: string \| null\n buttonTooltipPlace?: 'bottom' \| 'top' \| 'right' \| 'left' \| undefined\n buttonContent?: React.ReactNode\n}\n\ninterface DropdownItem {\n id: string\n label: string\n onClick: () => void\n icon?: IconDefinition\n disabled?: boolean\n}\n\nexport default Dropdown\n"],"names":["_a","items","buttonTooltip","_b","buttonTooltipPlace","buttonContent","React","createElement","Fragment","Menu","as","className","MenuButton","Button","variant","FontAwesomeIcon","icon","faEllipsis","Transition","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","MenuItems","map","item","MenuItem","key","id","disabled","active","concat","onClick","size","label","CustomThemedTooltip","place"],"mappings":"ujBAUoC,SAACA,GACnC,IAAAC,EAAKD,EAAAC,MACLC,EAAaF,EAAAE,cACbC,EAAAH,EAAAI,mBAAAA,OAAqB,IAAAD,EAAA,SAAQA,EAC7BE,EAAaL,EAAAK,cAEb,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAAA,QAAAC,cAACE,EAAAA,KAAI,CACHC,GAAG,MACHC,UAAU,cACa,yBAAA,EACP,kBAAA,wCACMT,GAEtBI,EAAA,QAAAC,cAACK,EAAUA,WAAC,CAAAF,GAAG,+BAA6B,GACzCL,GACCC,EAAC,QAAAC,cAAAM,EAAMA,OAAC,CAAAC,QAAQ,WACdR,EAAAA,QAAAC,cAACQ,kBAAe,CACdJ,UAAU,gBACVK,KAAMC,EAAAA,WACiB,yBAAA,MAM/BX,EAAA,QAAAC,cAACW,aAAU,CACTR,GAAIF,WACJW,MAAM,mCACNC,UAAU,+BACVC,QAAQ,kCACRC,MAAM,iCACNC,UAAU,kCACVC,QAAQ,gCAERlB,EAAA,QAAAC,cAACkB,YACC,CAAAd,UAAW,+nBACY,GAEvBL,EAAAA,QAAAC,cAAA,MAAA,CAAA,yBAA4B,GAC1BD,EAAAA,QAAAC,cAAAD,UAAAE,SAAA,KACG,IACAP,EAAMyB,IAAI,SAACC,GAAS,OACnBrB,EAAAA,QAACC,cAAAqB,EAAQA,SAAC,CAAAC,IAAKF,EAAKG,GAAIC,SAAUJ,EAAKI,UACpC,SAAC/B,OAAEgC,EAAMhC,EAAAgC,OAAED,EAAQ/B,EAAA+B,SAAY,OAC9BzB,UACEC,cAAA,MAAA,CAAAI,UAAW,kCAAAsB,OACTD,EAAS,qCAAuC,GAAE,KAAAC,OAElDF,EAAW,sCAAwC,qBAErDG,QAAS,WAAM,OAAAP,EAAKO,oCACG,GAEtBP,EAAKX,MACJV,EAAAA,sBAACS,EAAAA,gBAAe,CACdoB,KAAK,KACLnB,KAAMW,EAAKX,KACXL,UAAW,iEAGfL,EACE,QAAAC,cAAA,MAAA,CAAAI,UAAW,GAAAsB,OACTD,EACI,wCACA,0CAGLL,EAAKS,OAGX,EAEJ,QAMX9B,UAAAC,cAAC8B,EAAAA,oBAAmB,CAACP,GAAG,iBAAiBQ,MAAOlC,IAGtD"}

package/dist/components/GenericAvatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("../node_modules/@fortawesome/react-fontawesome/index.es.js"),a=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),t=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),n={open:{width:"56px",height:"56px",borderRadius:"26px"},closed:{width:"24px",height:"24px",borderRadius:"26px"}};exports.GenericAvatar=function(e){var i=e.avatarUrl,s=e.size,c=void 0===s?"open":s,d=e.showPulseEffect,l=void 0!==d&&d,p=e.pulseColor,u=void 0===p?"pi-bg-gray-600":p,m=e.backgroundColorClass,v=void 0===m?"pi-bg-gray-500 dark:pi-bg-gray-600":m,f=e.borderRadius,b=void 0===f?"pi-rounded-full":f,g=e.fallbackIcon,x=void 0===g?a.faUser:g,y=e.fallbackIconColor,h=void 0===y?"pi-text-white pi-text-2xl":y,j=e.className,k=void 0===j?"":j;return r.default.createElement(t.motion.div,{className:"pi-relative ".concat(k),animate:c,variants:n},l&&r.default.createElement(t.motion.div,{style:{animationDuration:"2s"},animate:c,variants:n,className:"".concat(b," ").concat(u," pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping")}),r.default.createElement(t.motion.div,{className:"pi-relative pi-z-30 ".concat(v," ").concat(b," pi-bg-cover pi-flex pi-items-center pi-justify-center"),style:{backgroundImage:i?"url(".concat(i,")"):"none",backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"},animate:c,variants:n},!i&&r.default.createElement(o.FontAwesomeIcon,{icon:x,className:h})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("../node_modules/@fortawesome/react-fontawesome/dist/index.js"),a=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),t=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),n={open:{width:"56px",height:"56px",borderRadius:"26px"},closed:{width:"24px",height:"24px",borderRadius:"26px"}};exports.GenericAvatar=function(e){var i=e.avatarUrl,s=e.size,c=void 0===s?"open":s,d=e.showPulseEffect,l=void 0!==d&&d,p=e.pulseColor,u=void 0===p?"pi-bg-gray-600":p,m=e.backgroundColorClass,v=void 0===m?"pi-bg-gray-500 dark:pi-bg-gray-600":m,f=e.borderRadius,b=void 0===f?"pi-rounded-full":f,g=e.fallbackIcon,x=void 0===g?a.faUser:g,y=e.fallbackIconColor,h=void 0===y?"pi-text-white pi-text-2xl":y,j=e.className,k=void 0===j?"":j;return r.default.createElement(t.motion.div,{className:"pi-relative ".concat(k),animate:c,variants:n},l&&r.default.createElement(t.motion.div,{style:{animationDuration:"2s"},animate:c,variants:n,className:"".concat(b," ").concat(u," pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping")}),r.default.createElement(t.motion.div,{className:"pi-relative pi-z-30 ".concat(v," ").concat(b," pi-bg-cover pi-flex pi-items-center pi-justify-center"),style:{backgroundImage:i?"url(".concat(i,")"):"none",backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"},animate:c,variants:n},!i&&r.default.createElement(o.FontAwesomeIcon,{icon:x,className:h})))};
 //# sourceMappingURL=GenericAvatar.js.map

package/dist/components/GenericAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenericAvatar.js","sources":["../../src/components/GenericAvatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { motion } from 'framer-motion'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\n\nconst iconVariants = {\n open: {\n width: '56px',\n height: '56px',\n borderRadius: '26px',\n },\n closed: {\n width: '24px',\n height: '24px',\n borderRadius: '26px',\n },\n}\n\nexport const GenericAvatar: FC<GenericAvatarProps> = ({\n avatarUrl,\n size = 'open',\n showPulseEffect = false,\n pulseColor = 'pi-bg-gray-600',\n backgroundColorClass = 'pi-bg-gray-500 dark:pi-bg-gray-600',\n borderRadius = 'pi-rounded-full',\n fallbackIcon = faUser,\n fallbackIconColor = 'pi-text-white pi-text-2xl',\n className = '',\n}) => {\n return (\n <motion.div className={`pi-relative ${className}`} animate={size} variants={iconVariants}>\n {showPulseEffect && (\n <motion.div\n style={{ animationDuration: '2s' }}\n animate={size}\n variants={iconVariants}\n className={`${borderRadius} ${pulseColor} pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping`}\n />\n )}\n <motion.div\n className={`pi-relative pi-z-30 ${backgroundColorClass} ${borderRadius} pi-bg-cover pi-flex pi-items-center pi-justify-center`}\n style={{\n backgroundImage: avatarUrl ? `url(${avatarUrl})` : 'none',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n }}\n animate={size}\n variants={iconVariants}\n >\n {!avatarUrl && <FontAwesomeIcon icon={fallbackIcon} className={fallbackIconColor} />}\n </motion.div>\n </motion.div>\n )\n}\n\nexport interface GenericAvatarProps {\n avatarUrl?: string \| null\n size?: 'open' \| 'closed'\n showPulseEffect?: boolean\n pulseColor?: string\n backgroundColorClass?: string\n borderRadius?: string\n fallbackIcon?: any\n fallbackIconColor?: string\n className?: string\n}\n"],"names":["iconVariants","open","width","height","borderRadius","closed","_a","avatarUrl","_b","size","_c","showPulseEffect","_d","pulseColor","_e","backgroundColorClass","_f","_g","fallbackIcon","faUser","_h","fallbackIconColor","_j","className","React","createElement","motion","div","concat","animate","variants","style","animationDuration","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","FontAwesomeIcon","icon"],"mappings":"~~2ZAQMA~~,EAAe,CACnBC,KAAM,CACJC,MAAO,OACPC,OAAQ,OACRC,aAAc,QAEhBC,OAAQ,CACNH,MAAO,OACPC,OAAQ,OACRC,aAAc,+BAImC,SAACE,OACpDC,EAASD,EAAAC,UACTC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,OAAMA,EACbE,EAAuBJ,EAAAK,gBAAvBA,OAAe,IAAAD,GAAQA,EACvBE,EAA6BN,EAAAO,WAA7BA,OAAU,IAAAD,EAAG,iBAAgBA,EAC7BE,EAAAR,EAAAS,qBAAAA,OAAuB,IAAAD,EAAA,uCACvBE,EAAAV,EAAAF,aAAAA,OAAe,IAAAY,EAAA,kBAAiBA,EAChCC,EAAqBX,EAAAY,aAArBA,OAAY,IAAAD,EAAGE,EAAMA,OAAAF,EACrBG,EAA+Cd,EAAAe,kBAA/CA,OAAiB,IAAAD,EAAG,4BAA2BA,EAC/CE,EAAAhB,EAAAiB,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EAEd,OACEE,EAAC,QAAAC,cAAAC,EAAMA,OAACC,IAAG,CAACJ,UAAW,eAAAK,OAAeL,GAAaM,QAASpB,EAAMqB,SAAU9B,GACzEW,GACCa,EAAC,QAAAC,cAAAC,EAAAA,OAAOC,IACN,CAAAI,MAAO,CAAEC,kBAAmB,MAC5BH,QAASpB,EACTqB,SAAU9B,EACVuB,UAAW,GAAAK,OAAGxB,EAAY,KAAAwB,OAAIf,EAAU,mEAG5CW,EAAA,QAAAC,cAACC,EAAMA,OAACC,IAAG,CACTJ,UAAW,uBAAuBK,OAAAb,EAAwB,KAAAa,OAAAxB,EAAoE,0DAC9H2B,MAAO,CACLE,gBAAiB1B,EAAY,OAAOqB,OAAArB,EAAY,KAAG,OACnD2B,iBAAkB,YAClBC,eAAgB,QAChBC,mBAAoB,UAEtBP,QAASpB,EACTqB,SAAU9B,IAERO,GAAaiB,EAAA,QAAAC,cAACY,EAAeA,gBAAC,CAAAC,KAAMpB,EAAcK,UAAWF,KAIvE"}
1	+ {"version":3,"file":"GenericAvatar.js","sources":["../../src/components/GenericAvatar.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type FC } from 'react'\nimport { motion } from 'framer-motion'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\n\nconst iconVariants = {\n open: {\n width: '56px',\n height: '56px',\n borderRadius: '26px',\n },\n closed: {\n width: '24px',\n height: '24px',\n borderRadius: '26px',\n },\n}\n\nexport const GenericAvatar: FC<GenericAvatarProps> = ({\n avatarUrl,\n size = 'open',\n showPulseEffect = false,\n pulseColor = 'pi-bg-gray-600',\n backgroundColorClass = 'pi-bg-gray-500 dark:pi-bg-gray-600',\n borderRadius = 'pi-rounded-full',\n fallbackIcon = faUser,\n fallbackIconColor = 'pi-text-white pi-text-2xl',\n className = '',\n}) => {\n return (\n <motion.div className={`pi-relative ${className}`} animate={size} variants={iconVariants}>\n {showPulseEffect && (\n <motion.div\n style={{ animationDuration: '2s' }}\n animate={size}\n variants={iconVariants}\n className={`${borderRadius} ${pulseColor} pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping`}\n />\n )}\n <motion.div\n className={`pi-relative pi-z-30 ${backgroundColorClass} ${borderRadius} pi-bg-cover pi-flex pi-items-center pi-justify-center`}\n style={{\n backgroundImage: avatarUrl ? `url(${avatarUrl})` : 'none',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n }}\n animate={size}\n variants={iconVariants}\n >\n {!avatarUrl && <FontAwesomeIcon icon={fallbackIcon} className={fallbackIconColor} />}\n </motion.div>\n </motion.div>\n )\n}\n\nexport interface GenericAvatarProps {\n avatarUrl?: string \| null\n size?: 'open' \| 'closed'\n showPulseEffect?: boolean\n pulseColor?: string\n backgroundColorClass?: string\n borderRadius?: string\n fallbackIcon?: any\n fallbackIconColor?: string\n className?: string\n}\n"],"names":["iconVariants","open","width","height","borderRadius","closed","_a","avatarUrl","_b","size","_c","showPulseEffect","_d","pulseColor","_e","backgroundColorClass","_f","_g","fallbackIcon","faUser","_h","fallbackIconColor","_j","className","React","createElement","motion","div","concat","animate","variants","style","animationDuration","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","FontAwesomeIcon","icon"],"mappings":"6ZAQMA,EAAe,CACnBC,KAAM,CACJC,MAAO,OACPC,OAAQ,OACRC,aAAc,QAEhBC,OAAQ,CACNH,MAAO,OACPC,OAAQ,OACRC,aAAc,+BAImC,SAACE,OACpDC,EAASD,EAAAC,UACTC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,OAAMA,EACbE,EAAuBJ,EAAAK,gBAAvBA,OAAe,IAAAD,GAAQA,EACvBE,EAA6BN,EAAAO,WAA7BA,OAAU,IAAAD,EAAG,iBAAgBA,EAC7BE,EAAAR,EAAAS,qBAAAA,OAAuB,IAAAD,EAAA,uCACvBE,EAAAV,EAAAF,aAAAA,OAAe,IAAAY,EAAA,kBAAiBA,EAChCC,EAAqBX,EAAAY,aAArBA,OAAY,IAAAD,EAAGE,EAAMA,OAAAF,EACrBG,EAA+Cd,EAAAe,kBAA/CA,OAAiB,IAAAD,EAAG,4BAA2BA,EAC/CE,EAAAhB,EAAAiB,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EAEd,OACEE,EAAC,QAAAC,cAAAC,EAAMA,OAACC,IAAG,CAACJ,UAAW,eAAAK,OAAeL,GAAaM,QAASpB,EAAMqB,SAAU9B,GACzEW,GACCa,EAAC,QAAAC,cAAAC,EAAAA,OAAOC,IACN,CAAAI,MAAO,CAAEC,kBAAmB,MAC5BH,QAASpB,EACTqB,SAAU9B,EACVuB,UAAW,GAAAK,OAAGxB,EAAY,KAAAwB,OAAIf,EAAU,mEAG5CW,EAAA,QAAAC,cAACC,EAAMA,OAACC,IAAG,CACTJ,UAAW,uBAAuBK,OAAAb,EAAwB,KAAAa,OAAAxB,EAAoE,0DAC9H2B,MAAO,CACLE,gBAAiB1B,EAAY,OAAOqB,OAAArB,EAAY,KAAG,OACnD2B,iBAAkB,YAClBC,eAAgB,QAChBC,mBAAoB,UAEtBP,QAASpB,EACTqB,SAAU9B,IAERO,GAAaiB,EAAA,QAAAC,cAACY,EAAeA,gBAAC,CAAAC,KAAMpB,EAAcK,UAAWF,KAIvE"}

package/dist/components/Hangup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Button.js"),i=require("../node_modules/@fortawesome/react-fontawesome/index.es.js"),n=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../lib/phone/call.js");require("../node_modules/react-redux/es/index.js"),require("../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../node_modules/@babel/runtime/helpers/typeof.js"),require("../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../node_modules/react-i18next/dist/es/context.js");var s=require("../node_modules/react-i18next/dist/es/useTranslation.js");require("../node_modules/@babel/runtime/helpers/slicedToArray.js");var a=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var l=require("./CustomThemedTooltip.js"),r=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),p=require("../node_modules/react-redux/es/hooks/useSelector.js"),c=require("../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e);exports.default=function(e){e.clickCallback,e.isDestination;var d=e.description,m=e.isPhysicalRecording,f=e.buttonsVariant,h=void 0===f?"transparent":f,g=e.showFullscreenButton,v=void 0!==g&&g,w=e.isExtraLarge,j=void 0!==w&&w,T=e.onToggleExtraLarge,x=p.useSelector(function(e){return e.currentCall}),C=x.transferring,b=x.incoming,E=x.accepted,q=c.useDispatch(),y=p.useSelector(function(e){return e.island}),D=y.isOpen,_=y.sideViewIsVisible,N=y.view,A=p.useSelector(function(e){return e.conference}),F=A.isActive,I=A.conferenceStartedFrom,k=p.useSelector(function(e){return e.currentUser}).username;function S(){b?o.hangupAllExtensions():o.hangupCurrentCall(),setTimeout(function(){q.listen.setUpdateIntrudeStatus(!1,""),q.listen.setUpdateListenStatus(!1,"")},2e3),C&&setTimeout(function(){q.alerts.setAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-open",{}),setTimeout(function(){q.alerts.removeAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-close",{})},2e3)},300)}var z=s.useTranslation().t,B=D&&E||"waitingConference"===N&&D,L=!C;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" ".concat(C?"pi-grid pi-w-full pi-space-x-2 pi-justify-start":"pi-flex pi-justify-center")},u.default.createElement(r.motion.div,{className:"".concat(C&&d?"pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start":L&&B?"pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden":"pi-flex pi-w-12 pi-items-center pi-justify-center"," ")},B&&!v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:function(){return q.island.handleToggleIsOpen()},"data-tooltip-id":"tooltip-open-close-phone-island","data-tooltip-content":D?z("Tooltip.Collapse")||"":z("Tooltip.Open")||""},u.default.createElement(i.FontAwesomeIcon,{icon:n.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"}))),B&&v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:T,"data-tooltip-id":"tooltip-toggle-fullscreen-hangup","data-tooltip-content":z("streamingAnswer"===N?j?"Tooltip.Decrease":"Tooltip.Increase":"Tooltip.Toggle fullscreen")},u.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:j?n.faDownLeftAndUpRightToCenter:n.faUpRightAndDownLeftFromCenter}))),u.default.createElement(t.Button,{onClick:function(){m?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.hangupCurrentPhysicalRecording()):F&&I===k&&"waitingConference"===N?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.endConference()):(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),S())},variant:"red",className:"".concat(C&&d?"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2":L&&B?"pi-relative pi-z-10 pi-gap-4 pi-font-medium pi-text-base pi-transition pi-h-12 pi-w-12 pi-min-w-12 pi-overflow-hidden":"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full"),"data-tooltip-id":d&&C||"waitingConference"===N&&F?"tooltip-top-transfer":"tooltip-left-transfer","data-tooltip-content":d&&C?d:"waitingConference"===N&&F?z("Conference.End conference"):"".concat(z("Tooltip.Hangup"))},u.default.createElement(i.FontAwesomeIcon,{className:"pi-rotate-135 pi-h-6 pi-w-6",icon:n.faPhone}),C&&d&&u.default.createElement(r.motion.div,{style:{height:"17px"},className:"pi-whitespace-nowrap pi-overflow-hidden"},d)),B&&u.default.createElement(t.Button,{variant:h,onClick:function(){return _&&a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),void q.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view","data-tooltip-content":z("Tooltip.Go to settings")||"",className:"".concat(C&&d?"pi-ml-5":L?"pi-absolute pi-right-0 pi-top-0 pi-justify-end":"pi-justify-end pi-ml-16"," pi-flex pi-items-center")},u.default.createElement(i.FontAwesomeIcon,{icon:n.faGear,className:"pi-h-6 pi-w-6"})))),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-left-transfer",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-top-transfer",place:"top"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-open-close-phone-island",place:"right"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-settings-view",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-fullscreen-hangup",place:"top"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Button.js"),i=require("../node_modules/@fortawesome/react-fontawesome/dist/index.js"),n=require("../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),o=require("../lib/phone/call.js");require("../node_modules/react-redux/es/index.js"),require("../node_modules/@babel/runtime/helpers/defineProperty.js"),require("../node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),require("../node_modules/@babel/runtime/helpers/typeof.js"),require("../node_modules/html-parse-stringify/dist/html-parse-stringify.js"),require("../node_modules/react-i18next/dist/es/context.js");var s=require("../node_modules/react-i18next/dist/es/useTranslation.js");require("../node_modules/@babel/runtime/helpers/slicedToArray.js");var a=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var l=require("./CustomThemedTooltip.js"),r=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),p=require("../node_modules/react-redux/es/hooks/useSelector.js"),c=require("../node_modules/react-redux/es/hooks/useDispatch.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(e);exports.default=function(e){e.clickCallback,e.isDestination;var d=e.description,m=e.isPhysicalRecording,f=e.buttonsVariant,h=void 0===f?"transparent":f,g=e.showFullscreenButton,v=void 0!==g&&g,w=e.isExtraLarge,j=void 0!==w&&w,T=e.onToggleExtraLarge,x=p.useSelector(function(e){return e.currentCall}),C=x.transferring,b=x.incoming,E=x.accepted,q=c.useDispatch(),y=p.useSelector(function(e){return e.island}),D=y.isOpen,_=y.sideViewIsVisible,N=y.view,A=p.useSelector(function(e){return e.conference}),F=A.isActive,I=A.conferenceStartedFrom,k=p.useSelector(function(e){return e.currentUser}).username;function S(){b?o.hangupAllExtensions():o.hangupCurrentCall(),setTimeout(function(){q.listen.setUpdateIntrudeStatus(!1,""),q.listen.setUpdateListenStatus(!1,"")},2e3),C&&setTimeout(function(){q.alerts.setAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-open",{}),setTimeout(function(){q.alerts.removeAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-close",{})},2e3)},300)}var z=s.useTranslation().t,B=D&&E||"waitingConference"===N&&D,L=!C;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" ".concat(C?"pi-grid pi-w-full pi-space-x-2 pi-justify-start":"pi-flex pi-justify-center")},u.default.createElement(r.motion.div,{className:"".concat(C&&d?"pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start":L&&B?"pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden":"pi-flex pi-w-12 pi-items-center pi-justify-center"," ")},B&&!v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:function(){return q.island.handleToggleIsOpen()},"data-tooltip-id":"tooltip-open-close-phone-island","data-tooltip-content":D?z("Tooltip.Collapse")||"":z("Tooltip.Open")||""},u.default.createElement(i.FontAwesomeIcon,{icon:n.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"}))),B&&v&&u.default.createElement("div",{className:L?"pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1":"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:T,"data-tooltip-id":"tooltip-toggle-fullscreen-hangup","data-tooltip-content":z("streamingAnswer"===N?j?"Tooltip.Decrease":"Tooltip.Increase":"Tooltip.Toggle fullscreen")},u.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:j?n.faDownLeftAndUpRightToCenter:n.faUpRightAndDownLeftFromCenter}))),u.default.createElement(t.Button,{onClick:function(){m?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.hangupCurrentPhysicalRecording()):F&&I===k&&"waitingConference"===N?(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),o.endConference()):(a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),S())},variant:"red",className:"".concat(C&&d?"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2":L&&B?"pi-relative pi-z-10 pi-gap-4 pi-font-medium pi-text-base pi-transition pi-h-12 pi-w-12 pi-min-w-12 pi-overflow-hidden":"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full"),"data-tooltip-id":d&&C||"waitingConference"===N&&F?"tooltip-top-transfer":"tooltip-left-transfer","data-tooltip-content":d&&C?d:"waitingConference"===N&&F?z("Conference.End conference"):"".concat(z("Tooltip.Hangup"))},u.default.createElement(i.FontAwesomeIcon,{className:"pi-rotate-135 pi-h-6 pi-w-6",icon:n.faPhone}),C&&d&&u.default.createElement(r.motion.div,{style:{height:"17px"},className:"pi-whitespace-nowrap pi-overflow-hidden"},d)),B&&u.default.createElement(t.Button,{variant:h,onClick:function(){return _&&a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),void q.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view","data-tooltip-content":z("Tooltip.Go to settings")||"",className:"".concat(C&&d?"pi-ml-5":L?"pi-absolute pi-right-0 pi-top-0 pi-justify-end":"pi-justify-end pi-ml-16"," pi-flex pi-items-center")},u.default.createElement(i.FontAwesomeIcon,{icon:n.faGear,className:"pi-h-6 pi-w-6"})))),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-left-transfer",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-top-transfer",place:"top"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-open-close-phone-island",place:"right"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-settings-view",place:"left"}),u.default.createElement(l.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-toggle-fullscreen-hangup",place:"top"}))};
 //# sourceMappingURL=Hangup.js.map