npm - @nethesis/phone-island - Versions diffs - 1.0.6-dev.4 → 1.0.6-dev.5 - Mend

@nethesis/phone-island 1.0.6-dev.4 → 1.0.6-dev.5

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 (1413) hide show

package/dist/components/CustomThemedTooltip.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomThemedTooltip.js","sources":["../../src/components/CustomThemedTooltip.tsx"],"sourcesContent":["// src/components/CustomThemedTooltip.tsx\nimport React, { FC } from 'react'\nimport { useSelector } from 'react-redux'\nimport { RootState } from '../store'\nimport { Tooltip } from 'react-tooltip'\n\ninterface CustomThemedTooltipProps {\n id: string\n place?: 'top' \| 'right' \| 'bottom' \| 'left'\n className?: string\n}\n\nexport const CustomThemedTooltip: FC<CustomThemedTooltipProps> = ({\n id,\n place = 'bottom',\n className = '',\n}) => {\n const { theme } = useSelector((state: RootState) => state.darkTheme)\n\n const tooltipStyle =\n theme === 'dark'\n ? {\n backgroundColor: 'rgb(243, 244, 246)',\n color: 'rgb(17, 24, 39)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth: '185px',\n borderRadius: '4px',\n }\n : {\n backgroundColor: 'rgb(31, 41, 55)',\n color: 'rgb(249, 250, 251)',\n fontSize: '0.875rem',\n fontWeight: 400,\n lineHeight: '1.25rem',\n padding: '0.375rem 0.625rem',\n maxWidth: '185px',\n borderRadius: '4px',\n }\n\n return (\n <Tooltip\n id={id}\n place={place}\n className={`pi-z-1000 ${className}`}\n opacity={1}\n style={tooltipStyle}\n />\n )\n}\n"],"names":["_a","id","_b","place","_c","className","tooltipStyle","useSelector","state","darkTheme","backgroundColor","color","fontSize","fontWeight","lineHeight","padding","maxWidth","borderRadius","React","createElement","Tooltip","concat","opacity","style"],"mappings":"~~2YAYiE~~,SAACA,GAChE,IAAAC,EAAED,EAAAC,GACFC,EAAgBF,EAAAG,MAAhBA,OAAQ,IAAAD,EAAA,SAAQA,EAChBE,EAAcJ,EAAAK,UAAdA,OAAS,IAAAD,EAAG,GAAEA,EAIRE,EACM,SAHMC,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 } 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":"8PAYiE,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"}

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 t=require("react"),e=require("@fortawesome/react-fontawesome"),a=require("@fortawesome/free-solid-svg-icons"),r=require("@headlessui/react"),o=require("./CustomThemedTooltip.js"),i=require("./Button.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=l(t);exports.default=function(l){var p=l.items,c=l.buttonTooltip,s=l.buttonTooltipPlace,u=void 0===s?"bottom":s,d=l.buttonContent;return n.default.createElement(n.default.Fragment,null,n.default.createElement(r.Menu,{as:"div",className:"pi-relative","data-stop-propagation":!0,"data-tooltip-id":"tooltip-button","data-tooltip-content":c},n.default.createElement(r.MenuButton,{as:"div","data-stop-propagation":!0},d||n.default.createElement(i.Button,{variant:"default"},n.default.createElement(e.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:a.faEllipsis,"data-stop-propagation":!0}))),n.default.createElement(r.Transition,{as:t.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"},n.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},n.default.createElement("div",{"data-stop-propagation":!0},n.default.createElement(n.default.Fragment,null," ",p.map((function(t){return n.default.createElement(r.MenuItem,{key:t.id,disabled:t.disabled},(function(a){var r=a.active,o=a.disabled;return n.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 t.onClick()},"data-stop-propagation":!0},t.icon&&n.default.createElement(e.FontAwesomeIcon,{size:"lg",icon:t.icon,className:"dark:pi-text-gray-100 pi-text-gray-600 pi-mr-2 pi-w-4 pi-h-4"}),n.default.createElement("div",{className:"".concat(r?"dark:pi-text-gray-50 pi-text-gray-900":"dark:pi-text-gray-50 pi-text-gray-700")},t.label))}))}))))))),n.default.createElement(o.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":"uXAUoC,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"}

package/dist/components/Events.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../events/CallEvents.js");require("../node_modules/tslib/tslib.es6.js"),require("../store/index.js");var r=require("../events/PlayerEvents.js"),l=require("../events/RecorderEvents.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e);exports.Events=function(e){var n=e.sipHost,u=e.children;return s.default.createElement(s.default.Fragment,null,s.default.createElement(r.PlayerEvents,null),s.default.createElement(l.RecorderEvents,null),s.default.createElement(t.CallEvents,{sipHost:n}),u)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../events/CallEvents.js");require("tslib"),require("../store/index.js");var r=require("../events/PlayerEvents.js"),n=require("../events/RecorderEvents.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e);exports.Events=function(e){var l=e.sipHost,u=e.children;return s.default.createElement(s.default.Fragment,null,s.default.createElement(r.PlayerEvents,null),s.default.createElement(n.RecorderEvents,null),s.default.createElement(t.CallEvents,{sipHost:l}),u)};
 //# sourceMappingURL=Events.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Events.js","sources":["../../src/components/Events.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { CallEvents, PlayerEvents, RecorderEvents } from '../events'\n\ninterface EventsProps {\n children: ReactNode\n sipHost: string\n}\n\nexport const Events: FC<EventsProps> = ({ sipHost, children }) => {\n return (\n <>\n {<PlayerEvents />}\n {<RecorderEvents />}\n {<CallEvents sipHost={sipHost} />}\n {children}\n </>\n )\n}\n"],"names":["_a","sipHost","children","React","createElement","Fragment","PlayerEvents","RecorderEvents","CallEvents"],"mappings":"~~iYAWuC~~,SAACA,OAAEC,EAAOD,EAAAC,QAAEC,EAAQF,EAAAE,SACzD,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGF,UAAAC,cAACE,EAAYA,aAAG,MAChBH,UAAAC,cAACG,EAAcA,eAAG,MAClBJ,EAAAA,QAAAC,cAACI,EAAAA,WAAU,CAACP,QAASA,IACrBC,EAGP"}
1	+ {"version":3,"file":"Events.js","sources":["../../src/components/Events.tsx"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport React, { type ReactNode, FC } from 'react'\nimport { CallEvents, PlayerEvents, RecorderEvents } from '../events'\n\ninterface EventsProps {\n children: ReactNode\n sipHost: string\n}\n\nexport const Events: FC<EventsProps> = ({ sipHost, children }) => {\n return (\n <>\n {<PlayerEvents />}\n {<RecorderEvents />}\n {<CallEvents sipHost={sipHost} />}\n {children}\n </>\n )\n}\n"],"names":["_a","sipHost","children","React","createElement","Fragment","PlayerEvents","RecorderEvents","CallEvents"],"mappings":"oWAWuC,SAACA,OAAEC,EAAOD,EAAAC,QAAEC,EAAQF,EAAAE,SACzD,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGF,UAAAC,cAACE,EAAYA,aAAG,MAChBH,UAAAC,cAACG,EAAcA,eAAG,MAClBJ,EAAAA,QAAAC,cAACI,EAAAA,WAAU,CAACP,QAASA,IACrBC,EAGP"}

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"),a=require("framer-motion"),t=require("@fortawesome/react-fontawesome"),i=require("@fortawesome/free-solid-svg-icons");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e),n={open:{width:"56px",height:"56px",borderRadius:"26px"},closed:{width:"24px",height:"24px",borderRadius:"26px"}};exports.GenericAvatar=function(e){var o=e.avatarUrl,c=e.size,s=void 0===c?"open":c,l=e.showPulseEffect,d=void 0!==l&&l,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?i.faUser:g,y=e.fallbackIconColor,h=void 0===y?"pi-text-white pi-text-2xl":y,k=e.className,w=void 0===k?"":k;return r.default.createElement(a.motion.div,{className:"pi-relative ".concat(w),animate:s,variants:n},d&&r.default.createElement(a.motion.div,{style:{animationDuration:"2s"},animate:s,variants:n,className:"".concat(b," ").concat(u," pi-absolute pi-opacity-60 pi-top-0 pi-left-0 pi-animate-ping")}),r.default.createElement(a.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:o?"url(".concat(o,")"):"none",backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"},animate:s,variants:n},!o&&r.default.createElement(t.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":"oSAQMA,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"),c=require("../node_modules/react-redux/es/hooks/useSelector.js"),p=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,T=void 0!==w&&w,j=e.onToggleExtraLarge,C=c.useSelector((function(e){return e.currentCall})),x=C.transferring,E=C.incoming,q=C.accepted,b=p.useDispatch(),D=c.useSelector((function(e){return e.island})),N=D.isOpen,_=D.sideViewIsVisible,y=D.view,A=c.useSelector((function(e){return e.conference})),F=A.isActive,I=A.conferenceStartedFrom,k=c.useSelector((function(e){return e.currentUser})).username;function S(){E?o.hangupAllExtensions():o.hangupCurrentCall(),setTimeout((function(){b.listen.setUpdateIntrudeStatus(!1,""),b.listen.setUpdateListenStatus(!1,"")}),2e3),x&&setTimeout((function(){b.alerts.setAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-open",{}),setTimeout((function(){b.alerts.removeAlert("call_transfered"),a.eventDispatch("phone-island-call-transfer-successfully-popup-close",{})}),2e3)}),300)}var B=s.useTranslation().t;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" ".concat(x?"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(x&&d?"pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start":"pi-flex pi-w-12"," ")},(N&&q||"waitingConference"===y&&N)&&!v&&u.default.createElement("div",{className:"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:function(){return b.island.handleToggleIsOpen()},"data-tooltip-id":"tooltip-open-close-phone-island","data-tooltip-content":N?B("Tooltip.Collapse")||"":B("Tooltip.Open")||"",className:"".concat(x&&d?"":"pi--ml-28")},u.default.createElement(i.FontAwesomeIcon,{icon:n.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"}))),(N&&q||"waitingConference"===y&&N)&&v&&u.default.createElement("div",{className:"pi-grid pi-grid-cols-1"},u.default.createElement(t.Button,{variant:h,onClick:j,"data-tooltip-id":"tooltip-toggle-fullscreen-hangup","data-tooltip-content":B("streamingAnswer"===y?T?"Tooltip.Decrease":"Tooltip.Increase":"Tooltip.Toggle fullscreen"),className:"".concat(x&&d?"":"pi--ml-28")},u.default.createElement(i.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:T?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"===y?(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(x&&d?"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2":"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full"),"data-tooltip-id":d&&x||"waitingConference"===y&&F?"tooltip-top-transfer":"tooltip-left-transfer","data-tooltip-content":d&&x?d:"waitingConference"===y&&F?B("Conference.End conference"):"".concat(B("Tooltip.Hangup"))},u.default.createElement(i.FontAwesomeIcon,{className:"pi-rotate-135 pi-h-6 pi-w-6",icon:n.faPhone}),x&&d&&u.default.createElement(r.motion.div,{style:{height:"17px"},className:"pi-whitespace-nowrap pi-overflow-hidden"},d)),(N&&q||"waitingConference"===y&&N)&&u.default.createElement(t.Button,{variant:h,onClick:function(){return _&&a.eventDispatch("phone-island-sideview-close",{}),a.eventDispatch("phone-island-transcription-close",{}),void b.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view","data-tooltip-content":B("Tooltip.Go to settings")||"",className:"".concat(x&&d?"pi-ml-5":"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("framer-motion"),i=require("./Button.js"),n=require("@fortawesome/react-fontawesome"),o=require("@fortawesome/free-solid-svg-icons"),a=require("../lib/phone/call.js"),l=require("react-redux"),s=require("react-i18next"),r=require("../utils/genericFunctions/eventDispatch.js");require("tslib"),require("../store/index.js");var c=require("./CustomThemedTooltip.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e);exports.default=function(e){e.clickCallback,e.isDestination;var p=e.description,d=e.isPhysicalRecording,f=e.buttonsVariant,m=void 0===f?"transparent":f,h=e.showFullscreenButton,g=void 0!==h&&h,v=e.isExtraLarge,w=void 0!==v&&v,T=e.onToggleExtraLarge,C=l.useSelector((function(e){return e.currentCall})),E=C.transferring,N=C.incoming,D=C.accepted,x=l.useDispatch(),q=l.useSelector((function(e){return e.island})),A=q.isOpen,j=q.sideViewIsVisible,y=q.view,b=l.useSelector((function(e){return e.conference})),F=b.isActive,I=b.conferenceStartedFrom,S=l.useSelector((function(e){return e.currentUser})).username;function k(){N?a.hangupAllExtensions():a.hangupCurrentCall(),setTimeout((function(){x.listen.setUpdateIntrudeStatus(!1,""),x.listen.setUpdateListenStatus(!1,"")}),2e3),E&&setTimeout((function(){x.alerts.setAlert("call_transfered"),r.eventDispatch("phone-island-call-transfer-successfully-popup-open",{}),setTimeout((function(){x.alerts.removeAlert("call_transfered"),r.eventDispatch("phone-island-call-transfer-successfully-popup-close",{})}),2e3)}),300)}var B=s.useTranslation().t;return u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:" ".concat(E?"pi-grid pi-w-full pi-space-x-2 pi-justify-start":"pi-flex pi-justify-center")},u.default.createElement(t.motion.div,{className:"".concat(E&&p?"pi-grid pi-grid-cols-4 pi-ml-4 pi-justify-start":"pi-flex pi-w-12"," ")},(A&&D||"waitingConference"===y&&A)&&!g&&u.default.createElement("div",{className:"pi-grid pi-grid-cols-1"},u.default.createElement(i.Button,{variant:m,onClick:function(){return x.island.handleToggleIsOpen()},"data-tooltip-id":"tooltip-open-close-phone-island","data-tooltip-content":A?B("Tooltip.Collapse")||"":B("Tooltip.Open")||"",className:"".concat(E&&p?"":"pi--ml-28")},u.default.createElement(n.FontAwesomeIcon,{icon:o.faDownLeftAndUpRightToCenter,className:"pi-w-6 pi-h-6"}))),(A&&D||"waitingConference"===y&&A)&&g&&u.default.createElement("div",{className:"pi-grid pi-grid-cols-1"},u.default.createElement(i.Button,{variant:m,onClick:T,"data-tooltip-id":"tooltip-toggle-fullscreen-hangup","data-tooltip-content":B("streamingAnswer"===y?w?"Tooltip.Decrease":"Tooltip.Increase":"Tooltip.Toggle fullscreen"),className:"".concat(E&&p?"":"pi--ml-28")},u.default.createElement(n.FontAwesomeIcon,{className:"pi-h-6 pi-w-6",icon:w?o.faDownLeftAndUpRightToCenter:o.faUpRightAndDownLeftFromCenter}))),u.default.createElement(i.Button,{onClick:function(){d?(r.eventDispatch("phone-island-sideview-close",{}),r.eventDispatch("phone-island-transcription-close",{}),a.hangupCurrentPhysicalRecording()):F&&I===S&&"waitingConference"===y?(r.eventDispatch("phone-island-sideview-close",{}),r.eventDispatch("phone-island-transcription-close",{}),a.endConference()):(r.eventDispatch("phone-island-sideview-close",{}),r.eventDispatch("phone-island-transcription-close",{}),k())},variant:"red",className:"".concat(E&&p?"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full pi-col-span-2":"pi-gap-4 pi-font-medium pi-text-base pi-transition pi-min-w-12 pi-w-full"),"data-tooltip-id":p&&E||"waitingConference"===y&&F?"tooltip-top-transfer":"tooltip-left-transfer","data-tooltip-content":p&&E?p:"waitingConference"===y&&F?B("Conference.End conference"):"".concat(B("Tooltip.Hangup"))},u.default.createElement(n.FontAwesomeIcon,{className:"pi-rotate-135 pi-h-6 pi-w-6",icon:o.faPhone}),E&&p&&u.default.createElement(t.motion.div,{style:{height:"17px"},className:"pi-whitespace-nowrap pi-overflow-hidden"},p)),(A&&D||"waitingConference"===y&&A)&&u.default.createElement(i.Button,{variant:m,onClick:function(){return j&&r.eventDispatch("phone-island-sideview-close",{}),r.eventDispatch("phone-island-transcription-close",{}),void x.island.setIslandView("settings")},"data-tooltip-id":"tooltip-settings-view","data-tooltip-content":B("Tooltip.Go to settings")||"",className:"".concat(E&&p?"pi-ml-5":"pi-justify-end pi-ml-16"," pi-flex pi-items-center")},u.default.createElement(n.FontAwesomeIcon,{icon:o.faGear,className:"pi-h-6 pi-w-6"})))),u.default.createElement(c.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-left-transfer",place:"left"}),u.default.createElement(c.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-top-transfer",place:"top"}),u.default.createElement(c.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-open-close-phone-island",place:"right"}),u.default.createElement(c.CustomThemedTooltip,{className:"pi-z-20",id:"tooltip-settings-view",place:"left"}),u.default.createElement(c.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\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 : 'pi-flex pi-w-12'\n } `}\n >\n {/ collapse phone island button /}\n {((isOpen && accepted) \|\| (view === 'waitingConference' && isOpen)) && !showFullscreenButton && (\n <div className='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 className={`${transferring && description ? '' : 'pi--ml-28'}`}\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 {((isOpen && accepted) \|\| (view === 'waitingConference' && isOpen)) && showFullscreenButton && (\n <div className='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 className={`${transferring && description ? '' : 'pi--ml-28'}`}\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 : '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 {((isOpen && accepted) \|\| (view === 'waitingConference' && isOpen)) && (\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 ? 'pi-ml-5' : '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","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\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 : 'pi-flex pi-w-12'\n } `}\n >\n {/ collapse phone island button /}\n {((isOpen && accepted) \|\| (view === 'waitingConference' && isOpen)) && !showFullscreenButton && (\n <div className='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 className={`${transferring && description ? '' : 'pi--ml-28'}`}\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 {((isOpen && accepted) \|\| (view === 'waitingConference' && isOpen)) && showFullscreenButton && (\n <div className='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 className={`${transferring && description ? '' : 'pi--ml-28'}`}\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 : '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 {((isOpen && accepted) \|\| (view === 'waitingConference' && isOpen)) && (\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 ? 'pi-ml-5' : '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","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"),t=require("react-redux"),i=require("../utils/customHooks/useIsomorphicLayoutEffect.js");require("tslib");var r=require("../store/index.js"),n=require("./CallView/index.js"),l=require("./KeypadView/index.js"),u=require("./AudioPlayerView/index.js"),a=require("./AlertGuard.js"),s=require("./CallView/BackCall.js"),o=require("./SideView/SideView.js"),c=require("./ViewsTransition.js"),d=require("./RecorderView/index.js"),f=require("./IslandMotion.js"),w=require("./IslandDrag.js"),p=require("./PhysicalRecorderView/index.js"),V=require("./SettingsView/index.js"),m=require("./SwitchDeviceView/index.js"),y=require("../utils/genericFunctions/isBackCallVisible.js"),v=require("./VideoView/index.js"),E=require("./ConferenceView/index.js"),g=require("./ContactView/ContactListView.js"),h=require("./StreamingAnswerView/index.js"),j=require("./OperatorBusyView/index.js"),q=require("./TranscriptionView/TranscriptionView.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=S(e),C=function(S){var C=S.showAlways,R=S.uaType;S.urlParamWithEvent;var A=t.useSelector((function(e){return e.currentCall})),I=A.incoming,b=A.accepted,P=A.outgoing,B=t.useSelector((function(e){return e.island})),T=B.view,k=B.sideViewIsVisible,D=B.transcriptionViewIsVisible,L=B.avoidToShow,O=B.previousView,F=t.useSelector((function(e){return{recording:e.physicalRecorder.recording}})).recording,K=t.useSelector((function(e){return e.alerts.status})).activeAlertsCount,M=t.useSelector((function(e){return e.player})).audioPlayerLoop,N=t.useSelector((function(e){return e.conference})).isActive,W=t.useSelector((function(e){return e.currentUser})),_=W.default_device,G=W.endpoints,U=W.username,z=t.useSelector((function(e){return e.users})).extensions,H=e.useRef(null),J=t.useDispatch(),Q=e.useRef(null),X=e.useRef(null),Y=e.useRef(null);i.useIsomorphicLayoutEffect((function(){J.player.updatePlayer({audioPlayer:Q,localAudio:X,remoteAudio:Y})}),[]),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||P)&&t&&i===l&&n?J.island.setIslandView("waitingConference"):!I&&!P||L||J.island.setIslandView("call")}),[I,P,L,N]),e.useEffect((function(){F&&J.island.setIslandView("physicalPhoneRecorder")}),[T]);var Z=e.useState(""),$=Z[0],ee=Z[1];e.useEffect((function(){setTimeout((function(){ee(T)}),200)}),[T]);var te,ie=function(){if(!z||!U)return!1;var e=Object.values(z).filter((function(e){return(null==e?void 0:e.username)===U}));return null==e?void 0:e.some((function(e){var t=null==G?void 0:G.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 x.default.createElement("div",{ref:H,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||P||b||C||K>0||"player"===T||"recorder"===T||"physicalPhoneRecorder"===T||"waitingConference"===T&&N||"transfer"===T&&N||"settings"===T&&N||"operatorBusy"===T&&("mobile"===R&&ie()||"desktop"===R&&("webrtc"===(null==_?void 0:_.type)||void 0===(null==_?void 0:_.type)&&!ie()||!ie()&&"physical"===(null==_?void 0:_.type)))||"settings"===T&&("recorder"===O||"player"===O))&&!L&&x.default.createElement(x.default.Fragment,null,x.default.createElement(w.IslandDrag,{islandContainerRef:H},x.default.createElement(s.default,{isVisible:y.isBackCallActive()}),x.default.createElement(o.default,{isVisible:k,uaType:R}),x.default.createElement(q.default,{isVisible:D}),x.default.createElement(f.IslandMotion,null,x.default.createElement(a.AlertGuard,{uaType:R},(te={call:n.default?x.default.createElement(n.default,null):null,keypad:l.default?x.default.createElement(l.default,null):null,transfer:g.ContactListView?x.default.createElement(g.ContactListView,null):null,player:u.KeypadView?x.default.createElement(u.KeypadView,null):null,recorder:d.RecorderView?x.default.createElement(d.RecorderView,null):null,physicalPhoneRecorder:p.PhysicalRecorderView?x.default.createElement(p.PhysicalRecorderView,null):null,settings:V.SettingsView?x.default.createElement(V.SettingsView,null):null,video:v.VideoView?x.default.createElement(v.VideoView,null):null,switchDevice:m.SwitchDeviceView?x.default.createElement(m.SwitchDeviceView,null):null,waitingConference:E.WaitingConferenceView?x.default.createElement(E.WaitingConferenceView,null):null,streamingAnswer:h.StreamingAnswerView?x.default.createElement(h.StreamingAnswerView,null):null,operatorBusy:j.OperatorBusyView?x.default.createElement(j.OperatorBusyView,null):null},$ in te&&te[$]?x.default.createElement(c.default,{forView:$},te[$]):x.default.createElement(x.default.Fragment,null)))))),x.default.createElement("div",{className:"pi-hidden"},x.default.createElement("audio",{loop:M,ref:Q}),x.default.createElement("audio",{muted:!0,ref:X}),x.default.createElement("audio",{autoPlay:!0,ref:Y})))};C.displayName="Island",exports.Island=C;
 //# 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":"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"}

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("tslib"),t=require("react"),r=require("../store/index.js"),n=require("react-redux"),o=require("framer-motion"),s=require("../utils/customHooks/useEventListener.js"),i=require("../utils/customHooks/useLocalStorage.js"),a=require("../utils/customHooks/useLongPress.js"),u=require("../utils/genericFunctions/styleTransformValues.js"),l=require("../lib/island/island.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),p=function(d){var p=d.children,f=d.islandContainerRef,g=n.useSelector((function(e){return e.island})).startPosition,v=t.useState(!1),m=v[0],x=v[1],y=n.useDispatch(),h=o.useDragControls(),q=o.useAnimation(),b=i.useLocalStorage("phone-island",null),j=b[0],P=b[1],S=t.useRef(null),_=t.useState(j&&j.position?j.position:null),D=_[0],L=_[1];s.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"),L(null),[4,q.start({x:g.x,y:g.y,transition:{duration:.3,ease:"easeOut"}})];case 1:return e.sent(),[2]}}))}))}));var C=a.useLongPress((function(){}),(function(e){var t,n;if(e&&e.target){var o=e.target;if(o.closest('[data-stop-propagation="true"]')||o.hasAttribute("data-stop-propagation"))return}!(null===(n=null===(t=null===r.store||void 0===r.store?void 0:r.store.getState())||void 0===t?void 0:t.island)||void 0===n?void 0:n.isOpen)&&y.island.handleToggleIsOpen()}),m,(function(){return x(!1)}),{shouldPreventDefault:!0,delay:250});return c.default.createElement(o.motion.div,e.__assign({drag:!0,onPointerDown:function(e){var t=e.target;t.closest('[data-stop-propagation="true"]')||t.hasAttribute("data-stop-propagation")||h.start(e)},onDragStart:function(){x(!0)},dragTransition:{power:0,timeConstant:300},initial:{x:(null==D?void 0:D.x)||g.x,y:(null==D?void 0:D.y)||g.y},animate:q,dragControls:h,dragListener:!1,dragConstraints:f,onDragEnd:function(){if(S.current){var e=u.styleTransformValues(S.current),t=e.x,r=e.y;t=l.xPosition(Math.round(t),S.current,f.current),r=l.yPosition(Math.round(r),S.current,f.current),P({position:{x:t,y:r}}),L({x:t,y:r})}},ref:S},C,{className:"pi-absolute"}),p&&p)};exports.IslandDrag=p,exports.default=p;
 //# 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":"qhBAUaA,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"}

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),r=function(a){var r=a.children,h=d.useSelector((function(e){return e.currentCall})),s=h.incoming,o=h.outgoing,c=h.accepted,l=h.transferring,g=h.incomingWebRTC,p=h.incomingSocket,w=h.conferencing,u=d.useSelector((function(e){return e.listen})).isListen,x=d.useSelector((function(e){return e.island})),f=x.view,m=x.isOpen,v=x.actionsExpanded,b=x.sideViewIsVisible,_=x.transcriptionViewIsVisible,y=x.isFromStreaming,k=x.isExtraLarge,S=d.useSelector((function(e){return e.alerts.status})).activeAlertsCount,A=d.useSelector((function(e){return e.motions})),j=A.variants,C=A.border_radius_collapsed,E=A.border_radius_expanded,q=A.border_radius_collapsed_conference,B=A.padding_x_collapsed,D=A.padding_y_collapsed,L=A.padding_expanded,I=A.alert_padding_expanded,V=d.useSelector((function(e){return e.conference})).isActive,M=e.useMemo((function(){var e={width:0,height:0,padding:L};switch(f){case"call":m?c&&l&&w?e=v?{width:j.call.expanded.transfer.actionsExpanded.width,height:j.call.expanded.transfer.actionsExpanded.height}:{width:j.call.expanded.transfer.width,height:j.call.expanded.transfer.height}:c&&v?e={width:j.call.expanded.accepted.actionsExpanded.width,height:j.call.expanded.accepted.actionsExpanded.height}:c&&!u?e={width:j.call.expanded.accepted.width,height:j.call.expanded.accepted.height}:c&&u?e={width:j.call.expanded.listening.width,height:j.call.expanded.listening.height}:s&&!y?e={width:j.call.expanded.incoming.width,height:j.call.expanded.incoming.height}:s&&y?e={width:j.call.expanded.incomingStreaming.width,height:j.call.expanded.incomingStreaming.height}:o&&!y?e={width:j.call.expanded.outgoing.width,height:j.call.expanded.outgoing.height}:o&&y&&(e={width:j.call.expanded.outgoingStreaming.width,height:j.call.expanded.outgoingStreaming.height}):e={width:j.call.collapsed.width,height:j.call.collapsed.height};break;case"keypad":e=m?{width:j.keypad.expanded.width,height:j.keypad.expanded.height}:{width:j.transfer.collapsed.width,height:j.transfer.collapsed.height};break;case"video":e=m?{width:j.video.expanded.width,height:j.video.expanded.height,padding:j.video.expanded.padding}:{width:j.video.collapsed.width,height:j.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=m?{width:j[f].expanded.width,height:j[f].expanded.height}:{width:j[f].collapsed.width,height:j[f].collapsed.height};break;case"switchDevice":e=m?{width:j.switchDevice.expanded.width,height:j.switchDevice.expanded.height}:{width:j.video.collapsed.width,height:j.video.collapsed.height};break;case"waitingConference":e=m?{width:j.waitingConference.expanded.width,height:j.waitingConference.expanded.height}:{width:j.waitingConference.collapsed.width,height:j.waitingConference.collapsed.height};break;case"streamingAnswer":e=m?k?{width:j.streamingAnswer.extraLarge.width,height:j.streamingAnswer.extraLarge.height,padding:j.streamingAnswer.extraLarge.padding}:{width:j.streamingAnswer.expanded.width,height:j.streamingAnswer.expanded.height,padding:j.streamingAnswer.expanded.padding}:{width:j.streamingAnswer.collapsed.width,height:j.streamingAnswer.collapsed.height};break;case"operatorBusy":e=m?{width:j.operatorBusy.expanded.width,height:j.operatorBusy.expanded.height}:{width:j.operatorBusy.collapsed.width,height:j.operatorBusy.collapsed.height}}var i=S>0;return{width:"".concat(0===e.width&&i?j.alerts.width:e.width,"px"),height:"".concat(i&&m?j.alerts.height+(0===e.height?2*I:I):e.height,"px"),borderRadius:"".concat(m?E:V&&"waitingConference"===f?q:C,"px"),padding:m?null!=e.padding?"".concat(e.padding,"px"):"".concat(L,"px"):"".concat(B,"px ").concat(D,"px")}}),[f,m,c,l,v,u,s,o,S,j,C,E,B,D,L,I,g,p,V,y,k]);return e.useEffect((function(){var e={};e.width=null==M?void 0:M.width,e.height=null==M?void 0:M.height,i.eventDispatch("phone-island-size-change",{sizeInformation:e})}),[M,f,m,c,l,v,u,s,o,S,j,C,E,B,D,L,I,b,_,p,g,V,k]),n.default.createElement(t.motion.div,{className:"".concat(m?"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:M,transition:{duration:.15,ease:"easeOut"}},r)};exports.IslandMotion=r,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("react-redux"),t=require("framer-motion"),d=require("../utils/genericFunctions/eventDispatch.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("../store/index.js");var n=a(e),h=function(a){var h=a.children,r=i.useSelector((function(e){return e.currentCall})),c=r.incoming,o=r.outgoing,s=r.accepted,g=r.transferring,l=r.incomingWebRTC,p=r.incomingSocket,w=r.conferencing,u=i.useSelector((function(e){return e.listen})).isListen,x=i.useSelector((function(e){return e.island})),f=x.view,m=x.isOpen,v=x.actionsExpanded,b=x.sideViewIsVisible,y=x.transcriptionViewIsVisible,_=x.isFromStreaming,k=x.isExtraLarge,S=i.useSelector((function(e){return e.alerts.status})).activeAlertsCount,A=i.useSelector((function(e){return e.motions})),C=A.variants,E=A.border_radius_collapsed,q=A.border_radius_expanded,B=A.border_radius_collapsed_conference,D=A.padding_x_collapsed,L=A.padding_y_collapsed,j=A.padding_expanded,I=A.alert_padding_expanded,V=i.useSelector((function(e){return e.conference})).isActive,M=e.useMemo((function(){var e={width:0,height:0,padding:j};switch(f){case"call":m?s&&g&&w?e=v?{width:C.call.expanded.transfer.actionsExpanded.width,height:C.call.expanded.transfer.actionsExpanded.height}:{width:C.call.expanded.transfer.width,height:C.call.expanded.transfer.height}:s&&v?e={width:C.call.expanded.accepted.actionsExpanded.width,height:C.call.expanded.accepted.actionsExpanded.height}:s&&!u?e={width:C.call.expanded.accepted.width,height:C.call.expanded.accepted.height}:s&&u?e={width:C.call.expanded.listening.width,height:C.call.expanded.listening.height}:c&&!_?e={width:C.call.expanded.incoming.width,height:C.call.expanded.incoming.height}:c&&_?e={width:C.call.expanded.incomingStreaming.width,height:C.call.expanded.incomingStreaming.height}:o&&!_?e={width:C.call.expanded.outgoing.width,height:C.call.expanded.outgoing.height}:o&&_&&(e={width:C.call.expanded.outgoingStreaming.width,height:C.call.expanded.outgoingStreaming.height}):e={width:C.call.collapsed.width,height:C.call.collapsed.height};break;case"keypad":e=m?{width:C.keypad.expanded.width,height:C.keypad.expanded.height}:{width:C.transfer.collapsed.width,height:C.transfer.collapsed.height};break;case"video":e=m?{width:C.video.expanded.width,height:C.video.expanded.height,padding:C.video.expanded.padding}:{width:C.video.collapsed.width,height:C.video.collapsed.height};break;case"transfer":case"player":case"recorder":case"physicalPhoneRecorder":case"settings":case"conference":e=m?{width:C[f].expanded.width,height:C[f].expanded.height}:{width:C[f].collapsed.width,height:C[f].collapsed.height};break;case"switchDevice":e=m?{width:C.switchDevice.expanded.width,height:C.switchDevice.expanded.height}:{width:C.video.collapsed.width,height:C.video.collapsed.height};break;case"waitingConference":e=m?{width:C.waitingConference.expanded.width,height:C.waitingConference.expanded.height}:{width:C.waitingConference.collapsed.width,height:C.waitingConference.collapsed.height};break;case"streamingAnswer":e=m?k?{width:C.streamingAnswer.extraLarge.width,height:C.streamingAnswer.extraLarge.height,padding:C.streamingAnswer.extraLarge.padding}:{width:C.streamingAnswer.expanded.width,height:C.streamingAnswer.expanded.height,padding:C.streamingAnswer.expanded.padding}:{width:C.streamingAnswer.collapsed.width,height:C.streamingAnswer.collapsed.height};break;case"operatorBusy":e=m?{width:C.operatorBusy.expanded.width,height:C.operatorBusy.expanded.height}:{width:C.operatorBusy.collapsed.width,height:C.operatorBusy.collapsed.height}}var i=S>0;return{width:"".concat(0===e.width&&i?C.alerts.width:e.width,"px"),height:"".concat(i&&m?C.alerts.height+(0===e.height?2*I:I):e.height,"px"),borderRadius:"".concat(m?q:V&&"waitingConference"===f?B:E,"px"),padding:m?null!=e.padding?"".concat(e.padding,"px"):"".concat(j,"px"):"".concat(D,"px ").concat(L,"px")}}),[f,m,s,g,v,u,c,o,S,C,E,q,D,L,j,I,l,p,V,_,k]);return e.useEffect((function(){var e={};e.width=null==M?void 0:M.width,e.height=null==M?void 0:M.height,d.eventDispatch("phone-island-size-change",{sizeInformation:e})}),[M,f,m,s,g,v,u,c,o,S,C,E,q,D,L,j,I,b,y,p,l,V,k]),n.default.createElement(t.motion.div,{className:"".concat(m?"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:M,transition:{duration:.15,ease:"easeOut"}},h)};exports.IslandMotion=h,exports.default=h;
 //# 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 } = 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 size = {\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 ])\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","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","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'\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 } = 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 size = {\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 ])\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","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","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("tslib"),require("../../store/index.js"),require("react-redux"),require("../../lib/webrtc/janus.js"),require("webrtc-adapter"),require("mic-check"),require("socket.io-client"),require("../Island.js");var r=require("../Button.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("i18next"),require("react-tooltip"),require("framer-motion"),require("../TranscriptionView/TranscriptionView.js");var i=t(e),a=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"},a.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