Multi
;\n\n case 5: // Datetime\n return (\n\n \n Loading \n \n
\n );\n }\n\n if (!this.state.data || !this.state.data.length) {\n return (\n \n
\n );\n }\n\n return (\n \n {\" \"}\n
\n \n \n {this.props.headings && (\n \n {this.props.groupHeadings && (\n {this.renderGroupHeadings()} \n )}\n {this.renderHeadings()} \n \n )}\n {this.renderData()} \n \n
\n );\n }\n}\n\nexport default DataGrid;\n","import { checkForUpdates, emptyAnalysisSection, showSuccessAlert, updateAnalysisView } from '@actions';\nimport Analysis from '@api/analysis';\nimport AnalysisFilters from '@components/analysis/AnalysisFilters';\nimport RevenueGraph from '@components/revenue/RevenueGraph';\nimport { prettyMoney } from '@helpers/currency';\nimport { handleDownload } from '@helpers/downloads';\nimport { graphInitialState, gridInitialState } from '@reducers/analysisViewReducer';\nimport DataGrid from '@shared/DataGrid';\nimport _ from 'lodash';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, ButtonGroup, Dimmer, Grid, Loader } from 'semantic-ui-react';\n\nclass AnalysisView extends React.Component {\n\n constructor() {\n super();\n this.graphDebounce = _.debounce(this.loadGraph, 850);\n }\n\n handleRefresh = () => {\n const { startDate, endDate, fromWeek, toWeek, selectedStartTime, selectedEndTime, selectedCategory, selectedMeasure, selectedMeasures, selectedTotalBy, selectedTimeGroupBy, selectedDataGroup, selectedDayOfWeek, selectedDataSource } = this.props.analysis;\n const { operator, company, subcompany, site } = this.props.analysisFilters.filterSelected\n\n this.props.updateAnalysisView({ loading: true, graph: graphInitialState }).then(() => {\n Analysis.getGrid(\n startDate,\n endDate,\n fromWeek,\n toWeek,\n selectedStartTime,\n selectedEndTime,\n selectedMeasure,\n selectedMeasures,\n selectedTotalBy,\n selectedTimeGroupBy,\n selectedDataGroup,\n selectedCategory,\n operator,\n company.id,\n subcompany.id,\n site.id,\n selectedDayOfWeek,\n selectedDataSource\n )\n .then(\n grid => {\n this.props.updateAnalysisView({ grid, loading: false, selectedRows: [] })\n },\n () => this.props.updateAnalysisView({ loading: false, grid: gridInitialState, selectedRows: [] })\n );\n })\n }\n\n componentWillUnmount() {\n this.props.emptyAnalysisSection();\n }\n\n handleExport = () => {\n const { startDate, endDate, fromWeek, toWeek, selectedStartTime, selectedEndTime, selectedMeasure, selectedMeasures, selectedCategory, selectedTotalBy, selectedTimeGroupBy, selectedDataGroup, selectedDayOfWeek, selectedDataSource } = this.props.analysis;\n const { operator, company, subcompany, site } = this.props.analysisFilters.filterSelected\n const { email } = this.props.login;\n\n this.props.updateAnalysisView({ downloadLoading: true }).then(() => {\n Analysis.getExport(\n email,\n startDate,\n endDate,\n fromWeek,\n toWeek,\n selectedStartTime,\n selectedEndTime,\n selectedMeasure,\n selectedMeasures,\n selectedTotalBy,\n selectedTimeGroupBy,\n selectedDataGroup,\n selectedCategory,\n operator,\n company.id,\n subcompany.id,\n site.id,\n selectedDayOfWeek,\n selectedDataSource\n )\n .then(\n response => {\n handleDownload(response);\n this.props.updateAnalysisView({ downloadLoading: false });\n },\n () => this.props.updateAnalysisView({ downloadLoading: false })\n );\n })\n\n }\n\n loadGraph = () => {\n const { timeGroupBy, startDate, endDate, fromWeek, toWeek, selectedStartTime, selectedEndTime, selectedRows, selectedCategory, selectedMeasure, selectedMeasures, selectedTotalBy, selectedTimeGroupBy, selectedDataGroup, selectedDayOfWeek, selectedDataSource } = this.props.analysis;\n const { operator, company, subcompany, site } = this.props.analysisFilters.filterSelected\n const { canGraph } = timeGroupBy.find(x => x.id === selectedTimeGroupBy) || false;\n this.props.updateAnalysisView({ graph: graphInitialState, graphLoading: true }).then(() => {\n if (canGraph && selectedRows.length > 0) {\n Analysis.getGraph(\n selectedRows,\n startDate,\n endDate,\n fromWeek,\n toWeek,\n selectedStartTime,\n selectedEndTime,\n selectedMeasure,\n selectedMeasures,\n selectedTotalBy,\n selectedTimeGroupBy,\n selectedDataGroup,\n selectedCategory,\n operator,\n company.id,\n subcompany.id,\n site.id,\n selectedDayOfWeek,\n selectedDataSource\n )\n .then(\n graph => this.props.updateAnalysisView({ graph, graphLoading: false }),\n () => this.props.updateAnalysisView({ graphLoading: false, graph: graphInitialState })\n );\n } else {\n this.props.updateAnalysisView({ graphLoading: false, graph: graphInitialState })\n }\n\n });\n }\n\n onRowClick = selectedRow => {\n const { selectedRows, graphType } = this.props.analysis\n let newSelectedRows = [];\n\n if (selectedRows.includes(selectedRow)) {\n newSelectedRows = [...selectedRows.filter(row => row !== selectedRow)]\n } else {\n if (graphType === 1) {\n newSelectedRows = [selectedRow];\n } else {\n if (selectedRows.length < 5) {\n newSelectedRows = [...selectedRows, selectedRow];\n }\n }\n }\n this.props.updateAnalysisView({ selectedRows: newSelectedRows }).then(() => graphType === 1 ? this.loadGraph() : this.graphDebounce())\n }\n\n componentDidUpdate(prevProps) {\n const { operator } = this.props.analysisFilters.filterSelected;\n if (operator !== prevProps.analysisFilters.filterSelected.operator) {\n Analysis.getMetaData(operator).then(response => {\n const data = {\n ...response,\n selectedTimeGroupBy: response.timeGroupBy[0] ? response.timeGroupBy[0].id : null,\n selectedTotalBy: response.totalBy[0] ? response.totalBy[0].id : null,\n selectedMeasure: response.dataSource[0].measures[0] ? response.dataSource[0].measures[0].id : null,\n selectedMeasures: response.defaultMeasures || [],\n selectedDataGroup: response.dataGroups[0] ? response.dataGroups[0].id : null,\n selectedDayOfWeek: [...response.daysOfWeek.map(x => x.id)],\n selectedCategory: [...response.categories.map(x => x.id)],\n selectedStartTime: response.defaultStartTime,\n selectedEndTime: response.defaultEndTime,\n fromWeek: response.defaultStartWeek,\n toWeek: response.defaultEndWeek,\n selectedDataSource: response.dataSource[0] ? response.dataSource[0].id : null\n }\n this.props.updateAnalysisView(data);\n })\n }\n\n if (checkForUpdates(prevProps.analysisFilters, this.props.analysisFilters)) {\n this.props.updateAnalysisView({\n graph: graphInitialState,\n grid: gridInitialState\n })\n }\n }\n\n render() {\n\n const { grid, graphType, graph, graphLoading, loading, selectedRows, disabled, hideGraph } = this.props.analysis;\n const formatter = (value) => isNaN(value) ? value : prettyMoney(value, 2);\n\n return (\n \n \n \n
\n \n \n \n \n \n \n {selectedRows.length} of {graphType === 1 ? 1 : 5} selected\n
\n \n : null}\n - \n\t\t\t\t{this.props.assets.map((x) => this.renderTree(x))}\n\t\t\t
\n\t\t\t\t\t\t\t{statuses.map((status) => (\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tthis.setFilters({\n\t\t\t\t\t\t\t\t\t\t\tstatuses: [\n\t\t\t\t\t\t\t\t\t\t\t\t...statuses.map((x) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...x,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx.id === status.id ? !x.selected : x.selected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{status.name}\n\t\t\t\t\t\t\t\t\t{status.qty} \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\t\tsearchParams: {\n\t\t\t\t\t\t\t\t\t\t\t...this.state.searchParams,\n\t\t\t\t\t\t\t\t\t\t\tassetRegisterSummary: !assetRegisterSummary,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tthis.props.setAssetOwnershipModal({\n\t\t\t\t\t\t\t\t\t\topen: true,\n\t\t\t\t\t\t\t\t\t\toperator: selectedOperator,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcontent=\"Asset Ownership Profile\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t this.onNewClick(\"DP\")}>\n\t\t\t\t\t\t\t\t\t\tDepot\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"MU\")}>\n\t\t\t\t\t\t\t\t\t\tManufacturer\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"MT\")}>\n\t\t\t\t\t\t\t\t\t\tCategory\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"MA\")}>\n\t\t\t\t\t\t\t\t\t\tMachine Asset\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"CB\")}>\n\t\t\t\t\t\t\t\t\t\tCabinet Type\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"GT\")}>\n\t\t\t\t\t\t\t\t\t\tGame Title/Pack\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"NA\")}>\n\t\t\t\t\t\t\t\t\t\tNote Acceptor\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t this.onNewClick(\"SP\")}>\n\t\t\t\t\t\t\t\t\t\tSupplier\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{loading && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{this.state.selectedNode.id !== null && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.selectedNode.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.grid !== null &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.grid.data.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.showInstallHistoryModal(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.grid,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t{(this.state.selectedOptions.operational.length > 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.selectedOptions.ownership.length > 0) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.selectedOptions.operational.length >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOperational Configuration \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 8\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 16\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOwnership Details \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({ createAnother: !createAnother })\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={createAnother}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{this.state.doDelete && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n Device Settings \n
\n }\n {this.state.selectedDevice.grid.data.length > 0 &&\n \n Device History \n
\n }\n \n
\n );\n }\n}\n\nexport default DeviceManagementView;\n","import axios from '@common/api/desktop/axios';\nimport { mapToSelect } from \"./egm\";\n\nclass Revenue {\n getCategories = async () => {\n return [\n { key: \"ALL\", value: -1, text: \"All\" },\n { key: \"1\", value: 1, text: \"Category 1\" },\n { key: \"2\", value: 2, text: \"Category 2\" },\n ];\n };\n\n getSummary = async (\n operatorId,\n company,\n subCompany,\n weeks,\n categoryId,\n dataView,\n groupBy,\n regionId,\n ) => {\n const response = await axios.get(\n `revenue/dashboard/${operatorId},${company ?? -1},${subCompany ?? -1},${weeks},${categoryId},${dataView},${groupBy},${regionId}`,\n );\n return response.data;\n };\n\n getGraph = async (\n operatorId,\n company,\n subCompany,\n groupId,\n weeks,\n categoryId,\n reportType,\n varianceType,\n groupBy,\n regionId,\n ) => {\n const response = await axios.get(\n `revenue/revenue/dashboard/graph/${operatorId},${company ?? -1},${subCompany ?? -1},${groupId},${weeks},${categoryId},${reportType},${varianceType},${groupBy},${regionId}`,\n );\n return response.data;\n };\n\n getIncomeSummary = async (\n operatorId,\n weeks,\n categoryId,\n dataView,\n varianceType,\n groupBy,\n regionId,\n ) => {\n const response = await axios.get(\n `incomesecurity/dashboard/${operatorId},${weeks},${categoryId},${dataView},${varianceType},${groupBy},${regionId}`,\n );\n return response.data;\n };\n\n getIncomeSummaryExport = async (\n operatorId,\n weeks,\n categoryId,\n dataView,\n varianceType,\n groupBy,\n regionId,\n ) => {\n return await axios.get(\n `incomesecurity/export/${operatorId},${weeks},${categoryId},${dataView},${varianceType},${groupBy},${regionId}`,\n { responseType: \"arraybuffer\" },\n );\n };\n\n getIncomeGraph = async (\n groupId,\n weeks,\n categoryId,\n reportType,\n varianceType,\n groupBy,\n regionId,\n ) => {\n const response = await axios.get(\n `incomesecurity/incomesecurity/dashboard/graph/${groupId},${weeks},${categoryId},${reportType},${varianceType},${groupBy},${regionId}`,\n );\n return response.data;\n };\n\n getRevenueSummaryExport = async (\n operatorId,\n companyId,\n subCompanyId,\n weeks,\n categoryId,\n reportType,\n groupBy,\n regionId,\n ) => {\n return await axios.get(\n `revenue/export/${operatorId},${companyId ?? -1},${subCompanyId ?? -1},${weeks},${categoryId},${reportType},${groupBy},${regionId}`,\n { responseType: \"arraybuffer\" },\n );\n };\n\n getRevenueViewTypes = async () => {\n const response = await axios.get(`revenue/options/dataview`);\n return mapToSelect(response.data);\n };\n\n getRevenueGraphOptions = async (dataView) => {\n const response = await axios.get(\n `revenue/options/dataviewgraph/${dataView}`,\n );\n return mapToSelect(response.data);\n };\n\n getIncomeGraphOptions = async (dataView) => {\n const response = await axios.get(\n `incomesecurity/options/dataviewgraph/${dataView}`,\n );\n return mapToSelect(response.data);\n };\n\n getIncomeSecurityViewTypes = async () => {\n const response = await axios.get(`incomesecurity/options/dataview`);\n return mapToSelect(response.data);\n };\n\n getRegions = async (operatorId) => {\n const response = await axios.get(\n `organisation/operatorregions/all/${operatorId}`,\n );\n return mapToSelect(response.data);\n };\n\n getCompanies = async (operatorId) => {\n const response = await axios.get(`revenue/operator/company/${operatorId}`);\n return mapToSelect(response.data);\n };\n\n getSubCompanies = async (companyId) => {\n const response = await axios.get(`revenue/company/subcompany/${companyId}`);\n return mapToSelect(response.data);\n };\n}\nconst revenue = new Revenue();\nexport default revenue;\n","import React from 'react';\nimport { Button } from \"semantic-ui-react\";\n\nconst DetailsButton = (props) => {\n const { loading, onClick, disabled } = props;\n return \n}\n\nexport default DetailsButton;","export const weeks = [\n { key: \"Last 4 Weeks\", value: 4, text: \"Last 4 Weeks\" },\n { key: \"Last 8 Weeks\", value: 8, text: \"Last 8 Weeks\" },\n { key: \"Last 12 Weeks\", value: 12, text: \"Last 12 Weeks\" }\n]\n\nexport const groupBy = [\n { key: \"Site\", value: 0, text: \"Site\" },\n { key: \"Region\", value: 1, text: \"Region\" }\n]\n\nexport const promoTypeOptions = [\n { key: \"All (Default)\", value: -1, text: \"All (Default)\" },\n { key: \"Promo Cash\", value: 1, text: \"Promo Cash\" },\n { key: \"Promo Tickets\", value: 2, text: \"Promo Tickets\" },\n]\n","import { groupBy, promoTypeOptions, weeks } from \"@helpers/revenue\";\nimport React from \"react\";\nimport { Button, Dropdown, Form } from \"semantic-ui-react\";\n\nconst RevenueFilters = (props) => {\n const {\n operators,\n companies,\n subCompanies,\n isVariance,\n onViewTypeChange,\n useGroupBy,\n regions,\n selectedRegion,\n selectedOperator,\n selectedCompany,\n selectedSubCompany,\n varianceTypes,\n viewTypes,\n selectedVarianceType,\n selectedWeek,\n selectedPromoType,\n categories,\n selectedCategory,\n selectedGroupBy,\n selectedViewType,\n onChange,\n onOperatorChange,\n onCompanyChange,\n } = props;\n\n return (\n \n );\n};\n\nexport default RevenueFilters;\n","import { getCategories } from \"@api/egm\";\nimport revenue from \"@api/revenue\";\nimport DownloadButton from \"@buttons/DownloadButton\";\nimport ExpandButton from \"@buttons/ExpandButton\";\nimport { defaultGrid } from \"@helpers/datagrid\";\nimport DataGrid from \"@shared/DataGrid\";\nimport DetailsButton from \"@shared/DetailsButton\";\nimport React from \"react\";\nimport { Button, Grid, Header, Loader, Segment } from \"semantic-ui-react\";\nimport RevenueFilters from \"./RevenueFilters\";\nimport RevenueGraph from \"./RevenueGraph\";\n\nclass BaseRevenueView extends React.Component {\n state = {\n expanded: false,\n selectedWeek: 8,\n selectedOperator: null,\n selectedCompany: -1,\n selectedSubCompany: -1,\n selectedViewType: null,\n selectedVarianceType: -1,\n selectedCategory: -1,\n selectedGroupBy: 0,\n selectedRegion: -1,\n selectedPromoType: -1,\n summary: defaultGrid,\n activeRow: {\n optionShowDetails: false,\n },\n graph: {\n lines: [],\n data: [],\n },\n categories: [],\n loading: false,\n exportLoading: false,\n chartLoading: false,\n operators: this.props.operators,\n regions: [],\n companies: [],\n subCompanies: [],\n viewTypes: [],\n graphOptions: [],\n };\n\n componentDidMount() {\n this.fnGetViewTypes().then((viewTypes) => {\n if (viewTypes.length < 1) {\n return;\n }\n\n this.setState({ viewTypes }, () => {\n this.onViewTypeChange(viewTypes[0].value);\n });\n this.handleOperatorChange(this.props.operators[0].value);\n });\n }\n\n onRowClick = (activeRow) => {\n this.setState({ activeRow, chartLoading: true }, () => this.refreshGraph());\n };\n\n onGraphTypeChange = (selectedVarianceType) => {\n this.setState({ selectedVarianceType }, () => this.refreshGraph());\n };\n\n handleOperatorChange = (selectedOperator) => {\n this.setState({ selectedOperator, selectedCategory: -1 }, () => {\n revenue\n .getRegions(selectedOperator)\n .then((regions) => this.setState({ regions }));\n getCategories(selectedOperator).then((categories) =>\n this.setState({ categories }),\n );\n revenue.getCompanies(selectedOperator).then((companies) => {\n const selectedCompany =\n companies.length > 0 ? companies[0].value : null;\n this.setState({ companies, selectedCompany });\n });\n });\n };\n\n handleCompanyChange = (selectedCompany) => {\n revenue.getSubCompanies(selectedCompany).then((subCompanies) => {\n const selectedSubCompany =\n subCompanies.length > 0 ? subCompanies[0].value : null;\n this.setState({ subCompanies, selectedCompany, selectedSubCompany });\n });\n };\n\n onViewTypeChange = (selectedViewType) => {\n this.fnGetGraphOptions(selectedViewType).then((graphOptions) => {\n const selectedVarianceType =\n graphOptions.length > 0 ? graphOptions[0].value : -1;\n this.setState({\n selectedViewType,\n graphOptions,\n activeRow: { optionShowDetails: false },\n selectedVarianceType,\n graph: { lines: [], data: [] },\n });\n });\n };\n\n onFilterChange = (key, value) => this.setState({ [key]: value });\n\n render() {\n const {\n summary,\n graph,\n selectedVarianceType,\n activeRow,\n loading,\n chartLoading,\n expanded,\n detailsLoading,\n graphOptions,\n exportLoading,\n } = this.state;\n\n return (\n \n \n Summary Dashboard\n this.setState({ expanded: !expanded })}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n {!expanded && (\n \n
\n \n \n )}\n \n );\n }\n}\n\nexport default BaseRevenueView;\n","import { showRevenueModal } from \"@actions/modals\";\nimport { getCategories } from \"@api/egm\";\nimport revenue from \"@api/revenue\";\nimport BaseRevenueView from \"@components/revenue/BaseRevenueView\";\nimport { handleDownload } from \"@helpers/downloads\";\nimport { connect } from \"react-redux\";\n\nclass IncomeSecurityView extends BaseRevenueView {\n useGroupBy = true;\n isVariance = true;\n fnGetViewTypes = revenue.getIncomeSecurityViewTypes;\n fnGetGraphOptions = revenue.getIncomeGraphOptions;\n\n handleApiCall = (fnRequest, fnSuccess, fnFailure) => {\n const {\n selectedOperator,\n selectedWeek,\n selectedVarianceType,\n selectedCategory,\n selectedViewType,\n selectedGroupBy,\n selectedRegion,\n } = this.state;\n fnRequest(\n selectedOperator,\n selectedWeek,\n selectedCategory,\n selectedViewType,\n selectedVarianceType,\n selectedGroupBy,\n selectedRegion,\n ).then(\n summary => fnSuccess(summary),\n () => fnFailure()\n );\n };\n\n handleRefresh = () => {\n this.setState(\n {\n activeRow: { optionShowDetails: false },\n graph: { lines: [], data: [] },\n loading: true,\n },\n () => {\n this.handleApiCall(\n revenue.getIncomeSummary,\n (summary) => this.setState({ summary, loading: false }),\n () => this.setState({ loading: false })\n )\n }\n );\n }\n\n onExportClick = () => {\n this.setState({ exportLoading: true }, () => {\n this.handleApiCall(\n revenue.getIncomeSummaryExport,\n response => this.setState({ exportLoading: false }, () => handleDownload(response)),\n () => this.setState({ exportLoading: false }),\n )\n });\n }\n\n onDetailsClick = () => {\n const { activeRow, selectedOperator, selectedVarianceType } = this.state;\n this.props.showRevenueModal(\n activeRow,\n selectedOperator,\n this.isVariance,\n () => this.handleRefresh(),\n selectedVarianceType,\n );\n };\n\n handleOperatorChange = (selectedOperator) => {\n this.setState({ selectedOperator, selectedCategory: -1 }, () => {\n revenue\n .getRegions(selectedOperator)\n .then((regions) => this.setState({ regions }));\n getCategories(selectedOperator).then((categories) =>\n this.setState({ categories }),\n );\n });\n };\n\n refreshGraph = () => {\n const {\n selectedWeek,\n selectedCategory,\n selectedGroupBy,\n selectedRegion,\n selectedViewType,\n selectedVarianceType,\n activeRow,\n } = this.state;\n this.setState({ chartLoading: true }, () => {\n revenue\n .getIncomeGraph(\n activeRow.siteId,\n selectedWeek,\n selectedCategory,\n selectedViewType,\n selectedVarianceType,\n selectedGroupBy,\n selectedRegion,\n )\n .then(\n (graph) => this.setState({ graph, chartLoading: false }),\n () => this.setState({ chartLoading: false }),\n );\n });\n };\n}\n\nconst mapStateToProps = (state) => {\n return {\n operators: state.operators.filter((x) => x.value !== -1),\n };\n};\n\nexport default connect(mapStateToProps, { showRevenueModal })(\n IncomeSecurityView,\n);\n","import prepareDetails from \"@helpers/prepareDetails\";\nimport axios from '@common/api/desktop/axios';\n\nclass Kiosk {\n Positions = async (\n operatorId,\n companyId,\n subCompanyId,\n siteId,\n online,\n offlineSiteOpen,\n offlineSiteClosed,\n pending,\n authReq,\n ) => {\n const response = await axios.get(\n `Kiosk/Positions2/${operatorId},${companyId},${subCompanyId},${siteId},${online},${offlineSiteOpen},${offlineSiteClosed},${pending},${authReq}`,\n );\n return response.data;\n };\n\n prepareData = (\n installationId,\n startDate,\n endDate,\n collectionDate,\n useCollectionWeek,\n showEvents,\n details,\n pageNumber,\n ) => {\n const payload = {\n installationId,\n startDate: useCollectionWeek === 0 ? startDate.toISOString(true) : null,\n endDate: useCollectionWeek === 0 ? endDate.toISOString(true) : null,\n collectionDate: useCollectionWeek === 1 ? collectionDate : null,\n useCurrentWeek: useCollectionWeek === 2,\n showEvents,\n pageNumber,\n details: prepareDetails(details),\n };\n\n return payload;\n };\n\n Transactions = async (\n installationId,\n startDate,\n endDate,\n collectionDate,\n useCollectionWeek,\n showEvents,\n details,\n pageNumber,\n ) => {\n const payload = this.prepareData(\n installationId,\n startDate,\n endDate,\n collectionDate,\n useCollectionWeek,\n showEvents,\n details,\n pageNumber,\n );\n const transactions = await axios.put(`Kiosk/byInst/filter/`, payload);\n const summary = await axios.put(`Kiosk/byInst/summary/`, payload);\n\n return { transactions: transactions.data, summary: summary.data };\n };\n\n Export = async (\n installationId,\n startDate,\n endDate,\n collectionDate,\n useCollectionWeek,\n showEvents,\n details,\n pageNumber,\n ) => {\n const payload = this.prepareData(\n installationId,\n startDate,\n endDate,\n collectionDate,\n useCollectionWeek,\n showEvents,\n details,\n pageNumber,\n );\n return await axios.put(`Kiosk/byInst/export/`, payload, {\n responseType: \"arraybuffer\",\n });\n };\n\n Detail = async (installationId, detailId) => {\n const response = await axios.get(\n `Kiosk/Detail/${installationId},${detailId}`,\n );\n return response.data;\n };\n\n Floats = async (installationId) => {\n const response = await axios.get(`Kiosk/Floats/${installationId}`);\n return response.data;\n };\n\n UpdateFloats = async (installationId, details) => {\n const response = await axios.put(`Kiosk/Floats/Update`, {\n installationId,\n details: prepareDetails(details),\n complete: true,\n });\n return response.data;\n };\n}\nconst kiosk = new Kiosk();\n\nexport default kiosk;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Slider } from \"react-semantic-ui-range\";\nimport { Button, Dropdown } from 'semantic-ui-react';\n\nclass RefreshButton extends React.Component {\n state = {\n timerId: 0,\n refresh: 0,\n open: false\n };\n\n slider = {\n min: 0,\n max: 10,\n step: 1,\n onChange: value => {\n this.setState({ refresh: value }, () => {\n this.handleRefreshMinutes()\n })\n }\n }\n\n handleRefreshMinutes = () => {\n const minutes = this.state.refresh\n clearInterval(this.state.timerId);\n if (minutes > 0) {\n const timerId = setInterval(() => {\n if (!this.props.disabled) this.props.refresh()\n }, minutes * 60000);\n this.setState({ timerId });\n }\n }\n\n componentDidMount() {\n this.handleRefreshMinutes();\n }\n\n componentWillUnmount() {\n clearInterval(this.state.timerId);\n }\n\n render() {\n const refreshTxt = this.state.refresh > 0 ? `${this.state.refresh} min(s) refresh` : `No auto refresh`\n return (\n \n {graphOptions.length > 0 && (\n \n \n {graphOptions.map((option) => {\n return (\n this.onGraphTypeChange(option.value)}\n >\n {option.text}\n \n );\n })}\n \n
\n )}\n \n Data Type:\n
\n \n \n
\n \n
\n {transactions.pageCount > 1 && (\n \n \n this.onPageChange(e, { activePage: 1 })\n }\n onExportClick={this.onExportClick}\n onSummaryClick={() =>\n this.setState({ showSummary: !showSummary })\n }\n showSummary={showSummary}\n />\n
\n {showSummary && summary.grid.data.length > 0 && (\n \n
\n )}\n \n
\n \n
\n )}\n \n
\n )\n};\n\nexport default LiveFloorView;\n","import axios from '@common/api/desktop/axios';\nimport { handleDownload } from '@helpers/downloads';\n\nexport const fetchReports = async () => {\n\tconst response = await axios.get(`Report/ListGroups`);\n\treturn response.data.map((x, index) => {\n\t\treturn { ...x, id: index + 1 }\n\t})\n};\n\nexport const prepareParams = (params) => {\n\tconst missing = 10 - params.length;\n\tlet parsedParams = params.map((x) => (x === null ? \"#\" : x));\n\n\tfor (let i = 0; i < missing; i++) {\n\t\tparsedParams.push(\"#\");\n\t}\n\n\treturn parsedParams.map((item) => encodeURIComponent(item)).join(\",\");\n};\n\nexport const getReport = async (reportId, params) => {\n\tconst queryString = prepareParams(params);\n\tconst response = await axios.get(\n\t\t`Report/Parameters2/${reportId},${queryString}`,\n\t);\n\treturn response.data;\n};\n\nexport const createReport = async (reportName, reportId, params) => {\n\tconst queryString = prepareParams(Object.values(params));\n\n\tawait axios\n\t\t.get(`Report/Create2/${reportId},${queryString}`, {\n\t\t\tresponseType: \"arraybuffer\",\n\t\t})\n\t\t.then((response) => handleDownload(response));\n};\n","import { APIDateFormat, UIDateFormat } from \"@helpers/dates\";\nimport moment from \"moment\";\nimport React from \"react\";\nimport { DateInput } from \"semantic-ui-calendar-react\";\nimport { Form } from \"semantic-ui-react\";\n\nconst ReportsDatepicker = (props) => {\n const handleChange = (event, { name, value }) => {\n const formatDate = moment(value, UIDateFormat).format(APIDateFormat);\n props.onChange(name, formatDate);\n };\n\n return (\n Multi
;\n\n case 5: // Datetime\n return (\n\n
\n \n );\n }\n\n return (\n \n
\n \n this.props.fetchSessionsFilters({ showOrgTree: !showOrgTree })}\n active={showOrgTree}\n />\n this.setState({ showSummary: !this.state.showSummary })}\n active={!this.state.showSummary}\n />\n
\n \n
\n \n this.setState({ searchParams: { ...this.state.searchParams, pageNumber: activePage } }, () => this.handleRefresh())} />\n
\n }\n {this.state.errorModalContent}
\n \n\n \n \n this.setState({ showOfflineOnly: !showOfflineOnly })} />\n
\n }\n \n this.setState({ expanded: !expanded })}\n expanded={expanded}\n />\n {(!expanded && panes.length > 0) &&\n
\n );\n }\n}\n\nconst mapStateToProps = state => {\n return {\n filters: state.installationsFilters,\n logIn: state.logIn\n };\n};\n\nexport default connect(mapStateToProps, {\n fetchInstallations,\n fetchInstallationsFilters,\n emptyInstallationsSection\n})(SiteInstallationsView);\n","import { getOpeningHoursNew, updateOpeningHours } from '@api/settings';\nimport DataGrid from '@shared/DataGrid';\nimport React from 'react';\nimport { Button, Form, Grid, Header, Input, Modal } from 'semantic-ui-react';\n\nclass OpeningHoursModal extends React.Component {\n\n state = {\n loading: false,\n error: false,\n hasChanges: false,\n selectedProfile: { profileName: \"\", grid: { data: [], headerDef: [] } },\n }\n\n\n componentDidUpdate = (prevProps) => {\n if (this.props.selectedOperator !== prevProps.selectedOperator) {\n getOpeningHoursNew(this.props.selectedOperator).then(selectedProfile => {\n this.setState({ selectedProfile })\n })\n }\n }\n\n handleClose = () => {\n this.props.handleClose()\n }\n\n handleCellClick = (data) => {\n data.actualValue = data.actualValue === \"0\" ? \"1\" : \"0\";\n data.backColour = data.actualValue === \"0\" ? this.state.selectedProfile.closeColour : this.state.selectedProfile.openColour;\n\n this.setState({ hasChanges: true, selectedProfile: { ...this.state.selectedProfile } })\n }\n\n updateProfileName = (event, { value }) => {\n const selectedProfile = { ...this.state.selectedProfile, profileName: value }\n this.setState({ selectedProfile, hasChanges: true })\n }\n\n handleSave = () => {\n this.setState({ loading: true }, () => {\n const items = [];\n this.state.selectedProfile.grid.data.forEach(row => {\n row.cellData.forEach((cell, index) => {\n if (index > 0) items.push(cell.data.actualValue);\n })\n })\n\n updateOpeningHours(this.props.selectedOperator, this.state.selectedProfile.profileId, this.state.selectedProfile.profileName, items.join(\";\")).then(x => {\n this.setState({ loading: false, hasChanges: false }, () => this.props.onNewProfile())\n }).catch(() => this.setState({ loading: false }))\n })\n }\n\n render() {\n return (\n \n this.setState({ modalOpen: false })} />\n \n \n \n \n \n {this.state.selectedProfile.grid.data.length > 0 &&\n \n \n \n \n \n }\n {this.state.selectedProfile.grid.data.length > 0 &&\n \n \n\n {this.state.selectedProfile.grid.data.length > 0 &&\n \n \n }\n \n \n {this.props.logIn.optionAllowNewOpeningHoursProfile && }\n \n \n {this.props.logIn.optionAllowSaveOpeningHoursProfile && }\n \n \n \n
\n );\n }\n};\n\n\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n operators: state.operators.filter(x => x.value !== -1),\n logIn: state.logIn\n }\n}\n\nexport default connect(mapStateToProps, { showSuccessAlert })(OpeningHours);","import prepareDetails from '@helpers/prepareDetails';\nimport axios from '@common/api/desktop/axios';\n\nclass OperatorRegion {\n\n\tgetRegion = async (regionId) => {\n\t\tconst response = await axios.get(`/organisation/operatorregion/${regionId}`);\n\t\treturn response.data\n\t}\n\n\tupdateRegion = async (Id, OperatorId, details) => {\n\t\tconst payload = { Id, OperatorId, details: prepareDetails(details) }\n\t\tconst response = await axios.put(`/organisation/operatorregion/update`, payload)\n\t\treturn response.data\n\t}\n\n\tnewRegion = async (operatorId) => {\n\t\tconst response = await axios.get(`/organisation/operatorregion/new/${operatorId}`);\n\t\treturn response.data\n\t}\n\n\tgetRegions = async (operatorId) => {\n\t\tconst response = await axios.get(`/Security/operatorregions/${operatorId}`);\n\t\treturn response.data\n\t}\n\n\tgetUserRegions = async (OperatorId, UserId, AccessType) => {\n\t\tconst response = await axios.put(`/Security/dataaccess/`, { OperatorId, UserId, AccessTypeDetails: `ACCESSTYPE=${AccessType}` });\n\t\treturn response.data\n\t}\n\n\tupdateDataAccess = async (UserId, AccessTypeDetails, Details) => {\n\t\tconst processedDetails = AccessTypeDetails === 0 ? prepareDetails(Details) : this.prepareSelections(Details);\n\t\tconst payload = { UserId, OperatorId: 0, AccessTypeDetails: `ACCESSTYPE=${AccessTypeDetails}`, Details: processedDetails }\n\t\tconst response = await axios.put(`/Security/dataaccess/update`, payload)\n\t\treturn response.data\n\t}\n\n\tprepareSelections = (selections) => {\n\t\tconst Details = [];\n\t\tconst mappings = { \"SI\": 2, \"SUB\": 1, \"CO\": 0, \"OP\": \"-1\" }\n\n\t\tselections.forEach(item => {\n\t\t\tDetails.push(`${mappings[item.type]}=${item.id}`)\n\t\t})\n\n\t\treturn Details.join(\";\");\n\t}\n\n\treloadList = async (OperatorId, UserId, selections) => {\n\t\tconst Details = this.prepareSelections(selections)\n\n\t\tconst response = await axios.put(`/Security/dataaccess/customeroperator`, { OperatorId, UserId, Details: Details });\n\t\treturn response.data.orgGrid;\n\t}\n\n}\n\nconst operatorRegion = new OperatorRegion();\n\nexport default operatorRegion;\n","import { fetchOperators } from '@actions/index.js';\nimport { showSuccessAlert } from '@actions/modals';\nimport OperatorRegion from '@api/operatorRegion';\nimport OptionsModal from '@modals/OptionsModal';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, Grid, Icon, List } from 'semantic-ui-react';\n\nclass OperatorRegions extends React.Component {\n\n state = {\n selectedRegion: { id: 0, name: \"\" },\n regions: [],\n selectedOperator: null,\n hasChanges: false,\n modalOpen: false,\n modalTitle: \"New Operator Region\",\n modalOptions: [],\n loading: false\n\n }\n\n\n componentDidUpdate = (prevProps) => {\n if (this.props.selectedOperator !== null && prevProps.selectedOperator !== this.props.selectedOperator) {\n this.handleRefresh();\n }\n }\n\n handleRefresh = async () => {\n await this.setState({ loading: true })\n await OperatorRegion.getRegions(this.props.selectedOperator).then(\n regions => this.setState({ regions, loading: false }),\n () => this.setState({ loading: false })\n )\n }\n\n onNewRegionClick = () => {\n OperatorRegion.newRegion(this.props.selectedOperator).then(modalOptions => {\n this.setState({ modalOptions, modalTitle: \"New Operator Region\", selectedRegion: { id: 0, name: \"\" }, modalOpen: true })\n })\n }\n\n saveRegion = async (changed) => {\n await OperatorRegion.updateRegion(this.state.selectedRegion.id, this.props.selectedOperator, changed).then(id => {\n this.handleRefresh().then(() => {\n const selectedRegion = this.state.regions.find(x => x.id === id)\n this.setState({ modalOpen: false, selectedRegion }, () => this.props.showSuccessAlert(this.state.selectedRegion.id > 0 ? \"Operator Region Successfully Updated!\" : \"New Operator Region Successfully Created!\"))\n })\n })\n }\n\n onRegionClick = (item) => {\n this.setState({ selectedRegion: item }, () => {\n OperatorRegion.getRegion(item.id).then(modalOptions => {\n this.setState({ modalOptions, modalTitle: \"Edit Operator Region\", modalOpen: true })\n })\n })\n }\n\n render() {\n return (\n \n \n \n \n this.setState({ modalOpen: false })} onSave={this.saveRegion} />\n \n \n \n
\n );\n }\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n operators: state.operators.filter(x => x.value !== -1),\n logIn: state.logIn\n }\n}\n\nexport default connect(mapStateToProps, { fetchOperators, showSuccessAlert })(OperatorRegions);\n","import { fetchOperators, getNewOperator, getOperatorOptions, updateOperator } from '@actions/index.js';\nimport { showSuccessAlert } from '@actions/modals';\nimport { getCalender } from '@api/settings.js';\nimport DataGrid from '@shared/DataGrid.js';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, Grid, Header, Icon, Menu } from 'semantic-ui-react';\nimport BaseSettings from './BaseSettings';\nimport OptionsList from './OptionsList';\n\nclass OperatorSettings extends BaseSettings {\n\n constructor(props) {\n super(props)\n this.state = {\n ...this.state, // spread in parent's state\n selectedOptions: [],\n selectedOperator: { id: null, subTypes: [] },\n calendarDetails: { headerDef: [], data: [], rowDef: [] },\n loading: false\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.selectedOperator !== this.props.selectedOperator && this.props.selectedOperator !== null) {\n this.handleOperatorSelect(this.props.selectedOperator)\n }\n }\n\n handleOperatorSelect = async (id) => {\n await this.setState({ loading: true })\n await getOperatorOptions(id).then(\n subTypes => {\n const selectedOperator = { id, subTypes }\n const activeMenu = subTypes[0];\n this.setState({ selectedOperator, activeMenu, loading: false });\n },\n () => this.setState({ loading: false })\n )\n }\n\n handleSave = async () => {\n const changed = this.getChanged();\n await this.setState({ loading: true })\n const callback = () => this.setState({ loading: false });\n updateOperator(this.state.selectedOperator.id, changed).then(\n id => {\n this.props.fetchOperators().then(() => {\n this.setState({ changed: [] }, () => {\n this.props.showSuccessAlert(`Your changes were saved successfully.`);\n this.handleOperatorSelect(this.state.selectedOperator.id).then(\n () => {\n this.props.onOperatorChange(null, { value: id });\n this.setState({ loading: false });\n },\n callback\n )\n });\n })\n },\n callback\n );\n }\n\n onNewOperatorClick = () => {\n getNewOperator().then(subTypes => {\n this.setState({ selectedOperator: { id: 0, subTypes } });\n })\n }\n\n getSelectedOptions = () => {\n const subType = this.state.selectedOperator.subTypes.find(x => x.id === this.state.activeMenu.id)\n return subType ? this.mapChanged(subType.profileData) : []\n }\n\n onCalendarRowClick = row => {\n const operatorId = this.state.selectedOperator.id;\n const { year } = row;\n\n getCalender(operatorId, year).then(response => {\n this.setState({ calendarDetails: response })\n })\n\n }\n\n render() {\n const { activeMenu, calendarDetails } = this.state;\n const calendarData = activeMenu.calendarData || { data: [], headerDef: [], rowDef: [] };\n\n return (\n \n
\n - \n {this.state.regions.map(item =>
\n \n
\n \n \n \n \n \n\n {!this.state.activeMenu.isCalendar ?\n \n \n :\n \n \n }\n \n {(this.props.logIn.optionAllowNewOperator || this.props.logIn.optionAllowEditOperator) &&\n \n \n {this.props.logIn.optionAllowNewOperator && \n }\n \n \n {(this.props.logIn.optionAllowEditOperator && !this.state.activeMenu.isCalendar) && }\n \n \n }\n \n
\n );\n }\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n operators: state.operators.filter(x => x.value !== -1),\n logIn: state.logIn\n }\n}\n\nexport default connect(mapStateToProps, { fetchOperators, showSuccessAlert })(OperatorSettings);\n","import { fetchOperators } from '@actions/index.js';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Tab } from 'semantic-ui-react';\nimport Filters from './Filters';\nimport OperatorRegions from './OperatorRegions';\nimport OperatorSettings from './OperatorSettings';\n\nclass Operators extends React.Component {\n\n state = {\n activeIndex: 0,\n selectedOperator: null\n }\n\n handleTabChange = (e, { activeIndex }) => {\n this.setState({ activeIndex })\n }\n\n componentDidMount() {\n if (this.props.operators.length === 1) {\n this.setState({ selectedOperator: this.props.operators[0].key })\n }\n }\n\n getPanes = () => {\n return [\n {\n key: \"Settings\",\n menuItem: 'Settings',\n pane: \n \n
\n \n {this.state.selectedOperator.id === 0 && \"New Profile - \"}{this.state.activeMenu.name} \n
\n \n \n \n \n {this.state.selectedOperator.id === 0 && \"New Profile - \"}{this.state.activeMenu.name} \n \n \n \n 0 ? 11 : 16} className=\"gs-flex-container-vertical\">\n \n {calendarDetails.data.length > 0 &&\n \n { }}\n fullHeight\n />\n \n }\n \n \n
\n \n
\n );\n }\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n operators: state.operators.filter(x => x.value !== -1),\n logIn: state.logIn\n }\n}\n\nexport default connect(mapStateToProps, { fetchOperators })(Operators);\n\n","import { checkForUpdates, fetchOrganisations, fetchSearchTerms, fetchSettingsFilters, getCompany, getNewCompany, getNewRegion, getNewSite, getSite, getSubCompany, updateCompany, updateRegion, updateSite } from '@actions/index.js';\nimport { showSuccessAlert } from '@actions/modals';\nimport OrgTreeButton from '@buttons/OrgTreeButton.js';\nimport OptionsModal from '@modals/OptionsModal';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, Form, Grid, Header, Icon } from 'semantic-ui-react';\nimport BaseSettings from './BaseSettings.js';\nimport OptionsList from './OptionsList.js';\n\nclass Organisation extends BaseSettings {\n\n state = {\n options: [],\n title: \"\",\n companyId: null,\n subcompanyId: null,\n siteId: null,\n changed: [],\n saveFunction: () => { },\n modalOpen: false,\n modalOptions: [],\n modalTitle: \"\",\n modalSaveFunction: () => { },\n loading: false\n };\n\n handleRefresh = async () => {\n\n await this.setState({ loading: true })\n\n const companyId = this.props.filters.filterSelected.company.id\n const subcompanyId = this.props.filters.filterSelected.subcompany.id\n const siteId = this.props.filters.filterSelected.site.id\n const operatorId = this.props.filters.filterSelected.operator\n\n let saveFunction = () => updateSite(operatorId, companyId, subcompanyId, siteId, this.getChanged())\n\n const callback = (options) => {\n this.setState({ options, companyId, subcompanyId, siteId, operatorId, saveFunction, loading: false })\n }\n\n try {\n if (siteId) {\n await getSite(siteId).then(callback)\n this.setState({ title: \"Site Details\" })\n } else {\n if (subcompanyId) {\n saveFunction = () => updateRegion(operatorId, companyId, subcompanyId, this.getChanged())\n await getSubCompany(subcompanyId).then(callback)\n this.setState({ title: \"Operator Region Details\" })\n } else {\n saveFunction = () => updateCompany(operatorId, companyId, this.getChanged())\n await getCompany(companyId).then(callback)\n this.setState({ title: \"Company Details\" })\n }\n }\n } catch (err) {\n this.setState({ loading: false })\n }\n\n }\n\n handleChangeValue = async (option, value) => {\n const changed = [...this.state.changed].filter(x => x.code !== option.code)\n changed.push({ ...option, value })\n const options = [...this.state.options]\n const index = options.findIndex(item => item.code === option.code)\n options[index] = option\n this.setState({ options, changed })\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (checkForUpdates(prevProps.filters, this.props.filters)) {\n this.handleRefresh();\n }\n }\n\n createNewSite = () => {\n const { operatorId, companyId, subcompanyId } = this.state\n getNewSite(operatorId, companyId, subcompanyId).then(modalOptions => {\n this.setState({ modalSaveFunction: this.saveNewSite, modalOptions, modalTitle: \"New Site\", modalOpen: true })\n });\n }\n\n createNewRegion = () => {\n const { operatorId, companyId } = this.state\n getNewRegion(operatorId, companyId).then(modalOptions => {\n this.setState({ modalSaveFunction: this.saveNewRegion, modalOptions, modalTitle: \"New Operator Region\", modalOpen: true })\n });\n }\n\n createNewCompany = () => {\n const { operator } = this.props.filters.filterSelected\n getNewCompany(operator).then(modalOptions => {\n this.setState({ modalSaveFunction: this.saveNewCompany, modalOptions, modalTitle: \"New Company\", modalOpen: true })\n });\n }\n\n handleSave = () => {\n const catchFunction = () => this.setState({ loading: false });\n\n this.setState({ loading: true }, () => {\n this.state.saveFunction().then(() => {\n fetchOrganisations(this.props.filters, true).then(result => {\n this.props.fetchSettingsFilters({ ...result }).then(() => this.setState({ loading: false, changed: [] }, () => this.props.showSuccessAlert('Changes saved successfully!')));\n }).catch(catchFunction)\n }).catch(catchFunction)\n })\n }\n\n saveNewCompany = async (options) => {\n const { operator } = this.props.filters.filterSelected\n await updateCompany(operator, 0, options).then(newCompany => {\n fetchOrganisations(this.props.filters, true).then(result => {\n const company = result.organisations.find(x => x.id === newCompany) || { id: null }\n const data = { ...result, filterSelected: { ...this.props.filters.filterSelected, ...{ company } } }\n this.props.fetchSettingsFilters(data).then(() => this.setState({ modalOpen: false }, () => this.props.showSuccessAlert(`New company successfully created.`)))\n });\n })\n }\n\n saveNewSite = async (options) => {\n const { operatorId, companyId, subcompanyId } = this.state\n await updateSite(operatorId, companyId, subcompanyId, 0, options).then(newSite => {\n fetchOrganisations(this.props.filters, true).then(result => {\n const organisation = result.organisations.find(x => x.id === companyId) || { id: null };\n const subCompany = organisation.subCompanies.find(x => x.id === subcompanyId) || { id: null };\n const site = subCompany.sites.find(x => x.id === newSite)\n const data = { ...result, filterSelected: { ...this.props.filters.filterSelected, ...{ site } } }\n this.props.fetchSettingsFilters(data).then(() => this.setState({ modalOpen: false }, () => this.props.showSuccessAlert(`New site successfully created.`)))\n })\n })\n }\n\n saveNewRegion = async (options) => {\n const { operatorId, companyId } = this.state\n await updateRegion(operatorId, companyId, 0, options).then(newRegion => {\n fetchOrganisations(this.props.filters, true).then(result => {\n const organisation = result.organisations.find(x => x.id === companyId) || { id: null }\n const subcompany = organisation.subCompanies.find(x => x.id === newRegion) || { id: null };\n const data = { ...result, filterSelected: { ...this.props.filters.filterSelected, ...{ subcompany } } }\n this.props.fetchSettingsFilters(data).then(() => {\n this.setState({ modalOpen: false }, () => this.props.showSuccessAlert(`New sub company successfully created.`))\n });\n })\n })\n }\n\n render() {\n\n const { operator } = this.props.filters.filterSelected;\n const { showOrgTree } = this.props.filters;\n\n return (\n \n {this.state.title} \n
\n \n\n \n
\n\n )\n }\n
\n )\n }\n}\n\nexport default ComplianceTable;","import { COMPLIANCE_SUMMARY_TAB_KEY } from '@reducers/complianceSummaryReducer';\nimport GuardianClient from '@common/api/GuardianClient';\n\n\nexport const setKiosk = (data) => async dispatch => {\n dispatch({ type: 'KIOSK_VIEW', payload: data });\n};\n\n// import cpAxios from '@api/cpaxios';\n\nexport const fetchComplianceMetadata = () => async (dispatch) => {\n const response = await GuardianClient.get(`Configuration/Metadata`);\n dispatch({ type: \"FETCH_COMPLIANCE_METADATA\", payload: response });\n}\n\nexport const clearComplianceMetadata = () => dispatch => {\n \n dispatch({ type: \"FETCH_COMPLIANCE_METADATA\", payload: [] });\n}\nexport const clearComplianceRecords = () => dispatch => {\n \n dispatch({ type: \"FETCH_COMPLIANCE_REC\", payload: { } })\n}\n\nexport const fetchComplianceModel = (activeModule) => async (dispatch) => {\n const response = await GuardianClient.get(`${activeModule}/Create`);\n dispatch({ type: \"FETCH_COMPLIANCE_MODEL\", payload: response });\n}\n\nexport const fetchComplianceRecords = (activeModule) => async (dispatch) => {\n const response = await GuardianClient.post(`${activeModule}/Search`, {});\n const data = await Promise.all(response.data.map(async data => {\n const { name, ...rest } = await GuardianClient.get(`${activeModule}/Read?id=${data.id}`);\n return name ? { name, ...rest } : rest\n }))\n dispatch({ type: \"FETCH_COMPLIANCE_REC\", payload: { data } })\n}\n\nexport const updateCompliance = async (activeModule, data) => {\n const originData = await GuardianClient.get(`${activeModule}/Read?id=${data.id}`);\n const response = await GuardianClient.post(`${activeModule}/Update`, { ...originData, ...data });\n return response;\n}\n\nexport const deleteCompliance = async (activeModule, id) => {\n const response = await GuardianClient.get(`${activeModule}/Delete?id=${id}`, {});\n return response;\n}\n\nexport const createCompliance = async (activeModule, data) => {\n const response = await GuardianClient.post(`${activeModule}/Create`, data);\n return response;\n}\n\nexport const getSelectedModuleData = async (activeModule, id) => {\n const response = await GuardianClient.get(`${activeModule}/Read?id=${id}`);\n return response;\n}\nexport const fetchCustomerConfig = () => async (dispatch) => {\n const response = await GuardianClient.get(`CustomerConfiguration/Read?id=1`);\n\n dispatch({ type: \"FETCH_COMPLIANCE_CUSTOMER_CONFIG\", payload: response })\n}\n\nexport const updateCustomerConfig = (data) => async(dispatch) => {\n const response = await GuardianClient.post(`CustomerConfiguration/Update`, data);\n dispatch({ type: \"FETCH_COMPLIANCE_CUSTOMER_CONFIG\", payload: response })\n}","import { Header, Radio, Select } from 'semantic-ui-react';\nimport SelectOperator from '@shared/SelectOperator';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport {\n fetchComplianceMetadata,\n fetchComplianceModel,\n fetchComplianceRecords,\n updateCompliance,\n deleteCompliance,\n createCompliance,\n fetchCustomerConfig,\n updateCustomerConfig,\n clearComplianceMetadata,\n clearComplianceRecords\n} from '@actions/compliance'\nimport ComplianceTable from './ComplianceTable';\nimport { confirmModal } from \"@actions/modals\";\nimport AuthenticationClient from \"@common/api/AuthenticationClient\";\nimport { epochInSeconds } from \"@common/components/helpers/datetime\";\n\nconst mapLabelNames = (label) => {\n if (label == \"Event Type\") {\n return \"Event Configuration\"\n }\n return label\n .replace(/Type$/i, \"\") // Remove \"Type\" if it appears at the end\n .replace(/([a-z])([A-Z])/g, \"$1 $2\") // Add space between camel case words\n .trim();\n}\nclass Compliance extends React.Component {\n state = {\n activeIndex: 0,\n selectedDataField: null,\n selectedEventType: null,\n loading: false,\n canAdd: true,\n canDelete: true,\n dataFields: [],\n selectedOperator: null,\n customerConfig: this.props.customerConfig\n }\n // componentDidMount() {\n // const { operators } = this.props;\n // if (operators.length === 1) {\n // this.fetchProfiles(operators[0].value);\n // }ue\n // }\n handleOperatorSelect = async (event, { value }) => {\n this.setState({ selectedOperator: value })\n await AuthenticationClient\n .SwitchTenant(value)\n .then(({ accessToken, refreshToken, expiresIn }) => {\n sessionStorage.setItem(\"accessToken\", accessToken)\n sessionStorage.setItem(\"refreshToken\", refreshToken);\n sessionStorage.setItem(\"tokenExpires\", epochInSeconds() + expiresIn);\n this.setState({ selectedDataField: null, selectedEventType: null })\n this.props.clearComplianceMetadata();\n this.props.clearComplianceRecords();\n this.props.fetchComplianceMetadata();\n });\n\n // this.fetchProfiles(data.value)\n }\n onSelectEventType = async (e, { value }) => {\n if (value && this.props.metadata) {\n const selectedEventType = this.props.complianceEvents.find(data => data.value == value);\n const datafields = this.props.metadata.filter(data => (data.parent == value || data.value == value));\n if (datafields.length == 0) {\n datafields.push({\n key: value,\n type: value,\n text: value,\n canAdd: selectedEventType.canAdd,\n canDelete: selectedEventType.canDelete,\n isReadOnly: selectedEventType.isReadOnly,\n })\n }\n\n this.setState({ selectedEventType: value, dataFields: datafields, selectedDataField: datafields[0].type, loading: true, canAdd: datafields[0].canAdd, canDelete: datafields[0].canDelete });\n if (datafields[0].canAdd) {\n try {\n this.props.clearComplianceRecords();\n await this.props.fetchComplianceModel(datafields[0].value);\n } catch (e) {\n console.log(e)\n }\n }\n this.setState({ loading: false })\n await this.props.fetchComplianceRecords(datafields[0].value);\n }\n }\n\n\n onSelectDataField = async (e, { value }) => {\n const selectedEntry = this.state.dataFields.find(data => data.value == value);\n if (selectedEntry) {\n\n this.setState({ selectedDataField: value, loading: true, canAdd: selectedEntry.canAdd, canDelete: selectedEntry.canDelete });\n this.props.clearComplianceRecords();\n if (selectedEntry.canAdd && selectedEntry.isDisabled) {\n\n await this.props.fetchComplianceModel(selectedEntry.value);\n }\n this.setState({ loading: false })\n await this.props.fetchComplianceRecords(selectedEntry.value);\n }\n }\n\n async componentDidMount() {\n this.props.fetchComplianceMetadata();\n this.props.fetchCustomerConfig();\n if ( this.props.operators && this.props.operators.length == 1 ) {\n console.log('operator selected')\n this.setState({ selectedOperator: this.props.operators[0].value })\n await AuthenticationClient\n .SwitchTenant(this.props.operators[0].value)\n .then(({ accessToken, refreshToken, expiresIn }) => {\n sessionStorage.setItem(\"accessToken\", accessToken)\n sessionStorage.setItem(\"refreshToken\", refreshToken);\n sessionStorage.setItem(\"tokenExpires\", epochInSeconds() + expiresIn);\n this.setState({ selectedDataField: null, selectedEventType: null })\n this.props.clearComplianceMetadata();\n this.props.clearComplianceRecords();\n this.props.fetchComplianceMetadata();\n });\n \n }\n }\n\n onSave = async (data) => {\n if (data.id == null && data.id == undefined) {\n await createCompliance(this.state.selectedDataField, data);\n } else {\n await updateCompliance(this.state.selectedDataField, data);\n }\n this.props.fetchComplianceRecords(this.state.selectedDataField);\n }\n\n onDelete = async (id) => {\n const callback = async () => {\n await deleteCompliance(this.state.selectedDataField, id);\n await this.props.fetchComplianceRecords(this.state.selectedDataField);\n };\n\n this.props.confirmModal(\n \"Are you sure you want to delete the entry?\",\n true,\n callback,\n () => {\n this.props.confirmModal(\"\", false);\n },\n true\n );\n\n }\n\n async componentDidUpdate(props) {\n if (this.props.customerConfig != props.customerConfig) {\n this.setState({ customerConfig: this.props.customerConfig })\n }\n \n }\n\n handleToggleChange = (e, { name, checked }) => {\n this.setState({ customerConfig: { ...this.state.customerConfig, [name]: checked } });\n this.props.updateCustomerConfig({ ...this.state.customerConfig, [name]: checked });\n }\n\n render() {\n console.log(this.state.customerConfig, this.state.selectedDataField, 'customerCOnfig')\n return (\n \n \n \n \n
\n {this.props.data && (\n\n \n Compliance configuration \n
\n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n metadata: state.complianceMetadata.map(data => ({ key: data.type, value: data.type, text: mapLabelNames(data.name), ...data })),\n complianceModel: state.complianceModel,\n customerConfig: state.compliceCustomerConfig,\n activeComplianceModule: state.activeComplianceModule,\n complianceRecords: state.complianceRecords.data,\n complianceEvents: state.complianceMetadata\n ?.filter(data => data.parent === \"Event\")\n .map(data => ({ value: data.type, text: data.name, ...data }))\n .concat([...state.complianceMetadata\n ?.filter(data => data.parent != \"Event\" && data.parent != \"Compliance\")\n .map(data => ({ value: data.parent, text: data.parent }))\n ?.filter((item, index, arr) => arr.findIndex(_item => _item.value == item.value) == index)\n ]).map(data => ({ ...data, text: mapLabelNames(data.text) })),\n operators: state.operators.filter(x => x.value !== -1),\n }\n}\n\nexport default connect(mapStateToProps,\n {\n fetchComplianceMetadata,\n fetchComplianceModel,\n fetchComplianceRecords,\n fetchCustomerConfig,\n confirmModal,\n updateCustomerConfig,\n clearComplianceMetadata,\n clearComplianceRecords,\n }\n)(Compliance);","import { fetchOperatorProfiles, fetchProfile, newProfile, updateSettingsProfile } from '@actions/index';\nimport { showSuccessAlert } from '@actions/modals';\nimport BaseSettings from '@components/systemAdmin/BaseSettings';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, Grid, Header, Icon, Menu } from 'semantic-ui-react';\nimport Filters from './Filters';\nimport OptionsList from './OptionsList';\n\nclass SystemSettings extends BaseSettings {\n\n constructor() {\n super()\n this.state = {\n ...this.state, // spread in parent's state\n selectedProfile: { profileId: null, subTypes: [], profileData: [], baseProfileId: 0 },\n profileModalOpen: false,\n profiles: [],\n defaultProfile: false,\n loading: false,\n selectedOperator: null,\n };\n }\n\n getSelectedOptions = () => {\n const subType = this.state.selectedProfile.subTypes.find(x => x.id === this.state.activeMenu.id)\n return this.mapChanged(subType.profileData);\n }\n\n componentDidMount() {\n const { operators } = this.props;\n if (operators.length === 1) {\n this.fetchProfiles(operators[0].value);\n }\n }\n\n handleOperatorSelect = (event, data) => {\n this.fetchProfiles(data.value)\n }\n\n handleProfileSelect = async (event, data) => {\n const selected = this.state.profiles.find(profile => profile.value === data.value);\n const callback = () => this.setState({ loading: false })\n await this.setState({ loading: true });\n await this.updateProfile(this.state.selectedOperator, selected.value).then(\n callback,\n callback\n )\n\n }\n\n fetchProfiles = (selectedOperator) => {\n fetchOperatorProfiles(selectedOperator).then(profiles => {\n fetchProfile(selectedOperator, -1).then(selectedProfile => {\n const item = selectedProfile.subTypes[0];\n this.setState({ selectedOperator, profiles, selectedProfile, defaultProfile: selectedProfile.isDefault, activeMenu: item });\n });\n });\n }\n\n\n updateProfile = async (operator, profile, defaultTab = true) => {\n await fetchProfile(operator, profile).then(async selectedProfile => {\n const activeMenu = defaultTab ? selectedProfile.subTypes[0] : this.state.activeMenu;\n await this.setState({ selectedProfile, defaultProfile: selectedProfile.isDefault, changed: [], activeMenu })\n });\n }\n\n handleNewProfile = async (profileName) => {\n const { selectedOperator } = this.state\n newProfile(this.state.selectedProfile.profileId, profileName).then(selectedProfile => {\n fetchOperatorProfiles(selectedOperator).then(profiles => {\n this.setState(\n { profileModalOpen: false, profiles },\n () => {\n this.updateProfile(selectedOperator, selectedProfile.profileId);\n this.props.showSuccessAlert(`New profile successfully created.`)\n });\n })\n })\n }\n\n handleDefaultChange = () => {\n this.setState({ defaultProfile: !this.state.defaultProfile })\n }\n\n\n handleProfileNameChange = (event, { value }) => {\n this.setState({ selectedProfile: { ...this.state.selectedProfile, ...{ profileName: value } } })\n }\n\n handleSave = () => {\n\n const changed = this.getChanged();\n\n updateSettingsProfile(this.state.selectedOperator, this.state.selectedProfile.profileId, this.state.selectedProfile.baseProfileId, changed).then(id => {\n this.setState({ changed: [] }, () => {\n const profileId = this.state.selectedProfile.profileId === 0 ? id : this.state.selectedProfile.profileId;\n fetchOperatorProfiles(this.state.selectedOperator).then(profiles => {\n this.setState({ profiles }, () => {\n this.updateProfile(this.state.selectedOperator, profileId, false).then(() => this.props.showSuccessAlert(`Your changes were saved successfully.`))\n })\n })\n })\n })\n }\n\n onNewProfileClick = () => {\n newProfile(this.state.selectedOperator, this.state.selectedProfile.profileId).then(result => {\n const selectedProfile = { ...result, baseProfileId: this.state.selectedProfile.profileId }\n const activeMenu = selectedProfile.subTypes[0];\n this.setState({ selectedProfile, defaultProfile: selectedProfile.isDefault, changed: [], activeMenu })\n });\n }\n\n render() {\n\n const menuItems = this.getMenuItems(this.state.selectedProfile.subTypes);\n\n return (\n \n
\n {this.state.selectedOperator && (\n <>\n \n \n
\n {this.state.selectedOperator && (\n <>\n \n \n \n )}\n \n {this.state.selectedEventType == \"Customer Profile\" && Object.keys(this.props.customerConfig).includes(`has${this.state.selectedDataField}`) && (\n
\n \n
\n )}\n Display attribute type on Customer Profile
\n\n \n \n \n \n \n {this.state.selectedProfile.profileId !== null &&\n \n \n \n \n \n \n \n \n \n {this.props.logIn.optionAllowNewSystemSettingProfile && }\n \n \n {this.props.logIn.optionAllowSaveSystemSettingProfile && }\n \n \n \n }\n \n
\n );\n }\n};\n\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n operators: state.operators.filter(x => x.value !== -1),\n logIn: state.logIn\n }\n}\n\nexport default connect(mapStateToProps, { showSuccessAlert })(SystemSettings);","import { emptySettingsSection, fetchSettingsFilters } from '@actions/index';\nimport OpeningHours from '@components/systemAdmin/OpeningHours';\nimport Operators from '@components/systemAdmin/Operators';\nimport Organisation from '@components/systemAdmin/Organisation';\nimport Compliance from '@components/systemAdmin/Compliance';\nimport SystemSettings from '@components/systemAdmin/SystemSettings';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Tab } from 'semantic-ui-react';\nclass SystemAdminView extends React.Component {\n\n state = {\n activeIndex: 0\n }\n\n componentDidMount = () => {\n this.props.fetchSettingsFilters({ showOrgTree: false });\n }\n\n componentWillUnmount = () => {\n this.props.emptySettingsSection();\n }\n\n componentDidUpdate() {\n const panes = this.getPanes();\n if (panes[this.state.activeIndex].key === \"Organisation\") {\n this.props.fetchSettingsFilters({ showOrgTree: true });\n } else {\n this.props.fetchSettingsFilters({ showOrgTree: false });\n }\n }\n\n handleTabChange = (e, { activeIndex }) => {\n const panes = this.getPanes();\n if (panes[activeIndex].key === \"Organisation\") {\n this.props.fetchSettingsFilters({ showOrgTree: true });\n } else {\n this.props.fetchSettingsFilters({ showOrgTree: false });\n }\n this.setState({ activeIndex })\n }\n\n getPanes = () => {\n return [\n {\n key: \"Operators\",\n menuItem: 'Operators',\n pane: \n \n
\n \n {this.state.selectedProfile.profileId === 0 && \"New Profile - \"}{this.state.activeMenu.name} \n
\n \n
\n );\n }\n};\n\nexport default connect(null, { fetchSettingsFilters, emptySettingsSection })(SystemAdminView);\n","import { prepareFilter } from '@actions';\nimport prepareDetails from '@helpers/prepareDetails';\nimport axios from '@common/api/desktop/axios';\n\nclass Transactions {\n\n getTickets = async (useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber) => {\n const response = await axios.put(`transactions/byOrg/filter/tickets`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber));\n return response.data;\n }\n\n getTicketsSummary = async (useCollectionWeek, searchParams, filterSelected, filterData, Details) => {\n const response = await axios.put(`transactions/byOrg/summary/tickets`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details));\n return response.data;\n }\n\n getLiability = async (useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber) => {\n const response = await axios.put(`Transactions/byOrg/filter/liabilities`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber));\n return response.data;\n }\n\n getLiabilitySummary = async (useCollectionWeek, searchParams, filterSelected, filterData, Details) => {\n const response = await axios.put(`Transactions/byOrg/summary/liabilities`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details));\n return response.data;\n }\n\n getKiosk = async (useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber) => {\n const response = await axios.put(`Transactions/byOrg/filter/transactions`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber));\n return response.data;\n }\n\n getKioskSummary = async (useCollectionWeek, searchParams, filterSelected, filterData, Details) => {\n const response = await axios.put(`Transactions/byOrg/summary/transactions`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details));\n return response.data;\n }\n\n getTicketsExport = async (useCollectionWeek, searchParams, filterSelected, filterData, Details) => {\n const response = await axios.put(`Transactions/export/tickets`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details), { responseType: 'arraybuffer' });\n return response;\n }\n\n getKioskExport = async (useCollectionWeek, searchParams, filterSelected, filterData, Details) => {\n const response = await axios.put(`Transactions/export/transactions`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details), { responseType: 'arraybuffer' });\n return response;\n }\n\n getLiabilityExport = async (useCollectionWeek, searchParams, filterSelected, filterData, Details) => {\n const response = await axios.put(`Transactions/export/liabilities`, this.prepareData(useCollectionWeek, searchParams, filterSelected, filterData, Details), { responseType: 'arraybuffer' });\n return response;\n }\n\n getFilterTypes = async () => {\n const response = await axios.get('Transactions/options/tickets/asset/filtertype');\n return response.data;\n }\n\n getFilterList = async (operatorId, siteId, type) => {\n const response = await axios.get(`Transactions/options/tickets/assets/filterlist/${operatorId},${siteId},${type}`);\n return response.data;\n }\n\n prepareData = (useCollectionWeek, searchParams, filterSelected, filterData, Details, pageNumber) => {\n const { operator, company, subcompany, site } = filterSelected;\n return {\n // Search params\n StartDate: searchParams.startDate,\n EndDate: searchParams.endDate,\n IncludeEvents: searchParams.includeEvents || false,\n SessionId: parseInt(searchParams.sessionId) || -1,\n TransactionRef: searchParams.transactionRef || \"#\",\n AssetNo: searchParams.assetNo || \"#\",\n PlayerId: searchParams.playerId || \"#\",\n pageNumber,\n UserName: searchParams.username || \"#\",\n collectionWeek: useCollectionWeek === 3 ? searchParams.week : null,\n useCurrentWeek: useCollectionWeek === 1 ? true : false,\n TicketSerial: searchParams.ticketSerial,\n filterType: searchParams.selectedFilterType.toString(),\n filterValue: searchParams.selectedFilterValue.toString(),\n\n // Selected company etc from the org tree\n OperatorId: operator,\n CompanyId: company.id || -1,\n SubCompanyId: subcompany.id || -1,\n SiteId: site.id || -1,\n\n // Selected filters from the org tree\n OperatorRegions: prepareFilter(filterSelected.regions, filterData.regions),\n Manufacturers: prepareFilter(filterSelected.manufacturer, filterData.manufacturer),\n GameNames: prepareFilter(filterSelected.game, filterData.game),\n Categories: prepareFilter(filterSelected.machinetypes, filterData.machinetypes),\n\n // Filters from the summary;\n Details: prepareDetails(Details),\n }\n }\n\n}\n\nconst transactions = new Transactions();\nexport default transactions;\n","import SessionDetailsModal from '@common/components/modals/SessionDetailsModal';\nimport DataGrid from '@shared/DataGrid';\nimport React, { Component } from 'react';\nimport { Grid, Pagination } from 'semantic-ui-react';\n\nclass BaseTab extends Component {\n\n state = {\n sessionId: null,\n modalOpen: false\n }\n\n handleClose = () => this.setState({ modalOpen: false })\n\n onPageChange = (event, { activePage }) => this.props.onPageChange(activePage);\n\n handleOptionChange = (option, value) => {\n const { summary } = this.props.data;\n const data = [...summary.data];\n\n data.forEach((row, rowIndex) => {\n row.cellData.forEach((cell, cellIndex) => {\n if (cell.data.code === option.code) {\n data[rowIndex].cellData[cellIndex] = { ...data[rowIndex].cellData[cellIndex], data: { ...option } }\n }\n })\n })\n\n this.props.onOptionChange({ ...summary, data })\n }\n\n onRowClick = activeRow => {\n if (activeRow.sessionId) {\n this.setState({ sessionId: activeRow.sessionId, modalOpen: true });\n }\n }\n\n render() {\n const { hasSelection } = this.props.filters;\n const showSummary = this.props.view.showSummary && hasSelection;\n const { summary, grid, loading } = this.props.data;\n const { prefix } = this.props;\n\n const tablet = 6;\n const computer = 6;\n const largeScreen = 5;\n const wideScreen = 4;\n\n return (\n \n
\n \n this.props.fetchTransactionsFilters({ showOrgTree: !showOrgTree })}\n />\n this.props.setTransactionsView({ showSummary: !showSummary })}\n active={showSummary}\n />\n
\n \n
\n \n
\n )\n}\n\nconst ProfileTabs = (props) => {\n const panes = [\n {\n menuItem: 'CMS',\n pane: \n
\n - \n {this.state.profiles.map(profile => {\n return (
\n this.handleChangeValue('header', option, value)} />\n
\n }\n \n User System Access Profile - {props.profileName} \n
\n )\n}\n\nexport default SystemAccess;","import { fetchSecurityUser, fetchSecurityUsers, fetchUserAccessProfile, fetchUserAccessProfiles, getSecurityUser, resetUserPassword, updateSecurityUser } from '@actions/index';\nimport { showSuccessAlert } from '@actions/modals';\nimport OperatorRegion from '@api/operatorRegion';\nimport BaseSettings from '@components/systemAdmin/BaseSettings';\nimport Filters from '@components/systemAdmin/Filters';\nimport OptionsList from '@components/systemAdmin/OptionsList';\nimport SelectProfile from '@components/systemAdmin/SelectProfile';\nimport buildTree from '@helpers/buildTree';\nimport OptionsModal from '@modals/OptionsModal';\nimport DataGrid from '@shared/DataGrid';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Accordion, Button, Grid, Header, Icon, List, Tab } from 'semantic-ui-react';\nimport SystemAccess from './SystemAccess';\n\nclass UserAccounts extends BaseSettings {\n\n defaultUser = { profileData: [] }\n defaultProfile = { profileId: null, profileData: [] }\n\n state = {\n activeIndex: 0,\n loading: false,\n dataAccess: 1,\n selectedOperator: null,\n profiles: [],\n activeUser: this.defaultUser,\n search: \"\",\n selectedProfile: this.defaultProfile,\n userAccessProfiles: [],\n modalOpen: false,\n modalTitle: \"\",\n modalOptions: [],\n changed: [],\n profileChanged: false,\n operatorRegions: [],\n orgGrid: { data: [], headerDef: [], rowDef: [] },\n orgTree: [],\n orgTreeSelection: null,\n dataAccessChanged: [],\n orgGridSelections: [],\n operatorCustomerChanged: false,\n selectedRow: null,\n showDataAccess: false,\n expanded: [],\n allExpanded: false,\n }\n\n componentDidMount() {\n const selectedOperator = this.props.operators.length === 1 ? this.props.operators[0].key : null;\n\n if (selectedOperator) {\n this.fetchAccessProfiles(selectedOperator)\n }\n\n this.setState({ selectedOperator });\n }\n\n\n handleDataAccessChangeValue = (option, value) => this.handleChangeValue(option, value, \"dataAccessChanged\")\n\n fetchAccessProfiles = (operator) => {\n fetchUserAccessProfiles(operator, this.state.search).then(userAccessProfiles => this.setState({ userAccessProfiles }));\n }\n\n handleOperatorSelect = (event, data) => {\n this.setState({ selectedOperator: data.value, profiles: [], activeUser: { ...this.defaultUser }, selectedProfile: { ...this.defaultProfile } }, () => this.fetchAccessProfiles(data.value))\n }\n\n handleClick = (user) => {\n this.setState({ expanded: [], allExpanded: false }, () => this.fetchUser(user.id, user.name))\n }\n\n fetchUser = async (id) => {\n\n const callback = () => this.setState({ loading: false })\n await this.setState({ loading: true });\n\n fetchSecurityUser(id).then(\n user => {\n const activeUser = { ...user, id }\n fetchUserAccessProfile(activeUser.userAccessProfile, false).then(\n selectedProfile => {\n const showDataAccess = user.optionDisplayDataAccess;\n this.setState({ activeUser, showDataAccess, orgTreeSelection: null, dataAccessChanged: [], orgGridSelections: [], operatorCustomerChanged: false, selectedProfile, loading: false }, () => this.fetchDataAccess(id));\n },\n callback\n );\n },\n callback\n );\n }\n\n fetchDataAccess = (id) => {\n OperatorRegion.getUserRegions(this.state.selectedOperator, id, this.state.dataAccess).then(result => {\n const operatorRegions = result.operatorRegions || this.state.operatorRegions;\n const orgGrid = result.orgGrid || this.state.orgGrid;\n const orgTree = result.orgTree ? buildTree(result.orgTree) : this.state.orgTree;\n this.setState({ operatorRegions, orgGrid, orgTree, orgTreeSelection: null, orgGridSelections: result.selections, dataAccessChanged: [], operatorCustomerChanged: false })\n });\n }\n\n handleSearch = async () => {\n await this.setState({ loading: true })\n const { selectedOperator, search } = this.state\n await fetchSecurityUsers(selectedOperator, search).then(\n profiles => this.setState({ profiles, selectedProfile: this.defaultProfile, activeUser: this.defaultUser, loading: false }),\n () => this.setState({ loading: false })\n )\n return true;\n }\n\n handleSearchChange = (event, { value }) => {\n this.setState({ search: value })\n }\n\n handleProfileSelect = (event, { value }) => {\n fetchUserAccessProfile(value, false).then(selectedProfile => {\n this.setState({ selectedProfile, profileChanged: true })\n });\n }\n\n handleOptionChange = (option, value) => {\n const changed = [...this.state.changed].filter(x => x.code !== option.code)\n changed.push({ ...option, value })\n const profileData = [...this.state.activeUser.profileData]\n const index = profileData.findIndex(item => item.code === option.code)\n profileData[index] = option\n this.setState({ activeUser: { ...this.state.activeUser, profileData }, changed }, () => {\n if (option.doRefresh) {\n this.handleSave(false)\n }\n })\n }\n\n handleSave = (complete = true) => {\n const activeUser = { ...this.state.activeUser }\n updateSecurityUser(activeUser.id, this.state.selectedOperator, this.state.selectedProfile.profileId, this.getChanged(), complete).then(response => {\n if (complete) {\n this.setState({ changed: [], profileChanged: false }, () => {\n this.handleSearch().then(() => {\n this.fetchUser(activeUser.id, activeUser.name)\n this.props.showSuccessAlert(`Your changes were saved successfully.`)\n })\n })\n } else {\n this.setState({ activeUser: { ...this.state.activeUser, profileData: response.profileData } })\n }\n })\n }\n\n handleNewUser = () => {\n getSecurityUser(this.state.selectedOperator, this.state.selectedProfile.profileId).then(response => {\n this.setState({ modalOptions: response.profileData, modalTitle: \"New User\", modalOpen: true })\n });\n }\n\n handleOptionsReload = async (changes, another, complete) => {\n this.saveNewUser(changes, another, complete)\n }\n\n saveNewUser = async (details, another, complete = true) => {\n await updateSecurityUser(0, this.state.selectedOperator, this.state.selectedProfile.profileId, details, complete).then(response => {\n if (complete) {\n this.handleSearch().then(() => {\n this.setState({ modalOpen: false }, () => {\n this.fetchUser(response)\n this.props.showSuccessAlert(`Your new user was successfully created`)\n })\n })\n } else {\n this.setState({ modalOptions: response.profileData })\n }\n })\n }\n\n handleResetPassword = () => {\n resetUserPassword(this.state.activeUser.userEmail).then(() => this.props.showSuccessAlert(`A reset password email has been sent to ${this.state.activeUser.userEmail}!`))\n }\n\n handleProfileClick = (profile) => {\n fetchUserAccessProfile(profile, false).then(selectedProfile => {\n this.setState({ selectedProfile, activeUser: { profileData: [] }, profileChanged: false })\n });\n }\n\n toggleCollapsed = (id) => {\n const expanded = [...this.state.expanded];\n const index = expanded.findIndex(x => x === id)\n\n if (index >= 0) {\n expanded.splice(index, 1);\n } else {\n expanded.push(id);\n }\n\n this.setState({ expanded })\n }\n\n renderTree = (item) => {\n let css = \"clickable text-normal\"\n\n if (this.state.orgTreeSelection === item) {\n css += \" treeActive\"\n }\n\n const isExpanded = this.state.expanded.includes(item.id);\n const iconName = isExpanded ? \"minus square outline\" : \"plus square outline\"\n\n return (\n \n \n {item.children.length > 0 && this.toggleCollapsed(item.id)} />}\n this.handleNodeClick(item)} className={css}>{item.name}\n \n {(item.children.length > 0 && isExpanded) &&\n \n \n {item.children.map(x => this.renderTree(x))}\n \n \n }\n
\n )\n }\n\n handleNodeClick = (orgTreeSelection) => this.setState({ orgTreeSelection })\n\n addNode = () => {\n let orgGridSelections = [...this.state.orgGridSelections];\n orgGridSelections.push(this.state.orgTreeSelection);\n\n this.setState({ orgGridSelections, operatorCustomerChanged: true }, () => {\n OperatorRegion.reloadList(this.state.selectedOperator, this.state.activeUser.id, this.state.orgGridSelections).then(orgGrid => this.setState({ orgGrid }))\n })\n }\n\n removeRow = () => {\n let orgGridSelections = [...this.state.orgGridSelections];\n orgGridSelections = orgGridSelections.filter(x => x.id !== this.state.selectedRow.id);\n\n this.setState({ orgGridSelections, operatorCustomerChanged: true }, () => {\n OperatorRegion.reloadList(this.state.selectedOperator, this.state.activeUser.id, this.state.orgGridSelections).then(orgGrid => this.setState({ orgGrid, selectedRow: null }))\n })\n }\n\n updateDataAccess = () => {\n const changed = this.state.dataAccess === 0 ? this.getChanged(\"dataAccessChanged\") : this.state.orgGridSelections;\n OperatorRegion.updateDataAccess(this.state.activeUser.id, this.state.dataAccess, changed).then(() => {\n this.fetchDataAccess(this.state.activeUser.id)\n this.props.showSuccessAlert(\"Data Access updated successfully!\")\n })\n }\n\n render() {\n const optionsPrefix = (\n \n
\n \n \n \n this.setState({ allExpanded: !this.state.allExpanded })} />\n { this.setState({ orgTreeSelection: { id: 0, name: \"All\", type: \"OP\" } }) }} className=\"clickable\">All\n \n {this.state.allExpanded &&\n \n \n {this.state.orgTree.map(x => this.renderTree(x))}\n \n \n }\n \n
\n \n
\n - \n {this.state.profiles.map(profile => {\n const css = this.state.selectedProfile.profileId === profile.id && !this.state.activeUser.profileData.length ? \"clickable active\" : \"clickable\";\n return (
\n
\n );\n }\n};\n\nexport default UserAdminView;\n","import ApiClient from \"@common/api/ApiClient\";\n\nclass ComplianceClient extends ApiClient {\n constructor() {\n super(\"Compliance\");\n this.setApiUrlKey(\"comp_api_url\");\n }\n\n getMetaData = async () => {\n const response = await this.get(\"Search\");\n const {\n status,\n selfExclusionTypes,\n eventTypes,\n incidentTypes,\n periods,\n processedQuarters,\n } = response;\n\n const selectedPeriod = periods[0]?.value;\n const selectedQuarter = processedQuarters[0]?.id;\n const selectedEventType = [...eventTypes.map((type) => type.id)];\n const selectedIncidentType = [...incidentTypes.map((type) => type.id)];\n const selectedStatuses = [...status.map((status) => status.id)];\n const selectedSelfExclusionType = [\n ...selfExclusionTypes.map((status) => status.id),\n ];\n\n return {\n ...response,\n selectedPeriod,\n selectedQuarter,\n selectedEventType,\n selectedIncidentType,\n selectedStatuses,\n selectedSelfExclusionType,\n };\n };\n\n getEventDetails = async (filters) => {\n console.log(filters);\n const {\n allNames,\n siteIds,\n startDate,\n endDate,\n selectedStatuses,\n selectedEventType,\n selectedIncidentType,\n selectedSelfExclusionType,\n activePage,\n returnCsv,\n } = filters;\n\n const payload = {\n allNames,\n dateCreatedFrom: `${startDate}T00:00:00`,\n dateCreatedTo: `${endDate}T23:59:59`,\n statusIds: selectedStatuses,\n eventTypeIds: selectedEventType.filter((x) => x !== 3 && x !== 5),\n incidentTypeIds: selectedIncidentType,\n selfExclusionTypeIds: selectedSelfExclusionType,\n siteIds,\n pageNumber: activePage,\n pageSize: 25,\n returnCsv,\n };\n\n return await returnCsv\n ? this.getFile(\"Search\", \"POST\", payload)\n : this.post(\"Search\", payload);\n };\n\n Process = async (id) => await this.get(`Process?organisationUnitId=${id}`);\n\n Delete = async (id) => await this.post(`Delete?id=${id}`, { id });\n\n Complete = async (quarter, year, organisationUnitId) =>\n await this.post(\"Process\", { year, quarter, organisationUnitId });\n\n SiteSummary = async (\n quarter,\n year,\n organisationUnitId,\n returnCsv = false,\n ) => {\n const payload = {\n year,\n quarter,\n organisationUnitId,\n returnCsv,\n };\n\n return returnCsv\n ? await this.getFile(\"SiteSummary\", \"POST\", payload)\n : await this.post(\"SiteSummary\", payload);\n };\n\n ReadForAuthorise = async (id) => {\n const { record } = await this.get(`Update?id=${id}`);\n return record;\n };\n\n Authorise = async (id, rowVersion) => {\n await this.post(`Authorise`, {\n id,\n rowVersion,\n comments: \"\",\n isAuthorised: true,\n });\n };\n}\n\nconst client = new ComplianceClient();\n\nexport default client;\n","export const toggleItemInArray = (array, item) =>\n array?.includes(item)\n ? [...array.filter((x) => x !== item)]\n : [...array, item];\n","import { useCallback } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { COMPLIANCE_SUMMARY_TAB_KEY } from \"../redux/reducers/complianceSummaryReducer\";\nimport AuthenticationClient from \"@common/api/AuthenticationClient\";\nimport { store } from '@store';\n\nexport default function useComplianceView() {\n const data = useSelector((state) => state.complianceSummaryTab);\n const dispatch = useDispatch();\n const { activeIndex, eventsGridLoading, filtersLoading } = data;\n const { hasSelection, filterSelected: { operator } } = useSelector((state) =>\n state.complianceFilters\n );\n\n const onOperatorChange = () => {\n if (!operator) {\n return;\n }\n AuthenticationClient.SwitchTenant(operator).then(({ accessToken }) =>\n sessionStorage.setItem(\"accessToken\", accessToken)\n );\n };\n\n\n const setViewData = (payload) => {\n dispatch({ type: COMPLIANCE_SUMMARY_TAB_KEY, payload });\n }\n\n const onTabChange = useCallback(\n (_e, { activeIndex }) => {\n setViewData({ activeIndex });\n const showOrgTree = activeIndex === 0;\n store.dispatch(async (dispatch) => dispatch({ type: \"FETCH_COMPLIANCE_FILTERS\", payload: { showOrgTree } }));\n },\n [setViewData, store],\n );\n\n const isLoading = eventsGridLoading ||\n filtersLoading /* graphLoading || gridLoading || */;\n\n return {\n ...data,\n operator,\n onOperatorChange,\n onTabChange,\n isLoading,\n activeIndex,\n hasSelection,\n setViewData,\n };\n}\n","import { useSelector } from \"react-redux\";\n\nfunction getCompanySites(company) {\n const sitesList = [];\n company.subCompanies.forEach(({ sites }) => {\n sites.forEach((site) => sitesList.push(site.id));\n });\n return sitesList;\n}\n\nfunction useOrganisationTreeSelections(stateKey) {\n const { filterSelected } = useSelector((state) => state[stateKey]);\n const { site, subcompany, company } = filterSelected;\n const siteCallback = (x) => x.id;\n\n if (site.id) {\n return [site.id];\n }\n\n if (subcompany.id) {\n return subcompany.sites.map(siteCallback);\n }\n\n if (company.id) {\n return getCompanySites(company);\n }\n\n return null;\n}\n\nexport default useOrganisationTreeSelections;\n","import ComplianceClient from \"@common/api/ComplianceClient\";\nimport { toggleItemInArray } from \"@common/components/helpers/arrays\";\nimport useComplianceView from \"./useComplianceView\";\nimport useOrganisationTreeSelections from \"@hooks/useOrganisationTreeSelections\";\n\nexport default function useComplianceSummaryFilters() {\n const { filters, hasSelection, setViewData } = useComplianceView();\n const {\n selectedEventType,\n selectedSelfExclusionType,\n selectedIncidentType,\n } = filters;\n\n const siteIds = useOrganisationTreeSelections(\"complianceFilters\");\n\n const onEventTypeChange = (id) =>\n onChange(null, {\n name: \"selectedEventType\",\n value: toggleItemInArray(selectedEventType, id),\n });\n const onIncidentTypeChange = (id) =>\n onChange(null, {\n name: \"selectedIncidentType\",\n value: toggleItemInArray(selectedIncidentType, id),\n });\n const onSelfExclusionTypeChange = (id) =>\n onChange(null, {\n name: \"selectedSelfExclusionType\",\n value: toggleItemInArray(selectedSelfExclusionType, id),\n });\n\n\n const onAllNamesChange = (_e, { name, value }) =>\n setViewData({ allNames: value });\n\n const onChange = (_e, { name, value }) =>\n setViewData({ filters: { ...filters, [name]: value } });\n\n const onPeriodChange = (startDate, endDate) =>\n setViewData({ filters: { ...filters, startDate, endDate } });\n\n const onPageChange = (_e, { activePage }) =>\n setViewData({ filters: { ...filters, activePage } });\n\n const getMetaData = () => {\n if (!hasSelection) {\n return;\n }\n\n ComplianceClient.getMetaData()\n .then((response) => {\n setViewData({ filters: { ...filters, ...response } });\n })\n .finally(() => setViewData({ filtersLoading: false }));\n };\n\n return {\n ...filters,\n siteIds,\n getMetaData,\n onChange,\n onPageChange,\n onPeriodChange,\n onEventTypeChange,\n onAllNamesChange,\n onIncidentTypeChange,\n onSelfExclusionTypeChange,\n };\n}\n","import AlertModalReducer from \"../reducers/AlertModalReducer\";\nimport BaseAction from \"./BaseAction\";\n\nclass AlertModalAction extends BaseAction {\n onClose = () => { };\n\n open = async (message, title = \"Error\", onClose = () => { }) => {\n this.onClose = onClose;\n this.dispatch({ open: true, message, title });\n };\n}\n\nconst action = new AlertModalAction(AlertModalReducer);\n\nexport default action;\n","import AlertModalAction from \"../../redux/actions/AlertModalAction\";\n\nconst logout = (idle = false) => {\n const deviceId = sessionStorage.getItem(\"deviceId\");\n\n const callback = () => {\n sessionStorage.removeItem(\"token\");\n sessionStorage.removeItem(\"accessToken\");\n\n if (idle) {\n AlertModalAction.open(\n \"You have been logged out due to inactivity, please log in again to continue using Guardian Mobile.\",\n \"Session Timeout\",\n () => {\n window.location = \"/?deviceid=\" + deviceId;\n },\n );\n } else {\n window.location = \"/?deviceid=\" + deviceId;\n }\n };\n\n};\n\nexport default logout;\n","import LoadingAction from \"@common/redux/actions/LoadingAction\";\nimport AlertModalAction from \"@common/redux/actions/AlertModalAction\";\nimport logOut from \"@common/components/helpers/logout\";\n\n/**\n * Generic Error Handler for failed API requests\n * @param {AxiosError} error\n */\n\nexport const handleError = (\n error,\n title = \"Error\",\n message =\n \"There was an error completing your request to the server, please try again.\",\n onClose = () => {},\n) => {\n if (error.response) {\n if (error.response.status === 401) {\n message =\n \"There was an error authenticating your login session, please login again.\";\n onClose = () => logOut();\n } else {\n if (\n typeof error.response.data === \"string\" &&\n error.response.data.length > 0\n ) {\n message = error.response.data;\n } else {\n if (\n error.response.data.detail && error.response.data.detail.length > 0\n ) {\n message = error.response.data.detail;\n }\n }\n }\n }\n\n const titleWithStatus = `${title}: ${error?.response?.status}`;\n\n LoadingAction.set(false).then(() =>\n AlertModalAction.open(\n message,\n titleWithStatus,\n error?.response?.status == 401\n ? () => window.location = \"/?expired=1\"\n : onClose,\n )\n );\n};\n","import LoginAction from \"@common/redux/actions/LoginAction\";\nimport { useSelector } from \"react-redux\";\n\nfunction useLogin() {\n return [\n useSelector((state) => LoginAction.getStatePath(state)),\n LoginAction.dispatch,\n ];\n}\n\nexport default useLogin;\n","import mime from \"mime-types\";\n\nexport const newFile = (data, fileName, contentType) => {\n const blob = new Blob([data], { type: contentType });\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n document.body.appendChild(a);\n a.style = \"display: none\";\n a.href = url;\n a.download = fileName;\n a.click();\n window.URL.revokeObjectURL(url);\n};\n\nexport const handleDownload = (response) => {\n const contentType = response.headers[\"content-type\"];\n const contentDisposition = response.headers[\"content-disposition\"];\n\n const extension = mime.extension(contentType) || \"pdf\";\n const name = contentDisposition.split(\"filename=\")[1].split(\";\")[0].replace(\n /^\"|\"$/g,\n \"\",\n ) || `Report.${extension}`;\n\n newFile(response.data, name, contentType);\n};\n","import ComplianceClient from \"@common/api/ComplianceClient\";\nimport useComplianceSummaryFilters from \"./useComplianceSummaryFilters\";\nimport useComplianceView from \"./useComplianceView\";\nimport { handleError } from \"@common/components/helpers/error\";\nimport useLogin from \"@common/components/hooks/useLogin\";\nimport { useCallback } from \"react\";\nimport { handleDownload } from \"@common/components/helpers/downloads\";\nimport { useSelector } from \"react-redux\";\nimport useOrganisationTreeSelections from \"./useOrganisationTreeSelections.js\";\n\nexport default function useEventDetailsGrid() {\n const {\n eventsGrid,\n operator,\n eventsGridLoading,\n setViewData,\n hasSelection,\n eventsGridActiveRow,\n } = useComplianceView();\n\n const { allNames, filters } = useSelector((state) =>\n state.complianceSummaryTab\n );\n\n const [{ isInReadMode }, dispatchLogin] = useLogin();\n const siteIds = useOrganisationTreeSelections(\"complianceFilters\");\n\n const onRowClick = useCallback(\n (eventsGridActiveRow) => {\n setViewData({ eventsGridActiveRow });\n dispatchLogin({ isInReadMode: true });\n },\n [setViewData],\n );\n\n const onRefresh = (returnCsv = false, keepActiveRow = true) => {\n if (!hasSelection || !operator || !isInReadMode) {\n return;\n }\n\n const onReturnGrid = ({ statusCounts, data, totalRecords }) => {\n setViewData({\n totalRecords,\n statusCounts,\n eventsGrid: data,\n eventsGridActiveRow: keepActiveRow\n ? data.find((x) => x.id === eventsGridActiveRow?.id)\n : null,\n });\n };\n\n const onReturnCsv = (response) => handleDownload(response);\n\n setViewData({\n eventsGridLoading: true,\n });\n ComplianceClient.getEventDetails({\n ...filters,\n siteIds,\n allNames,\n returnCsv,\n })\n .then(\n returnCsv ? onReturnCsv : onReturnGrid,\n (error) => {\n console.log(error);\n handleError(error);\n },\n ).finally(() => setViewData({ eventsGridLoading: false }));\n };\n\n return {\n activeRow: eventsGridActiveRow,\n grid: eventsGrid,\n gridLoading: eventsGridLoading,\n onRefresh,\n onRowClick,\n };\n}\n","import React from 'react';\nimport { Button, Label } from 'semantic-ui-react';\nimport useEventDetailsStatuses from '@hooks/useEventDetailsStatuses';\nimport useComplianceView from '@hooks/useComplianceView';\n\nconst EventDetailsStatuses = () => {\n\n const { isLoading } = useComplianceView();\n const { onStatusChange, selectedStatuses, status, statusCounts } = useEventDetailsStatuses();\n\n return (\n \n {\n onChange(true);\n handleTrue();\n }}\n type=\"button\"\n positive={value === true}\n disabled={isInReadMode}\n >\n Yes\n \n {\n onChange(false);\n handleFalse();\n }}\n type=\"button\"\n positive={value === false}\n disabled={isInReadMode}\n >\n No\n \n
\n \n {\n if (isInReadMode) {\n const readValue = value?.name ?? options.find(x => {\n return (x.value && x.value == value) || (x.id && x.id == value) || (x.value && value?.value && x.value == value.value) || (x.id && value.id && x.id == value.id)\n })?.text\n\n return {\n onChange(value);\n }}\n width={selectWidth}\n />\n );\n }}\n />\n {error && (\n \n )}\n
\n \n {option.text}\n
\n )\n : (option.name),\n }));\n\n // Debounce the handleSearch function\n const debouncedHandleSearch = debounce(\n handleSearch,\n 300,\n );\n\n const [{ isInReadMode }] = useLogin();\n\n if (isInReadMode) {\n return <>\n }\n\n return (\n \n {option.features}\n
\n \n {\n return (\n {\n onChange(value);\n onSelect(value);\n }}\n additionLabel={additionLabel}\n noResultsMessage={noResultsMessage}\n allowAdditions={allowAdditions}\n onAddItem={handleAddition}\n onSearchChange={(_, { searchQuery }) => {\n onType(searchQuery);\n debouncedHandleSearch(searchQuery);\n }}\n additionPosition=\"bottom\"\n />\n );\n }}\n />\n {error && (\n \n )}\n
\n \n {\n if (handleChange !== null) {\n handleChange();\n } else {\n let valueCopy = value;\n valueCopy.includes(data.value)\n ? valueCopy.splice(\n valueCopy.indexOf(data.value),\n 1,\n )\n : valueCopy.push(data.value);\n onChange(valueCopy);\n }\n }}\n className=\"m-0\"\n label={data.text}\n />\n
\n \n {\n if (handleChange !== null) {\n onChange(checked);\n handleChange();\n } else {\n onChange(checked);\n }\n }}\n className=\"m-0\"\n label={label}\n />\n
\n \n {\n IdentityFormModalAction.onClose = handleResetCustomer;\n IdentityFormModalAction.open(handleNewCustomer, {\n title: \"Add New Customer\",\n hideName: true,\n optionalName: true,\n showContacts: false,\n });\n }}\n positive\n >\n Add Customer\n \n )}\n
\n )}\n {customers && customers.length > 0 && (\n \n
\n \n );\n}\n","import React from \"react\";\nimport TextareaComponent from \"./TextareaComponent\";\nimport ToggleComponent from \"./ToggleComponent\";\nimport useLogin from '@common/components/hooks/useLogin';\n\nconst ToggleTextareaComponent = (\n {\n control,\n register,\n watch,\n toggleName,\n toggleLabel,\n toggleError,\n textareaName,\n textareaPlaceholder,\n textareaError,\n },\n) => {\n const toggleValue = watch(toggleName, false);\n const [{ isInReadMode }] = useLogin();\n return (\n <>\n \n {\n onChange(value);\n }}\n dateFormat={dateFormat}\n maxDate={maxDate}\n closable\n startMode={startMode}\n initialDate={initialDate}\n readOnly={isInReadMode}\n />\n {error && (\n \n )}\n
\n \n )}\n />\n );\n}\n","import React from \"react\";\nimport ToggleTextareaComponent from \"@common/components/shared/forms/ToggleTextareaComponent\";\nimport DateComponent from \"@common/components/shared/forms/DateComponent\";\nimport { useFormContext } from \"react-hook-form\";\n\nconst DiscussionForm = () => {\n const { control, register, watch, formState: { errors } } = useFormContext();\n const [outcome, discussedSelfExclusion] = watch([\n \"outcome\",\n \"discussedSelfExclusion\",\n ]);\n\n return (\n <>\n \n Confirm you have discussed the following:\n
\n\n
\n \n );\n};\n\nexport default DiscussionForm;\n","import React from \"react\";\n\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { TimeInput } from \"semantic-ui-calendar-react\";\nimport { Form, Label } from \"semantic-ui-react\";\nimport { getCurrentDateTime, getDatePart } from \"../../helpers/datetime\";\nimport useLogin from \"@common/components/hooks/useLogin\";\n\n/**\n * TimeComponent renders a time component with validation.\n *\n * @typedef {object} TimeProps\n * @property {Function} control - Function to control the time field for form\n * @property {string} name - Name of the time field.\n * @property {string} [label=''] - Label of the time field.\n * @property {string} placeholder - Placeholder text of the time field.\n * @property {Object} [error=null] - Object containing validation error.\n * @property {boolean} [labelAbove=false] - Boolean to determine if the label is above or next to the time field.\n * @property {string} [timeFormat='HH:mm'] - The format of the time.\n * @property {string} [fieldStyle='flex-row-center'] - Style for Form.Field.\n * @property {string} [labelStyle=''] - Style for the label.\n * @property {string} [timeContainerStyle='w-100'] - Style for time field container.\n * @property {boolean} [disabled] - Boolean to disable the input.\n *\n * @component\n * @param {TimeProps} props - The component props.\n * @returns {JSX.Element} The rendered time input field with validation.\n */\n\nexport default function TimeComponent({\n control,\n name,\n dateName,\n label = \"\",\n placeholder = \"\",\n error = null,\n labelAbove = false,\n timeFormat = \"HH:mm\",\n fieldStyle = \"flex-row-center\",\n labelStyle,\n timeContainerStyle = \"w-100\",\n disabled = false,\n}) {\n const { setValue, watch } = useFormContext();\n const [{ isInReadMode }] = useLogin();\n return (\n \n {\n onChange(value);\n if (!watch(dateName)) {\n setValue(\n dateName,\n getDatePart(getCurrentDateTime()),\n );\n }\n }}\n dateFormat={timeFormat}\n closable\n placeholder={placeholder}\n disabled={disabled}\n readOnly={isInReadMode}\n />\n {error && (\n \n )}\n
\n \n )}\n />\n );\n}\n","import React from \"react\";\n\nimport { Form } from \"semantic-ui-react\";\n\nimport DateComponent from \"@common/components/shared/forms/DateComponent\";\nimport TimeComponent from \"@common/components/shared/forms/TimeComponent\";\n\n/**\n * DateAndTimeGroup renders a grouped date and time component with validation.\n *\n * @typedef {object} InputProps\n * @property {Function} control - Function to control the date field for form\n * @property {Object} [errorsDate=null] - Object containing validation error for date.\n * @property {Object} [errorsTime=null] - Object containing validation error for time.\n * @property {string} [dateName='date'] - Name of the date field.\n * @property {string} [timeName='time'] - Name of the time field.\n * @property {string} [dateLabel='Date'] - Label of the date field.\n * @property {string} [timeLabel='Time'] - Label of the time field.\n * @property {string} [dateFormat='DD MM YYYY'] - The format of the date.\n * @property {string} [timeFormat='HH:mm'] - The format of the time.\n * @property {string} [maxDate=null] - The maximum date possible to be selected.\n *\n * @component\n * @param {InputProps} props - The component props.\n * @returns {JSX.Element} The rendered date and time fields with validation.\n */\n\nexport default function DateAndTimeGroup({\n control,\n dateName = \"date\",\n timeName = \"time\",\n dateLabel = \"Date\",\n timeLabel = \"Time\",\n dateFormat = \"DD MM YYYY\",\n timeFormat = \"HH:mm\",\n errorsDate = null,\n errorsTime = null,\n maxDate = null,\n}) {\n return (\n \n {!isDesktop &&\n (\n \n Reset\n \n )}\n \n Save\n \n
\n );\n}\n","import React from \"react\";\nimport { Grid, Header, Icon, Image, Segment } from \"semantic-ui-react\";\n\n// Function to render a row with a given set of items\nexport const renderRow = (\n imageSize,\n items,\n columns,\n rowIndex,\n onRowClick = () => {},\n) => (\n \n Please select one of the following:\n
\n\n\n \n {title}\n \n\n {\n LoginAction.dispatch({ isInReadMode: !isInReadMode }).then(() => loadRecord(!isInReadMode))\n }}\n />\n\n
\n )\n}\n\nconst mapStateToProps = (state) => {\n return {\n logIn: state.logIn\n };\n};\n\nexport default connect(mapStateToProps, { confirmModal })(ComplianceHeader);\n","import React, { useEffect } from 'react';\nimport CustomerInteractionAction from '@common/redux/actions/CustomerInteractionAction'\nimport CustomerFormAction from '@common/redux/actions/CustomerFormAction'\nimport useCustomerInteraction from '@common/components/hooks/useCustomerInteraction'\nimport LoginAction from '@common/redux/actions/LoginAction'\nimport { connect } from 'react-redux';\nimport { FormProvider } from 'react-hook-form';\nimport useEventDetailsGrid from '../../../hooks/useEventDetailsGrid';\nimport CustomerInteractionClient from '@common/api/CustomerInteractionClient';\nimport { handleError } from '@common/components/helpers/error'\nimport { parseCustomerInteractionResponse } from '../../../common/components/helpers/compliance.js';\nimport CustomerInteractionForm from '../../../common/components/shared/CustomerInteraction/CustomerInteractionForm.js';\nimport { fetchInteractionOptions } from \"@common/components/helpers/CustomerInteraction/fetchInteractionOptions\";\nimport { Loader } from 'semantic-ui-react';\nimport ComplianceHeader from '../ComplianceHeader.js';\nimport useComplianceView from '../../../hooks/useComplianceView.js';\n\nconst CustomerInteractionContainer = () => {\n\n const { activeRow: { event: { id } } } = useEventDetailsGrid();\n const { formLoading, setViewData } = useComplianceView();\n const { methods, methods: { reset } } = useCustomerInteraction();\n\n useEffect(fetchInteractionOptions, [])\n\n const loadRecord = (isRead = true) => {\n if (!id) {\n return;\n }\n\n setViewData({ formLoading: true })\n const fnRead = isRead ? CustomerInteractionClient.Read : CustomerInteractionClient.ReadForUpdate;\n\n fnRead(id).then(\n ({ record }) => {\n reset(parseCustomerInteractionResponse(record))\n setViewData({ formLoading: false })\n },\n error => {\n setViewData({ formLoading: false })\n handleError(error)\n }\n );\n\n }\n useEffect(loadRecord, [id, reset])\n\n if (formLoading) {\n return \n (\n {\n onChange(value);\n }}\n fluid\n icon=\"\"\n />\n )}\n />\n {error && (\n \n )}\n
\n \n Signature\n
\n\n {\n handleChange();\n },\n onBlur: (e) => {\n handleBlur();\n },\n })}\n placeholder={placeholder}\n type={type}\n onFocus={handleFocus}\n maxLength={maxCharacters}\n readOnly={isInReadMode}\n />\n {error && (\n \n )}\n
\n \n
\n )}\n \n );\n};\n\nexport default UnresolvedDisputeCustomerForm;\n","import LinkSessionModalReducer from \"@common/redux/reducers/LinkSessionModalReducer\";\nimport BaseAction from \"@common/redux/actions/BaseAction\";\n\nclass LinkSessionModalAction extends BaseAction {\n onClose = async (linked) => {};\n\n open = async (onClose) => {\n this.dispatch({ open: true });\n this.onClose = onClose;\n };\n}\n\nconst action = new LinkSessionModalAction(LinkSessionModalReducer);\n\nexport default action;\n","import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport { Button, Form, Label } from \"semantic-ui-react\";\n\nexport default function ButtonComponent(\n {\n control,\n name,\n label,\n buttonName,\n fieldStyle = \"flex-between flex-row-center\",\n handleClick,\n error,\n disabled\n },\n) {\n return (\n Please provide contact details for the existing customer:
\n\n {details.title ?? \"\"}\n
\n {linkedSessionData.length > 0\n ? (\n\n \n );\n};\n\nexport default LinkedSession;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport useLogin from \"@common/components/hooks/useLogin\";\nimport ToggleLinkSession from \"@common/components/shared/LinkSession/ToggleLinkSession\";\nimport LinkedSession from \"@common/components/shared/LinkSession/LinkedSession\";\nimport ViewSessionButton from \"@common/components/shared/LinkSession/ViewSessionButton\";\nimport SetupAction from \"@common/redux/actions/SetupAction\";\n\nconst LinkSessionComponent = () => {\n const [{ isDesktop }] = useLogin();\n const { mode } = useSelector((store) => SetupAction.getStatePath(store));\n\n return (mode !== 3 &&\n (\n <>\n
\n {loadingImages ? (\n
\n );\n};\n\nexport default UploadedImageList;\n","import React from 'react';\nimport { Button, Form, Icon } from \"semantic-ui-react\";\n\n// Hooks\nimport useUpload from \"@common/components/hooks/useUpload\";\nimport useLogin from \"@common/components/hooks/useLogin\";\nimport UploadedImageList from \"./UploadedImageList\";\n\nconst UploadComponent = () => {\n const {\n fileInputRef,\n imageToUpload,\n setImageToUpload,\n progress,\n handleFileChange,\n handleButtonClick,\n handleUpload,\n } = useUpload();\n\n const [{ isInReadMode }] = useLogin();\n\n\n return (\n \n CCTV Images\n
\n <>\n {imageList.length > 0 ? (\n imageList.map((image) => (\n\n
\n ))\n ) : (\n \n
\n {image.fileName}
\n\n handleView(image.id, image.fileName)}\n >\n View\n \n { !isInReadMode &&\n handleDelete(image.id)}\n >\n
\n No CCTV Images Uploaded
\n )}\n \n \n )}\n\n {!isInReadMode &&\n <>\n 20000000 && \"warning-text\"\n }`}\n >\n Maximum file size: 20MB\n \n {imageToUpload && (\n
\n );\n};\nexport default UploadComponent;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Form, Image } from \"semantic-ui-react\";\n\n// Hooks and Helpers\nimport useUnresolvedDisputeForm from \"@common/components/hooks/useUnresolvedDisputeForm\";\nimport { getCurrentDateTime } from \"../../helpers/datetime\";\nimport useLogin from \"@common/components/hooks/useLogin\";\n\n// Components\nimport ToggleComponent from \"@common/components/shared/forms/ToggleComponent\";\nimport FormButtonsComponent from \"@common/components/shared/forms/FormButtonsComponent\";\nimport SelectComponent from \"@common/components/shared/forms/SelectComponent\";\nimport TextareaComponent from \"@common/components/shared/forms/TextareaComponent\";\nimport SignatureComponent from \"@common/components/shared/forms/SignatureComponent\";\nimport DateAndTimeGroup from \"@common/components/shared/forms/DateAndTimeGroup\";\nimport UnresolvedDisputeCustomerForm from \"./UnresolvedDisputeCustomerForm\";\nimport LinkSessionComponent from \"@common/components/shared/LinkSession/LinkSessionComponent\";\nimport InputComponent from \"@common/components/shared/forms/InputComponent\";\nimport UploadComponent from \"@common/components/shared/forms/UploadComponent\";\nimport UnresolvedDisputeAction from \"@common/redux/actions/UnresolvedDisputeAction\";\nimport StandardHiddenInputs from \"../forms/StandardHiddenInputs\";\n\nconst DisplaySignature = () => {\n const { signature } = useSelector((state) =>\n UnresolvedDisputeAction.getStatePath(state)\n );\n\n return (\n \n \n 20000000) ||\n progress !== 0\n }\n onClick={handleUpload}\n >\n Upload\n \n \n
\n \n {progress === 0 && (\n {\n setImageToUpload(null);\n fileInputRef.current.value = null;\n }}\n name=\"remove circle\"\n />\n )}\n
\n )}\n \n }\n \n
\n \n {imageToUpload.name}\n
\n {progress > 0 && }\n\n Signature:\n
\n );\n};\n\nconst UnresolvedDisputeForm = ({ sigPad }) => {\n const [{ isDesktop }] = useLogin();\n\n const {\n methods,\n resetForm,\n onSubmit,\n types,\n mode,\n } = useUnresolvedDisputeForm(sigPad);\n\n const {\n handleSubmit,\n control,\n register,\n watch,\n formState: { isValid, errors },\n } = methods;\n\n const watchCctv = watch(\"cctvCatched\");\n\n return (\n \n );\n};\n\nexport default UnresolvedDisputeForm;\n","import { useCallback } from \"react\";\nimport useEventDetailsGrid from \"@hooks/useEventDetailsGrid\";\nimport useComplianceView from \"@hooks/useComplianceView\";\nimport IncidentClient from \"@common/api/IncidentClient\";\nimport LoginAction from \"@common/redux/actions/LoginAction\";\nimport LinkSessionAction from \"@common/redux/actions/LinkSessionAction\";\nimport UploadAction from \"@common/redux/actions/UploadAction\";\nimport { handleError } from \"@common/components/helpers/error\";\nimport { fetchSessionsByGuids } from \"@common/api/desktop/sessions\";\nimport SetupAction from \"@common/redux/actions/SetupAction\";\nimport SessionalPositionsAction from \"@common/redux/actions/SessionalPositionsAction\";\nimport SessionalDetailsAction from \"@common/redux/actions/SessionalDetailsAction\";\n\nfunction useIncidentContainer() {\n const { setViewData } = useComplianceView();\n const { activeRow } = useEventDetailsGrid();\n\n const onRowUpdate = (isRead = true) => {\n setViewData({ formLoading: true });\n const { event: { id } } = activeRow;\n const fnRead = isRead ? IncidentClient.Read : IncidentClient.ReadForUpdate;\n\n fnRead(id).then(\n (response) => {\n const {\n record: {\n incidentDetails,\n incidentDetails: { sessionIds },\n site: { guid },\n },\n } = response;\n UploadAction.dispatch({ incidentId: id });\n\n const filteredSessions = sessionIds?.filter((x) => x.length > 1) ?? [];\n if (sessionIds && filteredSessions.length > 0) {\n console.log(\"SESSIONS\", sessionIds);\n fetchSessionsByGuids(sessionIds).then(\n (response) => {\n LinkSessionAction.dispatch({\n linkedSessionData: response.grid.data,\n });\n },\n );\n }\n\n SetupAction.dispatch({\n mode: incidentDetails.machine == null ? 3 : 1,\n });\n SessionalDetailsAction.dispatch({\n title: incidentDetails.machine?.name ??\n incidentDetails.machineRef,\n });\n SessionalPositionsAction.dispatch({\n activeRow: incidentDetails.machine,\n });\n\n LoginAction.dispatch({\n siteGuid: guid,\n isInReadMode: isRead,\n }).then(() => {\n setViewData({ incident: response, formLoading: false });\n });\n },\n (error) => {\n setViewData({ formLoading: false, eventsGridActiveRow: null });\n handleError(error);\n },\n );\n };\n\n return {\n onRowUpdate,\n };\n}\n\nexport default useIncidentContainer;\n","import React, { useEffect, useRef } from \"react\";\n\nimport { useUnresolvedDispute } from \"@common/components/hooks/useUnresolvedDispute\";\nimport UnresolvedDisputeForm from \"@common/components/shared/UnresolvedDispute/UnresolvedDisputeForm\";\nimport UnresolvedDisputeAction from \"@common/redux/actions/UnresolvedDisputeAction\";\nimport { FormProvider } from \"react-hook-form\";\nimport { GAMBLING_DISPUTE_TYPE } from \"../details/EventDetailsForm\";\nimport useComplianceView from \"@hooks/useComplianceView\";\n\nimport { parseGamblingDisputeResponse, prepareCustomers } from \"@common/components/helpers/compliance.js\";\nimport { Loader } from \"semantic-ui-react\";\nimport ComplianceHeader from \"../ComplianceHeader\";\nimport useIncidentContainer from \"../../../hooks/useIncidentContainer\";\n\nconst UnresolvedDisputeContainer = () => {\n const sigPad = useRef({});\n const { methods, methods: { reset } } = useUnresolvedDispute(sigPad);\n const { formLoading, incident, incident: { record, record: { id, incidentDetails, incidentDetails: { signature }, incidentType: { name } } } } = useComplianceView();\n const { onRowUpdate } = useIncidentContainer();\n\n useEffect(() => {\n if (name !== GAMBLING_DISPUTE_TYPE) {\n return;\n }\n UnresolvedDisputeAction.dispatch({\n customer: prepareCustomers(incidentDetails),\n signature\n });\n\n const formData = parseGamblingDisputeResponse(incident);\n\n reset(formData)\n }, [record])\n\n if (formLoading) {\n return \n
\n )\n}\n\nexport default EventDetailsForm;\n","import React from 'react';\nimport useEventDetailsGrid from '@hooks/useEventDetailsGrid';\nimport moment from 'moment';\nimport { ComplianceUIDateTimeFormat } from '@helpers/dates';\nimport { Label, Loader, Table } from 'semantic-ui-react';\nimport useComplianceView from '@hooks/useComplianceView';\n\nconst CustomerButton = ({ name }) => {\n return \n \n \n \n {headings.map(({ name, textAlign, collapsing }) => {\n return (\n \n {name}\n \n )\n })}\n \n \n \n {grid.map(row => {\n const { status, dateCreated, event, site, createdByPerson, authorisedByPerson, yearQuarter, customers, comments, name } = row;\n return (\n {\n console.log(\"activerow\", row.event.id)\n onRowClick(row)\n }} className='clickable' active={row.id === activeRow?.id}>\n {moment(dateCreated).format(ComplianceUIDateTimeFormat)} \n \n \n {site?.name} \n {customers.length > 0 ? customers.map(({ name }) => \n {createdByPerson?.name ?? 'N/A'} \n {authorisedByPerson?.name ?? 'N/A'} \n {yearQuarter} \n \n )\n })}\n \n \n
\n )\n}\n\nexport default EventDetailsTable;\n","import React, { useEffect } from 'react';\nimport { Grid, Pagination } from 'semantic-ui-react';\nimport useEventDetailsGrid from '@hooks/useEventDetailsGrid';\nimport EventDetailsStatuses from './EventDetailsStatuses';\nimport useComplianceSummaryFilters from '@hooks/useComplianceSummaryFilters';\nimport EventDetailsForm from './EventDetailsForm';\nimport useComplianceView from '@hooks/useComplianceView';\nimport EventDetailsTable from './EventDetailsTable';\nimport ExpandButton from \"@buttons/ExpandButton\";\nimport useLogin from '@common/components/hooks/useLogin';\n\nconst EventDetailsTab = () => {\n\n const { activeRow, onRefresh } = useEventDetailsGrid();\n const { hideDetails, totalRecords, isLoading, hasSelection, setViewData } = useComplianceView();\n const { activePage, onPageChange, periods, selectedStatuses, selectedPeriod, processedQuarters, selectedQuarter } = useComplianceSummaryFilters();\n const [{ isInReadMode }] = useLogin();\n\n useEffect(onRefresh, [activePage, selectedStatuses, isInReadMode, hasSelection, periods, selectedPeriod, processedQuarters, selectedQuarter]);\n\n const isDetailsVisible = activeRow && !hideDetails;\n\n const widescreen = isDetailsVisible ? 10 : 16;\n const largeScreen = isDetailsVisible ? 9 : 16;\n const computer = isDetailsVisible ? 8 : 16;\n const tablet = 16;\n const mobile = 16;\n\n const recordsPerPage = 25;\n const totalPages = Math.ceil(totalRecords / recordsPerPage);\n const currentItem = ((activePage - 1) * 25) + 1\n const lastItem = Math.min((activePage * recordsPerPage), totalRecords);\n\n return (\n \n \n \n \n \n {activeRow &&\n \n setViewData({ hideDetails: !hideDetails })}\n />\n \n }\n \n \n \n \n \n {totalPages > 0 &&\n \n \n \n \n Showing Items {currentItem} to {lastItem} of {totalRecords}.\n \n \n }\n \n
\n );\n}\n\nexport default EventDetailsTab;\n","\nimport React from 'react';\nimport { Checkbox, Dropdown, Form } from 'semantic-ui-react';\nimport MultiSelect from \"@shared/MultiSelect\";\nimport useComplianceSummaryFilters from '@hooks/useComplianceSummaryFilters';\nimport useComplianceView from '@hooks/useComplianceView';\n\nconst TypesFilterItem = ({ id, prefix, name, checked, onClick, disabled }) => {\n\n const onToggle = (e) => {\n e.stopPropagation();\n e.preventDefault();\n onClick(id);\n }\n\n return (\n \n
\n );\n}\n\nexport default ComplianceView;\n","import AnalysisView from '@views/AnalysisView';\nimport AssetAdminView from '@views/AssetAdminView';\nimport DeviceManagementView from \"@views/DeviceManagementView\";\nimport IncomeSecurityView from \"@views/IncomeSecurityView\";\nimport KioskView from '@views/KioskView';\nimport LiveFloorView from \"@views/LiveFloorView\";\nimport ReportsView from '@views/ReportsView';\nimport RevenueView from \"@views/RevenueView\";\nimport SessionsView from '@views/SessionsView';\nimport SiteInstallationsView from \"@views/SiteInstallationsView\";\nimport SystemAdminView from '@views/SystemAdminView';\nimport TransactionsView from '@views/TransactionsView';\nimport UserAdminView from '@views/UserAdminView';\nimport ComplianceView from '@views/ComplianceView';\nimport React from 'react';\n\nconst availablePanes = [\n {\n key: 'GENERAL_INSTALL',\n title: 'Site Installations',\n component: \n {loading ? (\n \n \n ) : (\n
\n );\n};\n\nexport default ScrollableList;\n","import { setAssetOwnershipModal, showSuccessAlert } from \"@actions/modals\";\nimport { mapToSelect } from \"@api/egm\";\nimport ownership from \"@api/ownership\";\nimport { getOptionTotal, getOptionValue } from \"@helpers/options\";\nimport { default as React, useCallback, useEffect, useRef } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Grid, Header, Input, Modal, Select } from \"semantic-ui-react\";\nimport ScrollableList from \"../shared/ScrollableList\";\nimport OptionsList from \"../systemAdmin/OptionsList\";\n\nconst AssetOwnershipProfileModal = (props) => {\n const { setAssetOwnershipModal, showSuccessAlert } = props;\n const {\n open,\n profiles,\n selectedProfile,\n types,\n ownershipTypeId,\n operator,\n fields,\n name,\n loading,\n } = props.modal;\n const nameFieldRef = useRef(null);\n\n const onChange = async (option, value) => {\n const newFields = [\n ...fields.map((field) => {\n return field.code === option.code ? { ...option, value } : field;\n }),\n ];\n\n setAssetOwnershipModal({ fields: newFields });\n };\n\n const resetForm = useCallback(() => {\n setAssetOwnershipModal({\n selectedProfile: { id: null },\n name: \"\",\n fields: [],\n ownershipTypeId: null,\n }).then(() => nameFieldRef.current?.focus());\n }, [setAssetOwnershipModal]);\n\n const onProfileClick = (profile) => {\n const selectedProfile = profiles.find((x) => x.id === profile.value);\n setAssetOwnershipModal({ selectedProfile }).then(() => {\n ownership.getProfileAttributes(selectedProfile.id).then(\n (fields) => setAssetOwnershipModal({ fields, loading: false }),\n () => setAssetOwnershipModal({ loading: false }),\n );\n });\n };\n\n const updateProfiles = useCallback(() => {\n setAssetOwnershipModal({ loading: true }).then(() => {\n ownership.getProfiles(operator).then(\n (profiles) => setAssetOwnershipModal({ profiles, loading: false }),\n () => setAssetOwnershipModal({ loading: false }),\n );\n });\n }, [setAssetOwnershipModal, operator]);\n\n const onSaveClick = () => {\n const saveFn = selectedProfile.id\n ? ownership.saveProfile\n : ownership.createProfile;\n const verb = selectedProfile.id ? \"updated\" : \"created\";\n saveFn(operator, name, ownershipTypeId, fields, selectedProfile?.id).then(\n (selectedProfile) => {\n showSuccessAlert(\n `Profile ${verb} successfully!`,\n \"Success\",\n async () => {\n setAssetOwnershipModal({ selectedProfile }).then(() =>\n updateProfiles(),\n );\n },\n );\n },\n );\n };\n\n useEffect(() => {\n if (!open || !selectedProfile) {\n return;\n }\n const { name, ownershipTypeId } = selectedProfile;\n setAssetOwnershipModal({ name, ownershipTypeId });\n }, [selectedProfile, setAssetOwnershipModal, open]);\n\n useEffect(() => {\n if (!open || !operator) {\n return;\n }\n\n resetForm();\n updateProfiles();\n ownership\n .getTypes(operator)\n .then((types) => setAssetOwnershipModal({ types }));\n }, [operator, open, setAssetOwnershipModal, resetForm, updateProfiles]);\n\n useEffect(() => {\n if (!open || !ownershipTypeId || selectedProfile.id !== null) {\n return;\n }\n\n setAssetOwnershipModal({ loading: true }).then(() => {\n ownership.getTypeAttributes(ownershipTypeId).then(\n (fields) => setAssetOwnershipModal({ fields, loading: false }),\n () => setAssetOwnershipModal({ loading: false }),\n );\n });\n }, [selectedProfile, ownershipTypeId, open, setAssetOwnershipModal]);\n\n const canSubmit = () => {\n if (fields.length < 1) return false;\n if (!ownershipTypeId) return false;\n if (!name || name.length < 1) return false;\n\n let canSubmit = true;\n\n fields.forEach((option) => {\n if (option.type === 13 && option.isRequired) {\n const total = getOptionTotal(option, fields);\n if (option.minValue > total || option.maxValue < total) {\n canSubmit = false;\n }\n }\n\n if (option.isRequired && !getOptionValue(option) && option.type !== 13) {\n canSubmit = false;\n }\n });\n\n return canSubmit;\n };\n\n const optionsPrefix = (\n <>\n - \n {items.map((item) => (\n
\n No comments have been recorded yet.\n
\n :\n <>\n {comments.map((comment, index) => {\n return \n \n \n
\n \n
\n \n Kiosk/Cash Desk Summary \n { }}\n loading={this.state.loading}\n style={{ maxHeight: \"120px\" }}\n />\n
\n }\n \n {this.state.error &&
\n }\n\n {this.props.data.message}
\n \n \n this.setState({ events: { ...this.state.events, pageNumber: activePage } }, () => this.getEvents())} />\n
\n \n \n );\n })}\n />\n
\n {fields.addressForm.map((x) => (\n
\n {props.children}
;\n};\n\nexport default Flex;\n","import ApiClient from \"@common/api/ApiClient\";\n\nclass Session extends ApiClient {\n constructor() {\n super(\"Session\");\n }\n\n Sessions = async (installationId, periodId, pageNumber = 1) => {\n console.log(\n `Installation ID: ${installationId}, Period ID: ${periodId}, Page number: ${pageNumber}`,\n );\n return await this.get(\n `Sessions2/${installationId},${periodId},${pageNumber}`,\n );\n };\n\n SessionsCompliance = async (installationId, periodId, pageNumber = 1) => {\n console.log(\n `Compliance Installation ID: ${installationId}, Period ID: ${periodId}, Page number: ${pageNumber}`,\n );\n return await this.get(\n `compliance/sessions/${installationId},${periodId},${pageNumber}`,\n );\n };\n\n Positions = async (online, offline, nonOp) => {\n return await this.get(`Positions/${online},${offline},${nonOp}`);\n };\n\n Session = async (sessionId) => {\n return await this.get(`Session/${sessionId}`);\n };\n\n LiveFloorView = async (\n installationId,\n periodId,\n pageNumber = 1,\n ) => {\n return await this.get(\n `Sessions/LFV/${installationId},${periodId},${pageNumber}`,\n );\n };\n}\n\nconst client = new Session();\n\nexport default client;\n","import { useCallback, useEffect } from \"react\";\nimport SessionsApi from \"@common/api/SessionClient\";\nimport LoadingAction from \"../../redux/actions/LoadingAction\";\nimport SessionalDetailsAction from \"../../redux/actions/SessionalDetailsAction\";\nimport SessionalPositionsAction from \"../../redux/actions/SessionalPositionsAction\";\nimport { handleError } from \"@common/components/helpers/error\";\nimport { useSelector } from \"react-redux\";\nimport useLogin from \"./useLogin.js\";\nimport { fetchComplianceSessionsPositions } from \"@common/api/desktop/sessions.js\";\nimport { fetchComplianceSessions } from \"../../api/desktop/sessions.js\";\n\nexport const useSessions = (isComplianceMobile, open) => {\n const { showOnline, showOffline, showNonOp } = useSelector((state) =>\n SessionalPositionsAction.getStatePath(state)\n );\n\n const [{ isDesktop }] = useLogin();\n const compliance = useSelector((state) => state.complianceSummaryTab);\n useLoadDetails({ isComplianceMobile, open });\n\n const handleRefresh = useCallback(() => {\n if (!open) {\n return;\n }\n\n SessionalDetailsAction.reset().then(() => {\n LoadingAction.set(true).then(() => {\n const fnSearch = isDesktop\n ? async () => {\n return await fetchComplianceSessionsPositions(\n compliance.eventsGridActiveRow.site.id,\n );\n }\n : async () =>\n await SessionsApi.Positions(showOnline, showOffline, showNonOp);\n\n fnSearch().then(\n (positions) =>\n SessionalPositionsAction.dispatch({\n ...positions,\n activeRow: null,\n }).then(() => LoadingAction.set(false)),\n (error) => {\n console.log(error);\n handleError(error);\n },\n );\n });\n });\n }, [showOnline, showOffline, showNonOp, open, compliance]);\n\n useEffect(() => {\n handleRefresh();\n }, [handleRefresh]);\n\n return handleRefresh;\n};\n\nconst useLoadDetails = ({ isComplianceMobile, open }) => {\n const [{ isDesktop }] = useLogin();\n\n const positions = useSelector((state) =>\n SessionalPositionsAction.getStatePath(state)\n );\n const details = useSelector((state) =>\n SessionalDetailsAction.getStatePath(state)\n );\n\n useEffect(() => {\n if (!positions.activeRow || !positions.activeRow.installationId || !open) {\n return;\n }\n LoadingAction.set(true).then(() => {\n const fnSearch = isDesktop\n ? fetchComplianceSessions\n : isComplianceMobile\n ? SessionsApi.SessionsCompliance\n : SessionsApi.Sessions;\n\n fnSearch(\n positions.activeRow.installationId,\n details.periodType,\n details.pageNumber,\n ).then(\n (grid) => {\n SessionalDetailsAction.dispatch(grid).then(() =>\n LoadingAction.set(false)\n );\n },\n (error) => handleError(error),\n );\n });\n }, [positions, details.periodType, details.pageNumber, open]);\n};\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Button, Modal } from \"semantic-ui-react\";\nimport LinkSessionModalAction from \"@common/redux/actions/LinkSessionModalAction\";\nimport SessionalDetailsAction from \"@common/redux/actions/SessionalDetailsAction\";\nimport SessionsDetails from \"@common/components/shared/SessionsDetails\";\nimport Flex from \"@common/components/shared/Flex\";\nimport { useSessions } from \"../hooks/useSessions\";\nimport {\n handleRowClickOptionChange,\n handleSessionsRowClick,\n} from \"../helpers/Sessions/sessionsDetailsHelpers\";\nimport useLogin from \"../hooks/useLogin\";\n\nconst LinkSessionModal = () => {\n const {\n open,\n selectedSessionDetails,\n } = useSelector((\n state,\n ) => LinkSessionModalAction.getStatePath(state));\n const [{ optionDisplaySessionsInCompliance }] = useLogin();\n\n const { grid } = useSelector((state) =>\n SessionalDetailsAction.getStatePath(state)\n );\n\n const handleRefresh = useSessions(true, open);\n\n return (\n <>\n - \n {listItems}\n
\n \n this.handleClick(item.id, 'activeSubOrgs')} />\n { this.setSelection(company, item, null) }}>{item.name}\n \n {this.renderLevel3(company, item)} \n
\n )\n });\n return (\n \n {this.props.data.filterData.regions.length > 1 && this.searchOptions(\"Operator Regions\", \"regions\")}\n {this.searchOptions(\"Manufacturer\", \"manufacturer\")}\n {this.searchOptions(\"EGM Cabinet Name\", \"game\")}\n {this.searchOptions(\"Category\", \"machinetypes\")}\n
\n }\n \n ![\"Logo\"](\"logo.png\")
\n
\n );\n}\n\nexport default DefaultView;","import { setLogout } from '@actions';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\nimport { Icon, Menu } from 'semantic-ui-react';\n\nconst MainMenu = props => {\n\n const { onSubmit, setLogout, menu, collapsed, onCollapse } = props;\n const history = useHistory();\n const onItemClick = (event, { name }) => onSubmit(name);\n\n const onLogout = () => {\n setLogout().then(() => {\n history.push('/')\n })\n }\n\n const menuOptions = menu.map(item =>\n \n \n
\n )\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n logIn: state.logIn,\n };\n};\n\nexport default connect(mapStateToProps, null)(SystemTray);\n","import { fetchLogin, fetchOperators, setLogout } from '@actions';\nimport CloseButton from '@buttons/CloseButton';\nimport { createWidget } from '@helpers/jira';\nimport availablePanes from '@helpers/panes';\nimport ModalContainer from '@modals/ModalContainer';\nimport OrganisationDirectoryMenu from '@shared/OrganisationDirectoryMenu';\nimport TimeoutCheck from '@shared/TimeoutCheck';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Menu, Tab } from 'semantic-ui-react';\nimport DefaultView from './DefaultView';\nimport MainMenu from './MainMenu';\nimport SystemTray from './SystemTray';\n\nclass Panes extends React.Component {\n\n constructor(props) {\n super(props);\n\n if (this.props.logIn === \"\") window.location = \"/\";\n\n this.state = {\n section: null,\n collapsed: true,\n activeIndex: 0,\n panes: [],\n availablePanes: this.getAvailablePanes()\n };\n }\n\n getAvailablePanes = () => {\n return availablePanes.map(({ key, title, component }) => {\n return {\n menuItem: \n this.setState({ collapsed: !this.state.collapsed })}\n onSubmit={this.updateTab}\n onLogout={this.logout}\n menu={this.props.logIn.menu}\n />\n {this.state.panes.length > 0 &&\n
\n )\n\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n logIn: state.logIn,\n complianceFilters: state.complianceFilters,\n settingsFilters: state.settingsFilters,\n sessionsFilters: state.sessionsFilters,\n transactionsFilters: state.transactionsFilters,\n installationsFilters: state.installationsFilters,\n kioskFilters: state.kioskFilters,\n analysisFilters: state.analysisFilters,\n liveFloorViewerFilters: state.LiveFloorViewerFilters,\n };\n};\n\nexport default connect(mapStateToProps, {\n fetchLogin,\n setLogout,\n fetchOperators,\n})(Panes);\n","export const createWidget = (key) => {\n const jiraScriptTag = document.createElement(\"script\");\n jiraScriptTag.id = 'jira-script-tag';\n jiraScriptTag.setAttribute('data-base-url', 'https://jsd-widget.atlassian.com');\n jiraScriptTag.setAttribute('data-jsd-embedded', true);\n jiraScriptTag.setAttribute('data-key', key);\n jiraScriptTag.src = 'https://jsd-widget.atlassian.com/assets/embed.js';\n document.body.appendChild(jiraScriptTag);\n setTimeout(() => {\n window.document.dispatchEvent(new Event(\"DOMContentLoaded\", {\n bubbles: true,\n cancelable: true\n }))\n\n const widget = document.getElementById(\"jsd-widget\");\n widget.style.top = '0px';\n }, 1000);\n}","import { resetPassword } from '@actions';\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { Button, Form, Grid, Header, Input, Message } from 'semantic-ui-react';\n\nclass Forgotten extends React.Component {\n\n state = {\n userEmail: '',\n result: false,\n showMessage: false,\n loading: false\n }\n\n resetPassword = () => {\n this.setState({ loading: true }, () => {\n this.props.resetPassword(this.state.userEmail).then(result => {\n this.setState({ showMessage: true, result, loading: false })\n },\n () => this.setState({ loading: false })\n );\n })\n }\n\n handleChange = (event, { name, value }) => {\n if (this.state.hasOwnProperty(name)) {\n this.setState({ [name]: value });\n }\n }\n\n handleReturnToLogin = () => {\n this.props.history.push(\"/\");\n }\n\n componentDidMount() {\n }\n\n render() {\n //Check for login\n return (\n \n {this.state.panes.length > 0 ?\n
\n \n
\n :\n 
\n \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tUnfortunately, Internet Explorer is not compatible with Rimini\n\t\t\t\t\t\t\t\tPortal.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tPlease try another browser such as Chrome, Firefox{\" \"}\n\t\t\t\t\t\t\t\tor Edge.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n \n \n Unfortunately, Internet Explorer is not compatible with Rimini\n Portal.\n
\n\n Please try another browser such as Chrome, Firefox{\" \"}\n or Edge.\n
\n