\r\n Count: {payload[0]?.value}\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n function CustomTooltipIssues({ payload, label, active }) {\r\n if (active) {\r\n return (\r\n Version: {payload[0]?.payload?.version}
\r\n \r\n
\r\n );\r\n }\r\n\r\n return null;\r\n }\r\n\r\n const data05 = [\r\n {\r\n name: \"Healthy\",\r\n value: workstationHealth?.healthyCount,\r\n },\r\n {\r\n name: \"Unhealthy\",\r\n value: workstationHealth?.unHealthyCount,\r\n },\r\n ];\r\n\r\n const data06 = [\r\n { name: \"Offline\", value: workstationDetails?.offlineWorkstationData || 0 },\r\n {\r\n name: \"Failed Updates\",\r\n value: workstationDetails?.failedEndpointsCount || 0,\r\n },\r\n {\r\n name: \"Firewall Status\",\r\n value: workstationDetails?.firewallOffCount || 0,\r\n },\r\n ];\r\n\r\n const serverMap = (event, version) => {\r\n switch (event) {\r\n case \"Offline\": {\r\n window.open(\"/#/endpoints?device=Server&status=Offline\");\r\n break;\r\n }\r\n case \"Firewall Status\": {\r\n window.open(\"/#/endpoints?device=Server&firewall=false\");\r\n break;\r\n }\r\n case \"Version\": {\r\n window.open(`/#/endpoints?version=${version.split(', ').join()}`);\r\n break;\r\n }\r\n case \"Healthy\": {\r\n window.open(\"/#/endpoints?device=Server&health=true\");\r\n break;\r\n }\r\n case \"Unhealthy\": {\r\n window.open(\"/#/endpoints?device=Server&health=false\");\r\n break;\r\n }\r\n case \"Failed Updates\": {\r\n window.open(\"/#/endpoints?device=Server&failedUpdates=true\");\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n const workstationMap = (event) => {\r\n switch (event) {\r\n case \"Offline\": {\r\n window.open(\"/#/endpoints?device=Desktop&status=Offline\");\r\n break;\r\n }\r\n case \"Firewall Status\": {\r\n window.open(\"/#/endpoints?device=Desktop&firewall=false\");\r\n break;\r\n }\r\n case \"Healthy\": {\r\n window.open(\"/#/endpoints?device=Desktop&health=true\");\r\n break;\r\n }\r\n case \"Unhealthy\": {\r\n window.open(\"/#/endpoints?device=Desktop&health=false\");\r\n break;\r\n }\r\n case \"Failed Updates\": {\r\n window.open(\"/#/endpoints?device=Desktop&failedUpdates=true\");\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {payload[0]?.name}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Most Recent Alerts
\r\n\r\n )}\r\n \r\n {data02.filter((i)=>i.value!==0).length===0 && (\r\n i.value!==0).length===0 ? [] : data02}\r\n labelLine={false}\r\n label={renderCustomizedLabel}\r\n //outerRadius={150}\r\n fill=\"#8884d8\"\r\n dataKey=\"value\"\r\n onClick={(e)=>serverMap(e?.payload?.payload?.name)}\r\n >\r\n {(data02.filter((i)=>i.value!==0).length===0 ? [] : data02).map((entry, index) => (\r\n \r\n \r\n
\r\n \r\n Server Health
\r\n {serverHealth.length===0 &&(No Data
)}\r\n \r\n )}\r\n \r\n {data03.filter((i)=>i.value!==0).length===0 && (\r\n i.value!==0).length===0 ? [] : data03}\r\n labelLine={false}\r\n label={renderCustomizedLabel}\r\n //outerRadius={150}\r\n fill=\"#8884d8\"\r\n dataKey=\"value\"\r\n onClick={(e)=>serverMap(e?.payload?.payload?.name)}\r\n >\r\n {(data03.filter((i)=>i.value!==0).length===0 ? [] : data03).map((entry, index) => (\r\n \r\n \r\n
\r\n \r\n \r\n {/* secondRow */}\r\n Server Issues
\r\n {serverDetails.length===0 &&(No Issues
)}\r\n \r\n )}\r\n \r\n {data04.filter((i)=>i.value!==0).length===0 && (\r\n i.value!==0).length===0 ? [] : data04}\r\n labelLine={false}\r\n label={renderCustomizedLabel}\r\n //outerRadius={150}\r\n fill=\"#8884d8\"\r\n dataKey=\"value\"\r\n onClick={(e)=>serverMap(\"Version\",e?.payload?.payload?.version)}\r\n >\r\n {(data04.filter((i)=>i.value!==0).length===0 ? [] : data04).map((entry, index) => (\r\n \r\n \r\n
\r\n \r\n Version Health
\r\n {versionHealth.length===0 &&(No Data
)}\r\n \r\n )}\r\n \r\n {data05.filter((i)=>i.value!==0).length===0 && (\r\n i.value!==0).length===0 ? [] : data05}\r\n labelLine={false}\r\n label={renderCustomizedLabel}\r\n //outerRadius={150}\r\n fill=\"#8884d8\"\r\n dataKey=\"value\"\r\n onClick={(e)=>workstationMap(e?.payload?.payload?.name)}\r\n >\r\n {(data05.filter((i)=>i.value!==0).length===0 ? [] : data05).map((entry, index) => (\r\n \r\n \r\n
\r\n \r\n Workstation Health
\r\n {workstationHealth.length===0 &&(No Data
)}\r\n \r\n )}\r\n \r\n {data06.filter((i)=>i.value!==0).length===0 && (\r\n i.value!==0).length===0 ? [] : data06}\r\n labelLine={false}\r\n label={renderCustomizedLabel}\r\n //outerRadius={150}\r\n fill=\"#8884d8\"\r\n dataKey=\"value\"\r\n onClick={(e)=>workstationMap(e?.payload?.payload?.name)}\r\n >\r\n {(data06.filter((i)=>i.value!==0).length===0 ? [] : data06).map((entry, index) => (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Workstation Issues
\r\n {workstationDetails.length===0 &&(No Issues
)}\r\n Dashboard
\r\n \r\n
\r\n \r\n \r\n history.push(`/partners/edit_partner/${row.PartnerId}`)\r\n }\r\n >\r\n \r\n \r\n Edit Partner\r\n \r\n \r\n\r\n \r\n history.push(\"/partners/list_customers/\" + row.PartnerId)\r\n }\r\n >\r\n \r\n \r\n View Customer\r\n \r\n \r\n {user.role === \"admin\" && (\r\n \r\n history.push(`/Endpoints/ListFromPartner/${row.PartnerId}`)\r\n }\r\n >\r\n \r\n \r\n View Endpoints\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n }];\r\n\r\n const paginationOptions = {\r\n custom: true,\r\n withFirstAndLast: true,\r\n totalSize: rowData.length\r\n };\r\n\r\n return (\r\n Partners
\r\n \r\n \r\n {props => (\r\n \r\n {\r\n ({\r\n paginationProps,\r\n paginationTableProps\r\n }) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n history.push(\"/partners/add_partner\")}\r\n >\r\n Add New Partner\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n history.push('/partners')}\r\n >\r\n \r\n \r\n Add Partner\r\n
\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Edit Partner\r\n
\r\n \r\n {' '}\r\n \r\n
)\r\n }\r\n\r\n const selectRow = {\r\n mode: 'checkbox',\r\n clickToSelect: false,\r\n selected: selectedRow,\r\n onSelect: handleOnSelect,\r\n onSelectAll: handleOnSelectAll\r\n };\r\n\r\n const columns = [{\r\n dataField: 'PartnerId',\r\n text: 'ID',\r\n searchable: true,\r\n headerStyle: { width: '70px' },\r\n },\r\n {\r\n dataField: 'Email',\r\n text: 'Customer Email',\r\n searchable: true\r\n },\r\n {\r\n dataField: 'EntityName',\r\n text: 'Partner Name',\r\n searchable: true\r\n }, {\r\n dataField: 'FirstName',\r\n text: 'First Name',\r\n searchable: true\r\n }, {\r\n dataField: 'LastName',\r\n text: 'Last Name',\r\n searchable: true\r\n },\r\n {\r\n text: 'Actions',\r\n searchable: false,\r\n headerStyle: { width: '270px' },\r\n formatter: columnActions\r\n }];\r\n\r\n const paginationOptions = {\r\n custom: true,\r\n withFirstAndLast : true,\r\n totalSize: rowData.length\r\n };\r\n\r\n return (\r\n <>\r\n Partner Worldwide
\r\n \r\n \r\n {props => (\r\n \r\n {\r\n ({\r\n paginationProps,\r\n paginationTableProps\r\n }) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Entries per page : \r\n \r\n \r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Entries per page :\r\n \r\n \r\n \r\n }\r\n \r\n \r\n history.push(\"/customers/add_customer\")}\r\n >\r\n Add New Customer\r\n \r\n {user.role === 'admin' && (\r\n history.push('/customers/global_agent_settings')}\r\n >\r\n Global Settings\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default CustomerTable;","import { result } from \"lodash\";\r\nimport { useState, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Button, Col, Container, Row } from \"reactstrap\";\r\n\r\nimport WebAPI from 'services/WebAPI'\r\n\r\nimport CustomerTable from './table'\r\n\r\nconst CustomerList = () => {\r\n const [rowData, setRowData] = useState([]);\r\n const [active, setActive] = useState(true)\r\n const [loading, setLoading] = useState(false)\r\n\r\n let history = useHistory();\r\n\r\n useEffect(() => {\r\n loadCustomers()\r\n }, [active]);\r\n\r\n const loadCustomers = () => {\r\n setLoading(true)\r\n setRowData([])\r\n WebAPI\r\n .get(`/Customers/List?active=${active ? 'true' : 'false'}`)\r\n .then(({ data: res }) => {\r\n if (res.status)\r\n setRowData(res.data)\r\n })\r\n .finally(() => setLoading(false))\r\n }\r\n\r\n const OnRowClick = (row) => {\r\n history.push('/customers/customer_details/' + row.Id)\r\n }\r\n\r\n const OnDelete = (ids) => {\r\n console.log(ids)\r\n }\r\n\r\n\r\n\r\n return (\r\n Customers
\r\n \r\n
\r\n Customers of Partner
\r\n \r\n
\r\n \r\n history.go('-1')}\r\n >\r\n \r\n \r\n Add Customer\r\n
\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Edit Customer\r\n
\r\n \r\n
\r\n )\r\n } else {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Login;\r\n","import React, { useState } from \"react\";\r\nimport { Input, Label, FormGroup } from \"reactstrap\";\r\nimport Button from \"components/Inputs/TButton\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport _ from \"lodash\";\r\nimport { useDispatch } from \"react-redux\";\r\n\r\nimport WebAPI from \"services/WebAPI.js\";\r\nimport { alertActions } from \"redux/_actions\";\r\n\r\nfunction ForgotPass(props) {\r\n const [mail, setMail] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [submitted, setSubmit] = useState(false);\r\n\r\n const dispatch = useDispatch;\r\n\r\n if (!_.get(props, \"location.state.fromLogin\"))\r\n return \r\n Please check your email to reset password.\r\n
\r\n \r\n Login\r\n \r\n \r\n );\r\n\r\n return (\r\n <>\r\n\r\n Your password has been reset. Please{\" \"}\r\n \r\n click here to login\r\n \r\n
\r\n \r\n );\r\n\r\n return (\r\n <>\r\n\r\n history.push('/Partner/PartnerList')}\r\n >\r\n \r\n \r\n Change Partner\r\n
\r\n {title}
\r\n \r\n{value}
\r\n \r\n\r\n \r\n history.push(`/customers/endpoints_under_license/${row.Key}`)\r\n }\r\n >\r\n \r\n Devices\r\n \r\n {(role === \"admin\" || role === \"partner\") && (\r\n <>\r\n {\r\n setDownloadKey(row.Key);\r\n setIsVersion(true);\r\n }}\r\n >\r\n \r\n Download\r\n \r\n \r\n )}\r\n
\r\n );\r\n };\r\n\r\n const columns = [\r\n {\r\n dataField: \"Key\",\r\n text: \"Key\",\r\n headerStyle: { width: \"250px\" },\r\n },\r\n {\r\n dataField: \"Server\",\r\n text: \"Active Servers\",\r\n },\r\n {\r\n dataField: \"Desktop\",\r\n text: \"Active Desktops\",\r\n },\r\n {\r\n dataField: \"ExpiryDate\",\r\n text: \"Expiration Date\",\r\n formatter: (cellContent) => new Date(cellContent).toLocaleDateString(),\r\n },\r\n {\r\n dataField: \"Type\",\r\n text: \"Type\",\r\n },\r\n {\r\n text: \"Actions\",\r\n formatter: columnActions,\r\n headerStyle: { width: \"300px\" },\r\n },\r\n ];\r\n\r\n return (\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n {customer.FirstName} {customer.LastName}\r\n
\r\n Customer Details
\r\n \r\n Customer Licenses
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n (versionSearch &&\r\n i\r\n .toLowerCase()\r\n .includes(versionSearch.toLowerCase())) ||\r\n (!versionSearch && i)\r\n )\r\n .map((r) => {\r\n return { name: r, value: r };\r\n }),\r\n ]}\r\n value={version}\r\n name=\"Version\"\r\n placeholder=\"Choose Version\"\r\n search\r\n getOptions={(val) => setVersionSearch(val)}\r\n onChange={(e) => setVersion(e)}\r\n />\r\n prepareDownload()}\r\n >\r\n \r\n Download\r\n \r\n \r\n
\r\n
\r\n )}\r\n Something went wrong. Please try again!
}\r\n\r\n \r\n {(props) => (\r\n setMove(true)}\r\n color=\"primary\"\r\n style={{ float: \"right\", marginTop: \"10px\" }}\r\n disabled={selectedEndpoint?.length === 0}\r\n >\r\n Move\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n New License\r\n
\r\n \r\n {iconSvg}\r\n
\r\n \r\n
\r\n \r\n {title}\r\n {subtitle}\r\n
\r\n \r\n {button}\r\n
\r\n \r\n Preferences\r\n
\r\n \r\n \r\n \r\n {\"Upload Logo\"} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n LogoChanged(\"CompanyName\", e.target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n LogoChanged(\"logo\", e.target.files[0])\r\n }\r\n />\r\n \r\n {logoData.logo && (\r\n
\r\n LogoChanged(\"color\", e.target.value)}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n LogoChanged(\"icon\", e.target.files[0])}\r\n />\r\n \r\n \r\n
\r\n \r\n setPreview(!preview)}\r\n disabled={!logoData.icon && !logoData.logo}\r\n >\r\n Preview\r\n \r\n \r\n \r\n Upload\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {(logoData.icon || logoData.logo) && (\r\n setPreview(!preview)}\r\n style={{ width: 800 }}\r\n >\r\n \r\n \r\n {logoData.logo && (\r\n
\r\n \r\n {logoData.icon && (\r\n
\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport AlertMessage from \"components/Alert\";\r\nimport { Container, Row, Col, Card, CardBody } from \"reactstrap\";\r\nimport WebAPI from \"services/WebAPI\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nimport { Form, Input, Label, FormGroup } from \"reactstrap\";\r\nimport Button from \"components/Inputs/TButton\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { alertActions } from \"redux/_actions\";\r\n\r\nexport default function AcronisApiGen() {\r\n const dispatch = useDispatch();\r\n\r\n const [key, setKey] = useState(\"\");\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n useEffect(() => {\r\n fetchKey();\r\n }, []);\r\n\r\n const fetchKey = async () => {\r\n setIsLoading(true);\r\n try {\r\n const resp = await WebAPI.get(\"/Acronics/GetAPIKey\");\r\n console.log(\"respget\", resp);\r\n if (resp.data.status) setKey(resp.data.result);\r\n else {\r\n dispatch(alertActions.error(\"Key doesn't Exist!!\"));\r\n setTimeout(() => {\r\n dispatch(alertActions.clear());\r\n }, 2500);\r\n }\r\n } catch (error) {\r\n console.log(\"error\", error);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n const handleSave = async () => {\r\n setIsLoading(true);\r\n try {\r\n const resp = await WebAPI.get(\"/Acronics/GenerateAPIKey\");\r\n console.log(\"respgenerate\", resp);\r\n if (resp.data.status) {\r\n dispatch(alertActions.success(\"Key generated sucessfully\"));\r\n setKey(resp.data.result);\r\n } else {\r\n dispatch(alertActions.error(\"Failed to generate!\"));\r\n }\r\n setTimeout(() => {\r\n dispatch(alertActions.clear());\r\n }, 2500);\r\n } catch (err) {\r\n console.log(\"err\", err);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n return (\r\n Upload Logo
\r\n \r\n File Name :{\" \"}\r\n {logoData.logo.name ||\r\n logoData.logo.split(\"/\").slice(-1)}{\" \"}\r\n | Color : {logoData.color ? logoData.color : \"\"}\r\n
\r\n \r\n )}\r\n\r\n File Name :{\" \"}\r\n {logoData.icon.name ||\r\n logoData.icon.split(\"/\").slice(-1)}\r\n
\r\n )}\r\n \r\nLogo :
\r\nIcon :
\r\nGenerate API
\r\n\r\n {\r\n navigator.clipboard.writeText(key);\r\n dispatch(alertActions.success(\"copied!\"));\r\n }}\r\n outline\r\n style={{ opacity: \"0.7\", marginLeft: \"10px\" }}\r\n >\r\n Copy\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {displayTarget()}\r\n \r\n \r\n setTarget(\"All\")}>All xz\r\n {_targets.map(({ id, emtity_name }) => (\r\n setTarget(id)}>\r\n {emtity_name}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n {displayRequestType()}\r\n \r\n \r\n setRequestType(\"http\")}>\r\n http://\r\n \r\n setRequestType(\"https\")}>\r\n https://\r\n \r\n \r\n \r\n setUrl(e.target.value)}\r\n style={{ borderRadius: 0, paddingLeft: 10 }}\r\n />\r\n setHeaderOpen((headerOpen) => !headerOpen)}\r\n >\r\n {headerOpen ? : }\r\n \r\n \r\n {headerOpen ? \"hide header panel\" : \"configure request headers\"}\r\n \r\n \r\n \r\n {displayTarget(true)}\r\n \r\n \r\n setType(0)}>License \r\n setType(1)}>Attack \r\n \r\n \r\n {!data && (\r\n \r\n {saving && (\r\n \r\n \r\n Request headers\r\n \r\n {data && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default EditHook;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Container,\r\n Card,\r\n ListGroupItem,\r\n ListGroup,\r\n Spinner,\r\n Collapse\r\n} from \"reactstrap\";\r\nimport _ from \"lodash\";\r\nimport API from \"services/WebAPI\";\r\nimport EditHook from \"./edit\";\r\n\r\nconst ListItem = ({ data, update }) => {\r\n const [open, setOpen] = useState(false)\r\n return \r\n {Object.entries(header).map(([k, v]) => (\r\n \r\n \r\n \r\n handleRemoveHeader(k)}\r\n style={{\r\n borderTopLeftRadius: 0,\r\n borderBottomLeftRadius: 0,\r\n }}\r\n >\r\n \r\n \r\n \r\n ))}\r\n\r\n
\r\n \r\n \r\n setKey(e.target.value)}\r\n />\r\n setValue(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n {saving && (\r\n
\r\n \r\n history.go(\"-1\")}\r\n >\r\n \r\n \r\n Web Hooks\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n \r\n {data01.map((entry, index) => (\r\n \r\n \r\n
\r\n Ratio of Active Desktop to Server
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Active license endpoints
\r\n\r\n \r\n \r\n Entries per page :\r\n \r\n \r\n Export as CSV\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n Agent Offline Report
\r\n {!loading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {data01.map((entry, index) => (\r\n \r\n \r\n
\r\n Ratio of Offline Desktop & Servers
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Offline Endpoints v/s Versions\r\n
\r\n\r\n \r\n \r\n Entries per page :\r\n \r\n \r\n Export as CSV\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n Not-Activated Endpoint Report
)}\r\n {!loading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {data01.map((entry, index) => (\r\n \r\n \r\n
\r\n Ratio of Not-Activated Desktop & Servers
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Endpoints v/s Versions\r\n
\r\n\r\n \r\n \r\n Entries per page :\r\n \r\n \r\n Export as CSV\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n Endpoint Status Report
)}\r\n {!loading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {trayIconData.map((entry, index) => (\r\n \r\n \r\n
\r\n Availability of Tray Icon
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n {serviceUpdateData.map((entry, index) => (\r\n \r\n \r\n
\r\n \r\n Availability of Service Updates\r\n
\r\nReports
\r\n \r\n history.push(\"/reports/report_settings\")}\r\n >\r\n Report Settings\r\n \r\n
\r\n \r\n \r\n \r\n {(props) => (\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Export as CSV\r\n \r\n
\r\n {reportId === \"ACTIVE_LICENSE\" && !isLoading && (\r\n {reportTitle}
\r\n\r\n
\r\n \r\n {iconSvg}\r\n
\r\n \r\n
\r\n \r\n {title}\r\n {subtitle}\r\n
\r\n \r\n {button}\r\n
\r\n \r\n Integration\r\n
\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Edit Notification Settings\r\n
\r\n \r\n props.setOpen(false)}\r\n >\r\n ×\r\n \r\n
\r\n \r\n Add path to list\r\n
\r\n\r\n \r\n \r\n \r\n setAddValue(value)} />\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nconst ExclusionInfo = ({ type }) => {\r\n switch (type) {\r\n case \"Folder Exclusion\":\r\n return <>\r\n \r\n \r\n
\r\n Example Folder Exclusions
\r\n\r\n
\r\n \r\n\r\n case \"Process Allow List\":\r\n return <>\r\n False Positive Generated
\r\n- \r\n
- C:\\Users\\Cashier.runelite\\repository2 \r\n
Options to deal with false positive
\r\n- \r\n
- \\repository2\\ - Protect any folder named repository2 but exclude all subfolders \r\n
- repository2 – Exclude every folder path containing folder repository2 \r\n
- C:\\Users\\Cashier.runelite\\repository2 - exclude only repository2 and all subfolders by exact path \r\n
\r\n \r\n
\r\n Example Process Allow list
\r\n\r\n
\r\n \r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nexport default function ListSelector(props) {\r\n\r\n const [modalShown, setModalShown] = useState(false)\r\n\r\n const columns = [\r\n {\r\n dataField: 'path', text: 'Path', style: { whiteSpace: 'normal' }, headerStyle: { padding: \"10px\", display: 'flex', alignItems: 'center', justifyContent:'space-evenly' }, filter: textFilter({\r\n style: {\r\n marginTop: 5,\r\n marginLeft: 10,\r\n width:'100%',\r\n },\r\n placeholder: 'Search'\r\n })\r\n },\r\n ]\r\n\r\n const paginationOptions = {\r\n custom: true,\r\n withFirstAndLast: true,\r\n totalSize: props.list ? props.list.length : 0,\r\n paginationSize: 3,\r\n };\r\n\r\n let tableRef = null;\r\n\r\n const selectRow = {\r\n mode: 'checkbox',\r\n clickToSelect: true,\r\n headerColumnStyle: {\r\n paddingBottom:25\r\n }\r\n }\r\n\r\n // Methods\r\n const handleDelete = () => {\r\n const selected = tableRef.selectionContext.selected\r\n const list = props.list\r\n const newList = _.difference(list, selected)\r\n if (props.onUpdate)\r\n props.onUpdate(newList)\r\n }\r\n\r\n const handleAdd = (listToAdd = []) => {\r\n const { list } = props\r\n if (!Array.isArray(listToAdd))\r\n listToAdd = [listToAdd,]\r\n const newList = _.union(list, listToAdd)\r\n if (props.onUpdate)\r\n props.onUpdate(newList)\r\n setModalShown(false)\r\n }\r\n\r\n return (\r\n False Positive Generated
\r\n- \r\n
- C:\\Users\\Cashier.runelite\\repository2.exe \r\n
Options to deal with false positive
\r\n- \r\n
- repository2 - Exclude the process containing repository2 \r\n
- C:\\Users\\Cashier.runelite\\repository2.exe - Exclude process only by exact path \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n ({ path: r })) || []}\r\n columns={columns}\r\n >\r\n {\r\n props => (\r\n \r\n {\r\n ({\r\n paginationProps,\r\n paginationTableProps\r\n }) => (\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n )\r\n}","import TButton from \"components/Inputs/TButton\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch } from 'react-redux'\r\nimport { Container, Row, Col, CardBody, Card, FormGroup, Input, Label, Spinner, Alert } from \"reactstrap\";\r\n\r\nimport BootstrapTable from 'react-bootstrap-table-next';\r\nimport paginationFactory from 'react-bootstrap-table2-paginator';\r\nimport filterFactory, { textFilter } from 'react-bootstrap-table2-filter';\r\n\r\nimport WebAPI from 'services/WebAPI'\r\n\r\nimport { alertActions } from \"redux/_actions\";\r\nimport AlertMessage from \"components/Alert\";\r\nimport _ from \"lodash\";\r\n\r\nconst ENDPOINT_KEY = 'DeviceId'\r\n\r\nexport default function CopyToEndpoints(props) {\r\n\r\n const [endpoints, setEndpoints] = useState([])\r\n\r\n const columns = [{\r\n dataField: 'HostName',\r\n text: 'Hostname',\r\n style:{whiteSpace:\"normal\"}\r\n }, {\r\n dataField: 'CustomerName',\r\n text: 'Customer',\r\n filter: textFilter(),\r\n style:{whiteSpace:\"normal\"}\r\n },\r\n {\r\n dataField: 'CompanyName',\r\n text: 'Company',\r\n filter: textFilter(),\r\n style:{whiteSpace:\"normal\"}\r\n },\r\n {\r\n dataField: 'DeviceType',\r\n text: 'Type',\r\n style:{whiteSpace:\"normal\"}\r\n }, {\r\n dataField: 'Version',\r\n text: 'Version',\r\n style:{whiteSpace:\"normal\"}\r\n }\r\n ];\r\n\r\n //\r\n const [selectedEndpoint, setSelectedEndpoint] = useState([])\r\n const [filteredEndpoint, setFilteredEndpoints] = useState([])\r\n\r\n const dispatch = useDispatch()\r\n\r\n const handleOnSelect = (row, isSelect) => {\r\n const endpoint = row[ENDPOINT_KEY]\r\n if (isSelect) {\r\n setSelectedEndpoint([...selectedEndpoint, endpoint])\r\n } else {\r\n setSelectedEndpoint(selectedEndpoint.filter(x => x !== row[ENDPOINT_KEY]))\r\n }\r\n }\r\n\r\n const handleSelectAll = (isSelect, rows) => {\r\n const newEP = filteredEndpoint.map(x => x[ENDPOINT_KEY])\r\n if (isSelect) {\r\n setSelectedEndpoint([...selectedEndpoint, ...newEP])\r\n } else {\r\n setSelectedEndpoint([])\r\n }\r\n }\r\n\r\n const afterFilter = (result, f) => {\r\n if (_.xor(filteredEndpoint.map(x => x[ENDPOINT_KEY]), result.map(x => x[ENDPOINT_KEY])).length) {\r\n setFilteredEndpoints(result || [])\r\n }\r\n }\r\n\r\n const [scope, setScope] = useState({ Configurations: true, FolderExclustions: true, Whitelist: true })\r\n\r\n const [loading, setLoading] = useState(false)\r\n const [updating, setUpdating] = useState(false)\r\n\r\n useEffect(() => {\r\n if (loading)\r\n return\r\n setLoading(true)\r\n WebAPI\r\n .get('/Endpoints/List?minifed=true')\r\n .then(({ data: res }) => {\r\n if (res.status)\r\n setEndpoints(res.data)\r\n setFilteredEndpoints(res.data)\r\n })\r\n .finally(() => setLoading(false))\r\n }, [])\r\n\r\n const handleSave = () => {\r\n if (updating)\r\n return\r\n setUpdating(true)\r\n WebAPI\r\n .post('/Endpoints/CopyToEndpoints',{\r\n scope,\r\n config : props.config,\r\n endpoints : selectedEndpoint,\r\n })\r\n .then(({ data: res }) => {\r\n dispatch(alertActions.success(\"Request processed!\"))\r\n setTimeout(() => {\r\n dispatch(alertActions.clear())\r\n }, 2000);\r\n })\r\n .finally(() => setUpdating(false))\r\n }\r\n\r\n return (\r\n {props.title}
\r\n {props.isGlobal &&\r\n \r\n
\r\n tableRef = n}\r\n selectRow={selectRow}\r\n {...props.baseProps}\r\n {...paginationTableProps}\r\n noDataIndication=\"No Data\"\r\n filter={filterFactory()}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n \r\n )\r\n }\r\n\r\n \r\n \r\n {\r\n dispatch(alertActions.clear());\r\n setCopyModal(false);\r\n }}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n (partner !== 0 && i.PartnerName === partner) ||\r\n (partner === 0 && i)\r\n ) || []\r\n }\r\n columns={columns}\r\n search\r\n remote\r\n exportCSV={{\r\n fileName: \"endpoint_list.csv\",\r\n exportAll: selectedEndpoint.length > 0 ? false : true,\r\n onlyExportSelection: selectedEndpoint.length > 0 ? true : false,\r\n }}\r\n >\r\n {(props) => (\r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n \r\n )}\r\n \r\n setIsUninstall(false)}>\r\n setIsUninstall(false)}\r\n >\r\n Are you sure to delete this endpoint?\r\n \r\n \r\n {selectedEndpoint.length !== 0\r\n ? `As a result of this action, ${selectedEndpoint.length} endpoint(s) will be uninstalled.`\r\n : \"Select atleast one endpoint!\"}\r\n \r\n \r\n \r\n \r\n \r\n Continue\r\n \r\n \r\n \r\n \r\n {\r\n setMove(false);\r\n setMoveToCustomer(null);\r\n }}\r\n >\r\n Move Endpoints To: \r\n \r\n {loading && \r\n \r\n \r\n i.CompanyName.toLowerCase().includes(\r\n customerFilter.toLowerCase()\r\n )\r\n )\r\n .map((i) => ({ name: i.CompanyName, value: i.Id })),\r\n ]}\r\n value={moveToCustomer}\r\n name=\"Company\"\r\n placeholder=\"Choose Company\"\r\n search\r\n getOptions={(val) => setCFilter(val)}\r\n onChange={(e) => setMoveToCustomer(parseInt(e))}\r\n />\r\n \r\n
\r\n \r\n Move\r\n \r\n \r\n )}\r\n \r\n \r\n {\r\n setIsModalOpen({ open: false, type: null, name: null });\r\n setStr(\"\");\r\n }}\r\n >\r\n {isModalOpen?.name || \"\"} \r\n \r\n {isLoading && \r\n \r\n {(isModalOpen.type === \"add_to_excluded_folders\" ||\r\n isModalOpen.type === \"add_to_allowed_process\") && (\r\n <>\r\n setStr(e.target.value)}\r\n />\r\n \r\n \r\n )}\r\n {!(\r\n isModalOpen.type === \"add_to_excluded_folders\" ||\r\n isModalOpen.type === \"add_to_allowed_process\"\r\n ) && (\r\n <>\r\n setStr(e.target.checked)}\r\n />\r\n \r\n \r\n )}\r\n
\r\n \r\n Continue\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import { useState, useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { Container, Row } from \"reactstrap\";\r\nimport WebAPI from \"services/WebAPI\";\r\nimport EndpointsTable from \"./EndpointTable\";\r\n\r\nconst EndpointList = () => {\r\n const search = useLocation().search;\r\n const device = new URLSearchParams(search).get(\"device\");\r\n const version = new URLSearchParams(search).get(\"version\")?.split(\",\");\r\n const status = new URLSearchParams(search).get(\"status\");\r\n const firewall = new URLSearchParams(search).get(\"firewall\");\r\n const health = new URLSearchParams(search).get(\"health\");\r\n const failedUpdates = new URLSearchParams(search).get(\"failedUpdates\");\r\n const [endPointWholeList, setEndPointList] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [checkFilter, setCheckFilter] = useState(true);\r\n const [customerList, setCustomerList] = useState([]);\r\n\r\n useEffect(() => {\r\n loadEndpoints();\r\n loadCustomers();\r\n }, []);\r\n\r\n const loadEndpoints = () => {\r\n setLoading(true);\r\n WebAPI.get(\"/Endpoints/List\")\r\n .then(({ data: res }) => {\r\n if (res.status) {\r\n setEndPointList(res.data);\r\n }\r\n })\r\n .catch((err) => console.log(\"error\", err))\r\n .finally(() => setLoading(false));\r\n };\r\n \r\n const loadCustomers = () => {\r\n setCustomerList([]);\r\n WebAPI.get(`/Customers/List?active=true`)\r\n .then(({ data: res }) => {\r\n if (res.status) setCustomerList(res.data);\r\n })\r\n .catch((err)=>console.log('err', err))\r\n };\r\n\r\n useEffect(() => {\r\n if (device || version || status || firewall || health || failedUpdates)\r\n setCheckFilter(false);\r\n else setCheckFilter(true);\r\n }, [device, failedUpdates, firewall, health, status, version]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n Entries per page :\r\n \r\n toggleFilterPopover(!filterPopover)}\r\n outline\r\n className={filter_applied ? \"filter-focus\" : \"\"}\r\n >\r\n \r\n \r\n \r\n \r\n handleActions(parseInt(e.target.value), props)\r\n }\r\n >\r\n \r\n \r\n \r\n Uninstall Endpoint(s)\r\n \r\n \r\n Move Endpoints\r\n \r\n \r\n Force Update\r\n \r\n \r\n Protect Default Volume\r\n \r\n \r\n Protect Shares\r\n \r\n \r\n Protect User Profiles\r\n \r\n \r\n Monitor Mode\r\n \r\n \r\n Auto New Subfolders\r\n \r\n \r\n Native File Monitoring\r\n \r\n \r\n Extension Change Monitoring\r\n \r\n \r\n Exclude Folder\r\n \r\n \r\n Allow Process\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n i?.PartnerName))]\r\n .filter(\r\n (i) =>\r\n (partnerFilter &&\r\n i\r\n .toLowerCase()\r\n .includes(partnerFilter.toLowerCase())) ||\r\n (!partnerFilter && i)\r\n )\r\n .map((r) => {\r\n return { name: r, value: r };\r\n }),\r\n ]}\r\n value={partner}\r\n name=\"Partner\"\r\n placeholder=\"Choose Partner\"\r\n search\r\n getOptions={(val) => setPFilter(val)}\r\n onChange={(e) => setPartner(e)}\r\n />\r\n
\r\n )}\r\n Endpoints
\r\n \r\n (device && i.DeviceType === device) || (!device && i)\r\n )\r\n .filter(\r\n (i) =>\r\n (status && i.OnlineStatus === status) ||\r\n (version && version?.includes(i.Version)) ||\r\n (firewall &&\r\n i.FirewallStatus ===\r\n (firewall === \"true\" ? true : false)) ||\r\n (health &&\r\n i.HealthStatus === (health === \"true\" ? true : false)) ||\r\n (failedUpdates === \"true\" &&\r\n (i.UpdateServiceStatus === \"Not Available\" ||\r\n i.UpdateServiceStatus.includes(\r\n \"Update failed while updating from\"\r\n ))) ||\r\n (!version &&\r\n !status &&\r\n !firewall &&\r\n !health &&\r\n !failedUpdates &&\r\n i)\r\n )}\r\n loading={loading}\r\n />\r\n
\r\n \r\n
\r\n);\r\n\r\nfunction AttackView({ attack, onClose }) {\r\n const [str, setStr] = useState(\"\");\r\n const [isWhitelist, setWhitelist] = useState(false);\r\n const [isExclude, setIsExclude] = useState(false);\r\n const [type, setType] = useState(\"customer\");\r\n\r\n const history = useHistory();\r\n\r\n const handleExclude = (mode) => {\r\n const requestData = {};\r\n requestData[mode] = str;\r\n if (type === \"customer\") {\r\n history.push({\r\n pathname: `/customers/customer_settings/${_.get(\r\n attack,\r\n \"Device.License.CustomerId\"\r\n )}`,\r\n state: requestData,\r\n });\r\n }\r\n if (type === \"endpoint\") {\r\n history.push({\r\n pathname: `/endpoints/endpoint_settings/${_.get(\r\n attack,\r\n \"Device.DeviceId\"\r\n )}`,\r\n state: requestData,\r\n });\r\n }\r\n };\r\n\r\n const prepareFolderPath = (val) => {\r\n try {\r\n const splitVal = val.split(\"\\\\\");\r\n splitVal.pop();\r\n setStr(splitVal.join(\"\\\\\") + \"\\\\\");\r\n } catch (error) {\r\n console.log(\"error fetching process path\", error);\r\n }\r\n };\r\n\r\n return (\r\n {title}
\r\n:
\r\n{children}
\r\n\r\n onClose()}>\r\n \r\n {_.get(attack, \"Attack.ProcessId\")}\r\n \r\n \r\n {_.get(attack, \"Attack.LastFileName\")}\r\n \r\n \r\n \r\n {_.get(attack, \"Device.Hostname\")}\r\n \r\n \r\n \r\n {_.get(attack, \"Attack.IpAddress\")}\r\n \r\n {_.get(attack, \"Attack.User\")} \r\n {/* \r\n {_.get(attack, \"Customer.CompanyName\")}\r\n */}\r\n \r\n {_.get(attack, \"Attack.LearningModeStatus\") ? (\r\n ON\r\n ) : (\r\n OFF\r\n )}\r\n \r\n \r\n {_.get(attack, \"Attack.SupressEmail\") ? (\r\n ON\r\n ) : (\r\n OFF\r\n )}\r\n \r\n
\r\n \r\n \r\n Alert Details\r\n {\r\n onClose();\r\n }}\r\n >\r\n ×\r\n \r\n
\r\n \r\n \r\n {attack\r\n ? moment(\r\n _.get(attack, \"Attack.Time\") +\r\n (_.get(attack, \"Attack.Time\")[\r\n _.get(attack, \"Attack.Time\").length - 1\r\n ] === \"Z\"\r\n ? \"\"\r\n : \"Z\")\r\n ).format(\"YYYY-MM-DD, h:mm:ss a\")\r\n : \"\"}\r\n \r\n \r\n \r\n {_.get(attack, \"Attack.ProcessName\")}\r\n
\r\n \r\n \r\n \r\n window.open(\r\n `/#/customers/customer_details/${_.get(\r\n attack,\r\n \"Device.License.CustomerId\"\r\n )}`\r\n )\r\n }\r\n >\r\n \r\n \r\n View Customer\r\n \r\n \r\n {\r\n setWhitelist(true);\r\n setStr(_.get(attack, \"Attack.ProcessName\") || \"\");\r\n }}\r\n >\r\n \r\n \r\n Whitelist Process\r\n \r\n \r\n {\r\n setIsExclude(true);\r\n prepareFolderPath(_.get(attack, \"Attack.LastFileName\") || \"\");\r\n }}\r\n >\r\n \r\n \r\n Exclude Folder\r\n \r\n \r\n
\r\n \r\n Exclude Folder\r\n setIsExclude(false)}\r\n >\r\n ×\r\n \r\n
\r\n \r\n \r\n setStr(e.target.value)}\r\n />\r\n \r\n \r\n setType(e.target.value)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n handleExclude(\"FolderExclusion\")}\r\n >\r\n Continue\r\n \r\n {\r\n setStr(\"\");\r\n setIsExclude(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n Whitelist Process\r\n setWhitelist(false)}\r\n >\r\n ×\r\n \r\n
\r\n \r\n \r\n setStr(e.target.value)}\r\n />\r\n \r\n \r\n setType(e.target.value)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n setStr(\"\");\r\n setWhitelist(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n Alerts
\r\n \r\n \r\n \r\n Entries per page :\r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n (customerFilter &&\r\n `${i.FirstName} ${i.LastName} - ${i.CompanyName}`\r\n .toLowerCase()\r\n .includes(\r\n customerFilter.toLowerCase()\r\n )) ||\r\n (!customerFilter && i)\r\n )\r\n .map((r) => {\r\n return {\r\n name: `${r.FirstName} ${r.LastName} - ${r.CompanyName}`,\r\n value: r.Id,\r\n };\r\n }),\r\n ]}\r\n value={customer}\r\n name=\"Customer\"\r\n placeholder=\"Choose Customer\"\r\n search\r\n getOptions={(val) => setCFilter(val)}\r\n onChange={(e) => {\r\n setCustomer(parseInt(e));\r\n setDevice(0);\r\n }}\r\n />\r\n
\r\n )}\r\n {(customer !== 0 || role === \"customer\") && (\r\n \r\n \r\n (customer\r\n ? i?.CustomerId === customer\r\n : true) &&\r\n ((endpointFilter &&\r\n i.HostName\r\n .toLowerCase()\r\n .includes(\r\n endpointFilter.toLowerCase()\r\n )) ||\r\n (!endpointFilter && i))\r\n )\r\n .map((r) => {\r\n return {\r\n name: r.HostName,\r\n value: r.DeviceId,\r\n };\r\n }),\r\n ]}\r\n value={device}\r\n name=\"Endpoint\"\r\n placeholder=\"Choose Endpoint\"\r\n search\r\n getOptions={(val) => setEFilter(val)}\r\n onChange={(e) => {\r\n setDevice(parseInt(e))\r\n }}\r\n />\r\n
\r\n )}\r\n \r\n Endpoints of Customer
\r\n \r\n
\r\n Endpoints with License
\r\n \r\n
\r\n Endpoints under Partner
\r\n \r\n
\r\n \r\n setLog(true)}\r\n >\r\n Log\r\n \r\n\r\n setLog(!isLog)}>\r\n \r\n
\r\n );\r\n}\r\n","import AlertMessage from \"components/Alert\";\r\nimport TButton from \"components/Inputs/TButton\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useParams, useHistory } from \"react-router-dom\";\r\nimport {useSelector} from \"react-redux\";\r\nimport {\r\n Container,\r\n Button,\r\n Col,\r\n Row,\r\n CardBody,\r\n Card,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Spinner, Form,FormGroup, Input,Label,\r\n} from \"reactstrap\";\r\n\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\n\r\nimport { alertActions } from \"redux/_actions/\";\r\n\r\nimport WebAPI from \"services/WebAPI\";\r\nimport filterFactory, { textFilter } from \"react-bootstrap-table2-filter\";\r\nimport Logs from \"./logs\";\r\nimport moment from \"moment\";\r\n\r\nfunction DetailsRow({ title, value }) {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n setLog(false)}\r\n >\r\n ×\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {loading && (
\r\n \r\n \r\n
\r\n \r\n ({ path: i }))}\r\n pagination={paginationFactory({\r\n sizePerPage: 5,\r\n hideSizePerPage: true,\r\n })}\r\n filter={filterFactory()}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nconst PopConfirm = ({ onOk, inProgress }) => {\r\n const [modal, SetModal] = useState(false);\r\n const [uninstall, setUninstall]= useState(true)\r\n const handleConfirm = () =>{\r\n //add new api for uninstall\r\n if (onOk) onOk(uninstall)\r\n SetModal(false)\r\n }\r\n\r\n return (\r\n <>\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Endpoint Details\r\n
\r\n Summary
\r\n \r\n\r\n setLog(log)}\r\n />\r\n )}\r\n
\r\n Running Services
\r\n \r\nAgent Settings
\r\n \r\n\r\n setFolderProtectionModel(false)}\r\n >\r\n ×\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Billing;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Container,\r\n Spinner,\r\n Row,\r\n Col,\r\n UncontrolledTooltip,\r\n Modal,\r\n Input,\r\n Label,\r\n FormGroup,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n} from \"reactstrap\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory, {\r\n PaginationProvider,\r\n SizePerPageDropdownStandalone,\r\n PaginationTotalStandalone,\r\n PaginationListStandalone,\r\n} from \"react-bootstrap-table2-paginator\";\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\nimport Button from \"components/Inputs/TButton\";\r\nimport Client from \"../../../../services/WebAPI\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { alertActions } from \"redux/_actions\";\r\nimport AlertMessage from \"components/Alert\";\r\nconst { SearchBar } = Search;\r\n\r\nconst PopConfirm = ({ onOk }) => {\r\n const [modal, SetModal] = useState(false);\r\n\r\n const handleConfirm = () => {\r\n if (onOk) onOk();\r\n SetModal(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Manage {type==\"partner\"? \"Partner\" : \"Customer\"} Billing\r\n
\r\n \r\n \r\n {!addTier && \r\n
\r\n {\r\n setAddTier(false);\r\n setTierData({\r\n tier: null,\r\n price: null,\r\n productId: \"\",\r\n });\r\n }}\r\n >\r\n Add Tier \r\n \r\n \r\n \r\n handleData(\"tier\", e.target.value)}\r\n type=\"number\"\r\n />\r\n \r\n \r\n \r\n handleData(\"price\", e.target.value)}\r\n type=\"number\"\r\n />\r\n \r\n \r\n \r\n handleData(\"productId\", e.target.value)}\r\n type=\"text\"\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setAddTier(false);\r\n setTierData({\r\n tier: null,\r\n price: null,\r\n productId: \"\",\r\n });\r\n }}\r\n >\r\n Cancel\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Container,\r\n Spinner,\r\n Row,\r\n Col,\r\n UncontrolledTooltip,\r\n Modal,\r\n Input,\r\n Label,\r\n FormGroup,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n} from \"reactstrap\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory, {\r\n PaginationProvider,\r\n SizePerPageDropdownStandalone,\r\n PaginationTotalStandalone,\r\n PaginationListStandalone,\r\n} from \"react-bootstrap-table2-paginator\";\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport { useParams, useHistory } from \"react-router-dom\";\r\nimport Button from \"components/Inputs/TButton\";\r\nimport Client from \"services/WebAPI\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { getList } from \"screens/partner/service\";\r\nimport moment from \"moment\";\r\nimport { alertActions } from \"redux/_actions\";\r\nimport AlertMessage from \"components/Alert\";\r\nimport Tier from \"./tier\";\r\nconst { SearchBar } = Search;\r\n\r\nconst PopConfirm = ({ onOk }) => {\r\n const [modal, SetModal] = useState(false);\r\n\r\n const handleConfirm = () => {\r\n if (onOk) onOk();\r\n SetModal(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n {(props) => (\r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n
\r\n \r\n \r\n \r\n Entries per page :\r\n \r\n Add Tier\r\n \r\n setAddTier(true)}\r\n >\r\n +\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n {row.PaymentStatus != \"Paid\" && (\r\n
\r\n ),\r\n },\r\n ];\r\n\r\n const paginationOptions = {\r\n custom: true,\r\n withFirstAndLast: true,\r\n totalSize: rowData.length,\r\n };\r\n return (\r\n \r\n \r\n Mark as paid\r\n \r\n {\r\n setMarkPaid(true);\r\n setInvoiceID(row.Id);\r\n }}\r\n >\r\n \r\n \r\n handleAmmend(row)} />\r\n
\r\n )}\r\n {row?.StripeIntentId && (\r\n \r\n \r\n Go to payment intend\r\n \r\n \r\n window.open(\r\n `https://dashboard.stripe.com/test/payments/${row?.StripeIntentId}`\r\n )\r\n }\r\n >\r\n \r\n \r\n
\r\n )}\r\n {row?.XeroInvoiceId && (\r\n \r\n \r\n Go to Xero Invoice\r\n \r\n \r\n window.open(\r\n `https://go.xero.com/AccountsReceivable/View.aspx?InvoiceID=${row?.XeroInvoiceId}`\r\n )\r\n }\r\n >\r\n \r\n \r\n
\r\n )}\r\n \r\n {\" \"}\r\n \r\n \r\n {\"Billing\"} \r\n \r\n {!showTier && \r\n
\r\n {\r\n setShowTier(false);\r\n }}\r\n >\r\n Tier Management \r\n \r\n \r\n \r\n {\r\n setMarkPaid(false);\r\n setReferenceId(null);\r\n setInvoiceID(null);\r\n }}\r\n >\r\n Mark As Paid \r\n \r\n \r\n \r\n setReferenceId(e.target.value)}\r\n type=\"text\"\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMarkPaid(false);\r\n setReferenceId(null);\r\n setInvoiceID(null);\r\n }}\r\n >\r\n Cancel\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n Form,\r\n Input,\r\n Label,\r\n FormGroup,\r\n FormFeedback,\r\n Spinner,\r\n} from \"reactstrap\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport Button from \"components/Inputs/TButton\";\r\nimport Alert from \"components/Alert\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport Client from \"services/WebAPI\";\r\nimport { alertActions } from \"redux/_actions\";\r\n\r\nconst PartnerForm = (props) => {\r\n const d = new Date();\r\n\r\n const [formState, setFormState] = useState({\r\n invoiceDate: moment(d).format(\"YYYY-MM-DD\"),\r\n dueDate: moment(new Date(d.setDate(d.getDate() + 15))).format(\"YYYY-MM-DD\"),\r\n productId: 0,\r\n quantity: 0,\r\n amount: 0,\r\n });\r\n const [tier, setTier] = useState([]);\r\n const [units, setUnit] = useState(0);\r\n const [loading, setLoading] = useState(false);\r\n const [generateLoading, setGLoading] = useState(false);\r\n const { id, type } = useParams();\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n fetchTier();\r\n fetchEndpoints();\r\n }, [props.partner]);\r\n\r\n useEffect(() => {\r\n formState.quantity = units || 0;\r\n setFormState(formState);\r\n }, [units]);\r\n\r\n useEffect(() => {\r\n formState.amount =\r\n tier.filter((i) => i.ProductID === formState.productId)[0]?.Price || 0;\r\n setFormState({ ...formState });\r\n }, [formState.productId]);\r\n\r\n const [invalidFormState, setInvalidFormState] = useState({\r\n invoiceDate: false,\r\n dueDate: false,\r\n productId: false,\r\n quantity: false,\r\n amount: false,\r\n });\r\n\r\n const fetchEndpoints = async () => {\r\n try {\r\n setLoading(true);\r\n const resp = await Client.get(`/Endpoints/${type===\"partner\" ? \"ListFromPartner\" : \"ListFromCustomer\"}/` + id);\r\n if (resp.data.status) {\r\n setUnit(\r\n resp.data.data.filter((i) => i.ActivationStatus === \"Activated\")\r\n ?.length\r\n );\r\n }\r\n } catch (err) {\r\n console.log(\"err\", err);\r\n }\r\n setLoading(false);\r\n };\r\n\r\n const fetchTier = async () => {\r\n try {\r\n const resp = await Client.get(\"/Billing/BillingTiers\");\r\n if (resp.data.status && resp.data.result) setTier(resp.data.result);\r\n } catch (err) {\r\n console.log(\"err\", err);\r\n }\r\n };\r\n\r\n const handleSave = async (e) => {\r\n try {\r\n e.preventDefault();\r\n setGLoading(true);\r\n const { dueDate, productId, quantity, amount } = formState;\r\n const req = {\r\n Price: parseFloat(amount),\r\n ProductId: productId,\r\n Quantity: parseInt(quantity),\r\n DueDate: dueDate,\r\n };\r\n if(type===\"partner\") req.PartnerId=parseInt(id)\r\n if(type===\"customer\") req.CustomerId=parseInt(id)\r\n const resp = await Client.post(\"/Billing/ExecuteManualBilling\", req);\r\n if (resp.data.status) {\r\n dispatch(alertActions.success(\"Invoice generated!\"));\r\n setFormState({\r\n invoiceDate: moment(d).format(\"YYYY-MM-DD\"),\r\n dueDate: moment(new Date(d.setDate(d.getDate() + 15))).format(\r\n \"YYYY-MM-DD\"\r\n ),\r\n productId: 0,\r\n quantity: 0,\r\n amount: 0,\r\n });\r\n } else dispatch(alertActions.error(\"Failed to Generate\"));\r\n } catch (err) {\r\n console.log(\"err\", err);\r\n dispatch(alertActions.error(\"Something went wrong\"));\r\n }\r\n setGLoading(false);\r\n setTimeout(() => {\r\n dispatch(alertActions.clear());\r\n }, [2500]);\r\n };\r\n\r\n const handleFormValueChange = ({ target: { id, value } }) => {\r\n invalidFormState[id] = false;\r\n formState[id] = value;\r\n setFormState({ ...formState });\r\n setInvalidFormState({ ...invalidFormState });\r\n };\r\n\r\n return loading ? (\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Manage Billing\r\n
\r\n \r\n \r\n {(props) => (\r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n
\r\n \r\n \r\n \r\n Entries per page :\r\n \r\n Tier Management\r\n \r\n {\r\n setShowTier(true);\r\n }}\r\n >\r\n Tiers\r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Generate Invoice For {type===\"partner\" ? partner?.EntityName : customer?.FirstName}\r\n
\r\n \r\n \r\n
\r\n )\r\n }, {\r\n dataField: 'LockoutEnabled',\r\n text: 'Lockout Enabled',\r\n classes: 'common-table-column-style',\r\n formatter: (cellContent, row) => (\r\n \r\n \r\n
\r\n )\r\n }, {\r\n dataField: 'AccessFailedCount',\r\n text: 'Failed Logins',\r\n classes: 'common-table-column-style',\r\n }];\r\n\r\n const paginationOptions = {\r\n custom: true,\r\n totalSize: rowData.length\r\n };\r\n\r\n return (\r\n Users
\r\n \r\n \r\n {props => (\r\n \r\n {\r\n ({\r\n paginationProps,\r\n paginationTableProps\r\n }) => (\r\n
\r\n \r\n \r\n history.push(\"/users/add_user/\")}\r\n >\r\n Add New User\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n history.push('/users')}\r\n >\r\n \r\n \r\n {user.Email}\r\n
\r\n \r\n User Details\r\n
\r\n \r\n {user.Email}
\r\n \r\nType
\r\n \r\n{getUserType(user)}
\r\n \r\nPartner Name
\r\n \r\n\r\n {!user.Partner ? \"\" : user.Partner?.EntityName}\r\n
\r\n \r\nCustomer Name
\r\n \r\n\r\n {user.Customer?.FirstName} {user.Customer?.LastName}\r\n
\r\n \r\nTwo Factor Enabled
\r\n \r\n{user.TwoFactorEnabled ? \"Yes\" : \"No\"}
\r\n \r\nAccess Failed Count
\r\n \r\n{user.AccessFailedCount}
\r\n \r\nLockout Status
\r\n \r\n{!user.LockoutEnabled ? \"No\" : \"Locked\"}
\r\n \r\n\r\n handleLock()}\r\n isLoading= {locking}\r\n >\r\n {user.LockoutEnabled ? \"Unlock\" : 'Lock'}\r\n \r\n handleDelete()}\r\n isLoading= {deleting}\r\n >\r\n Delete\r\n \r\n handleMFASwitch()}\r\n isLoading= {mfaSwitching}\r\n >\r\n Remove MFA\r\n \r\n
\r\n \r\n history.push('/users')}\r\n >\r\n \r\n \r\n Add User\r\n
\r\n \r\n history.push(`/users/user_details/${id}`)}\r\n >\r\n \r\n \r\n Edit User\r\n
\r\n \r\n \r\n Rollout Channels \r\n \r\n \r\n \r\n
\r\n {loading ? (\r\n \r\n ) : (\r\n \r\n \r\n
\r\n );\r\n}\r\n","import _ from \"lodash\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n Label,\r\n Input,\r\n Button,\r\n FormGroup,\r\n Form,\r\n} from \"reactstrap\";\r\nimport WebAPI from \"services/WebAPI\";\r\n\r\nexport default function ChangeChannel({ open, OnClose, handleSave }) {\r\n const [row, setRow] = useState([]);\r\n const [channel, setChannel]= useState('')\r\n\r\n useEffect(() => {\r\n if(open){\r\n loadChannels();\r\n }\r\n }, [open]);\r\n\r\n const loadChannels = () => {\r\n WebAPI.get(\"/UpgradeManager/FetchAllPackageChannels\").then(\r\n ({ data: res }) => {\r\n if (res.status) setRow(_.sortBy(res.result,'Priority'));\r\n }\r\n );\r\n };\r\n\r\n const _handleSave = () => {\r\n if(open.Id && channel){\r\n handleSave(open.Id, channel)\r\n OnClose()\r\n }\r\n }\r\n\r\n return (\r\n | Channel Name | \r\nPriority | \r\nActions | \r\n
|---|---|---|
| {i.Channel} | \r\n{i.Priority} | \r\n\r\n {i.Channel!==\"stable\" && (\r\n | \r\n
\r\n setAdd(!isAdd)}\r\n >\r\n {isAdd ? : }\r\n \r\n {isAdd && <>\r\n setName(e.target.value)}\r\n />\r\n setPrio(e.target.value)}\r\n />\r\n `${r.Priority}`).includes(prio)}\r\n onClick={addChannel}\r\n >\r\n \r\n \r\n }\r\n
\r\n )}\r\n \r\n \r\n Change Channel \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport {\r\n Button,\r\n InputGroup,\r\n Input,\r\n Modal,\r\n ModalHeader,\r\n ModalFooter,\r\n} from \"reactstrap\";\r\nimport _ from \"lodash\";\r\n\r\nconst PopConfirm = ({ onOk }) => {\r\n const [modal, SetModal] = useState(false);\r\n\r\n const handleConfirm = () => {\r\n if (onOk) onOk();\r\n SetModal(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n setPath(e.target.value)}\r\n style={{ borderRadius: 0, paddingLeft: 10 }}\r\n />\r\n\r\n {!data && (\r\n \r\n {saving && (\r\n \r\n\r\n {data && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default EditHook;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Container,\r\n Card,\r\n ListGroupItem,\r\n ListGroup,\r\n Spinner,\r\n Collapse,\r\n} from \"reactstrap\";\r\nimport _ from \"lodash\";\r\nimport API from \"services/WebAPI\";\r\nimport EditPath from \"./edit\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { alertActions } from \"redux/_actions\";\r\nimport AlertMessage from \"components/Alert\";\r\n\r\nconst ListItem = ({ data, update, index }) => {\r\n const [open, setOpen] = useState(false);\r\n return (\r\n \r\n \r\n Cancel\r\n \r\n \r\n {saving && (\r\n
\r\n \r\n history.go(\"-1\")}\r\n >\r\n \r\n \r\n Process Whitelist Exception\r\n
\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Agent Default Settings\r\n
\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Global Agent Settings\r\n
\r\n \r\n history.go(-1)}\r\n >\r\n \r\n \r\n Endpoint Settings\r\n
\r\n \r\n Change Password\r\n
\r\n Configure Multi-Factor Authenticator
\r\n \r\n
\r\n )}\r\n \r\n \r\n To use an authenticator app go through the following\r\n steps:\r\n \r\n
\r\n- \r\n
- \r\n
\r\n Download a two-factor authenticator app like Microsoft\r\n Authenticator for\r\n \r\n Android\r\n {\" \"}\r\n and\r\n \r\n iOS\r\n {\" \"}\r\n or Google Authenticator for\r\n \r\n Android\r\n {\" \"}\r\n and\r\n \r\n iOS\r\n \r\n .\r\n
\r\n \r\n - \r\n
\r\n Scan the QR Code into your two factor authenticator app.\r\n Spaces and casing do not matter.\r\n
\r\n {QRCodeURL ? (\r\n\r\n ) : (\r\n
\r\n )}\r\n \r\n - \r\n
\r\n Once you have scanned the QR code or input the key\r\n above, your two factor authentication app will provide\r\n you with a unique code. Enter the code in the\r\n confirmation box below.\r\n
\r\n\r\n \r\n \r\n
\r\n history.go(-1)}\r\n >\r\n \r\n \r\n Report Settings\r\n
\r\n \r\n {setChange(row)}}\r\n isLoading={currentItem === row.Id && updating}\r\n >\r\n Change Channel\r\n \r\n handleDelete(row.Id)}\r\n isLoading={currentItem === row.Id && deleting}\r\n >\r\n Remove\r\n \r\n
\r\n )\r\n }\r\n ]\r\n\r\n\r\n const [uploadOpen, setUploadOpen] = useState(false)\r\n const [channelOpen, setChannelOpen] = useState(false)\r\n\r\n const [currentItem, setCurrentItem] = useState(0)\r\n const [deleting, setDeleting] = useState(false)\r\n\r\n const reload = () => {\r\n setUploadOpen(false)\r\n setCurrentItem(0)\r\n setVersions([])\r\n loadVersions()\r\n }\r\n const handleDelete = (id) => {\r\n if (deleting)\r\n return\r\n setDeleting(true)\r\n setCurrentItem(id)\r\n WebAPI\r\n .post('/UpgradeManager/Delete/' + id)\r\n .then(({ data: res }) => {\r\n if (res.status) {\r\n reload()\r\n }\r\n })\r\n .finally(() => setDeleting(false))\r\n }\r\n\r\n const [updating,setUpdating] = useState(false)\r\n const handleChange = (id, state) => {\r\n if (updating)\r\n return\r\n setUpdating(true)\r\n setCurrentItem(id)\r\n WebAPI\r\n .post('/UpgradeManager/ChangeState/' + id, { type : state})\r\n .then(({ data: res }) => {\r\n if (res.status) {\r\n reload()\r\n }\r\n })\r\n .finally(() => setUpdating(false))\r\n }\r\n\r\n\r\n return (\r\n Versions
\r\n \r\n setChannelOpen(true)}\r\n outline\r\n >\r\n Channels\r\n \r\n setUploadOpen(true)}\r\n color=\"primary\"\r\n >\r\n Upload\r\n \r\n
\r\n \r\n Acronis API
\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n setTitle(prop.name)}\r\n >\r\n {prop.icon}\r\n {collapseOpen ? prop.name : \"\"}\r\n \r\n \r\n
\r\n );\r\n });\r\n };\r\n \r\n /* need to change this logic - (added parent field in routes page) */\r\n\r\n const getCurrentActive = () => {\r\n const { location: { pathname } } = props\r\n const all_matches = []\r\n routes.forEach(({ path, parent }) => {\r\n if (pathname.includes(path.split(':')[0])) {\r\n all_matches.push({ path, parent })\r\n }\r\n });\r\n\r\n if (all_matches.length) {\r\n const best_match = _.maxBy(all_matches, (({ path }) => path.length))\r\n setActive(best_match.parent ? best_match.parent : null)\r\n }\r\n else {\r\n setActive(null)\r\n }\r\n }\r\n\r\n /* -------------------------- */\r\n\r\n const { bgColor, routes, logo } = props;\r\n let navbarBrandProps;\r\n if (logo && logo.innerLink) {\r\n navbarBrandProps = {\r\n to: logo.innerLink,\r\n tag: Link,\r\n };\r\n } else if (logo && logo.outterLink) {\r\n navbarBrandProps = {\r\n href: logo.outterLink,\r\n target: \"_blank\",\r\n };\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n Home\r\n \r\n {to_render.map((path, i) => (\r\n \r\n {path.replace(/_/g, \" \")}\r\n \r\n ))}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default BreadCrumbNavigation;\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useLocation, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport Helmet from \"react-helmet\";\r\n// core components\r\nimport AdminNavbar from \"components/Navbars/AdminNavbar.js\";\r\nimport Sidebar from \"components/Sidebar/Sidebar.js\";\r\nimport { Alert } from \"reactstrap\";\r\n\r\nimport routes from \"routes.js\";\r\nimport BreadCrumbNavigation from \"components/Breadcrumb\";\r\n\r\nconst Admin = (props) => {\r\n const mainContent = React.useRef(null);\r\n const location = useLocation();\r\n\r\n React.useEffect(() => {\r\n document.documentElement.scrollTop = 0;\r\n document.scrollingElement.scrollTop = 0;\r\n mainContent.current.scrollTop = 0;\r\n }, [location]);\r\n\r\n const {\r\n theme = \"white\",\r\n twoFactorActive,\r\n role = \"customer\",\r\n } = useSelector((state) => state.authentication.user) || {\r\n theme: \"white\",\r\n role: \"customer\",\r\n };\r\n\r\n const getRoutes = (routes) => {\r\n return routes.map((prop, key) => {\r\n if (\r\n prop.layout === \"/admin\" &&\r\n ((prop.roles && prop.roles.includes(role)) || !prop.roles)\r\n ) {\r\n return \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Admin;\r\n","export default __webpack_public_path__ + \"static/media/dark.32abdf63.png\";","import React, { useEffect, useState } from \"react\";\r\nimport { Redirect, Route, Switch, useLocation } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nimport styled from \"styled-components\";\r\n\r\nimport routes from \"routes.js\";\r\nimport { Spinner } from \"reactstrap\";\r\n\r\nimport Logo from '../assets/img/brand/dark.png'\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nconst LoginContainer = styled.div`\r\n width: 360px;\r\n margin: 7% auto;\r\n background: #fff;\r\n padding: 20px;\r\n border-top: 0;\r\n color: #666;\r\n`\r\n\r\n\r\nconst Auth = (props) => {\r\n\r\n const [partnerFavicon, setPIcon] = useState(\"\")\r\n\r\n useEffect(()=>{\r\n prepareFavicon()\r\n },[])\r\n\r\n const authStore = useSelector(store => store.authentication)\r\n\r\n const isAuthenticated = authStore.loggedIn\r\n\r\n const location = useLocation()\r\n if (isAuthenticated) {\r\n const next_url = new URLSearchParams(location.search).get('next_url') || '/'\r\n return \r\n
\r\n \r\n {!twoFactorActive && (\r\n
\r\n \r\n \r\n You have not enabled multi-factor authentication for your\r\n account. Please enable the 2FA to access the portal\r\n \r\n
\r\n )}\r\n \r\n \r\n {getRoutes(routes)}\r\n \r\n
\r\n \r\n \r\n
\r\n {authStore.firstLoad && (\r\n\r\n \r\n ) || (\r\n \r\n {getRoutes(routes)}\r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Auth;\r\n","import { Redirect, useHistory } from \"react-router-dom\"\r\n\r\nimport { useSelector } from 'react-redux'\r\n\r\nfunction RequireAuth({ children }) {\r\n const isAuthenticated = useSelector(store => store.authentication.loggedIn)\r\n const history = useHistory()\r\n const nextUrl = encodeURIComponent(history.location.pathname + history.location.search)\r\n return isAuthenticated === true\r\n ? children : \r\n {authStore.firstLoad && (\r\n