, and elements get a default\n // `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n // yet they are still part of the regular tab order; in FF, they get a default\n // `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n // order, consider their tab index to be 0.\n\n\n if (node.contentEditable === 'true' || (node.nodeName === 'AUDIO' || node.nodeName === 'VIDEO' || node.nodeName === 'DETAILS') && node.getAttribute('tabindex') === null) {\n return 0;\n }\n\n return node.tabIndex;\n}\n\nfunction isNonTabbableRadio(node) {\n if (node.tagName !== 'INPUT' || node.type !== 'radio') {\n return false;\n }\n\n if (!node.name) {\n return false;\n }\n\n const getRadio = selector => node.ownerDocument.querySelector(`input[type=\"radio\"]${selector}`);\n\n let roving = getRadio(`[name=\"${node.name}\"]:checked`);\n\n if (!roving) {\n roving = getRadio(`[name=\"${node.name}\"]`);\n }\n\n return roving !== node;\n}\n\nfunction isNodeMatchingSelectorFocusable(node) {\n if (node.disabled || node.tagName === 'INPUT' && node.type === 'hidden' || isNonTabbableRadio(node)) {\n return false;\n }\n\n return true;\n}\n\nfunction defaultGetTabbable(root) {\n const regularTabNodes = [];\n const orderedTabNodes = [];\n Array.from(root.querySelectorAll(candidatesSelector)).forEach((node, i) => {\n const nodeTabIndex = getTabIndex(node);\n\n if (nodeTabIndex === -1 || !isNodeMatchingSelectorFocusable(node)) {\n return;\n }\n\n if (nodeTabIndex === 0) {\n regularTabNodes.push(node);\n } else {\n orderedTabNodes.push({\n documentOrder: i,\n tabIndex: nodeTabIndex,\n node\n });\n }\n });\n return orderedTabNodes.sort((a, b) => a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex).map(a => a.node).concat(regularTabNodes);\n}\n\nfunction defaultIsEnabled() {\n return true;\n}\n/**\n * Utility component that locks focus inside the component.\n */\n\n\nfunction TrapFocus(props) {\n const {\n children,\n disableAutoFocus = false,\n disableEnforceFocus = false,\n disableRestoreFocus = false,\n getTabbable = defaultGetTabbable,\n isEnabled = defaultIsEnabled,\n open\n } = props;\n const ignoreNextEnforceFocus = React.useRef();\n const sentinelStart = React.useRef(null);\n const sentinelEnd = React.useRef(null);\n const nodeToRestore = React.useRef(null);\n const reactFocusEventTarget = React.useRef(null); // This variable is useful when disableAutoFocus is true.\n // It waits for the active element to move into the component to activate.\n\n const activated = React.useRef(false);\n const rootRef = React.useRef(null);\n const handleRef = useForkRef(children.ref, rootRef);\n const lastKeydown = React.useRef(null);\n React.useEffect(() => {\n // We might render an empty child.\n if (!open || !rootRef.current) {\n return;\n }\n\n activated.current = !disableAutoFocus;\n }, [disableAutoFocus, open]);\n React.useEffect(() => {\n // We might render an empty child.\n if (!open || !rootRef.current) {\n return;\n }\n\n const doc = ownerDocument(rootRef.current);\n\n if (!rootRef.current.contains(doc.activeElement)) {\n if (!rootRef.current.hasAttribute('tabIndex')) {\n if (process.env.NODE_ENV !== 'production') {\n console.error(['MUI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to \"-1\".'].join('\\n'));\n }\n\n rootRef.current.setAttribute('tabIndex', -1);\n }\n\n if (activated.current) {\n rootRef.current.focus();\n }\n }\n\n return () => {\n // restoreLastFocus()\n if (!disableRestoreFocus) {\n // In IE11 it is possible for document.activeElement to be null resulting\n // in nodeToRestore.current being null.\n // Not all elements in IE11 have a focus method.\n // Once IE11 support is dropped the focus() call can be unconditional.\n if (nodeToRestore.current && nodeToRestore.current.focus) {\n ignoreNextEnforceFocus.current = true;\n nodeToRestore.current.focus();\n }\n\n nodeToRestore.current = null;\n }\n }; // Missing `disableRestoreFocus` which is fine.\n // We don't support changing that prop on an open TrapFocus\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n React.useEffect(() => {\n // We might render an empty child.\n if (!open || !rootRef.current) {\n return;\n }\n\n const doc = ownerDocument(rootRef.current);\n\n const contain = nativeEvent => {\n const {\n current: rootElement\n } = rootRef; // Cleanup functions are executed lazily in React 17.\n // Contain can be called between the component being unmounted and its cleanup function being run.\n\n if (rootElement === null) {\n return;\n }\n\n if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {\n ignoreNextEnforceFocus.current = false;\n return;\n }\n\n if (!rootElement.contains(doc.activeElement)) {\n // if the focus event is not coming from inside the children's react tree, reset the refs\n if (nativeEvent && reactFocusEventTarget.current !== nativeEvent.target || doc.activeElement !== reactFocusEventTarget.current) {\n reactFocusEventTarget.current = null;\n } else if (reactFocusEventTarget.current !== null) {\n return;\n }\n\n if (!activated.current) {\n return;\n }\n\n let tabbable = [];\n\n if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {\n tabbable = getTabbable(rootRef.current);\n }\n\n if (tabbable.length > 0) {\n var _lastKeydown$current, _lastKeydown$current2;\n\n const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === 'Tab');\n const focusNext = tabbable[0];\n const focusPrevious = tabbable[tabbable.length - 1];\n\n if (isShiftTab) {\n focusPrevious.focus();\n } else {\n focusNext.focus();\n }\n } else {\n rootElement.focus();\n }\n }\n };\n\n const loopFocus = nativeEvent => {\n lastKeydown.current = nativeEvent;\n\n if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {\n return;\n } // Make sure the next tab starts from the right place.\n // doc.activeElement referes to the origin.\n\n\n if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {\n // We need to ignore the next contain as\n // it will try to move the focus back to the rootRef element.\n ignoreNextEnforceFocus.current = true;\n sentinelEnd.current.focus();\n }\n };\n\n doc.addEventListener('focusin', contain);\n doc.addEventListener('keydown', loopFocus, true); // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area.\n // e.g. https://bugzilla.mozilla.org/show_bug.cgi?id=559561.\n // Instead, we can look if the active element was restored on the BODY element.\n //\n // The whatwg spec defines how the browser should behave but does not explicitly mention any events:\n // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.\n\n const interval = setInterval(() => {\n if (doc.activeElement.tagName === 'BODY') {\n contain();\n }\n }, 50);\n return () => {\n clearInterval(interval);\n doc.removeEventListener('focusin', contain);\n doc.removeEventListener('keydown', loopFocus, true);\n };\n }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open, getTabbable]);\n\n const onFocus = event => {\n if (nodeToRestore.current === null) {\n nodeToRestore.current = event.relatedTarget;\n }\n\n activated.current = true;\n reactFocusEventTarget.current = event.target;\n const childrenPropsHandler = children.props.onFocus;\n\n if (childrenPropsHandler) {\n childrenPropsHandler(event);\n }\n };\n\n const handleFocusSentinel = event => {\n if (nodeToRestore.current === null) {\n nodeToRestore.current = event.relatedTarget;\n }\n\n activated.current = true;\n };\n\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(\"div\", {\n tabIndex: open ? 0 : -1,\n onFocus: handleFocusSentinel,\n ref: sentinelStart,\n \"data-testid\": \"sentinelStart\"\n }), /*#__PURE__*/React.cloneElement(children, {\n ref: handleRef,\n onFocus\n }), /*#__PURE__*/_jsx(\"div\", {\n tabIndex: open ? 0 : -1,\n onFocus: handleFocusSentinel,\n ref: sentinelEnd,\n \"data-testid\": \"sentinelEnd\"\n })]\n });\n}\n\nprocess.env.NODE_ENV !== \"production\" ? TrapFocus.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * A single child content element.\n */\n children: elementAcceptingRef,\n\n /**\n * If `true`, the trap focus will not automatically shift focus to itself when it opens, and\n * replace it to the last focused element when it closes.\n * This also works correctly with any trap focus children that have the `disableAutoFocus` prop.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n * @default false\n */\n disableAutoFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n * @default false\n */\n disableEnforceFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not restore focus to previously focused element once\n * trap focus is hidden or unmounted.\n * @default false\n */\n disableRestoreFocus: PropTypes.bool,\n\n /**\n * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.\n * For instance, you can provide the \"tabbable\" npm dependency.\n * @param {HTMLElement} root\n */\n getTabbable: PropTypes.func,\n\n /**\n * This prop extends the `open` prop.\n * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.\n * This prop should be memoized.\n * It can be used to support multiple trap focus mounted at the same time.\n * @default function defaultIsEnabled() {\n * return true;\n * }\n */\n isEnabled: PropTypes.func,\n\n /**\n * If `true`, focus is locked.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n TrapFocus['propTypes' + ''] = exactProp(TrapFocus.propTypes);\n}\n\nexport default TrapFocus;","export default function areArraysEqual(array1, array2, itemComparer = (a, b) => a === b) {\n return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));\n}","import generateUtilityClass from '../generateUtilityClass';\nimport generateUtilityClasses from '../generateUtilityClasses';\nexport function getButtonUnstyledUtilityClass(slot) {\n return generateUtilityClass('ButtonUnstyled', slot);\n}\nconst buttonUnstyledClasses = generateUtilityClasses('ButtonUnstyled', ['root', 'active', 'disabled', 'focusVisible']);\nexport default buttonUnstyledClasses;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { unstable_useForkRef as useForkRef, unstable_useIsFocusVisible as useIsFocusVisible } from '@mui/utils';\nimport extractEventHandlers from '../utils/extractEventHandlers';\nexport default function useButton(parameters) {\n const {\n disabled = false,\n focusableWhenDisabled,\n href,\n ref: externalRef,\n tabIndex,\n to,\n type\n } = parameters;\n const buttonRef = React.useRef();\n const [active, setActive] = React.useState(false);\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef\n } = useIsFocusVisible();\n const [focusVisible, setFocusVisible] = React.useState(false);\n\n if (disabled && !focusableWhenDisabled && focusVisible) {\n setFocusVisible(false);\n }\n\n React.useEffect(() => {\n isFocusVisibleRef.current = focusVisible;\n }, [focusVisible, isFocusVisibleRef]);\n const [hostElementName, setHostElementName] = React.useState('');\n\n const createHandleMouseLeave = otherHandlers => event => {\n var _otherHandlers$onMous;\n\n if (focusVisible) {\n event.preventDefault();\n }\n\n (_otherHandlers$onMous = otherHandlers.onMouseLeave) == null ? void 0 : _otherHandlers$onMous.call(otherHandlers, event);\n };\n\n const createHandleBlur = otherHandlers => event => {\n var _otherHandlers$onBlur;\n\n handleBlurVisible(event);\n\n if (isFocusVisibleRef.current === false) {\n setFocusVisible(false);\n }\n\n (_otherHandlers$onBlur = otherHandlers.onBlur) == null ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);\n };\n\n const createHandleFocus = otherHandlers => event => {\n var _otherHandlers$onFocu2;\n\n // Fix for https://github.com/facebook/react/issues/7769\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n\n handleFocusVisible(event);\n\n if (isFocusVisibleRef.current === true) {\n var _otherHandlers$onFocu;\n\n setFocusVisible(true);\n (_otherHandlers$onFocu = otherHandlers.onFocusVisible) == null ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);\n }\n\n (_otherHandlers$onFocu2 = otherHandlers.onFocus) == null ? void 0 : _otherHandlers$onFocu2.call(otherHandlers, event);\n };\n\n const isNativeButton = () => {\n const button = buttonRef.current;\n return hostElementName === 'BUTTON' || hostElementName === 'INPUT' && ['button', 'submit', 'reset'].includes(button == null ? void 0 : button.type) || hostElementName === 'A' && (button == null ? void 0 : button.href);\n };\n\n const createHandleClick = otherHandlers => event => {\n if (!disabled) {\n var _otherHandlers$onClic;\n\n (_otherHandlers$onClic = otherHandlers.onClick) == null ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);\n }\n };\n\n const createHandleMouseDown = otherHandlers => event => {\n var _otherHandlers$onMous2;\n\n if (event.target === event.currentTarget && !disabled) {\n setActive(true);\n }\n\n (_otherHandlers$onMous2 = otherHandlers.onMouseDown) == null ? void 0 : _otherHandlers$onMous2.call(otherHandlers, event);\n };\n\n const createHandleMouseUp = otherHandlers => event => {\n var _otherHandlers$onMous3;\n\n if (event.target === event.currentTarget) {\n setActive(false);\n }\n\n (_otherHandlers$onMous3 = otherHandlers.onMouseUp) == null ? void 0 : _otherHandlers$onMous3.call(otherHandlers, event);\n };\n\n const createHandleKeyDown = otherHandlers => event => {\n var _otherHandlers$onKeyD;\n\n (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null ? void 0 : _otherHandlers$onKeyD.call(otherHandlers, event);\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (event.target === event.currentTarget && !isNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n\n if (event.target === event.currentTarget && event.key === ' ' && !disabled) {\n setActive(true);\n } // Keyboard accessibility for non interactive elements\n\n\n if (event.target === event.currentTarget && !isNativeButton() && event.key === 'Enter' && !disabled) {\n var _otherHandlers$onClic2;\n\n (_otherHandlers$onClic2 = otherHandlers.onClick) == null ? void 0 : _otherHandlers$onClic2.call(otherHandlers, event);\n event.preventDefault();\n }\n };\n\n const createHandleKeyUp = otherHandlers => event => {\n var _otherHandlers$onKeyU;\n\n // calling preventDefault in keyUp on a \n )}\n \n )}\n\n
{item.template}\n - {templateList}
- {transferItemList}
- {transferItemList}
- {directoryList}
\n \n \n \n\n \n \n \n\n
\n\n \n \n {list.length > 0 && (\n <>\n \n No more results to display\n \n )}\n\n {error && list.length > 0 && (\n \n Failed to load transfer destinations\n \n )}\n \n )}\n\n {list.length === 0 && (\n <>\n {!error && !debouncedSearch && (\n \n No transfer destinations currently exist\n \n )}\n\n {!error && debouncedSearch && (\n \n No search results found.\n \n )}\n\n {error && (\n \n Failed to load transfer destinations\n \n )}\n \n )}\n \n
\n \n );\n};\n\nexport default ExternalTransfer;\n","import Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport React, { ChangeEvent, useState } from 'react';\nimport useMeasure from 'react-use-measure';\n\nimport TransferableAgentListItem from '~components/TransferableAgentListItem';\nimport { useAgentStates } from '~providers/AgentStatesProvider';\nimport { ConnectVoiceContact } from '~providers/ConnectProvider/domain';\nimport { useLogRocket } from '~providers/LogRocketProvider';\nimport { useNotification } from '~providers/NotificationProvider';\n\ninterface InternalTransferProps {\n contact?: ConnectVoiceContact;\n maxConnectionCapacityReached: boolean;\n onCloseTransferModal: () => void;\n}\n\nconst InternalTransfer = ({\n contact,\n maxConnectionCapacityReached,\n onCloseTransferModal,\n}: InternalTransferProps): JSX.Element => {\n const { agentVoiceList } = useAgentStates();\n const logRocket = useLogRocket();\n const { pushNotification } = useNotification();\n const [searchText, setSearchText] = useState- {transferItemList}
\n {agentItemList.length === 0 && (\n \n {searchTerm.length === 0\n ? 'There is currently no one to internally transfer to.'\n : 'No search results found.'}\n \n )}\n\n {agentItemList.length > 0 &&
\n \n );\n};\n\nexport default InternalTransfer;\n","import * as j from '@mojotech/json-type-validation';\n\nexport const PaymentDetailsDecoder: j.Decoder- {agentItemList}
\n \n \n {deobfuscatedValue || token}\n \n\n {!deobfuscatedValue && (\n \n {!loading && \n )}\n\n {deobfuscatedValue && (\n \n \n )}\n \n\n {error && (\n \n {error}\n \n )}\n
\n );\n};\n\nexport default BNZDeobfuscateValue;\n","import * as j from '@mojotech/json-type-validation';\n\nexport const DeobfuscationResponseDecoder: j.Decoder\n \n \n {deobfuscatedValue || token}\n \n\n {!deobfuscatedValue && (\n \n {!loading && \n )}\n\n {deobfuscatedValue && (\n \n \n )}\n \n\n {error && (\n \n {error}\n \n )}\n
\n );\n};\n\nexport default DeobfuscateValue;\n","import * as j from '@mojotech/json-type-validation';\n\nexport enum SentimentType {\n Positive = 'POSITIVE',\n Neutral = 'NEUTRAL',\n Negative = 'NEGATIVE',\n Mixed = 'MIXED',\n}\n\nexport enum ParticipantRoleType {\n System = 'SYSTEM',\n Customer = 'CUSTOMER',\n Agent = 'AGENT',\n}\n\nexport interface TranscriptRecord {\n id: string;\n content: string;\n sentiment: SentimentType;\n participantId: string;\n participantRole: ParticipantRoleType;\n beginOffsetMillis: number;\n endOffsetMillis: number;\n}\n\nexport interface Rule {\n category: string;\n phrases: string[];\n bgColor: string;\n textColor: string;\n content: string;\n}\n\nconst RealtimeTranscriptRecordResponseDecoder: j.Decoder\n
\n\n {isVoiceView &&