@nethesis/phone-island 1.0.15 → 1.0.16

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

@@ -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":"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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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/Dropdown.js

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

package/dist/components/Hangup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hangup.js","sources":["../../src/components/Hangup.tsx"],"sourcesContent":["// Copyright (C) 2025 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 { Button } from './Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDownLeftAndUpRightToCenter, faGear, faPhone, faUpRightAndDownLeftFromCenter } from '@fortawesome/free-solid-svg-icons'\nimport { endConference, hangupCurrentCall, hangupCurrentPhysicalRecording } from '../lib/phone/call'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Dispatch } from '../store'\nimport { hangupAllExtensions } from '../lib/phone/call'\nimport { useTranslation } from 'react-i18next'\nimport { eventDispatch } from '../utils'\nimport { CustomThemedTooltip } from './CustomThemedTooltip'\n\n/**\n * Return the status of the\n */\nconst Hangup: FC<HangupProps> = ({\n  clickCallback,\n  isDestination,\n  description,\n  isPhysicalRecording,\n  buttonsVariant = 'transparent',\n  showFullscreenButton = false,\n  isExtraLarge = false,\n  onToggleExtraLarge,\n}) => {\n  const { transferring, incoming, accepted } = useSelector((state: RootState) => state.currentCall)\n  const dispatch = useDispatch<Dispatch>()\n  const { isOpen, sideViewIsVisible, view } = useSelector((state: RootState) => state.island)\n  const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n\n  function handleHangup() {\n    if (incoming) {\n      hangupAllExtensions()\n    } else {\n      hangupCurrentCall()\n    }\n\n    // Delay the dispatch actions\n    setTimeout(() => {\n      dispatch.listen.setUpdateIntrudeStatus(false, '')\n      dispatch.listen.setUpdateListenStatus(false, '')\n    }, 2000)\n\n    // Show confirmation message when a call is transferred\n    if (transferring) {\n      setTimeout(() => {\n        dispatch.alerts.setAlert('call_transfered')\n        eventDispatch('phone-island-call-transfer-successfully-popup-open', {})\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n          eventDispatch('phone-island-call-transfer-successfully-popup-close', {})\n        }, 2000)\n      }, 300)\n    }\n  }\n\n  const { t } = useTranslation()\n  const showSecondaryControls = (isOpen && accepted) || (view === 'waitingConference' && isOpen)\n  const useCompactLayout = !transferring\n\n  // Helper function to determine tooltip content\n  const getToggleTooltipContent = () => {\n    if (view === 'streamingAnswer') {\n      return isExtraLarge ? t('Tooltip.Decrease') : t('Tooltip.Increase')\n    }\n    return t('Tooltip.Toggle fullscreen')\n  }\n\n  // Close side view and open settings view\n  const closeSideViewOpenSettings = () => {\n    if (sideViewIsVisible) {\n      eventDispatch('phone-island-sideview-close', {})\n    }\n    eventDispatch('phone-island-transcription-close', {})\n    dispatch.island.setIslandView('settings')\n  }\n\n  // Phone island footer section\n  return (\n    <>\n      <div\n        className={` ${transferring\n          ? 'pi-grid pi-w-full pi-space-x-2 pi-justify-start'\n          : 'pi-flex pi-justify-center'\n          }`}\n      >\n        {/* The button to hangup the currentCall */}\n        <motion.div\n          className={`${transferring && description\n            ? 'pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start'\n            : useCompactLayout && showSecondaryControls\n              ? 'pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden'\n              : 'pi-flex pi-w-12 pi-items-center pi-justify-center'\n            } `}\n        >\n          {/* collapse phone island button */}\n          {showSecondaryControls && !showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={() => dispatch.island.handleToggleIsOpen()}\n                data-tooltip-id='tooltip-open-close-phone-island'\n                data-tooltip-content={\n                  isOpen ? t('Tooltip.Collapse') || '' : t('Tooltip.Open') || ''\n                }\n              >\n                <FontAwesomeIcon icon={faDownLeftAndUpRightToCenter} className='pi-w-6 pi-h-6' />\n              </Button>\n            </div>\n          )}\n\n          {/* expand/compress button for streaming */}\n          {showSecondaryControls && showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={onToggleExtraLarge}\n                data-tooltip-id='tooltip-toggle-fullscreen-hangup'\n                data-tooltip-content={getToggleTooltipContent()}\n              >\n                <FontAwesomeIcon\n                  className='pi-h-6 pi-w-6'\n                  icon={isExtraLarge ? faDownLeftAndUpRightToCenter : faUpRightAndDownLeftFromCenter}\n                />\n              </Button>\n            </div>\n          )}\n\n          <Button\n            onClick={() => {\n              if (isPhysicalRecording) {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                hangupCurrentPhysicalRecording()\n              } else if (isActive) {\n                if (conferenceStartedFrom === username && view === 'waitingConference') {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  endConference()\n                } else {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  handleHangup()\n                }\n              } else {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                handleHangup()\n              }\n            }}\n            variant='red'\n            className={`${transferring && description\n              ? 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2'\n              : useCompactLayout && showSecondaryControls\n                ? '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'\n                : 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full'\n              }`}\n            data-tooltip-id={\n              (description && transferring) || (view === 'waitingConference' && isActive)\n                ? 'tooltip-top-transfer'\n                : 'tooltip-left-transfer'\n            }\n            data-tooltip-content={\n              description && transferring\n                ? description\n                : view === 'waitingConference' && isActive\n                  ? t('Conference.End conference')\n                  : `${t('Tooltip.Hangup')}`\n            }\n          >\n            <FontAwesomeIcon className='pi-rotate-135 pi-h-6 pi-w-6' icon={faPhone} />\n            {transferring && description && (\n              <motion.div\n                style={{ height: '17px' }}\n                className='pi-whitespace-nowrap pi-overflow-hidden'\n              >\n                {description}\n              </motion.div>\n            )}\n          </Button>\n          {showSecondaryControls && (\n            <Button\n              variant={buttonsVariant}\n              onClick={() => closeSideViewOpenSettings()}\n              data-tooltip-id='tooltip-settings-view'\n              data-tooltip-content={t('Tooltip.Go to settings') || ''}\n              className={`${transferring && description\n                ? 'pi-ml-5'\n                : useCompactLayout\n                  ? 'pi-absolute pi-right-0 pi-top-0 pi-justify-end'\n                  : 'pi-justify-end pi-ml-16'\n                } pi-flex pi-items-center`}\n            >\n              <FontAwesomeIcon icon={faGear} className={`pi-h-6 pi-w-6`} />\n            </Button>\n          )}\n        </motion.div>\n      </div>\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-left-transfer' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-top-transfer' place='top' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-open-close-phone-island' place='right' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-settings-view' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-fullscreen-hangup' place='top' />\n    </>\n  )\n}\n\nexport default Hangup\n\ninterface HangupProps {\n  clickCallback?: () => void\n  isDestination?: boolean\n  description?: any\n  isPhysicalRecording?: boolean\n  buttonsVariant?:\n  | 'transparent'\n  | 'default'\n  | 'red'\n  | 'green'\n  | 'neutral'\n  | 'transparentSideView'\n  | 'transparentSettings'\n  showFullscreenButton?: boolean\n  isFullscreen?: boolean\n  onToggleFullscreen?: () => void\n  isExtraLarge?: boolean\n  onToggleExtraLarge?: () => void\n}\n"],"names":["_a","clickCallback","isDestination","description","isPhysicalRecording","_b","buttonsVariant","_c","showFullscreenButton","_d","isExtraLarge","onToggleExtraLarge","_e","useSelector","state","currentCall","transferring","incoming","accepted","dispatch","useDispatch","_f","island","isOpen","sideViewIsVisible","view","_g","conference","isActive","conferenceStartedFrom","username","currentUser","handleHangup","hangupAllExtensions","hangupCurrentCall","setTimeout","listen","setUpdateIntrudeStatus","setUpdateListenStatus","alerts","setAlert","eventDispatch","removeAlert","t","useTranslation","showSecondaryControls","useCompactLayout","React","createElement","Fragment","className","concat","motion","div","Button","variant","onClick","handleToggleIsOpen","FontAwesomeIcon","icon","faDownLeftAndUpRightToCenter","faUpRightAndDownLeftFromCenter","hangupCurrentPhysicalRecording","endConference","faPhone","style","height","setIslandView","faGear","CustomThemedTooltip","id","place"],"mappings":"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"}
+{"version":3,"file":"Hangup.js","sources":["../../src/components/Hangup.tsx"],"sourcesContent":["// Copyright (C) 2025 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 { Button } from './Button'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faDownLeftAndUpRightToCenter, faGear, faPhone, faUpRightAndDownLeftFromCenter } from '@fortawesome/free-solid-svg-icons'\nimport { endConference, hangupCurrentCall, hangupCurrentPhysicalRecording } from '../lib/phone/call'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Dispatch } from '../store'\nimport { hangupAllExtensions } from '../lib/phone/call'\nimport { useTranslation } from 'react-i18next'\nimport { eventDispatch } from '../utils'\nimport { CustomThemedTooltip } from './CustomThemedTooltip'\n\n/**\n * Return the status of the\n */\nconst Hangup: FC<HangupProps> = ({\n  clickCallback,\n  isDestination,\n  description,\n  isPhysicalRecording,\n  buttonsVariant = 'transparent',\n  showFullscreenButton = false,\n  isExtraLarge = false,\n  onToggleExtraLarge,\n}) => {\n  const { transferring, incoming, accepted } = useSelector((state: RootState) => state.currentCall)\n  const dispatch = useDispatch<Dispatch>()\n  const { isOpen, sideViewIsVisible, view } = useSelector((state: RootState) => state.island)\n  const { isActive, conferenceStartedFrom } = useSelector((state: RootState) => state.conference)\n  const { username } = useSelector((state: RootState) => state.currentUser)\n\n  function handleHangup() {\n    if (incoming) {\n      hangupAllExtensions()\n    } else {\n      hangupCurrentCall()\n    }\n\n    // Delay the dispatch actions\n    setTimeout(() => {\n      dispatch.listen.setUpdateIntrudeStatus(false, '')\n      dispatch.listen.setUpdateListenStatus(false, '')\n    }, 2000)\n\n    // Show confirmation message when a call is transferred\n    if (transferring) {\n      setTimeout(() => {\n        dispatch.alerts.setAlert('call_transfered')\n        eventDispatch('phone-island-call-transfer-successfully-popup-open', {})\n        setTimeout(() => {\n          dispatch.alerts.removeAlert('call_transfered')\n          eventDispatch('phone-island-call-transfer-successfully-popup-close', {})\n        }, 2000)\n      }, 300)\n    }\n  }\n\n  const { t } = useTranslation()\n  const showSecondaryControls = (isOpen && accepted) || (view === 'waitingConference' && isOpen)\n  const useCompactLayout = !transferring\n\n  // Helper function to determine tooltip content\n  const getToggleTooltipContent = () => {\n    if (view === 'streamingAnswer') {\n      return isExtraLarge ? t('Tooltip.Decrease') : t('Tooltip.Increase')\n    }\n    return t('Tooltip.Toggle fullscreen')\n  }\n\n  // Close side view and open settings view\n  const closeSideViewOpenSettings = () => {\n    if (sideViewIsVisible) {\n      eventDispatch('phone-island-sideview-close', {})\n    }\n    eventDispatch('phone-island-transcription-close', {})\n    dispatch.island.setIslandView('settings')\n  }\n\n  // Phone island footer section\n  return (\n    <>\n      <div\n        className={` ${transferring\n          ? 'pi-grid pi-w-full pi-space-x-2 pi-justify-start'\n          : 'pi-flex pi-justify-center'\n          }`}\n      >\n        {/* The button to hangup the currentCall */}\n        <motion.div\n          className={`${transferring && description\n            ? 'pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start'\n            : useCompactLayout && showSecondaryControls\n              ? 'pi-relative pi-flex pi-h-12 pi-w-64 pi-items-center pi-justify-center pi-overflow-hidden'\n              : 'pi-flex pi-w-12 pi-items-center pi-justify-center'\n            } `}\n        >\n          {/* collapse phone island button */}\n          {showSecondaryControls && !showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={() => dispatch.island.handleToggleIsOpen()}\n                data-tooltip-id='tooltip-open-close-phone-island'\n                data-tooltip-content={\n                  isOpen ? t('Tooltip.Collapse') || '' : t('Tooltip.Open') || ''\n                }\n              >\n                <FontAwesomeIcon icon={faDownLeftAndUpRightToCenter} className='pi-w-6 pi-h-6' />\n              </Button>\n            </div>\n          )}\n\n          {/* expand/compress button for streaming */}\n          {showSecondaryControls && showFullscreenButton && (\n            <div className={useCompactLayout ? 'pi-absolute pi-left-0 pi-top-0 pi-grid pi-grid-cols-1' : 'pi-grid pi-grid-cols-1'}>\n              <Button\n                variant={buttonsVariant}\n                onClick={onToggleExtraLarge}\n                data-tooltip-id='tooltip-toggle-fullscreen-hangup'\n                data-tooltip-content={getToggleTooltipContent()}\n              >\n                <FontAwesomeIcon\n                  className='pi-h-6 pi-w-6'\n                  icon={isExtraLarge ? faDownLeftAndUpRightToCenter : faUpRightAndDownLeftFromCenter}\n                />\n              </Button>\n            </div>\n          )}\n\n          <Button\n            onClick={() => {\n              if (isPhysicalRecording) {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                hangupCurrentPhysicalRecording()\n              } else if (isActive) {\n                if (conferenceStartedFrom === username && view === 'waitingConference') {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  endConference()\n                } else {\n                  eventDispatch('phone-island-sideview-close', {})\n                  eventDispatch('phone-island-transcription-close', {})\n                  handleHangup()\n                }\n              } else {\n                eventDispatch('phone-island-sideview-close', {})\n                eventDispatch('phone-island-transcription-close', {})\n                handleHangup()\n              }\n            }}\n            variant='red'\n            className={`${transferring && description\n              ? 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2'\n              : useCompactLayout && showSecondaryControls\n                ? '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'\n                : 'pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full'\n              }`}\n            data-tooltip-id={\n              (description && transferring) || (view === 'waitingConference' && isActive)\n                ? 'tooltip-top-transfer'\n                : 'tooltip-left-transfer'\n            }\n            data-tooltip-content={\n              description && transferring\n                ? description\n                : view === 'waitingConference' && isActive\n                  ? t('Conference.End conference')\n                  : `${t('Tooltip.Hangup')}`\n            }\n          >\n            <FontAwesomeIcon className='pi-rotate-135 pi-h-6 pi-w-6' icon={faPhone} />\n            {transferring && description && (\n              <motion.div\n                style={{ height: '17px' }}\n                className='pi-whitespace-nowrap pi-overflow-hidden'\n              >\n                {description}\n              </motion.div>\n            )}\n          </Button>\n          {showSecondaryControls && (\n            <Button\n              variant={buttonsVariant}\n              onClick={() => closeSideViewOpenSettings()}\n              data-tooltip-id='tooltip-settings-view'\n              data-tooltip-content={t('Tooltip.Go to settings') || ''}\n              className={`${transferring && description\n                ? 'pi-ml-5'\n                : useCompactLayout\n                  ? 'pi-absolute pi-right-0 pi-top-0 pi-justify-end'\n                  : 'pi-justify-end pi-ml-16'\n                } pi-flex pi-items-center`}\n            >\n              <FontAwesomeIcon icon={faGear} className={`pi-h-6 pi-w-6`} />\n            </Button>\n          )}\n        </motion.div>\n      </div>\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-left-transfer' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-top-transfer' place='top' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-open-close-phone-island' place='right' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-settings-view' place='left' />\n      <CustomThemedTooltip className='pi-z-20' id='tooltip-toggle-fullscreen-hangup' place='top' />\n    </>\n  )\n}\n\nexport default Hangup\n\ninterface HangupProps {\n  clickCallback?: () => void\n  isDestination?: boolean\n  description?: any\n  isPhysicalRecording?: boolean\n  buttonsVariant?:\n  | 'transparent'\n  | 'default'\n  | 'red'\n  | 'green'\n  | 'neutral'\n  | 'transparentSideView'\n  | 'transparentSettings'\n  showFullscreenButton?: boolean\n  isFullscreen?: boolean\n  onToggleFullscreen?: () => void\n  isExtraLarge?: boolean\n  onToggleExtraLarge?: () => void\n}\n"],"names":["_a","clickCallback","isDestination","description","isPhysicalRecording","_b","buttonsVariant","_c","showFullscreenButton","_d","isExtraLarge","onToggleExtraLarge","_e","useSelector","state","currentCall","transferring","incoming","accepted","dispatch","useDispatch","_f","island","isOpen","sideViewIsVisible","view","_g","conference","isActive","conferenceStartedFrom","username","currentUser","handleHangup","hangupAllExtensions","hangupCurrentCall","setTimeout","listen","setUpdateIntrudeStatus","setUpdateListenStatus","alerts","setAlert","eventDispatch","removeAlert","t","useTranslation","showSecondaryControls","useCompactLayout","React","createElement","Fragment","className","concat","motion","div","Button","variant","onClick","handleToggleIsOpen","FontAwesomeIcon","icon","faDownLeftAndUpRightToCenter","faUpRightAndDownLeftFromCenter","hangupCurrentPhysicalRecording","endConference","faPhone","style","height","setIslandView","faGear","CustomThemedTooltip","id","place"],"mappings":"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"}

package/dist/components/IslandMotion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var t=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),d=require("../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),h=function(a){var h=a.children,r=d.useSelector(function(e){return e.currentCall}),s=r.incoming,o=r.outgoing,c=r.accepted,l=r.transferring,g=r.incomingWebRTC,p=r.incomingSocket,u=r.conferencing,w=r.throughQueue,x=r.queueName,f=r.queueNumber,m=d.useSelector(function(e){return e.listen}).isListen,v=d.useSelector(function(e){return e.island}),b=v.view,_=v.isOpen,y=v.actionsExpanded,k=v.sideViewIsVisible,S=v.transcriptionViewIsVisible,A=v.isFromStreaming,j=v.isExtraLarge,q=d.useSelector(function(e){return e.alerts.status}).activeAlertsCount,C=d.useSelector(function(e){return e.motions}),E=C.variants,B=C.border_radius_collapsed,D=C.border_radius_expanded,L=C.border_radius_collapsed_conference,I=C.padding_x_collapsed,V=C.padding_y_collapsed,M=C.padding_expanded,N=C.alert_padding_expanded,O=d.useSelector(function(e){return e.conference}).isActive,Q=e.useMemo(function(){var e={width:0,height:0,padding:M};switch(b){case"call":if(_)if(c&&l&&u)e=y?{width:E.call.expanded.transfer.actionsExpanded.width,height:E.call.expanded.transfer.actionsExpanded.height}:{width:E.call.expanded.transfer.width,height:E.call.expanded.transfer.height};else if(c&&y)e={width:E.call.expanded.accepted.actionsExpanded.width,height:E.call.expanded.accepted.actionsExpanded.height};else if(c&&!m)e={width:E.call.expanded.accepted.width,height:E.call.expanded.accepted.height};else if(c&&m)e={width:E.call.expanded.listening.width,height:E.call.expanded.listening.height};else if(s&&!A){e=s&&!c&&w&&Boolean(x||f)?{width:E.call.expanded.incomingQueue.width,height:E.call.expanded.incomingQueue.height}:{width:E.call.expanded.incoming.width,height:E.call.expanded.incoming.height}}else s&&A?e={width:E.call.expanded.incomingStreaming.width,height:E.call.expanded.incomingStreaming.height}:o&&!A?e={width:E.call.expanded.outgoing.width,height:E.call.expanded.outgoing.height}:o&&A&&(e={width:E.call.expanded.outgoingStreaming.width,height:E.call.expanded.outgoingStreaming.height});else e={width:E.call.collapsed.width,height:E.call.collapsed.height};break;case"keypad":e=_?{width:E.keypad.expanded.width,height:E.keypad.expanded.height}:{width:E.transfer.collapsed.width,height:E.transfer.collapsed.height};break;case"video":e=_?{width:E.video.expanded.width,height:E.video.expanded.height,padding:E.video.expanded.padding}:{width:E.video.collapsed.width,height:E.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=_?{width:E[b].expanded.width,height:E[b].expanded.height}:{width:E[b].collapsed.width,height:E[b].collapsed.height};break;case"switchDevice":e=_?{width:E.switchDevice.expanded.width,height:E.switchDevice.expanded.height}:{width:E.video.collapsed.width,height:E.video.collapsed.height};break;case"waitingConference":e=_?{width:E.waitingConference.expanded.width,height:E.waitingConference.expanded.height}:{width:E.waitingConference.collapsed.width,height:E.waitingConference.collapsed.height};break;case"streamingAnswer":e=_?j?{width:E.streamingAnswer.extraLarge.width,height:E.streamingAnswer.extraLarge.height,padding:E.streamingAnswer.extraLarge.padding}:{width:E.streamingAnswer.expanded.width,height:E.streamingAnswer.expanded.height,padding:E.streamingAnswer.expanded.padding}:{width:E.streamingAnswer.collapsed.width,height:E.streamingAnswer.collapsed.height};break;case"operatorBusy":e=_?{width:E.operatorBusy.expanded.width,height:E.operatorBusy.expanded.height}:{width:E.operatorBusy.collapsed.width,height:E.operatorBusy.collapsed.height}}var i=q>0;return{width:"".concat(0===e.width&&i?E.alerts.width:e.width,"px"),height:"".concat(i&&_?E.alerts.height+(0===e.height?2*N:N):e.height,"px"),borderRadius:"".concat(_?D:O&&"waitingConference"===b?L:B,"px"),padding:_?null!=e.padding?"".concat(e.padding,"px"):"".concat(M,"px"):"".concat(I,"px ").concat(V,"px")}},[b,_,c,l,y,m,s,o,q,E,B,D,I,V,M,N,g,p,O,A,j,w,x,f]);return e.useEffect(function(){var e={};e.width=null==Q?void 0:Q.width,e.height=null==Q?void 0:Q.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})},[Q,b,_,c,l,y,m,s,o,q,E,B,D,I,V,M,N,k,S,p,g,O,j]),n.default.createElement(t.motion.div,{className:"".concat(_?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:Q,transition:{duration:.15,ease:"easeOut"}},h)};exports.IslandMotion=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var i=require("../utils/genericFunctions/eventDispatch.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var t=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),d=require("../node_modules/react-redux/es/hooks/useSelector.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=function(a){var r=a.children,h=d.useSelector(function(e){return e.currentCall}),o=h.incoming,s=h.outgoing,c=h.accepted,l=h.transferring,g=h.incomingWebRTC,p=h.incomingSocket,u=h.conferencing,w=h.throughQueue,x=h.queueName,f=h.queueNumber,m=d.useSelector(function(e){return e.listen}).isListen,v=d.useSelector(function(e){return e.island}),b=v.view,_=v.isOpen,y=v.actionsExpanded,k=v.sideViewIsVisible,S=v.transcriptionViewIsVisible,A=v.isFromStreaming,j=v.isExtraLarge,q=d.useSelector(function(e){return e.alerts.status}).activeAlertsCount,C=d.useSelector(function(e){return e.motions}),E=C.variants,B=C.border_radius_collapsed,D=C.border_radius_expanded,L=C.border_radius_collapsed_conference,I=C.padding_x_collapsed,V=C.padding_y_collapsed,M=C.padding_expanded,N=C.alert_padding_expanded,O=d.useSelector(function(e){return e.conference}).isActive,Q=e.useMemo(function(){var e={width:0,height:0,padding:M};switch(b){case"call":if(_)if(c&&l&&u)e=y?{width:E.call.expanded.transfer.actionsExpanded.width,height:E.call.expanded.transfer.actionsExpanded.height}:{width:E.call.expanded.transfer.width,height:E.call.expanded.transfer.height};else if(c&&y)e={width:E.call.expanded.accepted.actionsExpanded.width,height:E.call.expanded.accepted.actionsExpanded.height};else if(c&&!m)e={width:E.call.expanded.accepted.width,height:E.call.expanded.accepted.height};else if(c&&m)e={width:E.call.expanded.listening.width,height:E.call.expanded.listening.height};else if(o&&!A){e=o&&!c&&w&&Boolean(x||f)?{width:E.call.expanded.incomingQueue.width,height:E.call.expanded.incomingQueue.height}:{width:E.call.expanded.incoming.width,height:E.call.expanded.incoming.height}}else o&&A?e={width:E.call.expanded.incomingStreaming.width,height:E.call.expanded.incomingStreaming.height}:s&&!A?e={width:E.call.expanded.outgoing.width,height:E.call.expanded.outgoing.height}:s&&A&&(e={width:E.call.expanded.outgoingStreaming.width,height:E.call.expanded.outgoingStreaming.height});else e={width:E.call.collapsed.width,height:E.call.collapsed.height};break;case"keypad":e=_?{width:E.keypad.expanded.width,height:E.keypad.expanded.height}:{width:E.transfer.collapsed.width,height:E.transfer.collapsed.height};break;case"video":e=_?{width:E.video.expanded.width,height:E.video.expanded.height,padding:E.video.expanded.padding}:{width:E.video.collapsed.width,height:E.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=_?{width:E[b].expanded.width,height:E[b].expanded.height}:{width:E[b].collapsed.width,height:E[b].collapsed.height};break;case"switchDevice":e=_?{width:E.switchDevice.expanded.width,height:E.switchDevice.expanded.height}:{width:E.video.collapsed.width,height:E.video.collapsed.height};break;case"waitingConference":e=_?{width:E.waitingConference.expanded.width,height:E.waitingConference.expanded.height}:{width:E.waitingConference.collapsed.width,height:E.waitingConference.collapsed.height};break;case"streamingAnswer":e=_?j?{width:E.streamingAnswer.extraLarge.width,height:E.streamingAnswer.extraLarge.height,padding:E.streamingAnswer.extraLarge.padding}:{width:E.streamingAnswer.expanded.width,height:E.streamingAnswer.expanded.height,padding:E.streamingAnswer.expanded.padding}:{width:E.streamingAnswer.collapsed.width,height:E.streamingAnswer.collapsed.height};break;case"operatorBusy":e=_?{width:E.operatorBusy.expanded.width,height:E.operatorBusy.expanded.height}:{width:E.operatorBusy.collapsed.width,height:E.operatorBusy.collapsed.height}}var i=q>0;return{width:"".concat(0===e.width&&i?E.alerts.width:e.width,"px"),height:"".concat(i&&_?E.alerts.height+(0===e.height?2*N:N):e.height,"px"),borderRadius:"".concat(_?D:O&&"waitingConference"===b?L:B,"px"),padding:_?null!=e.padding?"".concat(e.padding,"px"):"".concat(M,"px"):"".concat(I,"px ").concat(V,"px")}},[b,_,c,l,y,m,o,s,q,E,B,D,I,V,M,N,g,p,O,A,j,w,x,f]);return e.useEffect(function(){var e={};e.width=null==Q?void 0:Q.width,e.height=null==Q?void 0:Q.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})},[Q,b,_,c,l,y,m,o,s,q,E,B,D,I,V,M,N,k,S,p,g,O,j]),n.default.createElement(t.motion.div,{className:"".concat(_?"pi-cursor-grab":"pi-cursor-pointer"," pi-pointer-events-auto pi-overflow-hidden dark:pi-bg-gray-950 pi-bg-gray-50 pi-border pi-border-solid pi-border-gray-200 dark:pi-border-gray-800 pi-text-xs dark:pi-text-white pi-text-gray-900 hover:pi-shadow-2xl pi-rounded-3xl pi-transition-shadow"),animate:Q,transition:{duration:.15,ease:"easeOut"}},r)};exports.IslandMotion=r,exports.default=r;
 //# sourceMappingURL=IslandMotion.js.map