\r\n {/* \r\n \r\n \r\n \r\n footer-frame \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./styles.css\";\r\nimport { Menu, MenuItem } from \"@mui/material\";\r\nimport ArrowRightIcon from \"@mui/icons-material/ArrowRight\";\r\n\r\nconst Tabs = (props) => {\r\n const [active, setActive] = useState(localStorage.getItem(\"tab\"));\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [menuIdx, setMenuIdx] = useState(null);\r\n const { Headers, handleTabs } = props;\r\n\r\n // const handleClick = (child, idx, option) => {\r\n // handleTabs(child, option);\r\n // localStorage.setItem(\"tab\", idx);\r\n // setActive(idx);\r\n // handleMenuClose();\r\n // };\r\n\r\n const currentUrl = window.location.href;\r\n const lastPart = currentUrl.split(\"/\").pop();\r\n\r\n useEffect(() => {\r\n const newIndex = Headers[0]?.children?.findIndex(\r\n (item) => item.url.split(\"/\").pop() === lastPart\r\n );\r\n setActive(newIndex);\r\n }, [Headers, lastPart]);\r\n\r\n // const handleMenuOpen = (event, idx) => {\r\n // setAnchorEl(event.currentTarget);\r\n // setMenuIdx(idx);\r\n // };\r\n\r\n // const handleMenuClose = () => {\r\n // setAnchorEl(null);\r\n // setMenuIdx(null);\r\n // };\r\n\r\n // useEffect(() => {\r\n // const handleClickOutside = (event) => {\r\n // if (anchorEl && !anchorEl.contains(event.target)) {\r\n // handleMenuClose();\r\n // }\r\n // };\r\n\r\n // document.addEventListener(\"mousedown\", handleClickOutside);\r\n // return () => {\r\n // document.removeEventListener(\"mousedown\", handleClickOutside);\r\n // };\r\n // }, [anchorEl]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Tabs;\r\n","import { Settings, TimeToLeaveOutlined } from \"@material-ui/icons\";\r\nimport {\r\n Dns,\r\n House,\r\n People,\r\n PermMedia,\r\n Phonelink,\r\n ProductionQuantityLimits,\r\n Support,\r\n} from \"@mui/icons-material\";\r\nimport { IconBoxModel } from \"@tabler/icons\";\r\nimport { encryptSession } from \".\";\r\n\r\nconst VendorID = encryptSession.getItem(\"ci\");\r\n\r\nexport const NavBar = [\r\n {\r\n id: \"sales\",\r\n children: [\r\n { id: \"saledash\", icon: \r\n {Headers.map((tab, tabIndex) => (\r\n
\r\n - \r\n {tab.children.map((child, idx) => (\r\n
- \r\n {recipients.map((recipient, index) => (\r\n
\r\n {context.timeRange === \"nodate\" ? null : renderDateInputs()}\r\n {context?.station !== \"none\" && (\r\n \r\n \r\n \r\n {/* \r\n Select Multiple\r\n */}\r\n
\r\n \r\n option.VendorLocationName)\r\n .join(\", \")\r\n }\r\n className=\"form-control fc-datepicker\"\r\n onClick={() => setIsVisible(!isVisible)}\r\n placeholder=\"Select option(s)\"\r\n style={{\r\n width: \"100%\",\r\n padding: \"8px\",\r\n boxSizing: \"border-box\",\r\n borderRadius: \"10px\",\r\n }}\r\n readOnly\r\n />\r\n {context?.fetching && (\r\n \r\n
\r\n )}\r\n {isVisible && (\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default WarningModal;","import * as React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport AppBar from \"@mui/material/AppBar\";\r\nimport Avatar from \"@mui/material/Avatar\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Grid from \"@mui/material/Grid\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport Tabs from \"@mui/material/Tabs\";\r\nimport Toolbar from \"@mui/material/Toolbar\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n Menu,\r\n Print,\r\n PrintSharp,\r\n Email,\r\n WhatsApp,\r\n InsertDriveFile,\r\n} from \"@material-ui/icons\";\r\nimport { Hidden, Tooltip } from \"@mui/material\";\r\nimport { AppContext } from \"../../AppContext\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport Tab from \"../common/Tab/tab\";\r\nimport { NavBar } from \"../../api/data\";\r\nimport { encryptSession } from \"../../api\";\r\nimport * as XLSX from \"xlsx\";\r\nimport html2pdf from \"html2pdf.js\";\r\nimport EmailSender from \"./EmailSender\";\r\nimport WhatsAppSender from \"./WhatsAppSender\";\r\nimport MutilpleStations from \"../common/MutilpleStations\";\r\nimport WarningButton from \"./InvoiceButton\";\r\nimport SearchableDropdown from \"../common/MutilpleStations\";\r\nimport SessionExpireWarning from \"./SessionExpireWarning\";\r\n\r\n//const lightColor = \"rgba(255, 255, 255, 0.7)\";\r\nconst locations = encryptSession.getItem(\"loc\") || [];\r\nconst initiallocd = encryptSession.getItem(\"locd\") || {};\r\n\r\nconst styles = {\r\n border: \"#44dc94\",\r\n padding: \"12px 30px\",\r\n borderRadius: \"50px\",\r\n backgroundColor: \"white\",\r\n color: \"#44dc94\",\r\n cursor: \"pointer\",\r\n fontSize: \"15px\",\r\n outline: \"none\",\r\n marginRight: \"20px\",\r\n};\r\n\r\nconst logo = {\r\n height: \"70px\",\r\n fontWeight: \"bold\",\r\n fontSize: \"40px\",\r\n color: \"white\",\r\n cursor: \"pointer\",\r\n marginTop: \"10px\",\r\n};\r\n\r\nfunction Header(props) {\r\n const history = useHistory();\r\n const [pageHeader, setPageHeader] = React.useState([]);\r\n const timeoutIdRef = React.useRef(null);\r\n\r\n const DueDate = encryptSession.getItem(\"DueDate\");\r\n\r\n React.useEffect(() => {\r\n handleActivity();\r\n const mouseMoveHandler = () => handleActivity();\r\n const keyDownHandler = () => handleActivity();\r\n\r\n window.addEventListener(\"mousemove\", mouseMoveHandler);\r\n window.addEventListener(\"keydown\", keyDownHandler);\r\n\r\n return () => {\r\n clearTimeout(timeoutIdRef.current);\r\n clearTimeout(warningTimeoutIdRef.current);\r\n window.removeEventListener(\"mousemove\", mouseMoveHandler);\r\n window.removeEventListener(\"keydown\", keyDownHandler);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n var domain1 = window.location.href.split(\"/\");\r\n React.useEffect(() => {\r\n const newPageHeader = NavBar.filter(\r\n (el) =>\r\n el.id.toLocaleLowerCase() ===\r\n domain1[domain1.length - 2].toLocaleLowerCase()\r\n );\r\n setPageHeader(newPageHeader);\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [window.location.href]);\r\n\r\n function handleTabs(tab) {\r\n history.push(`/${tab.url}`);\r\n }\r\n\r\n const logout = async () => {\r\n const cacheKeys = await caches.keys();\r\n cacheKeys.forEach(async (key) => {\r\n await caches.delete(key);\r\n });\r\n sessionStorage.clear();\r\n history.push(\"/\");\r\n window.location.reload();\r\n setShowWarning(false); // Close the modal when logout is initiated\r\n };\r\n\r\n const user = encryptSession.getItem(\"usn\");\r\n const customer = encryptSession.getItem(\"cn\");\r\n\r\n const { context, setContext, VendorImage, locd, setLocd } =\r\n React.useContext(AppContext);\r\n\r\n const [email, setEmail] = React.useState(false);\r\n const [phone, setPhone] = React.useState(false);\r\n const [file, setFile] = React.useState(null);\r\n const [showWarning, setShowWarning] = React.useState(false);\r\n const warningTimeoutIdRef = React.useRef(null);\r\n const componentRef = React.useRef();\r\n\r\n const storedValues = JSON.parse(localStorage.getItem(\"values\"));\r\n\r\n const handleActivity = React.useCallback(() => {\r\n if (window.location.hostname !== \"localhost\" && user) {\r\n clearTimeout(timeoutIdRef.current);\r\n clearTimeout(warningTimeoutIdRef.current);\r\n \r\n warningTimeoutIdRef.current = setTimeout(() => {\r\n setShowWarning(true);\r\n }, 14 * 60 * 1000); // 14 minutes for warning\r\n\r\n timeoutIdRef.current = setTimeout(() => {\r\n if (!showWarning) setShowWarning(true); // If warning wasn't shown, show it now\r\n else logout();\r\n }, 15 * 60 * 1000); // 15 minutes for logout\r\n }\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n const handleReload = () => {\r\n console.log(\"Reloading window...\");\r\n window.location.reload();\r\n };\r\n\r\n if (context?.VendorID) {\r\n console.log(\"Adding event listener...\");\r\n window.addEventListener(\"reload\", handleReload);\r\n }\r\n\r\n return () => {\r\n console.log(\"Removing event listener...\");\r\n window.removeEventListener(\"reload\", handleReload);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (!context.VendorID) {\r\n const firstObject = locations[0];\r\n\r\n setContext((prevContext) => ({\r\n ...prevContext,\r\n selectedYear: new Date().getFullYear(),\r\n selectedMonth: new Date().getMonth() + 1,\r\n TradingName: encryptSession.getItem(\"cn\"),\r\n VendorID: encryptSession.getItem(\"ci\"),\r\n ImageID: VendorImage,\r\n ref: componentRef,\r\n locd: locd,\r\n VendorLocationID:\r\n storedValues?.VendorLocationID || firstObject?.VendorLocationID,\r\n VendorLocationName:\r\n storedValues?.VendorLocationName || firstObject?.VendorLocationName,\r\n }));\r\n setLocd(initiallocd);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [context?.VendorLocationName]);\r\n\r\n if (!storedValues && Array.isArray(locations) && locations.length > 0) {\r\n setContext({\r\n ...context,\r\n VendorLocationID: locations[0].VendorLocationID,\r\n VendorID: locations[0].VendorID,\r\n VendorLocationName: locations[0].VendorLocationName,\r\n ImageID: locations[0].ImageID,\r\n });\r\n }\r\n\r\n const exportToExcel = () => {\r\n const table = componentRef?.current?.querySelector(\"table\");\r\n\r\n if (table) {\r\n const worksheet = XLSX.utils.table_to_sheet(table);\r\n const workbook = XLSX.utils.book_new();\r\n const truncatedSheetName = context.reporttitle\r\n ? context.reporttitle?.substring(0, 31)\r\n : \"sheet1\";\r\n XLSX.utils.book_append_sheet(workbook, worksheet, truncatedSheetName);\r\n XLSX.writeFile(workbook, truncatedSheetName + \".xlsx\");\r\n }\r\n };\r\n\r\n const convertpf = () => {\r\n const byteCharacters = atob(file);\r\n const byteNumbers = new Array(byteCharacters.length);\r\n for (let i = 0; i < byteCharacters.length; i++) {\r\n byteNumbers[i] = byteCharacters.charCodeAt(i);\r\n }\r\n const byteArray = new Uint8Array(byteNumbers);\r\n const blob = new Blob([byteArray], { type: \"application/pdf\" });\r\n\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement(\"a\");\r\n a.style.display = \"none\";\r\n a.href = url;\r\n a.download = context?.reporttitle || \"crato\";\r\n document.body.appendChild(a);\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n document.body.removeChild(a);\r\n };\r\n\r\n const extractBase64Part = (fullBase64String) => {\r\n const base64Content = fullBase64String.split(\",\")[1];\r\n return base64Content;\r\n };\r\n\r\n const exportToPdf = async () => {\r\n await generatePDF();\r\n await new Promise((resolve) => setTimeout(resolve, 7000));\r\n await convertpf();\r\n };\r\n\r\n const generatePDF = async () => {\r\n const element = componentRef.current;\r\n const margin = 10; // Define the margin\r\n\r\n const options = {\r\n filename: `${context.reporttitle}.pdf`,\r\n html2canvas: {\r\n scale: 2,\r\n scrollX: 0,\r\n scrollY: 0,\r\n width: element?.scrollWidth + margin * 2, // Add margins\r\n height: element?.scrollHeight + margin * 2, // Add margins\r\n windowWidth: element?.scrollWidth + margin * 2, // Add margins\r\n windowHeight: element?.scrollHeight + margin * 2, // Add margins\r\n useCORS: true,\r\n },\r\n jsPDF: {\r\n unit: \"pt\",\r\n format: \"a4\",\r\n orientation: \"portrait\",\r\n },\r\n };\r\n\r\n const clonedElement = element?.cloneNode(true);\r\n document.body.appendChild(clonedElement);\r\n\r\n // Adjust styles to fit all content within the PDF including margins\r\n clonedElement.style.width = `${element.scrollWidth + margin * 2}px`;\r\n clonedElement.style.height = `${element.scrollHeight + margin * 2}px`;\r\n clonedElement.style.padding = `${margin}px`;\r\n\r\n // Calculate total height of cloned element\r\n const clonedHeight = clonedElement.offsetHeight;\r\n let currentPosition = 0;\r\n let pageHeight = 0;\r\n\r\n // Function to check if an element fits in the current page\r\n const fitsInCurrentPage = (elemHeight) => {\r\n return currentPosition + elemHeight <= pageHeight;\r\n };\r\n\r\n // Iterate through child elements and handle page breaks\r\n Array.from(clonedElement.children).forEach((child) => {\r\n const elemHeight = child.offsetHeight;\r\n\r\n if (!fitsInCurrentPage(elemHeight)) {\r\n currentPosition = 0;\r\n pageHeight = 0;\r\n child.classList.add(\"pagebreak\");\r\n }\r\n\r\n currentPosition += elemHeight;\r\n pageHeight = Math.max(pageHeight, clonedHeight);\r\n });\r\n\r\n // Add CSS for page breaks\r\n const style = document.createElement(\"style\");\r\n style.innerHTML = `\r\n @media print {\r\n .pagebreak {\r\n page-break-before: always;\r\n }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n\r\n html2pdf()\r\n .from(clonedElement)\r\n .set(options)\r\n .outputPdf(\"dataurlstring\")\r\n .then((pdfDataUrl) => {\r\n const base64data = extractBase64Part(pdfDataUrl);\r\n setFile(base64data);\r\n document.body.removeChild(clonedElement);\r\n document.head.removeChild(style); // Remove the style element\r\n })\r\n .catch((error) => {\r\n console.error(\"Error generating PDF:\", error);\r\n document.body.removeChild(clonedElement);\r\n document.head.removeChild(style); // Remove the style element\r\n });\r\n };\r\n\r\n const dueDate = new Date(DueDate);\r\n const currentDate = new Date();\r\n const isDueDateLessThan5Days =\r\n (dueDate - currentDate) / (1000 * 60 * 60 * 24) <= 5;\r\n\r\n const extendSession = () => {\r\n setShowWarning(false);\r\n handleActivity(); // This will reset both timers\r\n };\r\n\r\n \r\n return (\r\n Session Timeout Warning
\r\nYour session will expire in {counter} seconds. Do you want to continue?
\r\n \r\n \r\nEsque Kenya
\r\n ) : (\r\n \r\n
\r\n // \r\n //
\r\n )}\r\n \r\n
\r\n\r\n \r\n {forgot ? (\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Sign In
\r\n\r\n {!isLoggedIn ? (\r\n\r\n setForgot(!forgot)} // Toggle forgot password view\r\n style={{\r\n ...styles.forgotPasswordLink, // Apply same link style\r\n cursor: \"pointer\", // Make it clickable\r\n }}\r\n >\r\n Forgot Password?\r\n
\r\n \r\n {assetloading || customerloading ? (\r\n setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n />\r\n )}\r\n
\r\n \r\n ) : (\r\n <>\r\n {showTwoFactorOptions && (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n\r\n {!isLoggedIn && (\r\n \r\n {\r\n setIsTwoFactorEnabled(!isTwoFactorEnabled);\r\n setTwoFA(!twoFA);\r\n }}\r\n />\r\n \r\n Enable Two-Factor Authentication\r\n \r\n
\r\n \r\n This will require you to use a one-time passcode sent to\r\n your{\" \"}\r\n WhatsApp and{\" \"}\r\n Email every\r\n time you log in to authenticate you signing in.\r\n
\r\n\r\n {result?.TwoFA === 1 && (\r\n \r\n )}\r\n {result?.TwoFA !== 1 && (\r\n\r\n \r\n SKIP 2FA\r\n \r\n
\r\n )}\r\n \r\n Already have an account?{\" \"}\r\n \r\n Sign up\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default SignUp;\r\n","import \"react-toastify/dist/ReactToastify.css\";\r\nimport Home from \"./components/Home/Home\";\r\nimport Login from \"./components/Login/Login\";\r\nimport { lazy } from \"react\";\r\n\r\nconst InvoiceDetails = lazy(() =>\r\n import(\"./components/InvoiceDetails/InvoiceDetails\")\r\n);\r\n// const Login = lazy(() => import(\"./components/Login/Login\"));\r\nconst SignUp = lazy(() => import(\"./components/Login/SignUp\"));\r\nconst Dashboard = lazy(() => import(\"./components/Dashboard\"));\r\nconst Forgot = lazy(() => import(\"./components/Password/Forgot\"));\r\nconst Reset = lazy(() => import(\"./components/Password/Reset\"));\r\n// Settings\r\nconst Pump = lazy(() => import(\"./components/Settings/Pump\"));\r\nconst Nozzle = lazy(() => import(\"./components/Settings/Nozzle\"));\r\nconst Location = lazy(() => import(\"./components/Settings/Location\"));\r\nconst Download = lazy(() =>\r\n import(\"./components/Settings/DownLoads/Downloads\")\r\n);\r\nconst Help = lazy(() => import(\"./components/Settings/Help/index\"));\r\nconst Profile = lazy(() => import(\"./components/Settings/Settings\"));\r\nconst Billing = lazy(() => import(\"./components/Settings/Billing/index\"));\r\nconst AuditLog = lazy(() =>\r\n import(\"./components/Settings/AuditLogs/AuditTrail\")\r\n);\r\nconst Manual = lazy(() => import(\"./components/Settings/Manual/Manual\"));\r\n//stock\r\nconst StockReport = lazy(() => import(\"./components/Stock/Report\"));\r\nconst StockAction = lazy(() => import(\"./components/Stock/StockAction\"));\r\nconst Purchase = lazy(() => import(\"./components/Stock/Purchase\"));\r\nconst Inventory = lazy(() => import(\"./components/Stock/Inventory\"));\r\nconst Supplier = lazy(() => import(\"./components/Stock/Supplier/Suppliers\"));\r\nconst Offloading = lazy(() =>\r\n import(\"./components/Stock/PurchaseDetails/Offloading\")\r\n);\r\n//sales\r\nconst SaleHistory = lazy(() => import(\"./components/Invoice/SalesReport\"));\r\nconst SalesDashboard = lazy(() =>\r\n import(\"./components/Invoice/SalesDashboard\")\r\n);\r\nconst ClientList = lazy(() => import(\"./components/Invoice/ClientList\"));\r\n//Admin\r\nconst ClockManagement = lazy(() =>\r\n import(\"./components/Admin/ClockManagement\")\r\n);\r\nconst Error = lazy(() => import(\"./components/common/error\"));\r\nconst ShiftSummary = lazy(() =>\r\n import(\"./components/Admin/LotSummary/ShiftSummary/index\")\r\n);\r\n// AdminReports\r\n\r\n// Finance\r\nconst Statement = lazy(() => import(\"./components/Finance/Statement\"));\r\nconst Expense = lazy(() => import(\"./components/Finance/Expense\"));\r\nconst Transfer = lazy(() =>\r\n import(\"./components/Finance/FinanceDash/MainDashboard\")\r\n);\r\nconst Payroll = lazy(() => import(\"./components/Finance/payrollsheet/Payroll\"));\r\nconst Tax = lazy(() => import(\"./components/Finance/Tax/Tax\"));\r\n//CustomerPage\r\nconst CustomerDash = lazy(() =>\r\n import(\"./components/CustomerPortal/dashboard\")\r\n);\r\n//Consilidated\r\nconst ConDashboard = lazy(() =>\r\n import(\"./components/Consolidated/Consolidated\")\r\n);\r\nconst LotSummary = lazy(() => import(\"./components/Admin/LotSummary\"));\r\nconst DaillySummary = lazy(() =>\r\n import(\"./components/Admin/DailyShiftSummary\")\r\n);\r\n//DIstributor\r\nconst DistributionDashboard = lazy(() =>\r\n import(\"./components/Distribution/DashBoard/index\")\r\n);\r\n//LoyaltyCards\r\nconst LoyaltyCardDashboard = lazy(() =>\r\n import(\"./components/LoyaltyCard/DashBoard/index\")\r\n);\r\nconst LoyaltyCustomers = lazy(() =>\r\n import(\"./components/LoyaltyCard/Customers/Customers\")\r\n);\r\n\r\nconst VendorCards = lazy(() =>\r\n import(\"./components/LoyaltyCard/Cards/Cards\")\r\n);\r\n\r\nconst LoyaltySettings = lazy(() =>\r\n import(\"./components/LoyaltyCard/Settings/Setting\")\r\n);\r\nconst LoyaltyProduct = lazy(() =>\r\n import(\"./components/LoyaltyCard/Product/Product\")\r\n);\r\nconst LoyaltyRewards = lazy(() =>\r\n import(\"./components/LoyaltyCard/Report/Rewards\")\r\n);\r\nconst LoyaltyRedeems = lazy(() =>\r\n import(\"./components/LoyaltyCard/Report/Redeems\")\r\n);\r\n//FUEL CARD\r\nconst FuelCardCardDashboard = lazy(() =>\r\n import(\"./components/FuelCard/DashBoard\")\r\n);\r\nconst FuelCardCards = lazy(() => import(\"./components/FuelCard/VendorCard\"));\r\nconst FuelCardTransactionCards = lazy(() =>\r\n import(\"./components/FuelCard/Transactions\")\r\n);\r\nconst FuelCardCustomerCards = lazy(() =>\r\n import(\"./components/FuelCard/Customer\")\r\n);\r\n//Distributor\r\nconst DistributionOrders = lazy(() =>\r\n import(\"./components/Distribution/Orders/Orders\")\r\n);\r\nconst DistributionPurchase = lazy(() =>\r\n import(\"./components/Distribution/Stock/Purchase\")\r\n);\r\nconst DistributionVehicle = lazy(() =>\r\n import(\"./components/Distribution/Vehicle/Vehicle\")\r\n);\r\n//ticketing\r\nconst ViewTicket = lazy(() => import(\"./components/Ticketing/ViewTickets \"));\r\n//general\r\nconst PrivacyPolicy = lazy(() => import(\"./api/privacypolicy\"));\r\nconst VendorContract = lazy(() => import(\"./VendorContract\"));\r\nconst Suspenstion = lazy(() => import(\"./Suspension\"));\r\n\r\n//Automation\r\nconst AutomationDashBoard = lazy(() =>\r\n import(\"./components/Automation/Dashboard\")\r\n);\r\n\r\n//crm\r\nconst CRM = lazy(() =>\r\n import(\"./components/CRM/crm\")\r\n);\r\nexport const route = [\r\n { path: \"/\", layout: \"public\", component: Home },\r\n { path: \"/invoice/:id\", component: InvoiceDetails },\r\n { path: \"/privacypolicy\", component: PrivacyPolicy },\r\n { path: \"/contract\", component: VendorContract },\r\n { path: \"/suspended\", component: Suspenstion },\r\n { path: \"/login\", layout: \"public\", component: Login },\r\n { path: \"/signup\", component: SignUp },\r\n { path: \"/dashboard/dashboard\", component: Dashboard },\r\n { path: \"/customers\", component: ClientList },\r\n { path: \"/forgot\", component: Forgot },\r\n { path: \"/reset/:token\", component: Reset },\r\n { path: \"/profile/profile\", component: Profile },\r\n { path: \"/settings/pump\", component: Pump },\r\n { path: \"/settings/nozzle\", component: Nozzle },\r\n { path: \"/settings/billing\", component: Billing },\r\n { path: \"/settings/download\", component: Download },\r\n { path: \"/settings/auditlogs\", component: AuditLog },\r\n { path: \"/settings/manual\", component: Manual },\r\n { path: \"/location/location\", component: Location },\r\n { path: \"/help/help\", component: Help },\r\n { path: \"/sales/saledash\", component: SalesDashboard },\r\n { path: \"/sales/history\", component: SaleHistory },\r\n { path: \"/sales/customer\", component: ClientList },\r\n { path: \"/sales/invoice/history\", component: InvoiceDetails },\r\n { path: \"/inventory/report\", component: StockReport },\r\n { path: \"/inventory/action\", component: StockAction },\r\n { path: \"/inventory/purchase\", component: Purchase },\r\n { path: \"/inventory/offloading\", component: Offloading },\r\n { path: \"/inventory/inventory\", component: Inventory },\r\n { path: \"/inventory/supplier\", component: Supplier },\r\n { path: \"/finance/statement\", component: Statement },\r\n { path: \"/finance/transfer\", component: Transfer },\r\n { path: \"/finance/tax\", component: Tax },\r\n { path: \"/finance/expense\", component: Expense },\r\n { path: \"/finance/payroll\", component: Payroll },\r\n { path: \"/shift/clock\", component: ClockManagement },\r\n { path: \"/lotsummary\", component: LotSummary },\r\n { path: \"/error\", component: Error },\r\n { path: \"/shift/ShiftRecon\", component: ShiftSummary },\r\n { path: \"/shift/DailySummary\", component: DaillySummary },\r\n { path: \"/customer/dashboard\", component: CustomerDash },\r\n { path: \"/consolidated/dashboard\", component: ConDashboard },\r\n { path: \"/distribution/dashboard\", component: DistributionDashboard },\r\n { path: \"/distribution/orders\", component: DistributionOrders },\r\n { path: \"/distribution/purchase\", component: DistributionPurchase },\r\n { path: \"/distribution/vehicle\", component: DistributionVehicle },\r\n { path: \"/loyalty/dashboard\", component: LoyaltyCardDashboard },\r\n { path: \"/loyalty/customers\", component: LoyaltyCustomers },\r\n { path: \"/loyalty/cards\", component: VendorCards },\r\n { path: \"/loyalty/invoice\", component: ClientList },\r\n { path: \"/loyalty/settings\", component: LoyaltySettings },\r\n { path: \"/loyalty/product\", component: LoyaltyProduct },\r\n { path: \"/loyalty/rewards\", component: LoyaltyRewards },\r\n { path: \"/loyalty/redeems\", component: LoyaltyRedeems },\r\n { path: \"/fuelcard/dashboard\", component: FuelCardCardDashboard },\r\n { path: \"/fuelcard/cards\", component: FuelCardCards },\r\n { path: \"/fuelcard/transactions\", component: FuelCardTransactionCards },\r\n { path: \"/fuelcard/customers\", component: FuelCardCustomerCards },\r\n { path: \"/ticketing/viewtickets\", component: ViewTicket },\r\n { path: \"/ticketing/viewtickets\", component: ViewTicket },\r\n { path: \"/automation/automation\", component: AutomationDashBoard },\r\n { path: \"/crm/dashboard\", component: CRM },\r\n];\r\n","import \"./assets/css/style.css\";\r\nimport \"./assets/css/bootstrap.css\";\r\n//background images\r\nimport homepage from \"./assets/img/hero-img.png\";\r\nimport Background from \"./assets/img/bg_hero_1.svg\";\r\nimport Typical from \"react-typical\";\r\n\r\nexport default function Home() {\r\n return (\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import Spinner from \"../Spinner/Spinner\";\r\n\r\nexport const LoadingSpinner = () => {\r\n return (\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 We help to {\"\"}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n We help to {\"\"}\r\n \r\n
\r\n \r\n NO 1, Fuel Stations Solution in Africa today\r\n
\r\n\r\n Use crato to automate your fuel station operations
\r\n and minimize your chances of getting loses.\r\n
\r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n - \r\n {Menuitems?.filter((m) =>\r\n productIDs?.some((id) => m.type.includes(id))\r\n ).map((m, index) => (\r\n
\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { BrowserRouter, Route, Switch, Link } from \"react-router-dom\";\r\nimport SnackbarProvider from \"react-simple-snackbar\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport Footer from \"./components/Footer/Footer\";\r\nimport Header from \"./components/Header/Header\";\r\nimport { Box, CssBaseline, Typography } from \"@mui/material\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { encryptSession } from \"./api\";\r\nimport { route } from \"./Route\";\r\nimport { Suspense } from \"react\";\r\nimport { LoadingSpinner } from \"./components/common/Loader\";\r\nimport { SidebarWidth } from \"./assets/sidebar/jss/Theme-variable\";\r\nimport Sidebar from \"./components/Sidebar/Sidebar\";\r\nimport NotPaid from \"./NotPaid\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"./AppContext\";\r\n\r\nconst Company = encryptSession.getItem(\"cn\");\r\nconst locations = encryptSession.getItem(\"loc\");\r\nconst type = +localStorage.getItem(\"tpy\");\r\n\r\nfunction AdminRoute() {\r\n const { context, setContext, locd } = useContext(AppContext);\r\n\r\n const vtype =\r\n locd?.VendorLocationCratoProductArray?.[0]?.CratoProductID === 2 ? 4 : 1;\r\n\r\n const [isSidebarOpen, setSidebarOpen] = React.useState(vtype !== 4);\r\n const [isMobileSidebarOpen, setMobileSidebarOpen] = React.useState(false);\r\n const [isOnline, setIsOnline] = React.useState(navigator.onLine);\r\n React.useEffect(() => {\r\n function handleOnlineStatusChange() {\r\n setIsOnline(navigator.onLine);\r\n localStorage.setItem(\"online\", isOnline);\r\n }\r\n\r\n window.addEventListener(\"online\", handleOnlineStatusChange);\r\n window.addEventListener(\"offline\", handleOnlineStatusChange);\r\n\r\n return () => {\r\n window.removeEventListener(\"online\", handleOnlineStatusChange);\r\n window.removeEventListener(\"offline\", handleOnlineStatusChange);\r\n };\r\n }, [isOnline]);\r\n const storedValues = JSON.parse(localStorage.getItem(\"values\"));\r\n\r\n React.useEffect(() => {\r\n if (!storedValues && Array.isArray(locations) && locations.length > 0) {\r\n setContext({\r\n ...context,\r\n VendorLocationID: locations[0].VendorLocationID,\r\n VendorID: locations[0].VendorID,\r\n VendorLocationName: locations[0].VendorLocationName,\r\n ImageID: locations[0].ImageID,\r\n });\r\n }\r\n // setSidebarOpen(vtype !==4 )\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [storedValues, locations, context, setContext]);\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n backgroundColor: theme.palette.background.dark,\r\n height: \"100%\",\r\n overflow: \"hidden\",\r\n width: \"100%\",\r\n },\r\n wrapper: {\r\n display: \"flex\",\r\n flex: \"1 1 auto\",\r\n overflow: \"hidden\",\r\n // paddingTop: 64,\r\n },\r\n hideFullSidebar: {\r\n [theme.breakpoints.up(\"lg\")]: {\r\n paddingLeft: type === 1 && Company ? SidebarWidth : 0,\r\n },\r\n },\r\n contentContainer: {\r\n display: \"flex\",\r\n flex: \"1 1 auto\",\r\n overflow: \"hidden\",\r\n },\r\n content: {\r\n flexGrow: 1,\r\n height: \"calc(100vh)\",\r\n overflow: \"auto\",\r\n marginRight: \"-15px\",\r\n },\r\n }));\r\n\r\n const classes = useStyles();\r\n\r\n function Copyright() {\r\n return (\r\n NOT PAID !!
\r\n \r\n {context?.VendorName + \" \"} ACCOUNT IS SUSPENDED\r\n
\r\n {/* INVOICE AMOUNT: 8000
*/}\r\n \r\n \r\n \r\n setMobileSidebarOpen(false)}\r\n toggleSidebar={() => setSidebarOpen(!isSidebarOpen)}\r\n // setNavWidth={setNavWidth}\r\n />\r\n ) : null}\r\n {context?.VendorStatusID !== 2 && (\r\n \r\n \r\n setSidebarOpen(!isSidebarOpen)}\r\n toggleMobileSidebar={() => setMobileSidebarOpen(true)}\r\n isSidebarOpen={isSidebarOpen}\r\n />\r\n\r\n \r\n \r\n \r\n \r\n {/* {UserID && \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default React.memo(AdminRoute);\r\n","import React, { useEffect, useState, useMemo } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { QueryClient, QueryClientProvider } from \"react-query\";\r\nimport \"./index.css\";\r\nimport AdminRoute from \"./AdminRoute\";\r\nimport { AppContext } from \"./AppContext\";\r\nimport { encryptSession } from \"./api\";\r\nimport { DefaultContextDateRange, getNairobiTimeFromLocal } from \"./components/common/Functions\";\r\n\r\nconst queryClient = new QueryClient();\r\n\r\nfunction App() {\r\n const UserID = useMemo(() => encryptSession.getItem(\"us\"), []);\r\n const [startTime, endTime] = DefaultContextDateRange(\"week\");\r\n\r\n const [context, setContext] = useState(() => ({\r\n VendorName: encryptSession.getItem(\"cn\"),\r\n Slogan: encryptSession.getItem(\"sl\"),\r\n VendorImage: encryptSession.getItem(\"cim\"),\r\n DateRange: [\r\n getNairobiTimeFromLocal(startTime),\r\n getNairobiTimeFromLocal(endTime),\r\n ],\r\n refresh: 0,\r\n fetching: false,\r\n reporttitle: \"crato\",\r\n fetchError: false,\r\n }));\r\n\r\n const [VendorImage, setVendorImage] = useState(encryptSession.getItem(\"cim\"));\r\n const [locd, setLocd] = useState(encryptSession.getItem(\"locd\"));\r\n\r\n useEffect(() => {\r\n // Get current URL\r\n const currentPath = window.location.pathname;\r\n const isExcludedPath = [\r\n \"/privacypolicy\",\r\n \"/signup\",\r\n \"/login\",\r\n \"/suspended\",\r\n '/settings/billing',\r\n \"/\",\r\n ].includes(currentPath);\r\n\r\n if (!UserID && !isExcludedPath) {\r\n sessionStorage.clear();\r\n window.location.href = \"/\";\r\n }\r\n }, [UserID]);\r\n\r\n const memoizedContextValue = useMemo(() => {\r\n return {\r\n context,\r\n setContext,\r\n VendorImage,\r\n setVendorImage,\r\n locd,\r\n setLocd,\r\n };\r\n }, [context, VendorImage, locd]);\r\n\r\n return (\r\n