\r\n {this.props.columnsButton && (\r\n \r\n \r\n \r\n this.setState({\r\n columnsButtonAnchorEl:\r\n event.currentTarget,\r\n })\r\n }\r\n aria-label={localization.showColumnsAriaLabel}\r\n data-walkthroughid={ufViewColBtn}>\r\n \r\n \r\n this.setState({ columnsButtonAnchorEl: null })\r\n }>\r\n \r\n {localization.addRemoveColumns}\r\n \r\n {this.props.columns.map((col) => {\r\n if (!col.hidden || col.hiddenByColumnsButton) {\r\n return (\r\n \r\n \r\n \r\n this.props.onColumnsChanged(\r\n col,\r\n !col.hidden,\r\n )\r\n }\r\n />\r\n {col.title}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n \r\n \r\n )}\r\n {this.props.exportButton && (\r\n \r\n \r\n \r\n this.setState({\r\n exportButtonAnchorEl:\r\n event.currentTarget,\r\n })\r\n }\r\n aria-label={localization.exportAriaLabel}\r\n data-walkthroughid={toolbarActions.ufExportBtn}>\r\n \r\n \r\n this.setState({ exportButtonAnchorEl: null })\r\n }>\r\n {(this.props.exportButton === true ||\r\n this.props.exportButton.csv) && (\r\n \r\n {localization.exportCSVName}\r\n \r\n )}\r\n {(this.props.exportButton === true ||\r\n this.props.exportButton.pdf) && (\r\n \r\n {localization.exportPDFName}\r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n a.position === 'toolbar',\r\n )\r\n }\r\n components={this.props.components}\r\n />\r\n \r\n
\r\n );\r\n }\r\n\r\n renderSelectedActions() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderToolbarTitle(title) {\r\n const { classes } = this.props;\r\n const toolBarTitle =\r\n typeof title === 'string' ? (\r\n \r\n {this.props.selectedRows &&\r\n this.props.selectedRows.length > 0\r\n ? this.renderSelectedActions()\r\n : this.renderDefaultActions()}\r\n
\r\n {toolBarTitle}
;\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n const localization = {\r\n ...MTableToolbar.defaultProps.localization,\r\n ...this.props.localization,\r\n };\r\n const title =\r\n this.props.showTextRowsSelected &&\r\n this.props.selectedRows &&\r\n this.props.selectedRows.length > 0\r\n ? typeof localization.nRowsSelected === 'function'\r\n ? localization.nRowsSelected(this.props.selectedRows.length)\r\n : localization.nRowsSelected.replace(\r\n '{0}',\r\n this.props.selectedRows.length,\r\n )\r\n : this.props.showTitle\r\n ? this.props.title\r\n : null;\r\n return (\r\n <>\r\n \r\n {this.state.errorInfo.componentStack}\r\n
\r\n )}\r\n \r\n )}\r\n\r\n {' '}\r\n {progressBar}{' '}\r\n
\r\n ) : (\r\n <> \r\n )}\r\n {titleProps && (\r\n \r\n {titleProps}{' '}\r\n
\r\n )}\r\n\r\n {add && (\r\n \r\n
\r\n {content}
\r\n This company is not on trial
\r\n\r\n Delete\r\n
\r\n\r\n By deleting a company they will stop\r\n syncing, invoices will change to\r\n finalizing and no further billing\r\n will occur\r\n
\r\n\r\n Trial on Hold \r\n
\r\n\r\n Disables Inbound &\r\n Outbound Calls\r\n
{' '}\r\n{' '}\r\n STOP! This begins de-provisioning\r\n process for this company\r\n \r\n
\r\n {\r\n setView('Operator Connect');\r\n addProvisionedServiceHandler();\r\n }}\r\n description=\"Authorize your Microsoft Teams tenancy to connect using Operator Connect API endpoints. This is only available to approved partners\"\r\n title={'Operator Connect'}\r\n image={{\r\n alt: 'Basic template image',\r\n image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Microsoft_Office_Teams_%282018%E2%80%93present%29.svg/800px-Microsoft_Office_Teams_%282018%E2%80%93present%29.svg.png',\r\n title: 'Basic',\r\n style: {\r\n maxWidth: 175,\r\n width: '100%',\r\n padding: 10,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n display: 'block',\r\n },\r\n }}\r\n divStyle={{padding: 25}}\r\n />\r\n
\r\n )}\r\n \r\n {\r\n setView('APP_AUTH');\r\n }}\r\n APP_AUTH\r\n title={'Direct Routing'}\r\n description=\"Authorize TCAP access to your Microsoft 365 tenancy. Requires a global administrator account to authorize the application.\"\r\n image={{\r\n alt: 'Basic template image',\r\n image: Microsoft,\r\n title: 'Basic',\r\n style: {\r\n width: '100%',\r\n padding: 10,\r\n paddingTop: 80,\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import { useSelector, useDispatch } from 'react-redux';\r\nimport {\r\n Modal,\r\n ModalOverlay,\r\n ModalContent,\r\n ModalHeader,\r\n ModalFooter,\r\n ModalBody,\r\n} from '@/components/v4';\r\nimport {\r\n ChakraProvider,\r\n Box,\r\n useDisclosure,\r\n Spinner,\r\n // Button as ChakraButton,\r\n forwardRef,\r\n} from '@chakra-ui/react';\r\n\r\nimport { Button as ChakraButton } from 'components/v4';\r\n\r\nimport Error from '../maintenance/Error';\r\nimport walkthroughIds from './walkthroughIds';\r\nimport chakratheme from '@/chakratheme';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nexport const CANNOT_DELETE_MODE = 'Can not Delete';\r\nexport const LOADING_DELETE_MODE = 'Verifying for Deleting';\r\n\r\nconst Button = forwardRef((props, ref) => (\r\n This will:
\n
- \n
- Set the current invoice to 'ready to post' \n
- Remove and de-provision trial numbers \n
- \n Charge setup fees based on the currently\n assigned plan\n \n
- \n {modalState?.issues?.active?.message ? (\n
- \n
- \n
- \n
- \n {modalState?.issues?.users?.response.map(\n listItemContent,\n )}\n
\n ) : (\n - \n
- \n
- \n {modalState?.issues?.resourceAccounts?.response.map(\n listItemContent,\n )}\n
\n ) : (\n - \n
- \n
- \n {modalState?.issues?.numberBlocks?.response.map(\n listItemContent,\n )}\n
\n ) : (\n - \n
\n {\n return status === 2 || status === 20;\n },\n )}\n onChange={(v) => {\n dispatch({\n type: 'OPEN_SCRIPT',\n payload: { id: v },\n });\n }}\n onDisplayDropdown={(value) => {\n if (typeof value === 'string') {\n const { name, status } =\n tableState?.data?.find(\n (v) => v.id === value,\n );\n return (\n name +\n ' - ' +\n config.companies.statusNavbarJSON[\n status\n ]\n );\n }\n const { name, status } = value;\n return (\n name +\n ' - ' +\n config.companies.statusNavbarJSON[status]\n );\n }}\n noEmptyOption\n fieldValue={script.rowData?.id}\n />\n
\n \n \n \n );\n }\n\n // default return table with companies in it\n return (\n <>\n
- \r\n {modalState?.issues?.numberBlocks?.message ? (\r\n
- \r\n
- \r\n {modalState?.issues?.numberBlocks?.response.map(\r\n (v) => (\r\n
\r\n {`+${v.first} to +${v.last}`}\r\n \r\n ),\r\n )}\r\n \r\n ) : (\r\n - \r\n
- \r\n
- \r\n {modalState?.issues?.sub?.response.map((v) => (\r\n
\r\n {v.name}\r\n \r\n ))}\r\n \r\n ) : (\r\n - \r\n
\r\n {\r\n return status === 2 || status === 20;\r\n },\r\n )}\r\n onChange={(v) => {\r\n dispatch({\r\n type: 'OPEN_SCRIPT',\r\n payload: { id: v },\r\n });\r\n }}\r\n searchable\r\n onDisplayDropdown={(value) => {\r\n if (typeof value === 'string') {\r\n const { name, status } =\r\n tableState?.data?.find(\r\n (v) => v.id === value,\r\n );\r\n return (\r\n name +\r\n ' - ' +\r\n config.companies.statusNavbarJSON[\r\n status\r\n ]\r\n );\r\n }\r\n const { name, status } = value;\r\n return (\r\n name +\r\n ' - ' +\r\n config.companies.statusNavbarJSON[status]\r\n );\r\n }}\r\n noEmptyOption\r\n fieldValue={script.rowData?.id}\r\n />\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n // move thise outside of renderModalContent, so we can isolate the branding component from the\r\n // rest of the modal stuff\r\n if (modalMode === 'Change Logo') {\r\n return (\r\n
\r\n {!modalState?.newImage\r\n ? 'Choose Image'\r\n : modalState?.newImage?.name}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Buttons;\r\n","import React, {useState, useEffect} from 'react';\r\nimport {Stage, Layer} from 'react-konva';\r\nimport {useRef} from 'react';\r\n\r\nimport Picture from './Picture';\r\nimport Button from './Button';\r\n\r\n/*\r\n * Picture Viewer component using react-konva\r\n */\r\nconst PictureViewer = ({\r\n imageURL = 'https://teamsdev.pingco.com.au/images/uploads/0%20-%20Basic%20with%20queue@2x.png',\r\n}) => {\r\n const [scale, setScale] = useState(100);\r\n const stageRef = useRef(null);\r\n\r\n const size = {\r\n width: window.innerWidth - 318,\r\n height: window.innerHeight * 0.5,\r\n };\r\n\r\n const initialImageScale = 0.4;\r\n const buttonStep = 0.9; //(must be between 0 to 1)\r\n const wheelStep = 0.9; //the bigger it is, the slower you zoom\r\n\r\n let stageWidth = size.width % 2 !== 0 ? size.width - 1 : size.width;\r\n let stageHeight = size.height % 2 !== 0 ? size.height - 1 : size.height;\r\n\r\n function zoomStage(event, scaleBy) {\r\n event.evt.preventDefault();\r\n if (stageRef.current !== null) {\r\n const stage = stageRef.current;\r\n const oldScale = stage.scaleX();\r\n const {x: pointerX, y: pointerY} = stage.getPointerPosition();\r\n const mousePointTo = {\r\n x: (pointerX - stage.x()) / oldScale,\r\n y: (pointerY - stage.y()) / oldScale,\r\n };\r\n const newScale =\r\n event.evt.deltaY > 0 ? oldScale * scaleBy : oldScale / scaleBy;\r\n stage.scale({x: newScale, y: newScale});\r\n const newPos = {\r\n x: pointerX - mousePointTo.x * newScale,\r\n y: pointerY - mousePointTo.y * newScale,\r\n };\r\n stage.position(newPos);\r\n stage.batchDraw();\r\n setScale(Math.round(newScale * 100));\r\n }\r\n }\r\n\r\n function zoom(event, scaleBy) {\r\n event.preventDefault();\r\n if (stageRef.current !== null) {\r\n const stage = stageRef.current;\r\n const oldScale = stage.scaleX();\r\n var center = {\r\n x: stage.width() / 2,\r\n y: stage.height() / 2,\r\n };\r\n\r\n var relatedTo = {\r\n x: (center.x - stage.x()) / oldScale,\r\n y: (center.y - stage.y()) / oldScale,\r\n };\r\n\r\n const newScale =\r\n event.deltaY > 0 ? oldScale * scaleBy : oldScale / scaleBy;\r\n stage.scale({x: newScale, y: newScale});\r\n const newPos = {\r\n x: center.x - relatedTo.x * newScale,\r\n y: center.y - relatedTo.y * newScale,\r\n };\r\n stage.position(newPos);\r\n stage.batchDraw();\r\n setScale(Math.round((newScale ?? 1) * 100));\r\n }\r\n }\r\n\r\n function reset(event) {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n\r\n if (stageRef.current !== null) {\r\n const stage = stageRef.current;\r\n\r\n stage.scale({x: 1, y: 1});\r\n const newPos = {\r\n x: 0,\r\n y: 0,\r\n };\r\n stage.position(newPos);\r\n stage.batchDraw();\r\n setScale(100);\r\n }\r\n }\r\n\r\n const onAdd = (event) => {\r\n zoom(event, buttonStep);\r\n };\r\n\r\n const onSubtract = (event) => {\r\n zoom(event, 1 / buttonStep);\r\n };\r\n const onReset = (event) => {\r\n reset(event);\r\n };\r\n\r\n const onWheel = (event) => {\r\n zoomStage(event, wheelStep);\r\n };\r\n\r\n useEffect(() => {\r\n onReset();\r\n }, [imageURL]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PictureViewer;\r\n","export default \"__VITE_ASSET__33c7bb8e__\"","export default \"__VITE_ASSET__d56ef3b2__\"","export default \"__VITE_ASSET__49da5f22__\"","export default \"__VITE_ASSET__9d2fcbf1__\"","export default \"__VITE_ASSET__4c95bb8e__\"","export default \"__VITE_ASSET__e456d9df__\"","export default \"__VITE_ASSET__3dfbb272__\"","export default \"__VITE_ASSET__32b7b697__\"","export default \"__VITE_ASSET__f66222e0__\"","export default \"__VITE_ASSET__c92056da__\"","export default \"__VITE_ASSET__fc701333__\"","export default \"__VITE_ASSET__d040add6__\"","export default \"__VITE_ASSET__6968c14c__\"","export default \"__VITE_ASSET__ea7fd91f__\"","export default \"__VITE_ASSET__9ce13dca__\"","export default \"__VITE_ASSET__33e9b11c__\"","export default \"__VITE_ASSET__ed8fe0d4__\"","export default \"__VITE_ASSET__cda1b0d7__\"","export default \"__VITE_ASSET__fdfd8170__\"","export default \"__VITE_ASSET__e4dc9c65__\"","export default \"__VITE_ASSET__416fc82b__\"","export default \"__VITE_ASSET__49d657bc__\"","export default \"__VITE_ASSET__a3d7e7d8__\"","export default \"__VITE_ASSET__e97b62b2__\"","export default \"__VITE_ASSET__684d9b7d__\"","export default \"__VITE_ASSET__f2e05e5b__\"","import React from 'react';\r\nimport {\r\n Start,\r\n RegisterMainCQ,\r\n RegisterAHCQ,\r\n RegisterMainAA,\r\n CheckLicense,\r\n ActiveUsers,\r\n AssignLicense,\r\n AssignNumbers,\r\n CheckNumbers,\r\n NavigateMainCQ,\r\n MainCQAgentAlert,\r\n MainCQCallTimeout,\r\n MainCQCallGroup,\r\n MAHCQName,\r\n MAHCQAddAcc,\r\n MAHCQCallGroup,\r\n MAHCQCallTimeout,\r\n NavigateAA,\r\n AAGeneral,\r\n AACF,\r\n AABH,\r\n AAAH,\r\n AARA,\r\n AASubmit,\r\n MainCQ,\r\n MainCQAdd,\r\n} from '../../../../assets/images/Instructions_AA_CQ/index';\r\n\r\n// Guide to setting up a Auto Attendant and Call Queue\r\nexport default function AutoAttendantGuide() {\r\n return (\r\n <>\r\n 1. Add Auto Attendant and Call Queue Accounts
\r\n- \r\n
- \r\n Navigate to admin.teams.microsoft.com > Org-wide Settings\r\n > Resource accounts > Add
\r\n\r\n
\r\n - \r\n Add 3 accounts : Main CQ (Call Queue), Main After Hours CQ,\r\n and Main AA (Auto Attendant) with their respective email and\r\n type.
\r\n \r\n
2. Set Auto Attendant License & Number
\r\n- \r\n
- \r\n Navigate to Billing > Licenses . Make sure you have the\r\n license highlighted below:
\r\n \r\n - \r\n Navigate to Users > Active Users . Click your\r\n Main AA Account.
When the pop-up window pops\r\n up, switch to Licenses and Apps tab, activate the\r\n \r\n Microsoft 365 Phone System - Virtual User for students\r\n \r\n license, then click Save changes .
\r\n \r\n - \r\n On the TCAP Portal, assign a number to your Main AA\r\n Account.
\r\n \r\n - \r\n Then, on Microsoft portal (Org-wide Settings > Resource\r\n accounts), make sure that the number has been assigned to\r\n your your Main AA Account.
\r\n \r\n
3. Set Main Call Queue (Main CQ)
\r\n- \r\n
- \r\n Navigate to Voice > Call queues > Add
\r\n \r\n - \r\n Set Name: 'Main CQ' . Then, click on 'Add accounts'. Add\r\n your Main CQ resource accounts.\r\n
- \r\n Under Call answering section:\r\n
- \r\n
- \r\n Click on Add groups , then add your desired\r\n group for Main CQ.
\r\n \r\n - \r\n Set Agent alert time to 15 seconds.\r\n
\r\n \r\n
\r\n - \r\n Click on Add groups , then add your desired\r\n group for Main CQ.
- \r\n Under Call overflow handling section, set\r\n Maximum calls in the queue to 50 .
\r\n Under Call time out handling section, set\r\n Maximum wait time to 20 minutes .
\r\n Then, click Save .
\r\n \r\n
4. Set Main After Hours Call Queue (Main After Hours CQ)
\r\n- \r\n
- \r\n Navigate to Voice > Call queues > Add
\r\n \r\n - \r\n Set Name: 'Main After Hours CQ' . Then, click on 'Add\r\n accounts'. Add your Main After Hours CQ resource accounts.\r\n
- \r\n Under Call answering section:\r\n
- \r\n
- \r\n Click on Add groups , then add your desired\r\n group for Main After Hours CQ.
\r\n \r\n
\r\n - \r\n Click on Add groups , then add your desired\r\n group for Main After Hours CQ.
- \r\n Under Call overflow handling section, set\r\n Maximum calls in the queue to 50 .
\r\n Under Call time out handling section, set\r\n Maximum wait time to 20 minutes .
\r\n Then, click Save .
\r\n \r\n
5. Adjust Auto Attendant Settings
\r\n- \r\n
- \r\n Navigate to Voice > Auto attendants > Add
\r\n \r\n - \r\n Under General info section,\r\n
- \r\n
- Set Name : 'Main AA' \r\n
- Set appropriate Time zone and language, \r\n
\r\n \r\n\r\n - \r\n Under Call flow section,\r\n
- \r\n
- \r\n Select Redirect call,\r\n \r\n
- \r\n Redirect to your Main CQ account\r\n \r\n
\r\n\r\n
\r\n - \r\n Set your operational business hours\r\n
\r\n\r\n
\r\n\r\n - \r\n Under Set up after hours call flow section,\r\n
- \r\n
- Set your greeting message \r\n
- \r\n Redirect to your Main After Hours CQ \r\n account\r\n \r\n
\r\n\r\n
\r\n - \r\n Under Resource acounts section,\r\n
- \r\n
- \r\n Click on Add Accounts \r\n \r\n
- Add your main AA account. \r\n
\r\n\r\n
\r\n - \r\n Click Submit
\r\n \r\n
\r\n Assigning your Microsoft Teams Resource Account with “Microsoft\r\n 365 Phone System – Virtual User” license{' '}\r\n
\r\n\r\n Note: Only the resource account that has an inbound number\r\n associated requires this license attached. This license is also\r\n free ($0.00) and can be obtained from your current Microsoft CSP\r\n provider or from directly from your M365 tenancy.\r\n
\r\n\r\n1. License Purchase
\r\n\r\n To purchase the license directly from your Microsoft 365\r\n tenancy, first login to your Microsoft 365 admin centre via\r\n https://admin.microsoft.com\r\n
\r\n- \r\n
- \r\n Navigate to Billing > Licenses > Microsoft 365 Phone\r\n system - virtual user
\r\n \r\n - \r\n Select the amount of users you wish to purchase and your\r\n payment method
\r\n \r\n
2. Resource Accounts
\r\n- \r\n
- \r\n {' '}\r\n Log into the Microsoft Teams admin portal > Find the\r\n 'Resource Accounts' tab > Take not of the 'Username' of\r\n this account\r\n
\r\n \r\n
3. Virtual User Assignment
\r\n- \r\n
- \r\n Log back into the Microsoft 365 Admin portal > Find the\r\n resource account noted in the previous step > Assign the\r\n free 'Microsoft 365 Phone System - Virtual User' and save\r\n the changes.\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {issueHeader}
\r\n{issueBody}
\r\n\r\n
\r\n {issueCode}\r\n \r\n \r\n \r\n
\r\n
{aacqHeader}
\r\n\r\n
\r\n
{raHeader}
\r\n\r\n
\r\n Password Expiration Policy\r\n
\r\n {isLoading ? (\r\n\r\n Single Sign-On (SSO) Settings\r\n
\r\n {isLoading ? (\r\n\r\n {tabIndex == 2\r\n ? config.apiUsers.tableTitle\r\n : config.adminUsers.tableTitle}\r\n
\r\n\r\n\r\n {restError && (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Item;\r\n","import { useState, useEffect, useRef } from 'react';\r\nimport EditRoundedIcon from '@material-ui/icons/EditRounded';\r\nimport VisibilityRoundedIcon from '@material-ui/icons/VisibilityRounded';\r\nimport { Alert } from '@material-ui/lab';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { TextField, Checkbox, FormControlLabel } from '@material-ui/core';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport {\r\n MultiChild,\r\n LoadingFieldDropdown,\r\n DeleteBox,\r\n ModalCopy,\r\n} from '../../../components';\r\nimport Item from './Item';\r\nimport config from '../../../config.json';\r\nimport { addSpacing } from '../../../utils/utils';\r\nimport { axios } from '../../../services/axios';\r\n\r\nimport walkthroughIds from './walkthroughIds';\r\n\r\n/*\r\n * Component for rendering the base table for the 'Permissions' Tab from the sidebar\r\n */\r\nconst Permissions = () => {\r\n const dispatch = useDispatch();\r\n const tableRef = useRef();\r\n const [disabled, setDisabled] = useState(false);\r\n const [companies, setCompanies] = useState([]);\r\n\r\n // modal state access\r\n const {\r\n data: modalData,\r\n state: modalState,\r\n mode: modalMode,\r\n stateError: modalStateError,\r\n } = useSelector((state) => {\r\n return {\r\n ...state.modal,\r\n };\r\n });\r\n\r\n // table state access\r\n const { parent } = useSelector((state) => {\r\n return {\r\n ...state.table,\r\n };\r\n });\r\n\r\n // nav list access from state\r\n const { currentCompany, currentPartner, currentWholesaler } = useSelector(\r\n (state) => {\r\n return { ...state.navigationLists };\r\n },\r\n );\r\n\r\n // scope access from state\r\n const { requiredScope, currentScope } = useSelector((state) => {\r\n return { ...state.login };\r\n });\r\n\r\n // default columns for the table\r\n const defaultColumns = [\r\n {\r\n title: 'Company',\r\n field: 'companyName',\r\n },\r\n {\r\n title: 'Permission Set',\r\n field: 'name',\r\n },\r\n {\r\n title: 'Required Scope',\r\n field: 'requiredScopeName',\r\n },\r\n {\r\n title: 'Read Only Permissions',\r\n field: 'readOnly',\r\n hiddenByColumnsButton: true,\r\n hidden: true,\r\n type: 'boolean',\r\n },\r\n {\r\n title: 'Opt Out of New Permissions',\r\n field: 'optOutOfNew',\r\n hiddenByColumnsButton: true,\r\n hidden: true,\r\n type: 'boolean',\r\n },\r\n ];\r\n\r\n const { ...ufPermissionPage } = walkthroughIds.permissions;\r\n\r\n // fetch endpoint function\r\n const tableFetch = () => {\r\n switch (currentScope) {\r\n case 80:\r\n return '/permissionsets/80';\r\n case 60:\r\n return '/permissionsets/60/' + currentCompany;\r\n case 40:\r\n return '/permissionsets/40/' + currentCompany;\r\n default:\r\n return '/permissionsets/20/' + currentCompany;\r\n }\r\n };\r\n\r\n const companyChangeHandler = (v) => {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n companyID: v,\r\n },\r\n });\r\n };\r\n\r\n const permissionChangeHandler = (e) => {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n name: e.target.value,\r\n },\r\n });\r\n };\r\n\r\n const optOutOfNewChangeHandler = (e) => {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n optOutOfNew: e.target.checked,\r\n },\r\n });\r\n };\r\n const readOnlyChangeHandler = (e) => {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n readOnly: e.target.checked,\r\n },\r\n });\r\n };\r\n\r\n // opens a delete modal and resets the multichild\r\n const deleteOnClick = () => {\r\n dispatch({\r\n type: 'RESET_TABLE_MULTICHILD',\r\n payload: 'all',\r\n });\r\n dispatch({\r\n type: 'OPEN_MODAL',\r\n payload: {\r\n mode: 'Delete',\r\n data: modalData,\r\n state: modalState,\r\n loading: false,\r\n uploading: false,\r\n },\r\n });\r\n };\r\n\r\n // function to render the modal content based on what mode is selected\r\n const modalContent = () => {\r\n switch (modalMode) {\r\n case 'Copy':\r\n return (\r\n \r\n {Object.entries(modalState)\r\n .sort((left, right) => left[0].localeCompare(right[0]))\r\n .map(([permissionName, value]) => (\r\n \r\n \r\n \r\n \r\n {permissionName}\r\n \r\n \r\n {expanded[permissionName] &&\r\n [\r\n 'Create',\r\n 'Read',\r\n 'Update',\r\n 'Delete',\r\n ].map((mode) => (\r\n \r\n {mode} \r\n \r\n ))}\r\n \r\n \r\n {[20, 40, 60, 80]\r\n .filter((scopeNumber) => value[scopeNumber])\r\n .map((scopeNumber) => (\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n config.scope.json[\r\n scopeNumber\r\n ]\r\n }\r\n \r\n {[\r\n 'create',\r\n 'read',\r\n 'update',\r\n 'delete',\r\n ].map((mode) => (\r\n \r\n {\r\n handleOnChange({\r\n e,\r\n mode,\r\n scopeNumber,\r\n permissionName,\r\n });\r\n }}\r\n data-walkthroughid={`/permissions/permissionsTab/${permissionName}/${mode}`}\r\n />\r\n \r\n ))}\r\n \r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n Before deleting, please ensure that this Permission Set\r\n is not in use.\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n {error ? null : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n \r\n {issueHeader}\r\n \r\n \r\n {issueBody}\r\n \r\n \r\n \r\n \r\n \r\n {clickHereText}\r\n \r\n {issueLinkText}\r\n \r\n
\r\n\r\n {aacqHeader}\r\n \r\n \r\n \r\n {clickHereText}\r\n \r\n {viewFullGuideText}\r\n \r\n
\r\n\r\n {raHeader}\r\n \r\n \r\n \r\n {clickHereText}\r\n \r\n {viewFullGuideText}\r\n \r\n
\r\n \r\n {issueCode}\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n}\r\n","export const NotAllocated = 'Not Allocated';\r\nexport const NOT_ALLOCATED = '- Not Allocated -';\r\nexport const MS_DIRECT_ROUTING = 'MS Direct Routing';\r\nexport const resourceAccEPoint = '/ResourceAccount';\r\nexport const userAccEPoint = '/User';\r\n\r\nexport const raTabList = ['General', 'Custom', 'Admin'];\r\nexport const userTabList = ['General', 'Custom', 'Services'];\r\nexport const managedByOptions = [\r\n { value: 0, label: 'TCAP' },\r\n { value: 1, label: 'Other' },\r\n];\r\nexport const PlanMode = {\r\n WRITABLE: 'WRITABLE',\r\n HIDDEN: 'HIDDEN',\r\n READ_ONLY: 'READ_ONLY',\r\n};\r\nexport const ACTIONS = {\r\n CHANGE_DIAL_PLAN_ID: 'CHANGE_DIAL_PLAN_ID',\r\n CHANGE_VOICE_POLICY_ID: 'CHANGE_VOICE_POLICY_ID',\r\n CHANGE_NUMBER_ID: 'CHANGE_NUMBER_ID',\r\n CHANGE_MANAGED_BY: 'CHANGE_MANAGED_BY',\r\n CHANGE_USER_PLAN_MODE: 'CHANGE_USER_PLAN_MODE',\r\n CHANGE_CUSTOM_ATTRIBUTE: 'CHANGE_CUSTOM_ATTRIBUTE',\r\n SET_DR_DIAL_PLANS: 'SET_DR_DIAL_PLANS',\r\n SET_DR_VOICE_POLICIES: 'SET_DR_VOICE_POLICIES',\r\n SET_NUMBER: 'SET_NUMBER',\r\n SET_NUMBER_LIST: 'SET_NUMBER_LIST',\r\n SET_USER_PLAN_MODE: 'SET_USER_PLAN_MODE',\r\n SUBMIT_FORM: 'SUBMIT_FORM',\r\n SUBMIT_FORM_SUCCESS: 'SUBMIT_FORM_SUCCESS',\r\n SUBMIT_FORM_FAILURE: 'SUBMIT_FORM_FAILURE',\r\n RESET_FORM_STATUS: 'RESET_FORM_STATUS',\r\n VALIDATE_VOICE_POLICY: 'VALIDATE_VOICE_POLICY',\r\n VALIDATE_DIAL_PLAN: 'VALIDATE_DIAL_PLAN',\r\n INIT: 'INIT',\r\n};\r\n\r\nexport const alphabetFilterField = 'displayName';\r\nexport const initialStates = {\r\n name: '',\r\n displayName: '',\r\n timezone: '',\r\n language: '',\r\n template: '',\r\n};\r\n\r\nexport const muiSelectStyles = {\r\n '.select-change .MuiSelect-root': {\r\n backgroundColor: 'transparent',\r\n '&:focus': {\r\n backgroundColor: 'transparent',\r\n },\r\n },\r\n};\r\n","import { useDispatch, useSelector } from 'react-redux';\r\nimport { Select, MenuItem } from '@material-ui/core';\r\nimport { FormControl } from '@chakra-ui/react';\r\nimport { SortByAlphaRounded as SortByAlphaRoundedIcon } from '@material-ui/icons';\r\n\r\nimport tableWalkthroughIds from '@/components/tables/walkthroughIds';\r\nimport { muiSelectStyles } from '../constants';\r\n\r\nconst AlphabetSelect = ({ alphabet, alphabetOpen, alphabetFilter }) => {\r\n const dispatch = useDispatch();\r\n const { index: alphabetIndex } = useSelector((state) => state.table);\r\n return (\r\n \r\n {/* TODO: add resource account csv when feature finishes */}\r\n \r\n CSV Update\r\n \r\n {syncButtonCondition && (\r\n
\r\n \r\n
\r\n )}\r\n {isReAccountsPath && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n ?\r\n \r\n
\r\n \r\n {additionalText}\r\n
\r\n {displayIcon &&\r\n type !== 'boolean' &&\r\n type !== 'loading' &&\r\n !lookup &&\r\n rowData &&\r\n (Number(renderValue) || //might wanna change to checking types instead.\r\n renderValue?.length > 0) && (\r\n \r\n Resource Accounts\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nfunction LoadingScreenLogo() {\r\n return (\r\n \r\n {[\r\n 'Teams Calling Automation Platform',\r\n 'Fetching data...',\r\n 'Updating statuses...',\r\n 'Preparing data...',\r\n ].map((phrase, index) => (\r\n \r\n {phrase}\r\n
\r\n ))}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction LoadingScreenWrapper({ children }) {\r\n return (\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default LoadingScreen;\r\n","import { axios } from '@/services/axios';\r\nimport {\r\n ACTIONS,\r\n userAccEPoint,\r\n} from '@/pages/accounts/resourceAccounts/constants';\r\n\r\nexport function updateForNoneTcap(endpoint, data, userData, state, dispatch) {\r\n // change from managedBy other to managedBy tcap\r\n if (userData.managedBy !== 0 && state.managedBy === 0) {\r\n return Promise.all([\r\n axios.put(`${endpoint}/`, {\r\n ...data,\r\n }),\r\n axios.put(`${endpoint}/${userData.id}/Attributes`, {\r\n ...data,\r\n }),\r\n ])\r\n .then(\r\n (_res) => {\r\n dispatch({ type: ACTIONS.SUBMIT_FORM_SUCCESS });\r\n },\r\n (rej) => {\r\n console.error(rej);\r\n dispatch({\r\n type: ACTIONS.SUBMIT_FORM_FAILURE,\r\n message:\r\n rej?.response?.data.message ||\r\n 'There was an error when updating, please try again later.',\r\n });\r\n },\r\n )\r\n .finally(() => dispatch({ type: ACTIONS.RESET_FORM_STATUS }));\r\n }\r\n return axios\r\n .put(`${userAccEPoint}/${userData.id}/Attributes`, {\r\n ...data,\r\n })\r\n .then(() => dispatch({ type: ACTIONS.SUBMIT_FORM_SUCCESS }));\r\n}\r\n","/* eslint-disable no-unused-vars */\r\nimport { useState, useEffect, useReducer } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { useParams, useNavigate, useLocation } from 'react-router-dom';\r\nimport { useQuery } from '@tanstack/react-query';\r\nimport {\r\n Heading,\r\n Box,\r\n Stack,\r\n Tabs,\r\n TabList,\r\n TabPanels,\r\n Tab,\r\n TabPanel,\r\n} from '@chakra-ui/react';\r\n\r\n// API\r\nimport { getResourceAcc } from '@/API/ResourceAccount/getResourceAcc';\r\nimport { getAssignedPlans } from '@/API/Company/getAssignedPlans';\r\nimport { getNumber } from '@/API/Number/getNumber';\r\nimport getService from '@/API/Service/getService';\r\n\r\nimport { axios } from '@/services/axios';\r\nimport {\r\n reducerFn,\r\n reducerValidationFn,\r\n} from '@/pages/accounts/resourceAccounts/edit/resourceAccReducer';\r\n\r\nimport CustomAttributes from 'components/v4/CustomAttributes/Index';\r\nimport { Button } from 'components/v4/';\r\nimport { ErrorPage } from 'components/index';\r\nimport { UpdateUserToast } from './UpdateUserToast';\r\nimport General from './General';\r\nimport { LoadingSpinnerWithMessage } from '@/lib/loading-screen';\r\n\r\nimport {\r\n MS_DIRECT_ROUTING,\r\n resourceAccEPoint,\r\n PlanMode,\r\n ACTIONS,\r\n raTabList,\r\n} from '@/pages/accounts/resourceAccounts/constants';\r\nimport {\r\n chakraSelectDarkMode,\r\n customTabStyles,\r\n defaultChakraSelectStyle,\r\n selectedTabStyles,\r\n} from '@/constants';\r\nimport AdminRA from 'pages/accounts/users/edit/AdminRA';\r\nimport { updateForNoneTcap } from 'pages/accounts/users/new/index';\r\n\r\nimport walkthroughIds from '@/pages/accounts/users/walkthroughIds';\r\nimport config from '@/config.json';\r\n\r\nexport default function ResourceAccEdit() {\r\n const navigate = useNavigate();\r\n const { id } = useParams();\r\n const location = useLocation();\r\n const { rowData } = location?.state || {};\r\n const isEnable = rowData?.isLicensed;\r\n const [tabIndex, setTabIndex] = useState(0);\r\n\r\n const [state, dispatch] = useReducer(reducerFn, {\r\n number: null,\r\n });\r\n const [validation, setValidation] = useReducer(reducerValidationFn, {\r\n voicePolicyError: null,\r\n });\r\n // NOTE: pass this state to v4 custom attributes tab\r\n const [attributes, setAttributes] = useState({\r\n attribute1: '',\r\n attribute2: '',\r\n attribute3: '',\r\n });\r\n const isAttributeError = Object.entries(attributes).some(\r\n (att) => att[1]?.length > 100,\r\n );\r\n const [numberList, setNumberList] = useState([]);\r\n const [assignedTrunkType, setAssignedTrunkType] = useState(null);\r\n\r\n const { requiredScope } = useSelector((state) => state.login);\r\n const { currentCompany, currentCompanyData: companyData } = useSelector(\r\n (state) => state.navigationLists,\r\n );\r\n const { darkMode } = useSelector((state) => state.settings);\r\n const chakraSelectDark = chakraSelectDarkMode(darkMode);\r\n\r\n const chakraStyles = {\r\n ...defaultChakraSelectStyle,\r\n ...chakraSelectDark,\r\n };\r\n const enabledPlanMode =\r\n companyData?.companyBillingSettings?.perUserPlan === 1;\r\n const partnerOnlyPlanMode =\r\n companyData?.companyBillingSettings?.perUserPlan === 2 &&\r\n requiredScope > 20;\r\n const disabledPlanMode =\r\n companyData?.companyBillingSettings?.perUserPlan === 0 ||\r\n (companyData?.companyBillingSettings?.perUserPlan === 2 &&\r\n requiredScope === 20);\r\n const { tabs } = walkthroughIds;\r\n function handleManagedBy(v) {\r\n dispatch({\r\n type: ACTIONS.CHANGE_MANAGED_BY,\r\n managedBy: v.value,\r\n });\r\n }\r\n\r\n function handleSetNumber(number, isDrNumber) {\r\n dispatch({\r\n type: ACTIONS.SET_NUMBER,\r\n payload: {\r\n number,\r\n isDrNumber,\r\n },\r\n });\r\n }\r\n\r\n function handleChangeNumber(v, numberList) {\r\n const number = numberList.find((item) => item.id === v.id);\r\n dispatch({\r\n type: ACTIONS.CHANGE_NUMBER_ID,\r\n numberID: v.id,\r\n isDrNumber: number.trunkType === MS_DIRECT_ROUTING,\r\n });\r\n setValidation({\r\n type: ACTIONS.VALIDATE_VOICE_POLICY,\r\n voicePolicyID: state.isDrNumber ? state.voicePolicyID : null,\r\n });\r\n }\r\n\r\n function handleChangePlan(v) {\r\n dispatch({\r\n type: ACTIONS.CHANGE_USER_PLAN_MODE,\r\n planID: v.id,\r\n });\r\n }\r\n\r\n function handleSetUserPlanMode(planMode) {\r\n dispatch({\r\n type: ACTIONS.SET_USER_PLAN_MODE,\r\n userPlanMode: planMode,\r\n });\r\n }\r\n\r\n function handleChangeVoicePolicy(v) {\r\n dispatch({\r\n type: ACTIONS.CHANGE_VOICE_POLICY_ID,\r\n voicePolicyID: v.id,\r\n });\r\n setValidation({\r\n type: ACTIONS.VALIDATE_VOICE_POLICY,\r\n voicePolicyID: v.id,\r\n });\r\n }\r\n\r\n function handleChangeAttribute(e) {\r\n const { name, value } = e.target;\r\n setAttributes((prev) => ({\r\n ...prev,\r\n [name]: value,\r\n }));\r\n }\r\n\r\n function handleDrVoicePolicies(res) {\r\n dispatch({\r\n type: ACTIONS.SET_DR_VOICE_POLICIES,\r\n payload: res.data.voicePolicies,\r\n });\r\n }\r\n\r\n const {\r\n data: ReAccData,\r\n isLoading,\r\n error,\r\n isFetching: isReAccFetching,\r\n } = useQuery({\r\n queryKey: ['resourceAccount', id],\r\n queryFn: async () => {\r\n const data = await getResourceAcc(id);\r\n return data;\r\n },\r\n onSuccess: (data) => {\r\n dispatch({\r\n type: ACTIONS.INIT,\r\n payload: data,\r\n });\r\n // NOTE: need to set this as not part of reducerFn\r\n setAttributes({\r\n attribute1: data.attribute1,\r\n attribute2: data.attribute2,\r\n attribute3: data.attribute3,\r\n });\r\n\r\n if (companyData && state?.userPlanMode === undefined) {\r\n const { companyBillingSettings } = companyData;\r\n const { perUserPlan } = companyBillingSettings || {};\r\n\r\n const notHiddenPlanMode =\r\n perUserPlan === 1 ? PlanMode.WRITABLE : PlanMode.READ_ONLY;\r\n const newPlanMode =\r\n perUserPlan === 0 ? PlanMode.HIDDEN : notHiddenPlanMode;\r\n handleSetUserPlanMode(newPlanMode);\r\n }\r\n },\r\n refetchOnWindowFocus: false,\r\n enabled: !!id,\r\n staleTime: 0,\r\n });\r\n\r\n const { data: userPlans } = useQuery({\r\n queryKey: ['userPlans', currentCompany],\r\n queryFn: async () => {\r\n const data = await getAssignedPlans(currentCompany);\r\n return data;\r\n },\r\n enabled: isEnable && (enabledPlanMode || partnerOnlyPlanMode),\r\n refetchOnWindowFocus: false,\r\n });\r\n\r\n const { data: availableNumbers, isFetching } = useQuery({\r\n queryKey: ['availableNumbers', currentCompany],\r\n queryFn: async () => {\r\n const res = await axios.get(\r\n `/company/${currentCompany}/numbers/available`,\r\n );\r\n if (res.status !== 200) throw new Error(res.statusText);\r\n return res.data;\r\n },\r\n enabled:\r\n isEnable &&\r\n ((Boolean(state?.numberID) && assignedTrunkType !== null) ||\r\n (!state?.number && assignedTrunkType === null)),\r\n onSuccess: (data) => {\r\n const userNumber = {\r\n id: ReAccData?.numberID,\r\n telephoneNumber:\r\n assignedTrunkType === null || assignedTrunkType === ''\r\n ? ReAccData?.telephoneNumber\r\n : `+${ReAccData?.telephoneNumber} - ${assignedTrunkType}`,\r\n numberID: ReAccData?.numberID,\r\n trunkType: assignedTrunkType,\r\n };\r\n const allNumbers = data\r\n ?.map((number) => ({\r\n ...number,\r\n telephoneNumber: `+${number.telephoneNumber} - ${number.trunkType == '' ? 'No Trunk Assigned' : number.trunkType}`,\r\n }))\r\n .concat({\r\n id: null,\r\n telephoneNumber: config.notAllocated.dropdown,\r\n })\r\n ?.sort((a, b) =>\r\n a.telephoneNumber?.localeCompare(b.telephoneNumber),\r\n )\r\n .concat(ReAccData?.telephoneNumber ? userNumber : []);\r\n\r\n setNumberList(allNumbers);\r\n },\r\n refetchOnWindowFocus: false,\r\n staleTime: 0,\r\n });\r\n\r\n const { data: fetchedNumber } = useQuery({\r\n queryKey: ['number', state?.numberID],\r\n queryFn: async () => {\r\n const data = await getNumber(state.numberID);\r\n return data;\r\n },\r\n onSuccess: (data) => {\r\n const newNumberIsDR = data.trunkType === MS_DIRECT_ROUTING;\r\n handleSetNumber(data, newNumberIsDR);\r\n },\r\n enabled: Boolean(state?.numberID),\r\n refetchOnWindowFocus: false,\r\n staleTime: 0,\r\n });\r\n\r\n const { data: serviceData, status: serviceStatus } = useQuery({\r\n queryKey: ['service', fetchedNumber?.serviceID],\r\n queryFn: async () => {\r\n try {\r\n const res = await getService(fetchedNumber?.serviceID);\r\n\r\n return res;\r\n } catch (error) {\r\n throw new Error(`Error fetching service: ${error}`);\r\n }\r\n },\r\n onSuccess: (res) => {\r\n handleDrVoicePolicies(res);\r\n },\r\n enabled:\r\n Boolean(state?.numberID) &&\r\n Boolean(fetchedNumber?.serviceID) &&\r\n state?.isDrNumber,\r\n refetchOnWindowFocus: false,\r\n staleTime: 0,\r\n });\r\n\r\n useEffect(() => {\r\n if (state?.number && assignedTrunkType === null) {\r\n setAssignedTrunkType(state.number.trunkType);\r\n }\r\n }, [state?.number]);\r\n\r\n async function updateUserData(data) {\r\n ReAccData?.managedBy !== 0 &&\r\n updateForNoneTcap(\r\n resourceAccEPoint,\r\n data,\r\n ReAccData,\r\n state,\r\n dispatch,\r\n );\r\n return ReAccData?.managedBy !== 0\r\n ? null\r\n : await axios\r\n .put(`${resourceAccEPoint}/`, {\r\n ...data,\r\n })\r\n .then(\r\n (_res) => dispatch({ type: ACTIONS.SUBMIT_FORM_SUCCESS }),\r\n (rej) => {\r\n console.error(rej);\r\n dispatch({\r\n type: ACTIONS.SUBMIT_FORM_FAILURE,\r\n message:\r\n rej?.response?.data.message ||\r\n 'There was an error when updating, please try again later.',\r\n });\r\n },\r\n )\r\n .finally(() => dispatch({ type: ACTIONS.RESET_FORM_STATUS }));\r\n }\r\n async function onSubmit(data) {\r\n const formData = {\r\n managedBy: data.managedBy,\r\n planID: data.planID,\r\n numberID: data.numberID,\r\n voicePolicyID: data.voicePolicyID,\r\n attribute1: attributes.attribute1,\r\n attribute2: attributes.attribute2,\r\n attribute3: attributes.attribute3,\r\n };\r\n const submitData = {\r\n ...ReAccData,\r\n ...formData,\r\n };\r\n dispatch({\r\n type: ACTIONS.SUBMIT_FORM,\r\n payload: submitData,\r\n });\r\n await updateUserData(submitData);\r\n }\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n onSubmit(state);\r\n };\r\n\r\n const generalProps = {\r\n state,\r\n validation,\r\n userPlans,\r\n numberList,\r\n ReAccData,\r\n assignedTrunkType,\r\n handleChangeNumber,\r\n handleManagedBy,\r\n handleChangePlan,\r\n handleChangeVoicePolicy,\r\n serviceStatus,\r\n chakraStyles,\r\n enabledPlanMode,\r\n partnerOnlyPlanMode,\r\n disabledPlanMode,\r\n companyData,\r\n isLoading,\r\n };\r\n\r\n if (isLoading || isFetching || isReAccFetching) {\r\n return \r\n \r\n {message}\r\n
\r\n Users
\r\n| Key | \r\nValue | \r\n\r\n |
|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n {getTableState().length > 1 && (\r\n | \r\n
\r\n Are you sure you would like to delete this trigger?\r\n
\r\n\r\n option?.eventName}\r\n onDisplayDropdown={(value) => {\r\n if (typeof value === 'string') {\r\n const { eventName, triggerType, actionName } =\r\n parent?.find((v) => v.id === value);\r\n return (\r\n eventName +\r\n ' - ' +\r\n triggerType +\r\n ' - ' +\r\n actionName\r\n );\r\n }\r\n return (\r\n value?.eventName +\r\n ' - ' +\r\n value?.triggerType +\r\n ' - ' +\r\n value?.actionName\r\n );\r\n }}\r\n staticEnum={parent}\r\n searchable\r\n onChange={(v) => {\r\n dispatch({\r\n type: 'CHANGE_CHILD_TABLE',\r\n payload: { id: v },\r\n });\r\n }}\r\n noEmptyOption\r\n fieldValue={child.id}\r\n />\r\n
\r\n \r\n \r\n {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n name: e.target.value,\r\n },\r\n });\r\n }}\r\n data-walkthroughid={\r\n internationalRates.ufNameInput\r\n }\r\n />\r\n \r\n \r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n isPublic:\r\n !modalState?.isPublic,\r\n },\r\n })\r\n }\r\n data-walkthroughid={\r\n internationalRates.ufPublicCheckbox\r\n }\r\n />\r\n }\r\n label=\"Public\"\r\n />\r\n \r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n isActive:\r\n !modalState?.isActive,\r\n },\r\n })\r\n }\r\n data-walkthroughid={\r\n internationalRates.ufActiveCheckbox\r\n }\r\n />\r\n }\r\n label=\"Active\"\r\n />\r\n \r\n
\r\n {requiredScope === 80 && (\r\n \r\n {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n wholesalerID: v,\r\n partnerID: null,\r\n },\r\n });\r\n }}\r\n toggleLimit={4}\r\n fieldValue={modalState?.wholesalerID}\r\n onError={onModalError}\r\n dataWalkthroughid={\r\n internationalRates.ufWholesalerSelect\r\n }\r\n />\r\n \r\n
\r\n )}\r\n {requiredScope > 40 && modalState?.wholesalerID && (\r\n \r\n {\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n partnerID: v,\r\n },\r\n });\r\n }}\r\n dependency={modalState?.wholesalerID}\r\n hasDependency={true}\r\n onError={onModalError}\r\n fieldValue={modalState?.partnerID}\r\n dataWalkthroughid={\r\n internationalRates.ufPartnerSelect\r\n }\r\n />\r\n \r\n
\r\n )}\r\n
\r\n )\r\n }\r\n />\r\n );\r\n};\r\n\r\nexport default InternationalRatesList;\r\n","export default {\r\n invoices: {\r\n ufViewInvoiceBtn: '/invoices/button/viewInvoice',\r\n ufReloadBtn: '/invoices/button/reload',\r\n },\r\n invoiceLines: {\r\n ufInvoiceTotalInput: '/invoices/input/invoiceTotal',\r\n ufUpdateStatusBtn: '/invoices/button/updateStatus',\r\n ufAddInvoiceLineBtn: '/invoices/button/addInvoiceLine',\r\n ufRefreshIconBtn: 'table/toolbar/button/refreshBtn',\r\n ufDeleteForeverBtn: 'table/button/deleteForeverBtn',\r\n ufModalUpdateStatusBtn: 'invoices/modal/button/updateBtn',\r\n ufModalFromInput: 'invoices/modal/input/from',\r\n ufModalToInput: 'invoices/modal/input/to',\r\n },\r\n invoiceLineEdit: {\r\n ufQuantityInput: '/invoices/input/quantity',\r\n ufUnitPriceInput: '/invoices/input/unitPrice',\r\n ufDescriptionInput: '/invoices/input/description',\r\n ufModalItemCode: '/invoices/modal/input/itemCode',\r\n }\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\n\r\nimport config from '../../../config.json';\r\nimport walkthroughIds from './walkthroughIds';\r\nimport { ChakraProvider, FormControl, FormLabel } from '@chakra-ui/react';\r\nimport chakratheme from '@/chakratheme';\r\nimport { Select } from 'chakra-react-select';\r\nimport { Alert, AlertDescription, AlertIcon, Input } from 'components/v4';\r\nimport { defaultChakraSelectStyle, chakraSelectDarkMode } from '@/constants';\r\n\r\n/*\r\n * Component that modals the approval content for Invoice.jsx and InvoiceLines.jsx\r\n */\r\nconst ModalApprovalContent = () => {\r\n const dispatch = useDispatch();\r\n\r\n // modal data from state\r\n const { state: modalState } = useSelector((state) => {\r\n return {\r\n ...state.modal,\r\n };\r\n });\r\n\r\n const { darkMode } = useSelector((state) => state.settings);\r\n\r\n const chakraSelectDark = chakraSelectDarkMode(darkMode);\r\n\r\n const { invoiceLines } = walkthroughIds;\r\n\r\n const [options] = useState(\r\n config?.invoices?.statusUpload[modalState?.invoiceStatus],\r\n );\r\n\r\n // auto selects the first option\r\n useEffect(() => {\r\n if (modalState?.upload) {\r\n console.log(\"only comes here once\");\r\n dispatch({\r\n type: 'CHANGE_MODAL_STATE',\r\n payload: {\r\n upload: config.invoices.statusUpload[\r\n modalState?.invoiceStatus\r\n ][0]?.upload,\r\n },\r\n });\r\n }\r\n }, [options]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n l?.entityName?.localeCompare(r?.entityName),\r\n )}\r\n onChange={(v) => {\r\n dispatch({\r\n type: 'CHANGE_CHILD_TABLE',\r\n payload: { id: v },\r\n });\r\n dispatch({\r\n type: 'INIT_WEB_WORKER_STATE',\r\n payload: {\r\n fetchURL: `/invoicelines/${v}`,\r\n attribute: 'invoiceLines',\r\n },\r\n });\r\n }}\r\n groupBy={(option) =>\r\n option?.entityName +\r\n ' - ' +\r\n config.invoices.statusJSON[\r\n option?.invoiceStatus\r\n ]\r\n }\r\n onDisplayDropdown={(value) => {\r\n if (typeof value === 'string') {\r\n const {\r\n entityName,\r\n invoiceNumber,\r\n invoiceStatus,\r\n } = parent?.find((v) => v.id === value);\r\n return (\r\n entityName +\r\n ' - ' +\r\n config.invoices.statusJSON[\r\n invoiceStatus\r\n ] +\r\n ' - ' +\r\n invoiceNumber\r\n );\r\n }\r\n\r\n return (\r\n value?.entityName +\r\n ' - ' +\r\n config.invoices.statusJSON[\r\n value?.invoiceStatus\r\n ] +\r\n ' - ' +\r\n value?.invoiceNumber\r\n );\r\n }}\r\n noEmptyOption\r\n fieldValue={child.id}\r\n />\r\n
\r\n | \r\n Attributes\r\n | \r\nUser | \r\nTrunk | \r\nChannels | \r\n\r\n Response Group\r\n | \r\n
|---|---|---|---|---|
| Setup Fee | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| Rate | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| Bill | \r\n
\r\n setAddressAction('Create')}\r\n data-walkthroughid={addresses.ufAddButton}>\r\n {' '}\r\n
\r\n );\r\n}\r\n\r\nconst Addresses = () => {\r\n const [selectedRowData, setSelectedRowData] = useState();\r\n const tableRef = useRef();\r\n const [addressAction, setAddressAction] = useState('Get');\r\n const [addresses, setAddresses] = useState();\r\n const [loaded, setLoaded] = useState(false);\r\n const { currentCompany } =\r\n useSelector((state) => {\r\n return { ...state.navigationLists };\r\n });\r\n\r\n const { concatAddressFields } = useAddress();\r\n\r\n useEffect(() => {\r\n if (currentCompany) {\r\n getAddresses();\r\n }\r\n }, [addressAction, currentCompany]); // will trigger a refresh, after creating or saving an address\r\n\r\n function editAddressItem(rowData) {\r\n setSelectedRowData(rowData);\r\n setAddressAction('Edit');\r\n }\r\n\r\n function getAddresses() {\r\n axios.get(`/Addresses/${currentCompany}`).then((response) => {\r\n const addressess = response.data.map((address, i) => {\r\n return {\r\n address: concatAddressFields(address),\r\n ...address,\r\n };\r\n });\r\n setAddresses(addressess);\r\n setLoaded(true);\r\n }).catch((e) => {\r\n setLoaded(true);\r\n setAddresses();\r\n });\r\n }\r\n\r\n const loadingColumns = useMemo(\r\n () => loadingColumnsConstructor(addressColumns),\r\n [addressColumns],\r\n );\r\n const dummyTable = [];\r\n const dummyTableLength = 12;\r\n\r\n for (let i = 0; i < dummyTableLength; i++) {\r\n const obj = {\r\n title: `Title ${i + 1}`,\r\n field: `Field ${i + 1}`,\r\n };\r\n dummyTable.push(obj);\r\n }\r\n\r\n if (!currentCompany) {\r\n return (\r\n <>\r\n Addresses
\r\n\r\n {Object.keys(CONSENT_COLUMNS).map((v, i) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n v.isDefault)}\r\n columns={CONTACT_COLUMNS}\r\n />\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport MaterialTable from \"../../../../../components/v4/MaterialTable\";\r\nimport { axios } from \"../../../../../services/axios\";\r\n\r\nfunction useConsentHistory({ data, columns }) {\r\n const [historyTableData, setHistoryTableData] = React.useState([]);\r\n\r\n React.useEffect(() => {\r\n if (data.id) {\r\n fetchHistoryTableData();\r\n }\r\n }, [data]);\r\n\r\n const fetchHistoryTableData = async () => {\r\n try {\r\n const historyTableDataResponse = await axios.get(`/OperatorConnectOperatorConsent/${data.id}/History`);\r\n setHistoryTableData(historyTableDataResponse.data);\r\n }\r\n catch (error) {\r\n window.alert(\"We are unable to retrieve Consent History. Please try again later.\");\r\n }\r\n };\r\n\r\n return { historyTableData, columns };\r\n}\r\n\r\nexport default function ConsentHistory(props) {\r\n const { historyTableData, columns } = useConsentHistory(props);\r\n\r\n return (\r\n \r\n
\r\n Are you sure you would like to add{' '}\r\n {vendorDefined ? vendorDefined : serviceName}?\r\n
\r\n\r\n Are you sure you would like to add {serviceName}\r\n ?\r\n
\r\n