npm - @nethesis/phone-island - Versions diffs - 1.0.14 → 1.0.15-dev.2 - Mend

@nethesis/phone-island 1.0.14 → 1.0.15-dev.2

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

Files changed (730) hide show

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

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

package/dist/components/Dropdown.js CHANGED Viewed

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

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

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

package/dist/components/GenericAvatar.js CHANGED Viewed

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

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

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

package/dist/components/Hangup.js CHANGED Viewed

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

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

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

package/dist/components/Island.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../utils/customHooks/useIsomorphicLayoutEffect.js");require("../node_modules/tslib/tslib.es6.js");var r=require("../store/index.js"),i=require("./CallView/index.js"),n=require("./KeypadView/index.js"),l=require("./AudioPlayerView/index.js"),u=require("./AlertGuard.js"),a=require("./CallView/BackCall.js"),s=require("./SideView/SideView.js"),o=require("./ViewsTransition.js"),c=require("./RecorderView/index.js"),d=require("./IslandMotion.js"),f=require("./IslandDrag.js"),w=require("./PhysicalRecorderView/index.js"),p=require("./SettingsView/index.js"),m=require("./SwitchDeviceView/index.js"),V=require("../utils/genericFunctions/isBackCallVisible.js"),v=require("./VideoView/index.js"),y=require("./ConferenceView/index.js"),E=require("./ContactView/ContactListView.js"),j=require("./StreamingAnswerView/index.js"),h=require("./OperatorBusyView/index.js"),g=require("./TranscriptionView/TranscriptionView.js"),q=require("../node_modules/react-redux/es/hooks/useSelector.js"),S=require("../node_modules/react-redux/es/hooks/useDispatch.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=x(e),R=function(x){var R=x.showAlways,b=x.uaType;x.urlParamWithEvent;var A=q.useSelector((function(e){return e.currentCall})),I=A.incoming,P=A.accepted,k=A.outgoing,B=q.useSelector((function(e){return e.island})),D=B.view,T=B.sideViewIsVisible,_=B.transcriptionViewIsVisible,L=B.avoidToShow,O=B.previousView,F=q.useSelector((function(e){return{recording:e.physicalRecorder.recording}})).recording,K=q.useSelector((function(e){return e.alerts.status})).activeAlertsCount,M=q.useSelector((function(e){return e.player})).audioPlayerLoop,N=q.useSelector((function(e){return e.conference})).isActive,W=q.useSelector((function(e){return e.currentUser})),G=W.default_device,U=W.endpoints,z=W.username,H=q.useSelector((function(e){return e.users})).extensions,J=e.useRef(null),Q=S.useDispatch(),X=e.useRef(null),Y=e.useRef(null),Z=e.useRef(null);t.useIsomorphicLayoutEffect((function(){Q.player.updatePlayer({audioPlayer:X,localAudio:Y,remoteAudio:Z})}),[]),e.useEffect((function(){var e=r.store.getState().conference,t=e.isActive,i=e.conferenceStartedFrom,n=e.isOwnerInside,l=r.store.getState().currentUser.username;(I||k)&&t&&i===l&&n?Q.island.setIslandView("waitingConference"):!I&&!k||L||Q.island.setIslandView("call")}),[I,k,L,N]),e.useEffect((function(){F&&Q.island.setIslandView("physicalPhoneRecorder")}),[D]);var $=e.useState(""),ee=$[0],te=$[1];e.useEffect((function(){setTimeout((function(){te(D)}),200)}),[D]);var re,ie=function(){if(!H||!z)return!1;var e=Object.values(H).filter((function(e){return(null==e?void 0:e.username)===z}));return null==e?void 0:e.some((function(e){var t=null==U?void 0:U.extension.find((function(t){return t.id===(null==e?void 0:e.exten)}));return"nethlink"===(null==t?void 0:t.type)&&"offline"!==(null==e?void 0:e.status)}))};return C.default.createElement("div",{ref:J,className:"pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000"},(I||k||P||R||K>0||"player"===D||"recorder"===D||"physicalPhoneRecorder"===D||"waitingConference"===D&&N||"transfer"===D&&N||"settings"===D&&N||"operatorBusy"===D&&("mobile"===b&&ie()||"desktop"===b&&("webrtc"===(null==G?void 0:G.type)||void 0===(null==G?void 0:G.type)&&!ie()||!ie()&&"physical"===(null==G?void 0:G.type)))||"settings"===D&&("recorder"===O||"player"===O))&&!L&&C.default.createElement(C.default.Fragment,null,C.default.createElement(f.IslandDrag,{islandContainerRef:J},C.default.createElement(a.default,{isVisible:V.isBackCallActive()}),C.default.createElement(s.default,{isVisible:T,uaType:b}),C.default.createElement(g.default,{isVisible:_}),C.default.createElement(d.IslandMotion,null,C.default.createElement(u.AlertGuard,{uaType:b},(re={call:i.default?C.default.createElement(i.default,null):null,keypad:n.default?C.default.createElement(n.default,null):null,transfer:E.ContactListView?C.default.createElement(E.ContactListView,null):null,player:l.KeypadView?C.default.createElement(l.KeypadView,null):null,recorder:c.RecorderView?C.default.createElement(c.RecorderView,null):null,physicalPhoneRecorder:w.PhysicalRecorderView?C.default.createElement(w.PhysicalRecorderView,null):null,settings:p.SettingsView?C.default.createElement(p.SettingsView,null):null,video:v.VideoView?C.default.createElement(v.VideoView,null):null,switchDevice:m.SwitchDeviceView?C.default.createElement(m.SwitchDeviceView,null):null,waitingConference:y.WaitingConferenceView?C.default.createElement(y.WaitingConferenceView,null):null,streamingAnswer:j.StreamingAnswerView?C.default.createElement(j.StreamingAnswerView,null):null,operatorBusy:h.OperatorBusyView?C.default.createElement(h.OperatorBusyView,null):null},ee in re&&re[ee]?C.default.createElement(o.default,{forView:ee},re[ee]):C.default.createElement(C.default.Fragment,null)))))),C.default.createElement("div",{className:"pi-hidden"},C.default.createElement("audio",{loop:M,ref:X}),C.default.createElement("audio",{muted:!0,ref:Y}),C.default.createElement("audio",{autoPlay:!0,ref:Z})))};R.displayName="Island",exports.Island=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("../node_modules/react-redux/es/index.js");var t=require("../utils/customHooks/useIsomorphicLayoutEffect.js");require("../node_modules/tslib/tslib.es6.js");var r=require("../store/index.js"),i=require("./CallView/index.js"),n=require("./KeypadView/index.js"),l=require("./AudioPlayerView/index.js"),u=require("./AlertGuard.js"),a=require("./CallView/BackCall.js"),s=require("./SideView/SideView.js"),o=require("./ViewsTransition.js"),c=require("./RecorderView/index.js"),d=require("./IslandMotion.js"),f=require("./IslandDrag.js"),w=require("./PhysicalRecorderView/index.js"),p=require("./SettingsView/index.js"),m=require("./SwitchDeviceView/index.js"),V=require("../utils/genericFunctions/isBackCallVisible.js"),v=require("./VideoView/index.js"),y=require("./ConferenceView/index.js"),E=require("./ContactView/ContactListView.js"),j=require("./StreamingAnswerView/index.js"),h=require("./OperatorBusyView/index.js"),g=require("./TranscriptionView/TranscriptionView.js"),q=require("../node_modules/react-redux/es/hooks/useSelector.js"),S=require("../node_modules/react-redux/es/hooks/useDispatch.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=x(e),R=function(x){var R=x.showAlways,b=x.uaType;x.urlParamWithEvent;var A=q.useSelector(function(e){return e.currentCall}),I=A.incoming,P=A.accepted,k=A.outgoing,B=q.useSelector(function(e){return e.island}),D=B.view,T=B.sideViewIsVisible,_=B.transcriptionViewIsVisible,L=B.avoidToShow,O=B.previousView,F=q.useSelector(function(e){return{recording:e.physicalRecorder.recording}}).recording,K=q.useSelector(function(e){return e.alerts.status}).activeAlertsCount,M=q.useSelector(function(e){return e.player}).audioPlayerLoop,N=q.useSelector(function(e){return e.conference}).isActive,W=q.useSelector(function(e){return e.currentUser}),G=W.default_device,U=W.endpoints,z=W.username,H=q.useSelector(function(e){return e.users}).extensions,J=e.useRef(null),Q=S.useDispatch(),X=e.useRef(null),Y=e.useRef(null),Z=e.useRef(null);t.useIsomorphicLayoutEffect(function(){Q.player.updatePlayer({audioPlayer:X,localAudio:Y,remoteAudio:Z})},[]),e.useEffect(function(){var e=r.store.getState().conference,t=e.isActive,i=e.conferenceStartedFrom,n=e.isOwnerInside,l=r.store.getState().currentUser.username;(I||k)&&t&&i===l&&n?Q.island.setIslandView("waitingConference"):!I&&!k||L||Q.island.setIslandView("call")},[I,k,L,N]),e.useEffect(function(){F&&Q.island.setIslandView("physicalPhoneRecorder")},[D]);var $=e.useState(""),ee=$[0],te=$[1];e.useEffect(function(){setTimeout(function(){te(D)},200)},[D]);var re,ie=function(){if(!H||!z)return!1;var e=Object.values(H).filter(function(e){return(null==e?void 0:e.username)===z});return null==e?void 0:e.some(function(e){var t=null==U?void 0:U.extension.find(function(t){return t.id===(null==e?void 0:e.exten)});return"nethlink"===(null==t?void 0:t.type)&&"offline"!==(null==e?void 0:e.status)})};return C.default.createElement("div",{ref:J,className:"pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000"},(I||k||P||R||K>0||"player"===D||"recorder"===D||"physicalPhoneRecorder"===D||"waitingConference"===D&&N||"transfer"===D&&N||"settings"===D&&N||"operatorBusy"===D&&("mobile"===b&&ie()||"desktop"===b&&("webrtc"===(null==G?void 0:G.type)||void 0===(null==G?void 0:G.type)&&!ie()||!ie()&&"physical"===(null==G?void 0:G.type)))||"settings"===D&&("recorder"===O||"player"===O))&&!L&&C.default.createElement(C.default.Fragment,null,C.default.createElement(f.IslandDrag,{islandContainerRef:J},C.default.createElement(a.default,{isVisible:V.isBackCallActive()}),C.default.createElement(s.default,{isVisible:T,uaType:b}),C.default.createElement(g.default,{isVisible:_}),C.default.createElement(d.IslandMotion,null,C.default.createElement(u.AlertGuard,{uaType:b},(re={call:i.default?C.default.createElement(i.default,null):null,keypad:n.default?C.default.createElement(n.default,null):null,transfer:E.ContactListView?C.default.createElement(E.ContactListView,null):null,player:l.KeypadView?C.default.createElement(l.KeypadView,null):null,recorder:c.RecorderView?C.default.createElement(c.RecorderView,null):null,physicalPhoneRecorder:w.PhysicalRecorderView?C.default.createElement(w.PhysicalRecorderView,null):null,settings:p.SettingsView?C.default.createElement(p.SettingsView,null):null,video:v.VideoView?C.default.createElement(v.VideoView,null):null,switchDevice:m.SwitchDeviceView?C.default.createElement(m.SwitchDeviceView,null):null,waitingConference:y.WaitingConferenceView?C.default.createElement(y.WaitingConferenceView,null):null,streamingAnswer:j.StreamingAnswerView?C.default.createElement(j.StreamingAnswerView,null):null,operatorBusy:h.OperatorBusyView?C.default.createElement(h.OperatorBusyView,null):null},ee in re&&re[ee]?C.default.createElement(o.default,{forView:ee},re[ee]):C.default.createElement(C.default.Fragment,null)))))),C.default.createElement("div",{className:"pi-hidden"},C.default.createElement("audio",{loop:M,ref:X}),C.default.createElement("audio",{muted:!0,ref:Y}),C.default.createElement("audio",{autoPlay:!0,ref:Z})))};R.displayName="Island",exports.Island=R;
 //# sourceMappingURL=Island.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Island.js","sources":["../../src/components/Island.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useState, useRef, useEffect, type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../store'\nimport { useIsomorphicLayoutEffect } from '../utils'\nimport CallView from './CallView'\nimport KeyboardView from './KeypadView'\nimport AudioPlayerView from './AudioPlayerView'\nimport { AlertGuard } from './AlertGuard'\nimport BackCall from './CallView/BackCall'\nimport SideView from './SideView/SideView'\nimport ViewsTransition from './ViewsTransition'\nimport { RecorderView } from './RecorderView'\nimport IslandMotions from './IslandMotion'\nimport IslandDrag from './IslandDrag'\nimport { PhysicalRecorderView } from './PhysicalRecorderView'\nimport { SettingsView } from './SettingsView'\nimport { SwitchDeviceView } from './SwitchDeviceView'\nimport { isBackCallActive } from '../utils/genericFunctions/isBackCallVisible'\nimport VideoView from './VideoView'\nimport { WaitingConferenceView } from './ConferenceView'\nimport { store } from '../store'\nimport { ContactListView } from './ContactView/ContactListView'\nimport StreamingAnswerView from './StreamingAnswerView'\nimport { OperatorBusyView } from './OperatorBusyView'\nimport { TranscriptionView } from './TranscriptionView'\n\n/*\n Provides the Island logic\n \n @param showAlways Sets the Island ever visible\n /\nexport const Island: FC<IslandProps> = ({ showAlways, uaType, urlParamWithEvent }) => {\n // Get the currentCall info\n const { incoming, accepted, outgoing } = useSelector((state: RootState) => state.currentCall)\n\n const { view, sideViewIsVisible, transcriptionViewIsVisible, avoidToShow, previousView } =\n useSelector((state: RootState) => state.island)\n const { recording } = useSelector((state: RootState) => ({\n recording: state.physicalRecorder.recording,\n }))\n\n // Get activeAlertsCount from island store\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n\n // Get audioPlayerLoop value from player store\n const { audioPlayerLoop } = useSelector((state: RootState) => state.player)\n const { isActive } = useSelector((state: RootState) => state.conference)\n\n // Get user information for device logic\n const { default_device, endpoints, username } = useSelector(\n (state: RootState) => state.currentUser,\n )\n const { extensions } = useSelector((state: RootState) => state.users)\n\n // The Container reference\n const islandContainerRef = useRef<any>(null)\n\n // Initialize useDispatch\n const dispatch = useDispatch<Dispatch>()\n\n const audioPlayer = useRef<HTMLAudioElement>(null)\n const localAudio = useRef<HTMLAudioElement>(null)\n const remoteAudio = useRef<HTMLAudioElement>(null)\n\n useIsomorphicLayoutEffect(() => {\n dispatch.player.updatePlayer({\n audioPlayer: audioPlayer,\n localAudio: localAudio,\n remoteAudio: remoteAudio,\n })\n }, [])\n\n // Handle and apply view switch logic\n // ...set callview as the current view\n useEffect(() => {\n const { isActive, conferenceStartedFrom, isOwnerInside } = store.getState().conference\n const { username } = store.getState().currentUser\n // Check and switch the view\n if ((incoming \|\| outgoing) && isActive && conferenceStartedFrom === username && isOwnerInside) {\n dispatch.island.setIslandView('waitingConference')\n } else if ((incoming \|\| outgoing) && !avoidToShow) {\n dispatch.island.setIslandView('call')\n }\n }, [incoming, outgoing, avoidToShow, isActive])\n\n useEffect(() => {\n if (recording) {\n dispatch.island.setIslandView('physicalPhoneRecorder')\n }\n }, [view])\n\n const [currentView, setCurrentView] = useState<any>('')\n\n // Handle island view change\n useEffect(() => {\n setTimeout(() => {\n setCurrentView(view)\n }, 200)\n }, [view])\n\n // Check if there's an online NethLink device\n const hasOnlineNethlink = () => {\n if (!extensions \|\| !username) return false\n\n // Get all extensions for current user\n const userExtensions: any = Object.values(extensions).filter(\n (ext) => ext?.username === username,\n )\n\n // Check if any extension is nethlink type and online\n return userExtensions?.some((ext) => {\n const endpointExtension = endpoints?.extension.find((endpoint) => endpoint.id === ext?.exten)\n return endpointExtension?.type === 'nethlink' && ext?.status !== 'offline'\n })\n }\n\n return (\n <div\n ref={islandContainerRef}\n className='pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000'\n >\n {(incoming \|\|\n outgoing \|\|\n accepted \|\|\n showAlways \|\|\n activeAlertsCount > 0 \|\|\n view === 'player' \|\|\n view === 'recorder' \|\|\n view === 'physicalPhoneRecorder' \|\|\n (view === 'waitingConference' && isActive) \|\|\n (view === 'transfer' && isActive) \|\|\n (view === 'settings' && isActive) \|\|\n (view === 'operatorBusy' &&\n ((uaType === 'mobile' && hasOnlineNethlink()) \|\|\n (uaType === 'desktop' &&\n (default_device?.type === 'webrtc' \|\|\n (default_device?.type === undefined && !hasOnlineNethlink()) \|\|\n (!hasOnlineNethlink() && default_device?.type === 'physical'))))) \|\|\n (view === 'settings' && (previousView === 'recorder' \|\| previousView === 'player'))) &&\n !avoidToShow && (\n <>\n <IslandDrag islandContainerRef={islandContainerRef}>\n {/ Add background call visibility logic /}\n <BackCall isVisible={isBackCallActive()} />\n <SideView isVisible={sideViewIsVisible} uaType={uaType} />\n <TranscriptionView isVisible={transcriptionViewIsVisible} />\n <IslandMotions>\n {/ The views logic */}\n <AlertGuard uaType={uaType}>\n {(() => {\n const views = {\n call: CallView ? <CallView /> : null,\n keypad: KeyboardView ? <KeyboardView /> : null,\n transfer: ContactListView ? <ContactListView /> : null,\n player: AudioPlayerView ? <AudioPlayerView /> : null,\n recorder: RecorderView ? <RecorderView /> : null,\n physicalPhoneRecorder: PhysicalRecorderView ? <PhysicalRecorderView /> : null,\n settings: SettingsView ? <SettingsView /> : null,\n video: VideoView ? <VideoView /> : null,\n switchDevice: SwitchDeviceView ? <SwitchDeviceView /> : null,\n waitingConference: WaitingConferenceView ? <WaitingConferenceView /> : null,\n streamingAnswer: StreamingAnswerView ? <StreamingAnswerView /> : null,\n operatorBusy: OperatorBusyView ? <OperatorBusyView /> : null,\n }\n\n return currentView in views && views[currentView as keyof typeof views] ? (\n <ViewsTransition forView={currentView}>\n {views[currentView as keyof typeof views]}\n </ViewsTransition>\n ) : (\n <></>\n )\n })()}\n </AlertGuard>\n </IslandMotions>\n </IslandDrag>\n </>\n )}\n <div className='pi-hidden'>\n <audio loop={audioPlayerLoop} ref={audioPlayer}></audio>\n <audio muted={true} ref={localAudio}></audio>\n <audio autoPlay ref={remoteAudio}></audio>\n </div>\n </div>\n )\n}\n\nIsland.displayName = 'Island'\n\ninterface IslandProps {\n showAlways?: boolean\n uaType?: string\n urlParamWithEvent?: boolean\n}\n"],"names":["Island","_a","showAlways","uaType","urlParamWithEvent","_b","useSelector","state","currentCall","incoming","accepted","outgoing","_c","island","view","sideViewIsVisible","transcriptionViewIsVisible","avoidToShow","previousView","recording","physicalRecorder","activeAlertsCount","alerts","status","audioPlayerLoop","player","isActive","conference","_d","currentUser","default_device","endpoints","username","extensions","users","islandContainerRef","useRef","dispatch","useDispatch","audioPlayer","localAudio","remoteAudio","useIsomorphicLayoutEffect","updatePlayer","useEffect","store","getState","conferenceStartedFrom","isOwnerInside","setIslandView","_e","useState","currentView","setCurrentView","setTimeout","views","hasOnlineNethlink","userExtensions","Object","values","filter","ext","some","endpointExtension","extension","find","endpoint","id","exten","type","React","ref","className","undefined","createElement","Fragment","IslandDrag","BackCall","isVisible","isBackCallActive","SideView","TranscriptionView","IslandMotions","AlertGuard","call","CallView","keypad","KeyboardView","transfer","ContactListView","AudioPlayerView","KeypadView","recorder","RecorderView","physicalPhoneRecorder","PhysicalRecorderView","settings","SettingsView","video","VideoView","switchDevice","SwitchDeviceView","waitingConference","WaitingConferenceView","streamingAnswer","StreamingAnswerView","operatorBusy","OperatorBusyView","ViewsTransition","forView","loop","muted","autoPlay","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"Island.js","sources":["../../src/components/Island.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { useState, useRef, useEffect, type FC } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { RootState, Dispatch } from '../store'\nimport { useIsomorphicLayoutEffect } from '../utils'\nimport CallView from './CallView'\nimport KeyboardView from './KeypadView'\nimport AudioPlayerView from './AudioPlayerView'\nimport { AlertGuard } from './AlertGuard'\nimport BackCall from './CallView/BackCall'\nimport SideView from './SideView/SideView'\nimport ViewsTransition from './ViewsTransition'\nimport { RecorderView } from './RecorderView'\nimport IslandMotions from './IslandMotion'\nimport IslandDrag from './IslandDrag'\nimport { PhysicalRecorderView } from './PhysicalRecorderView'\nimport { SettingsView } from './SettingsView'\nimport { SwitchDeviceView } from './SwitchDeviceView'\nimport { isBackCallActive } from '../utils/genericFunctions/isBackCallVisible'\nimport VideoView from './VideoView'\nimport { WaitingConferenceView } from './ConferenceView'\nimport { store } from '../store'\nimport { ContactListView } from './ContactView/ContactListView'\nimport StreamingAnswerView from './StreamingAnswerView'\nimport { OperatorBusyView } from './OperatorBusyView'\nimport { TranscriptionView } from './TranscriptionView'\n\n/*\n Provides the Island logic\n \n @param showAlways Sets the Island ever visible\n /\nexport const Island: FC<IslandProps> = ({ showAlways, uaType, urlParamWithEvent }) => {\n // Get the currentCall info\n const { incoming, accepted, outgoing } = useSelector((state: RootState) => state.currentCall)\n\n const { view, sideViewIsVisible, transcriptionViewIsVisible, avoidToShow, previousView } =\n useSelector((state: RootState) => state.island)\n const { recording } = useSelector((state: RootState) => ({\n recording: state.physicalRecorder.recording,\n }))\n\n // Get activeAlertsCount from island store\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n\n // Get audioPlayerLoop value from player store\n const { audioPlayerLoop } = useSelector((state: RootState) => state.player)\n const { isActive } = useSelector((state: RootState) => state.conference)\n\n // Get user information for device logic\n const { default_device, endpoints, username } = useSelector(\n (state: RootState) => state.currentUser,\n )\n const { extensions } = useSelector((state: RootState) => state.users)\n\n // The Container reference\n const islandContainerRef = useRef<any>(null)\n\n // Initialize useDispatch\n const dispatch = useDispatch<Dispatch>()\n\n const audioPlayer = useRef<HTMLAudioElement>(null)\n const localAudio = useRef<HTMLAudioElement>(null)\n const remoteAudio = useRef<HTMLAudioElement>(null)\n\n useIsomorphicLayoutEffect(() => {\n dispatch.player.updatePlayer({\n audioPlayer: audioPlayer,\n localAudio: localAudio,\n remoteAudio: remoteAudio,\n })\n }, [])\n\n // Handle and apply view switch logic\n // ...set callview as the current view\n useEffect(() => {\n const { isActive, conferenceStartedFrom, isOwnerInside } = store.getState().conference\n const { username } = store.getState().currentUser\n // Check and switch the view\n if ((incoming \|\| outgoing) && isActive && conferenceStartedFrom === username && isOwnerInside) {\n dispatch.island.setIslandView('waitingConference')\n } else if ((incoming \|\| outgoing) && !avoidToShow) {\n dispatch.island.setIslandView('call')\n }\n }, [incoming, outgoing, avoidToShow, isActive])\n\n useEffect(() => {\n if (recording) {\n dispatch.island.setIslandView('physicalPhoneRecorder')\n }\n }, [view])\n\n const [currentView, setCurrentView] = useState<any>('')\n\n // Handle island view change\n useEffect(() => {\n setTimeout(() => {\n setCurrentView(view)\n }, 200)\n }, [view])\n\n // Check if there's an online NethLink device\n const hasOnlineNethlink = () => {\n if (!extensions \|\| !username) return false\n\n // Get all extensions for current user\n const userExtensions: any = Object.values(extensions).filter(\n (ext) => ext?.username === username,\n )\n\n // Check if any extension is nethlink type and online\n return userExtensions?.some((ext) => {\n const endpointExtension = endpoints?.extension.find((endpoint) => endpoint.id === ext?.exten)\n return endpointExtension?.type === 'nethlink' && ext?.status !== 'offline'\n })\n }\n\n return (\n <div\n ref={islandContainerRef}\n className='pi-absolute pi-min-w-full pi-min-h-full pi-left-0 pi-top-0 pi-overflow-hidden pi-pointer-events-none pi-flex pi-items-center pi-justify-center pi-content-center pi-phone-island-container pi-z-1000'\n >\n {(incoming \|\|\n outgoing \|\|\n accepted \|\|\n showAlways \|\|\n activeAlertsCount > 0 \|\|\n view === 'player' \|\|\n view === 'recorder' \|\|\n view === 'physicalPhoneRecorder' \|\|\n (view === 'waitingConference' && isActive) \|\|\n (view === 'transfer' && isActive) \|\|\n (view === 'settings' && isActive) \|\|\n (view === 'operatorBusy' &&\n ((uaType === 'mobile' && hasOnlineNethlink()) \|\|\n (uaType === 'desktop' &&\n (default_device?.type === 'webrtc' \|\|\n (default_device?.type === undefined && !hasOnlineNethlink()) \|\|\n (!hasOnlineNethlink() && default_device?.type === 'physical'))))) \|\|\n (view === 'settings' && (previousView === 'recorder' \|\| previousView === 'player'))) &&\n !avoidToShow && (\n <>\n <IslandDrag islandContainerRef={islandContainerRef}>\n {/ Add background call visibility logic /}\n <BackCall isVisible={isBackCallActive()} />\n <SideView isVisible={sideViewIsVisible} uaType={uaType} />\n <TranscriptionView isVisible={transcriptionViewIsVisible} />\n <IslandMotions>\n {/ The views logic */}\n <AlertGuard uaType={uaType}>\n {(() => {\n const views = {\n call: CallView ? <CallView /> : null,\n keypad: KeyboardView ? <KeyboardView /> : null,\n transfer: ContactListView ? <ContactListView /> : null,\n player: AudioPlayerView ? <AudioPlayerView /> : null,\n recorder: RecorderView ? <RecorderView /> : null,\n physicalPhoneRecorder: PhysicalRecorderView ? <PhysicalRecorderView /> : null,\n settings: SettingsView ? <SettingsView /> : null,\n video: VideoView ? <VideoView /> : null,\n switchDevice: SwitchDeviceView ? <SwitchDeviceView /> : null,\n waitingConference: WaitingConferenceView ? <WaitingConferenceView /> : null,\n streamingAnswer: StreamingAnswerView ? <StreamingAnswerView /> : null,\n operatorBusy: OperatorBusyView ? <OperatorBusyView /> : null,\n }\n\n return currentView in views && views[currentView as keyof typeof views] ? (\n <ViewsTransition forView={currentView}>\n {views[currentView as keyof typeof views]}\n </ViewsTransition>\n ) : (\n <></>\n )\n })()}\n </AlertGuard>\n </IslandMotions>\n </IslandDrag>\n </>\n )}\n <div className='pi-hidden'>\n <audio loop={audioPlayerLoop} ref={audioPlayer}></audio>\n <audio muted={true} ref={localAudio}></audio>\n <audio autoPlay ref={remoteAudio}></audio>\n </div>\n </div>\n )\n}\n\nIsland.displayName = 'Island'\n\ninterface IslandProps {\n showAlways?: boolean\n uaType?: string\n urlParamWithEvent?: boolean\n}\n"],"names":["Island","_a","showAlways","uaType","urlParamWithEvent","_b","useSelector","state","currentCall","incoming","accepted","outgoing","_c","island","view","sideViewIsVisible","transcriptionViewIsVisible","avoidToShow","previousView","recording","physicalRecorder","activeAlertsCount","alerts","status","audioPlayerLoop","player","isActive","conference","_d","currentUser","default_device","endpoints","username","extensions","users","islandContainerRef","useRef","dispatch","useDispatch","audioPlayer","localAudio","remoteAudio","useIsomorphicLayoutEffect","updatePlayer","useEffect","store","getState","conferenceStartedFrom","isOwnerInside","setIslandView","_e","useState","currentView","setCurrentView","setTimeout","views","hasOnlineNethlink","userExtensions","Object","values","filter","ext","some","endpointExtension","extension","find","endpoint","id","exten","type","React","ref","className","undefined","createElement","Fragment","IslandDrag","BackCall","isVisible","isBackCallActive","SideView","TranscriptionView","IslandMotions","AlertGuard","call","CallView","keypad","KeyboardView","transfer","ContactListView","AudioPlayerView","KeypadView","recorder","RecorderView","physicalPhoneRecorder","PhysicalRecorderView","settings","SettingsView","video","VideoView","switchDevice","SwitchDeviceView","waitingConference","WaitingConferenceView","streamingAnswer","StreamingAnswerView","operatorBusy","OperatorBusyView","ViewsTransition","forView","loop","muted","autoPlay","displayName"],"mappings":"owCAkCaA,EAA0B,SAACC,GAAE,IAAAC,eAAYC,EAAMF,EAAAE,OAAmBF,EAAAG,kBAEvE,IAAAC,EAAmCC,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMC,cAAzEC,EAAQJ,EAAAI,SAAEC,EAAQL,EAAAK,SAAEC,EAAQN,EAAAM,SAE9BC,EACJN,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMM,MAAM,GADxCC,EAAIF,EAAAE,KAAEC,EAAiBH,EAAAG,kBAAEC,EAA0BJ,EAAAI,2BAAEC,EAAWL,EAAAK,YAAEC,EAAYN,EAAAM,aAE9EC,EAAcb,EAAAA,YAAY,SAACC,GAAqB,MAAC,CACvDY,UAAWZ,EAAMa,iBAAiBD,UADoB,GAErDA,UAGKE,EAAsBf,EAAAA,YAAY,SAACC,GAAqB,OAAAA,EAAMe,OAAOC,2BAGrEC,EAAoBlB,cAAY,SAACC,GAAqB,OAAAA,EAAMkB,yBAC5DC,EAAapB,cAAY,SAACC,GAAqB,OAAAA,EAAMoB,sBAGvDC,EAA0CtB,EAAAA,YAC9C,SAACC,GAAqB,OAAAA,EAAMsB,cADtBC,EAAcF,EAAAE,eAAEC,EAASH,EAAAG,UAAEC,EAAQJ,EAAAI,SAGnCC,EAAe3B,cAAY,SAACC,GAAqB,OAAAA,EAAM2B,mBAGzDC,EAAqBC,SAAY,MAGjCC,EAAWC,EAAAA,cAEXC,EAAcH,SAAyB,MACvCI,EAAaJ,SAAyB,MACtCK,EAAcL,SAAyB,MAE7CM,EAAAA,0BAA0B,WACxBL,EAASZ,OAAOkB,aAAa,CAC3BJ,YAAaA,EACbC,WAAYA,EACZC,YAAaA,GAEhB,EAAE,IAIHG,EAAAA,UAAU,WACF,IAAA3C,EAAqD4C,EAAKA,MAACC,WAAWnB,WAApED,EAAQzB,EAAAyB,SAAEqB,EAAqB9C,EAAA8C,sBAAEC,kBACjChB,EAAaa,EAAKA,MAACC,WAAWjB,YAAWG,UAE5CvB,GAAYE,IAAae,GAAYqB,IAA0Bf,GAAYgB,EAC9EX,EAASxB,OAAOoC,cAAc,sBACpBxC,IAAYE,GAAcM,GACpCoB,EAASxB,OAAOoC,cAAc,OAEjC,EAAE,CAACxC,EAAUE,EAAUM,EAAaS,IAErCkB,EAAAA,UAAU,WACJzB,GACFkB,EAASxB,OAAOoC,cAAc,wBAElC,EAAG,CAACnC,IAEE,IAAAoC,EAAgCC,EAAAA,SAAc,IAA7CC,GAAWF,EAAA,GAAEG,GAAcH,EAAA,GAGlCN,EAAAA,UAAU,WACRU,WAAW,WACTD,GAAevC,EAChB,EAAE,IACL,EAAG,CAACA,IAGJ,IAiDwByC,GAjDlBC,GAAoB,WACxB,IAAKvB,IAAeD,EAAU,OAAO,EAGrC,IAAMyB,EAAsBC,OAAOC,OAAO1B,GAAY2B,OACpD,SAACC,GAAQ,OAAAA,aAAG,EAAHA,EAAK7B,YAAaA,CAAQ,GAIrC,OAAOyB,aAAc,EAAdA,EAAgBK,KAAK,SAACD,GAC3B,IAAME,EAAoBhC,aAAS,EAATA,EAAWiC,UAAUC,KAAK,SAACC,GAAa,OAAAA,EAASC,MAAON,aAAG,EAAHA,EAAKO,MAAK,GAC5F,MAAmC,cAA5BL,eAAAA,EAAmBM,OAAuC,aAAhBR,aAAG,EAAHA,EAAKtC,OACxD,EACF,EAEA,OACE+C,EAAAA,6BACEC,IAAKpC,EACLqC,UAAU,yMAER/D,GACAE,GACAD,GACAR,GACAmB,EAAoB,GACX,WAATP,GACS,aAATA,GACS,0BAATA,GACU,sBAATA,GAAgCY,GACvB,aAATZ,GAAuBY,GACd,aAATZ,GAAuBY,GACd,iBAATZ,IACc,WAAXX,GAAuBqD,MACX,YAAXrD,IAC2B,YAAzB2B,eAAAA,EAAgBuC,YACWI,KAAzB3C,eAAAA,EAAgBuC,QAAuBb,OACtCA,MAAgD,cAAzB1B,aAAc,EAAdA,EAAgBuC,SACvC,aAATvD,IAAyC,aAAjBI,GAAgD,WAAjBA,MACvDD,GACCqD,EAAA,QAAAI,cAAAJ,EAAA,QAAAK,SAAA,KACEL,EAAAA,QAAAI,cAACE,EAAAA,WAAU,CAACzC,mBAAoBA,GAE9BmC,EAAA,QAAAI,cAACG,EAAQ,QAAC,CAAAC,UAAWC,EAAAA,qBACrBT,EAAC,QAAAI,cAAAM,WAASF,UAAW/D,EAAmBZ,OAAQA,IAChDmE,EAAAA,QAAAI,cAACO,EAAAA,QAAiB,CAACH,UAAW9D,IAC9BsD,UAAAI,cAACQ,EAAAA,aAAa,KAEZZ,EAAA,QAAAI,cAACS,EAAUA,WAAC,CAAAhF,OAAQA,IAEVoD,GAAQ,CACZ6B,KAAMC,EAAQ,QAAGf,EAAC,QAAAI,cAAAW,EAAQ,QAAG,MAAG,KAChCC,OAAQC,EAAY,QAAGjB,EAAC,QAAAI,cAAAa,EAAY,QAAG,MAAG,KAC1CC,SAAUC,EAAeA,gBAAGnB,EAAC,QAAAI,cAAAe,EAAeA,gBAAG,MAAG,KAClDhE,OAAQiE,EAAeC,WAAGrB,EAAC,QAAAI,cAAAgB,EAAeC,WAAG,MAAG,KAChDC,SAAUC,EAAYA,aAAGvB,EAAC,QAAAI,cAAAmB,EAAYA,aAAG,MAAG,KAC5CC,sBAAuBC,EAAoBA,qBAAGzB,EAAC,QAAAI,cAAAqB,EAAoBA,qBAAG,MAAG,KACzEC,SAAUC,EAAYA,aAAG3B,EAAC,QAAAI,cAAAuB,EAAYA,aAAG,MAAG,KAC5CC,MAAOC,EAASA,UAAG7B,EAAC,QAAAI,cAAAyB,EAASA,UAAG,MAAG,KACnCC,aAAcC,EAAgBA,iBAAG/B,EAAC,QAAAI,cAAA2B,EAAgBA,iBAAG,MAAG,KACxDC,kBAAmBC,EAAqBA,sBAAGjC,EAAC,QAAAI,cAAA6B,EAAqBA,sBAAG,MAAG,KACvEC,gBAAiBC,EAAmBA,oBAAGnC,EAAC,QAAAI,cAAA+B,EAAmBA,oBAAG,MAAG,KACjEC,aAAcC,EAAgBA,iBAAGrC,EAAC,QAAAI,cAAAiC,EAAgBA,iBAAG,MAAG,MAGnDvD,MAAeG,IAASA,GAAMH,IACnCkB,wBAACsC,EAAe,QAAA,CAACC,QAASzD,IACvBG,GAAMH,KAGTkB,EAAA,QAAAI,cAAAJ,UAAAK,SAAA,WAQhBL,EAAAA,QAAKI,cAAA,MAAA,CAAAF,UAAU,aACbF,EAAA,QAAAI,cAAA,QAAA,CAAOoC,KAAMtF,EAAiB+C,IAAKhC,IACnC+B,EAAA,QAAAI,cAAA,QAAA,CAAOqC,OAAO,EAAMxC,IAAK/B,IACzB8B,UAAOI,cAAA,QAAA,CAAAsC,YAASzC,IAAK9B,KAI7B,EAEAzC,EAAOiH,YAAc"}

package/dist/components/IslandDrag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../store/index.js");require("../node_modules/react-redux/es/index.js");var o=require("../utils/customHooks/useEventListener.js"),s=require("../utils/customHooks/useLocalStorage.js"),n=require("../utils/customHooks/useLongPress.js"),i=require("../utils/genericFunctions/styleTransformValues.js"),a=require("../lib/island/island.js"),u=require("../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.mjs.js"),l=require("../node_modules/framer-motion/dist/es/animation/hooks/use-animation.mjs.js"),d=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),c=require("../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(t),g=function(p){var g=p.children,v=p.islandContainerRef,j=c.useSelector((function(e){return e.island})).startPosition,x=t.useState(!1),h=x[0],y=x[1],_=m.useDispatch(),q=u.useDragControls(),b=l.useAnimation(),S=s.useLocalStorage("phone-island",null),D=S[0],P=S[1],L=t.useRef(null),k=t.useState(D&&D.position?D.position:null),C=k[0],w=k[1];o.useEventListener("phone-island-reset-position",(function(){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return localStorage.removeItem("phone-island"),w(null),[4,b.start({x:j.x,y:j.y,transition:{duration:.3,ease:"easeOut"}})];case 1:return e.sent(),[2]}}))}))}));var E=n.useLongPress((function(){}),(function(e){var t,o;if(e&&e.target){var s=e.target;if(s.closest('[data-stop-propagation="true"]')||s.hasAttribute("data-stop-propagation"))return}!(null===(o=null===(t=null===r.store||void 0===r.store?void 0:r.store.getState())||void 0===t?void 0:t.island)||void 0===o?void 0:o.isOpen)&&_.island.handleToggleIsOpen()}),h,(function(){return y(!1)}),{shouldPreventDefault:!0,delay:250});return f.default.createElement(d.motion.div,e.__assign({drag:!0,onPointerDown:function(e){var t=e.target;t.closest('[data-stop-propagation="true"]')||t.hasAttribute("data-stop-propagation")||q.start(e)},onDragStart:function(){y(!0)},dragTransition:{power:0,timeConstant:300},initial:{x:(null==C?void 0:C.x)||j.x,y:(null==C?void 0:C.y)||j.y},animate:b,dragControls:q,dragListener:!1,dragConstraints:v,onDragEnd:function(){if(L.current){var e=i.styleTransformValues(L.current),t=e.x,r=e.y;t=a.xPosition(Math.round(t),L.current,v.current),r=a.yPosition(Math.round(r),L.current,v.current),P({position:{x:t,y:r}}),w({x:t,y:r})}},ref:L},E,{className:"pi-absolute"}),g&&g)};exports.IslandDrag=g,exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../store/index.js");require("../node_modules/react-redux/es/index.js");var o=require("../utils/customHooks/useEventListener.js"),s=require("../utils/customHooks/useLocalStorage.js"),n=require("../utils/customHooks/useLongPress.js"),i=require("../utils/genericFunctions/styleTransformValues.js"),a=require("../lib/island/island.js"),u=require("../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.mjs.js"),l=require("../node_modules/framer-motion/dist/es/animation/hooks/use-animation.mjs.js"),d=require("../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs.js"),c=require("../node_modules/react-redux/es/hooks/useSelector.js"),m=require("../node_modules/react-redux/es/hooks/useDispatch.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(t),g=function(p){var g=p.children,v=p.islandContainerRef,j=c.useSelector(function(e){return e.island}).startPosition,x=t.useState(!1),h=x[0],y=x[1],_=m.useDispatch(),q=u.useDragControls(),b=l.useAnimation(),S=s.useLocalStorage("phone-island",null),D=S[0],P=S[1],L=t.useRef(null),k=t.useState(D&&D.position?D.position:null),C=k[0],w=k[1];o.useEventListener("phone-island-reset-position",function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return localStorage.removeItem("phone-island"),w(null),[4,b.start({x:j.x,y:j.y,transition:{duration:.3,ease:"easeOut"}})];case 1:return e.sent(),[2]}})})});var E=n.useLongPress(function(){},function(e){var t,o;if(e&&e.target){var s=e.target;if(s.closest('[data-stop-propagation="true"]')||s.hasAttribute("data-stop-propagation"))return}!(null===(o=null===(t=null===r.store||void 0===r.store?void 0:r.store.getState())||void 0===t?void 0:t.island)||void 0===o?void 0:o.isOpen)&&_.island.handleToggleIsOpen()},h,function(){return y(!1)},{shouldPreventDefault:!0,delay:250});return f.default.createElement(d.motion.div,e.__assign({drag:!0,onPointerDown:function(e){var t=e.target;t.closest('[data-stop-propagation="true"]')||t.hasAttribute("data-stop-propagation")||q.start(e)},onDragStart:function(){y(!0)},dragTransition:{power:0,timeConstant:300},initial:{x:(null==C?void 0:C.x)||j.x,y:(null==C?void 0:C.y)||j.y},animate:b,dragControls:q,dragListener:!1,dragConstraints:v,onDragEnd:function(){if(L.current){var e=i.styleTransformValues(L.current),t=e.x,r=e.y;t=a.xPosition(Math.round(t),L.current,v.current),r=a.yPosition(Math.round(r),L.current,v.current),P({position:{x:t,y:r}}),w({x:t,y:r})}},ref:L},E,{className:"pi-absolute"}),g&&g)};exports.IslandDrag=g,exports.default=g;
 //# sourceMappingURL=IslandDrag.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IslandDrag.js","sources":["../../src/components/IslandDrag.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useState, useRef, MutableRefObject } from 'react'\nimport { RootState, Dispatch, store } from '../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { motion, useDragControls, useAnimation } from 'framer-motion'\nimport { useLongPress, useLocalStorage, styleTransformValues, useEventListener } from '../utils'\nimport { xPosition, yPosition } from '../lib/island/island'\n\nexport const IslandDrag: FC<IslandDragProps> = ({ children, islandContainerRef }) => {\n const { startPosition } = useSelector((state: RootState) => state.island)\n\n // Initialize the moved property\n const [moved, setMoved] = useState<boolean>(false)\n\n // Initialize dispatch\n const dispatch = useDispatch<Dispatch>()\n\n // Initialize Island drag controls\n const controls = useDragControls()\n\n // Initialize animation controls for reset functionality\n const animationControls = useAnimation()\n\n // Initialize Island storage\n const [phoneIslandStorage, setPhoneIslandStorage] =\n useLocalStorage<PhoneIslandStorageTypes \| null>('phone-island', null)\n\n // The Island reference\n const islandRef = useRef<any>(null)\n\n // Initialize position or get from storage\n const [position, setPosition] = useState<PositionTypes \| null>(\n phoneIslandStorage && phoneIslandStorage.position ? phoneIslandStorage.position : null,\n )\n\n // Handles reset position to default\n const handleResetPosition = async () => {\n // Clear localStorage\n localStorage.removeItem('phone-island')\n \n // Reset position state\n setPosition(null)\n \n // Animate back to default position\n await animationControls.start({\n x: startPosition.x,\n y: startPosition.y,\n transition: {\n duration: 0.3,\n ease: 'easeOut',\n },\n })\n }\n\n // Listen for reset position event\n useEventListener('phone-island-reset-position', handleResetPosition)\n\n // Handles the drag started event\n function handleStartDrag(event: React.PointerEvent<Element>) {\n const target = event.target as HTMLElement\n if (\n target.closest('[data-stop-propagation=\"true\"]') \|\|\n target.hasAttribute('data-stop-propagation')\n ) {\n return\n }\n\n controls.start(event)\n }\n\n // Handles log press event\n const handleLongPress = () => {}\n\n const handleIslandClick = (event?: React.MouseEvent<Element> \| any) => {\n if (event && event.target) {\n const target = event.target as HTMLElement\n if (\n target.closest('[data-stop-propagation=\"true\"]') \|\|\n target.hasAttribute('data-stop-propagation')\n ) {\n return\n }\n }\n\n // Only if phone island is close is possible to open it trough the click\n const isPhoneIslandAlreadyOpen = store?.getState()?.island?.isOpen\n !isPhoneIslandAlreadyOpen && dispatch.island.handleToggleIsOpen()\n }\n\n // Handles drag end event\n const handleDragEnd = () => {\n if (!islandRef.current) return\n // Get initial transform values\n let { x, y }: any = styleTransformValues(islandRef.current)\n // Round position\n x = xPosition(Math.round(x), islandRef.current, islandContainerRef.current)\n y = yPosition(Math.round(y), islandRef.current, islandContainerRef.current)\n // Save the new position to localstorage\n setPhoneIslandStorage({\n position: {\n x,\n y,\n },\n })\n // Set position to variable\n setPosition({\n x,\n y,\n })\n }\n\n // Handles drag started event\n function handleDragStarted() {\n setMoved(true)\n }\n\n // Initialize the longPressEvent object\n const longPressEvent = useLongPress(\n handleLongPress,\n handleIslandClick,\n moved,\n () => setMoved(false),\n {\n shouldPreventDefault: true,\n delay: 250,\n },\n )\n\n return (\n <motion.div\n drag\n onPointerDown={handleStartDrag}\n onDragStart={handleDragStarted}\n dragTransition={{ \n power: 0,\n timeConstant: 300\n }}\n initial={{\n x: position?.x \|\| startPosition.x,\n y: position?.y \|\| startPosition.y,\n }}\n animate={animationControls}\n dragControls={controls}\n dragListener={false}\n dragConstraints={islandContainerRef}\n onDragEnd={handleDragEnd}\n ref={islandRef}\n {...longPressEvent}\n className='pi-absolute'\n >\n {children && children}\n </motion.div>\n )\n}\n\nexport default IslandDrag\n\nexport interface IslandDragProps {\n children: ReactNode\n islandContainerRef: MutableRefObject<HTMLDivElement>\n}\n\ninterface PhoneIslandStorageTypes {\n position: PositionTypes\n}\n\ninterface PositionTypes {\n x: number\n y: number\n}\n"],"names":["IslandDrag","_a","children","islandContainerRef","startPosition","useSelector","state","island","_b","useState","moved","setMoved","dispatch","useDispatch","controls","useDragControls","animationControls","useAnimation","_c","useLocalStorage","phoneIslandStorage","setPhoneIslandStorage","islandRef","useRef","_d","position","setPosition","useEventListener","__awaiter","localStorage","removeItem","start","x","y","transition","duration","ease","sent","longPressEvent","useLongPress","event","target","closest","hasAttribute","store","getState","isOpen","handleToggleIsOpen","shouldPreventDefault","delay","React","createElement","motion","div","drag","onPointerDown","onDragStart","dragTransition","power","timeConstant","initial","animate","dragControls","dragListener","dragConstraints","onDragEnd","current","styleTransformValues","xPosition","Math","round","yPosition","ref","className"],"mappings":"k8BAUaA,EAAkC,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAkBF,EAAAE,mBACpEC,EAAkBC,~~eAAY~~,SAACC,GAAqB,OAAAA,EAAMC,~~wBAG5DC~~,EAAoBC,EAAAA,UAAkB,GAArCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAGhBI,EAAWC,EAAAA,cAGXC,EAAWC,EAAAA,kBAGXC,EAAoBC,EAAAA,eAGpBC,EACJC,EAAAA,gBAAgD,eAAgB,MAD3DC,EAAkBF,EAAA,GAAEG,OAIrBC,EAAYC,SAAY,MAGxBC,EAA0Bf,EAAAA,SAC9BW,GAAsBA,EAAmBK,SAAWL,EAAmBK,SAAW,MAD7EA,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAwB5BG,mBAAiB~~,+BAnBW~~,WAAA,OAAAC,EAAAA,eAAA,OAAA,OAAA,~~GAAA~~,~~yEAQ1B~~,OANAC,aAAaC,WAAW,gBAGxBJ,EAAY,MAGN,CAAA,EAAAV,EAAkBe,MAAM,CAC5BC,EAAG5B,EAAc4B,EACjBC,EAAG7B,EAAc6B,EACjBC,WAAY,CACVC,SAAU,GACVC,KAAM,4BALVnC,EAAAoC,~~qBAyEF~~,IAAMC,EAAiBC,EAAAA,~~cA9CC~~,~~eAEE~~,SAACC,WACzB,GAAIA,GAASA,EAAMC,OAAQ,CACzB,IAAMA,EAASD,EAAMC,OACrB,GACEA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,yBAEpB,MAEH,GAGyD,QAAzBnC,EAAiB,QAAjBP,SAAA2C,EAAAA,YAAK,IAALA,EAAKA,WAAA,EAALA,EAAAA,MAAOC,kBAAU,IAAA5C,OAAA,EAAAA,EAAEM,cAAM,IAAAC,OAAA,EAAAA,EAAEsC,SAC/BlC,EAASL,OAAOwC,oBAC/C,~~GAiCErC~~,~~GACA~~,WAAM,OAAAC,GAAS,~~KACf~~,CACEqC,sBAAsB,EACtBC,MAAO,MAIX,OACEC,EAAC,QAAAC,cAAAC,SAAOC,gBACNC,MAAI,EACJC,cAzEJ,SAAyBf,GACvB,IAAMC,EAASD,EAAMC,OAEnBA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,0BAKtB7B,EAASiB,MAAMS,EAChB,EAgEGgB,YApBJ,WACE7C,GAAS,EACV,EAmBG8C,eAAgB,CACdC,MAAO,EACPC,aAAc,KAEhBC,QAAS,CACP5B,GAAGP,aAAQ,EAARA,EAAUO,IAAK5B,EAAc4B,EAChCC,GAAGR,aAAQ,EAARA,EAAUQ,IAAK7B,EAAc6B,GAElC4B,QAAS7C,EACT8C,aAAchD,EACdiD,cAAc,EACdC,gBAAiB7D,EACjB8D,UAvDkB,WACpB,GAAK3C,EAAU4C,QAAf,CAEI,IAAAjE,EAAgBkE,EAAAA,qBAAqB7C,EAAU4C,SAA7ClC,EAAC/B,EAAA+B,EAAEC,MAETD,EAAIoC,EAAAA,UAAUC,KAAKC,MAAMtC,GAAIV,EAAU4C,QAAS/D,EAAmB+D,SACnEjC,EAAIsC,EAAAA,UAAUF,KAAKC,MAAMrC,GAAIX,EAAU4C,QAAS/D,EAAmB+D,SAEnE7C,EAAsB,CACpBI,SAAU,CACRO,EAACA,EACDC,EAACA,KAILP,EAAY,CACVM,EAACA,EACDC,EAACA,GAhB2B,CAkBhC,EAqCIuC,IAAKlD,GACDgB,EACJ,CAAAmC,UAAU,gBAETvE,GAAYA,EAGnB"}
1	+ {"version":3,"file":"IslandDrag.js","sources":["../../src/components/IslandDrag.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useState, useRef, MutableRefObject } from 'react'\nimport { RootState, Dispatch, store } from '../store'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { motion, useDragControls, useAnimation } from 'framer-motion'\nimport { useLongPress, useLocalStorage, styleTransformValues, useEventListener } from '../utils'\nimport { xPosition, yPosition } from '../lib/island/island'\n\nexport const IslandDrag: FC<IslandDragProps> = ({ children, islandContainerRef }) => {\n const { startPosition } = useSelector((state: RootState) => state.island)\n\n // Initialize the moved property\n const [moved, setMoved] = useState<boolean>(false)\n\n // Initialize dispatch\n const dispatch = useDispatch<Dispatch>()\n\n // Initialize Island drag controls\n const controls = useDragControls()\n\n // Initialize animation controls for reset functionality\n const animationControls = useAnimation()\n\n // Initialize Island storage\n const [phoneIslandStorage, setPhoneIslandStorage] =\n useLocalStorage<PhoneIslandStorageTypes \| null>('phone-island', null)\n\n // The Island reference\n const islandRef = useRef<any>(null)\n\n // Initialize position or get from storage\n const [position, setPosition] = useState<PositionTypes \| null>(\n phoneIslandStorage && phoneIslandStorage.position ? phoneIslandStorage.position : null,\n )\n\n // Handles reset position to default\n const handleResetPosition = async () => {\n // Clear localStorage\n localStorage.removeItem('phone-island')\n \n // Reset position state\n setPosition(null)\n \n // Animate back to default position\n await animationControls.start({\n x: startPosition.x,\n y: startPosition.y,\n transition: {\n duration: 0.3,\n ease: 'easeOut',\n },\n })\n }\n\n // Listen for reset position event\n useEventListener('phone-island-reset-position', handleResetPosition)\n\n // Handles the drag started event\n function handleStartDrag(event: React.PointerEvent<Element>) {\n const target = event.target as HTMLElement\n if (\n target.closest('[data-stop-propagation=\"true\"]') \|\|\n target.hasAttribute('data-stop-propagation')\n ) {\n return\n }\n\n controls.start(event)\n }\n\n // Handles log press event\n const handleLongPress = () => {}\n\n const handleIslandClick = (event?: React.MouseEvent<Element> \| any) => {\n if (event && event.target) {\n const target = event.target as HTMLElement\n if (\n target.closest('[data-stop-propagation=\"true\"]') \|\|\n target.hasAttribute('data-stop-propagation')\n ) {\n return\n }\n }\n\n // Only if phone island is close is possible to open it trough the click\n const isPhoneIslandAlreadyOpen = store?.getState()?.island?.isOpen\n !isPhoneIslandAlreadyOpen && dispatch.island.handleToggleIsOpen()\n }\n\n // Handles drag end event\n const handleDragEnd = () => {\n if (!islandRef.current) return\n // Get initial transform values\n let { x, y }: any = styleTransformValues(islandRef.current)\n // Round position\n x = xPosition(Math.round(x), islandRef.current, islandContainerRef.current)\n y = yPosition(Math.round(y), islandRef.current, islandContainerRef.current)\n // Save the new position to localstorage\n setPhoneIslandStorage({\n position: {\n x,\n y,\n },\n })\n // Set position to variable\n setPosition({\n x,\n y,\n })\n }\n\n // Handles drag started event\n function handleDragStarted() {\n setMoved(true)\n }\n\n // Initialize the longPressEvent object\n const longPressEvent = useLongPress(\n handleLongPress,\n handleIslandClick,\n moved,\n () => setMoved(false),\n {\n shouldPreventDefault: true,\n delay: 250,\n },\n )\n\n return (\n <motion.div\n drag\n onPointerDown={handleStartDrag}\n onDragStart={handleDragStarted}\n dragTransition={{ \n power: 0,\n timeConstant: 300\n }}\n initial={{\n x: position?.x \|\| startPosition.x,\n y: position?.y \|\| startPosition.y,\n }}\n animate={animationControls}\n dragControls={controls}\n dragListener={false}\n dragConstraints={islandContainerRef}\n onDragEnd={handleDragEnd}\n ref={islandRef}\n {...longPressEvent}\n className='pi-absolute'\n >\n {children && children}\n </motion.div>\n )\n}\n\nexport default IslandDrag\n\nexport interface IslandDragProps {\n children: ReactNode\n islandContainerRef: MutableRefObject<HTMLDivElement>\n}\n\ninterface PhoneIslandStorageTypes {\n position: PositionTypes\n}\n\ninterface PositionTypes {\n x: number\n y: number\n}\n"],"names":["IslandDrag","_a","children","islandContainerRef","startPosition","useSelector","state","island","_b","useState","moved","setMoved","dispatch","useDispatch","controls","useDragControls","animationControls","useAnimation","_c","useLocalStorage","phoneIslandStorage","setPhoneIslandStorage","islandRef","useRef","_d","position","setPosition","useEventListener","__awaiter","localStorage","removeItem","start","x","y","transition","duration","ease","sent","longPressEvent","useLongPress","event","target","closest","hasAttribute","store","getState","isOpen","handleToggleIsOpen","shouldPreventDefault","delay","React","createElement","motion","div","drag","onPointerDown","onDragStart","dragTransition","power","timeConstant","initial","animate","dragControls","dragListener","dragConstraints","onDragEnd","current","styleTransformValues","xPosition","Math","round","yPosition","ref","className"],"mappings":"k8BAUaA,EAAkC,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAkBF,EAAAE,mBACpEC,EAAkBC,cAAY,SAACC,GAAqB,OAAAA,EAAMC,uBAG5DC,EAAoBC,EAAAA,UAAkB,GAArCC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAGhBI,EAAWC,EAAAA,cAGXC,EAAWC,EAAAA,kBAGXC,EAAoBC,EAAAA,eAGpBC,EACJC,EAAAA,gBAAgD,eAAgB,MAD3DC,EAAkBF,EAAA,GAAEG,OAIrBC,EAAYC,SAAY,MAGxBC,EAA0Bf,EAAAA,SAC9BW,GAAsBA,EAAmBK,SAAWL,EAAmBK,SAAW,MAD7EA,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAwB5BG,mBAAiB,8BAnBW,WAAA,OAAAC,EAAAA,eAAA,OAAA,OAAA,EAAA,wEAQ1B,OANAC,aAAaC,WAAW,gBAGxBJ,EAAY,MAGN,CAAA,EAAAV,EAAkBe,MAAM,CAC5BC,EAAG5B,EAAc4B,EACjBC,EAAG7B,EAAc6B,EACjBC,WAAY,CACVC,SAAU,GACVC,KAAM,4BALVnC,EAAAoC,kBAyEF,IAAMC,EAAiBC,EAAAA,aA9CC,aAEE,SAACC,WACzB,GAAIA,GAASA,EAAMC,OAAQ,CACzB,IAAMA,EAASD,EAAMC,OACrB,GACEA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,yBAEpB,MAEH,GAGyD,QAAzBnC,EAAiB,QAAjBP,SAAA2C,EAAAA,YAAK,IAALA,EAAKA,WAAA,EAALA,EAAAA,MAAOC,kBAAU,IAAA5C,OAAA,EAAAA,EAAEM,cAAM,IAAAC,OAAA,EAAAA,EAAEsC,SAC/BlC,EAASL,OAAOwC,oBAC/C,EAiCErC,EACA,WAAM,OAAAC,GAAS,IACf,CACEqC,sBAAsB,EACtBC,MAAO,MAIX,OACEC,EAAC,QAAAC,cAAAC,SAAOC,gBACNC,MAAI,EACJC,cAzEJ,SAAyBf,GACvB,IAAMC,EAASD,EAAMC,OAEnBA,EAAOC,QAAQ,mCACfD,EAAOE,aAAa,0BAKtB7B,EAASiB,MAAMS,EAChB,EAgEGgB,YApBJ,WACE7C,GAAS,EACV,EAmBG8C,eAAgB,CACdC,MAAO,EACPC,aAAc,KAEhBC,QAAS,CACP5B,GAAGP,aAAQ,EAARA,EAAUO,IAAK5B,EAAc4B,EAChCC,GAAGR,aAAQ,EAARA,EAAUQ,IAAK7B,EAAc6B,GAElC4B,QAAS7C,EACT8C,aAAchD,EACdiD,cAAc,EACdC,gBAAiB7D,EACjB8D,UAvDkB,WACpB,GAAK3C,EAAU4C,QAAf,CAEI,IAAAjE,EAAgBkE,EAAAA,qBAAqB7C,EAAU4C,SAA7ClC,EAAC/B,EAAA+B,EAAEC,MAETD,EAAIoC,EAAAA,UAAUC,KAAKC,MAAMtC,GAAIV,EAAU4C,QAAS/D,EAAmB+D,SACnEjC,EAAIsC,EAAAA,UAAUF,KAAKC,MAAMrC,GAAIX,EAAU4C,QAAS/D,EAAmB+D,SAEnE7C,EAAsB,CACpBI,SAAU,CACRO,EAACA,EACDC,EAACA,KAILP,EAAY,CACVM,EAACA,EACDC,EAACA,GAhB2B,CAkBhC,EAqCIuC,IAAKlD,GACDgB,EACJ,CAAAmC,UAAU,gBAETvE,GAAYA,EAGnB"}

package/dist/components/IslandMotion.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n // Retrieve needed stored variables\n const {\n incoming,\n outgoing,\n accepted,\n transferring,\n incomingWebRTC,\n incomingSocket,\n conferencing,\n throughQueue,\n queueName,\n queueNumber,\n } = useSelector((state: RootState) => state.currentCall)\n const { isListen } = useSelector((state: RootState) => state.listen)\n const { view, isOpen, actionsExpanded, sideViewIsVisible,transcriptionViewIsVisible, isFromStreaming, isExtraLarge } = useSelector(\n (state: RootState) => state.island,\n )\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n const {\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n border_radius_collapsed_conference,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n } = useSelector((state: RootState) => state.motions)\n const { isActive } = useSelector((state: RootState) => state.conference)\n\n const motionVariants = useMemo(() => {\n // Initial size\n let size: SizeTypes = {\n width: 0,\n height: 0,\n padding: padding_expanded,\n }\n\n switch (view) {\n case 'call':\n if (isOpen) {\n if (accepted && transferring && conferencing) {\n if (actionsExpanded) {\n size = {\n width: variants.call.expanded.transfer.actionsExpanded.width,\n height: variants.call.expanded.transfer.actionsExpanded.height,\n }\n } else {\n size = {\n width: variants.call.expanded.transfer.width,\n height: variants.call.expanded.transfer.height,\n }\n }\n } else if (accepted && actionsExpanded) {\n size = {\n width: variants.call.expanded.accepted.actionsExpanded.width,\n height: variants.call.expanded.accepted.actionsExpanded.height,\n }\n } else if (accepted && !isListen) {\n size = {\n width: variants.call.expanded.accepted.width,\n height: variants.call.expanded.accepted.height,\n }\n } else if (accepted && isListen) {\n size = {\n width: variants.call.expanded.listening.width,\n height: variants.call.expanded.listening.height,\n }\n } else if (incoming && !isFromStreaming) {\n const showIncomingQueueBadge =\n incoming && !accepted && throughQueue && Boolean(queueName \|\| queueNumber)\n size = showIncomingQueueBadge\n ? {\n width: variants.call.expanded.incomingQueue.width,\n height: variants.call.expanded.incomingQueue.height,\n }\n : {\n width: variants.call.expanded.incoming.width,\n height: variants.call.expanded.incoming.height,\n }\n } else if (incoming && isFromStreaming) {\n size = {\n width: variants.call.expanded.incomingStreaming.width,\n height: variants.call.expanded.incomingStreaming.height,\n }\n } else if (outgoing && !isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoing.width,\n height: variants.call.expanded.outgoing.height,\n }\n } else if (outgoing && isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoingStreaming.width,\n height: variants.call.expanded.outgoingStreaming.height,\n }\n }\n } else {\n size = {\n width: variants.call.collapsed.width,\n height: variants.call.collapsed.height,\n }\n }\n break\n\n case 'keypad':\n size = isOpen\n ? {\n width: variants.keypad.expanded.width,\n height: variants.keypad.expanded.height,\n }\n : {\n width: variants.transfer.collapsed.width,\n height: variants.transfer.collapsed.height,\n }\n break\n\n case 'video':\n if (isOpen) {\n size = {\n width: variants.video.expanded.width,\n height: variants.video.expanded.height,\n padding: variants.video.expanded.padding,\n }\n } else {\n size = {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n }\n break\n case 'transfer':\n case 'player':\n case 'recorder':\n case 'physicalPhoneRecorder':\n case 'settings':\n case 'conference':\n size = isOpen\n ? {\n width: variants[view].expanded.width,\n height: variants[view].expanded.height,\n }\n : {\n width: variants[view].collapsed.width,\n height: variants[view].collapsed.height,\n }\n break\n\n case 'switchDevice':\n size = isOpen\n ? {\n width: variants.switchDevice.expanded.width,\n height: variants.switchDevice.expanded.height,\n }\n : {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n break\n\n case 'waitingConference':\n size = isOpen\n ? {\n width: variants.waitingConference.expanded.width,\n height: variants.waitingConference.expanded.height,\n }\n : {\n width: variants.waitingConference.collapsed.width,\n height: variants.waitingConference.collapsed.height,\n }\n break\n case 'streamingAnswer':\n size = isOpen\n ? isExtraLarge\n ? {\n width: variants.streamingAnswer.extraLarge.width,\n height: variants.streamingAnswer.extraLarge.height,\n padding: variants.streamingAnswer.extraLarge.padding,\n }\n : {\n width: variants.streamingAnswer.expanded.width,\n height: variants.streamingAnswer.expanded.height,\n padding: variants.streamingAnswer.expanded.padding,\n }\n : {\n width: variants.streamingAnswer.collapsed.width,\n height: variants.streamingAnswer.collapsed.height,\n }\n break\n case 'operatorBusy':\n size = isOpen\n ? {\n width: variants.operatorBusy.expanded.width,\n height: variants.operatorBusy.expanded.height,\n }\n : {\n width: variants.operatorBusy.collapsed.width,\n height: variants.operatorBusy.collapsed.height,\n }\n break\n }\n\n const isAlert: boolean = activeAlertsCount > 0\n\n return {\n width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n height: `${\n // If there is an alert and the island is open put the correct height\n isAlert && isOpen\n ? variants.alerts.height +\n (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n : size.height\n }px`,\n borderRadius: isOpen\n ? `${border_radius_expanded}px`\n : isActive && view === 'waitingConference'\n ? `${border_radius_collapsed_conference}px`\n : `${border_radius_collapsed}px`,\n padding: isOpen\n ? size.padding != undefined\n ? `${size.padding}px`\n : `${padding_expanded}px`\n : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n }\n }, [\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n incomingWebRTC,\n incomingSocket,\n isActive,\n isFromStreaming,\n isExtraLarge,\n throughQueue,\n queueName,\n queueNumber,\n ])\n\n useEffect(() => {\n let sizeInformation: any = {}\n sizeInformation.width = motionVariants?.width\n sizeInformation.height = motionVariants?.height\n eventDispatch('phone-island-size-change', {\n sizeInformation,\n })\n }, [\n motionVariants,\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n sideViewIsVisible,\n transcriptionViewIsVisible,\n incomingSocket,\n incomingWebRTC,\n isActive,\n isExtraLarge,\n ])\n\n return (\n <motion.div\n className={`${isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n } 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`}\n animate={motionVariants}\n transition={{\n duration: 0.15,\n ease: 'easeOut',\n }}\n >\n {children}\n </motion.div>\n )\n}\n\ninterface IslandMotionProps {\n children: ReactNode\n}\n\ntype SizeTypes = {\n width: number\n height: number\n padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","conferencing","throughQueue","queueName","queueNumber","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","isFromStreaming","isExtraLarge","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","border_radius_collapsed_conference","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","isActive","conference","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","Boolean","incomingQueue","incomingStreaming","outgoingStreaming","collapsed","keypad","video","switchDevice","waitingConference","streamingAnswer","extraLarge","operatorBusy","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate","transition","duration","ease"],"mappings":"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"}
1	+ {"version":3,"file":"IslandMotion.js","sources":["../../src/components/IslandMotion.tsx"],"sourcesContent":["// Copyright (C) 2025 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC, useMemo, useEffect } from 'react'\nimport { RootState } from '../store'\nimport { useSelector } from 'react-redux'\nimport { motion } from 'framer-motion'\nimport { eventDispatch } from '../utils'\nimport { isNumberOnlyName } from '../lib/phone/conversation'\n\nexport const IslandMotion: FC<IslandMotionProps> = ({ children }) => {\n // Retrieve needed stored variables\n const {\n incoming,\n outgoing,\n accepted,\n transferring,\n incomingWebRTC,\n incomingSocket,\n conferencing,\n throughQueue,\n queueName,\n queueNumber,\n displayName,\n } = useSelector((state: RootState) => state.currentCall)\n const { isListen } = useSelector((state: RootState) => state.listen)\n const { view, isOpen, actionsExpanded, sideViewIsVisible,transcriptionViewIsVisible, isFromStreaming, isExtraLarge } = useSelector(\n (state: RootState) => state.island,\n )\n const { activeAlertsCount } = useSelector((state: RootState) => state.alerts.status)\n const {\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n border_radius_collapsed_conference,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n } = useSelector((state: RootState) => state.motions)\n const { isActive } = useSelector((state: RootState) => state.conference)\n\n const motionVariants = useMemo(() => {\n // Initial size\n let size: SizeTypes = {\n width: 0,\n height: 0,\n padding: padding_expanded,\n }\n\n switch (view) {\n case 'call':\n if (isOpen) {\n if (accepted && transferring && conferencing) {\n if (actionsExpanded) {\n size = {\n width: variants.call.expanded.transfer.actionsExpanded.width,\n height: variants.call.expanded.transfer.actionsExpanded.height,\n }\n } else {\n size = {\n width: variants.call.expanded.transfer.width,\n height: variants.call.expanded.transfer.height,\n }\n }\n } else if (accepted && actionsExpanded) {\n size = {\n width: variants.call.expanded.accepted.actionsExpanded.width,\n height: variants.call.expanded.accepted.actionsExpanded.height,\n }\n } else if (accepted && !isListen) {\n size = {\n width: variants.call.expanded.accepted.width,\n height: variants.call.expanded.accepted.height,\n }\n } else if (accepted && isListen) {\n size = {\n width: variants.call.expanded.listening.width,\n height: variants.call.expanded.listening.height,\n }\n } else if (incoming && !isFromStreaming) {\n const showIncomingQueueBadge =\n incoming && !accepted && throughQueue && Boolean(queueName \|\| queueNumber)\n size = showIncomingQueueBadge && !isNumberOnlyName(displayName)\n ? {\n width: variants.call.expanded.incomingQueue.width,\n height: variants.call.expanded.incomingQueue.height,\n }\n : {\n width: variants.call.expanded.incoming.width,\n height: variants.call.expanded.incoming.height,\n }\n } else if (incoming && isFromStreaming) {\n size = {\n width: variants.call.expanded.incomingStreaming.width,\n height: variants.call.expanded.incomingStreaming.height,\n }\n } else if (outgoing && !isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoing.width,\n height: variants.call.expanded.outgoing.height,\n }\n } else if (outgoing && isFromStreaming) {\n size = {\n width: variants.call.expanded.outgoingStreaming.width,\n height: variants.call.expanded.outgoingStreaming.height,\n }\n }\n } else {\n size = {\n width: variants.call.collapsed.width,\n height: variants.call.collapsed.height,\n }\n }\n break\n\n case 'keypad':\n size = isOpen\n ? {\n width: variants.keypad.expanded.width,\n height: variants.keypad.expanded.height,\n }\n : {\n width: variants.transfer.collapsed.width,\n height: variants.transfer.collapsed.height,\n }\n break\n\n case 'video':\n if (isOpen) {\n size = {\n width: variants.video.expanded.width,\n height: variants.video.expanded.height,\n padding: variants.video.expanded.padding,\n }\n } else {\n size = {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n }\n break\n case 'transfer':\n case 'player':\n case 'recorder':\n case 'physicalPhoneRecorder':\n case 'settings':\n case 'conference':\n size = isOpen\n ? {\n width: variants[view].expanded.width,\n height: variants[view].expanded.height,\n }\n : {\n width: variants[view].collapsed.width,\n height: variants[view].collapsed.height,\n }\n break\n\n case 'switchDevice':\n size = isOpen\n ? {\n width: variants.switchDevice.expanded.width,\n height: variants.switchDevice.expanded.height,\n }\n : {\n width: variants.video.collapsed.width,\n height: variants.video.collapsed.height,\n }\n break\n\n case 'waitingConference':\n size = isOpen\n ? {\n width: variants.waitingConference.expanded.width,\n height: variants.waitingConference.expanded.height,\n }\n : {\n width: variants.waitingConference.collapsed.width,\n height: variants.waitingConference.collapsed.height,\n }\n break\n case 'streamingAnswer':\n size = isOpen\n ? isExtraLarge\n ? {\n width: variants.streamingAnswer.extraLarge.width,\n height: variants.streamingAnswer.extraLarge.height,\n padding: variants.streamingAnswer.extraLarge.padding,\n }\n : {\n width: variants.streamingAnswer.expanded.width,\n height: variants.streamingAnswer.expanded.height,\n padding: variants.streamingAnswer.expanded.padding,\n }\n : {\n width: variants.streamingAnswer.collapsed.width,\n height: variants.streamingAnswer.collapsed.height,\n }\n break\n case 'operatorBusy':\n size = isOpen\n ? {\n width: variants.operatorBusy.expanded.width,\n height: variants.operatorBusy.expanded.height,\n }\n : {\n width: variants.operatorBusy.collapsed.width,\n height: variants.operatorBusy.collapsed.height,\n }\n break\n }\n\n const isAlert: boolean = activeAlertsCount > 0\n\n return {\n width: `${size.width === 0 && isAlert ? variants.alerts.width : size.width}px`,\n height: `${\n // If there is an alert and the island is open put the correct height\n isAlert && isOpen\n ? variants.alerts.height +\n (size.height === 0 ? alert_padding_expanded * 2 : alert_padding_expanded)\n : size.height\n }px`,\n borderRadius: isOpen\n ? `${border_radius_expanded}px`\n : isActive && view === 'waitingConference'\n ? `${border_radius_collapsed_conference}px`\n : `${border_radius_collapsed}px`,\n padding: isOpen\n ? size.padding != undefined\n ? `${size.padding}px`\n : `${padding_expanded}px`\n : `${padding_x_collapsed}px ${padding_y_collapsed}px`,\n }\n }, [\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n incomingWebRTC,\n incomingSocket,\n isActive,\n isFromStreaming,\n isExtraLarge,\n throughQueue,\n queueName,\n queueNumber,\n displayName,\n ])\n\n useEffect(() => {\n let sizeInformation: any = {}\n sizeInformation.width = motionVariants?.width\n sizeInformation.height = motionVariants?.height\n eventDispatch('phone-island-size-change', {\n sizeInformation,\n })\n }, [\n motionVariants,\n view,\n isOpen,\n accepted,\n transferring,\n actionsExpanded,\n isListen,\n incoming,\n outgoing,\n activeAlertsCount,\n variants,\n border_radius_collapsed,\n border_radius_expanded,\n padding_x_collapsed,\n padding_y_collapsed,\n padding_expanded,\n alert_padding_expanded,\n sideViewIsVisible,\n transcriptionViewIsVisible,\n incomingSocket,\n incomingWebRTC,\n isActive,\n isExtraLarge,\n ])\n\n return (\n <motion.div\n className={`${isOpen ? 'pi-cursor-grab' : 'pi-cursor-pointer'\n } 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`}\n animate={motionVariants}\n transition={{\n duration: 0.15,\n ease: 'easeOut',\n }}\n >\n {children}\n </motion.div>\n )\n}\n\ninterface IslandMotionProps {\n children: ReactNode\n}\n\ntype SizeTypes = {\n width: number\n height: number\n padding?: number\n}\n\nexport default IslandMotion\n"],"names":["IslandMotion","_a","children","_b","useSelector","state","currentCall","incoming","outgoing","accepted","transferring","incomingWebRTC","incomingSocket","conferencing","throughQueue","queueName","queueNumber","displayName","isListen","listen","_c","island","view","isOpen","actionsExpanded","sideViewIsVisible","transcriptionViewIsVisible","isFromStreaming","isExtraLarge","activeAlertsCount","alerts","status","_d","motions","variants","border_radius_collapsed","border_radius_expanded","border_radius_collapsed_conference","padding_x_collapsed","padding_y_collapsed","padding_expanded","alert_padding_expanded","isActive","conference","motionVariants","useMemo","size","width","height","padding","call","expanded","transfer","listening","Boolean","isNumberOnlyName","incomingQueue","incomingStreaming","outgoingStreaming","collapsed","keypad","video","switchDevice","waitingConference","streamingAnswer","extraLarge","operatorBusy","isAlert","concat","borderRadius","undefined","useEffect","sizeInformation","eventDispatch","React","createElement","motion","div","className","animate","transition","duration","ease"],"mappings":"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"}

package/dist/components/KeypadView/Actions.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../src/components/KeypadView/Actions.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 '..'\n\nconst keys = Array.from(Array(9).keys())\n\nconst bottomKeys = ['*', '0', '#']\n\nconst Actions: FC<ActionsTypes> = ({ keyCallback }) => {\n return (\n <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3'>\n {keys.map((key) => (\n <Button\n key={key + 1}\n onClick={() => keyCallback(key + 1)}\n variant='default'\n className={'pi-text-2xl'}\n style={{ transform: 'scale(1.15)' }}\n >\n {key + 1}\n </Button>\n ))}\n {bottomKeys.map((bottomKey) => (\n <Button\n key={bottomKey + 1}\n onClick={() => keyCallback(bottomKey)}\n variant='default'\n className={'pi-text-2xl'}\n style={{ transform: 'scale(1.15)' }}\n >\n {bottomKey}\n </Button>\n ))}\n </div>\n )\n}\n\nexport default Actions\n\ninterface ActionsTypes {\n keyCallback: any\n}\n"],"names":["keys","Array","from","bottomKeys","_a","keyCallback","React","createElement","className","map","key","Button","onClick","variant","style","transform","bottomKey"],"mappings":"~~60BAMMA~~,EAAOC,MAAMC,KAAKD,MAAM,GAAGD,QAE3BG,EAAa,CAAC,IAAK,IAAK,qBAEI,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAC9C,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,8HACZR,EAAKS,~~KAAI~~,SAACC,GAAQ,OACjBJ,EAAC,QAAAC,cAAAI,EAAMA,OACL,CAAAD,IAAKA,EAAM,EACXE,QAAS,WAAM,OAAAP,EAAYK,EAAM,EAAlB,EACfG,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBL,EAAM,EARQ,~~IAWlBP~~,EAAWM,~~KAAI~~,SAACO,GAAc,OAC7BV,EAAC,QAAAC,cAAAI,SACC,CAAAD,IAAKM,EAAY,EACjBJ,QAAS,WAAM,OAAAP,EAAYW,EAAU,EACrCH,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBC,~~MAKX~~"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../src/components/KeypadView/Actions.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 '..'\n\nconst keys = Array.from(Array(9).keys())\n\nconst bottomKeys = ['*', '0', '#']\n\nconst Actions: FC<ActionsTypes> = ({ keyCallback }) => {\n return (\n <div className='pi-grid pi-grid-cols-3 pi-auto-cols-max pi-gap-y-6 pi-justify-items-center pi-place-items-center pi-justify-center pi-px-3'>\n {keys.map((key) => (\n <Button\n key={key + 1}\n onClick={() => keyCallback(key + 1)}\n variant='default'\n className={'pi-text-2xl'}\n style={{ transform: 'scale(1.15)' }}\n >\n {key + 1}\n </Button>\n ))}\n {bottomKeys.map((bottomKey) => (\n <Button\n key={bottomKey + 1}\n onClick={() => keyCallback(bottomKey)}\n variant='default'\n className={'pi-text-2xl'}\n style={{ transform: 'scale(1.15)' }}\n >\n {bottomKey}\n </Button>\n ))}\n </div>\n )\n}\n\nexport default Actions\n\ninterface ActionsTypes {\n keyCallback: any\n}\n"],"names":["keys","Array","from","bottomKeys","_a","keyCallback","React","createElement","className","map","key","Button","onClick","variant","style","transform","bottomKey"],"mappings":"+0BAMMA,EAAOC,MAAMC,KAAKD,MAAM,GAAGD,QAE3BG,EAAa,CAAC,IAAK,IAAK,qBAEI,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAC9C,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKC,UAAU,8HACZR,EAAKS,IAAI,SAACC,GAAQ,OACjBJ,EAAC,QAAAC,cAAAI,EAAMA,OACL,CAAAD,IAAKA,EAAM,EACXE,QAAS,WAAM,OAAAP,EAAYK,EAAM,EAAlB,EACfG,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBL,EAAM,EARQ,GAWlBP,EAAWM,IAAI,SAACO,GAAc,OAC7BV,EAAC,QAAAC,cAAAI,SACC,CAAAD,IAAKM,EAAY,EACjBJ,QAAS,WAAM,OAAAP,EAAYW,EAAU,EACrCH,QAAQ,UACRL,UAAW,cACXM,MAAO,CAAEC,UAAW,gBAEnBC,KAKX"}