);
};
diff --git a/admin_frontend/src/components/NotFound.jsx b/admin_frontend/src/components/NotFound.jsx
index e591aca..6d2ce0f 100644
--- a/admin_frontend/src/components/NotFound.jsx
+++ b/admin_frontend/src/components/NotFound.jsx
@@ -1,5 +1,4 @@
const NotFound = () => {
-
return (
Page Not Found
diff --git a/admin_frontend/src/components/ProtectedRoute.js b/admin_frontend/src/components/ProtectedRoute.js
new file mode 100644
index 0000000..093ae04
--- /dev/null
+++ b/admin_frontend/src/components/ProtectedRoute.js
@@ -0,0 +1,24 @@
+import React, { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import toast from "react-hot-toast";
+import { UserAuth } from '../context/AuthContext';
+
+const ProtectedRoute = ({ children }) => {
+ const { user } = UserAuth();
+ const navigate = useNavigate()
+
+ useEffect(() => {
+ if (!user) {
+ toast.error('Please connect to wallet to verify')
+ navigate('/')
+ }
+ }, [user, navigate])
+
+ return (
+ <>
+ {children}
+
+ )
+};
+
+export default ProtectedRoute;
diff --git a/admin_frontend/src/constants/common.js b/admin_frontend/src/constants/common.js
index b5ab577..94db3cd 100644
--- a/admin_frontend/src/constants/common.js
+++ b/admin_frontend/src/constants/common.js
@@ -1,5 +1,5 @@
export const ENDPOINTS = {
'getKeys': '/getKeys',
- 'saveKey' : '/saveKey',
+ 'saveKey': '/saveKey',
'deleteKey': '/deleteKey',
-}
\ No newline at end of file
+}
diff --git a/admin_frontend/src/constants/constants.js b/admin_frontend/src/constants/constants.js
new file mode 100644
index 0000000..0dacdcd
--- /dev/null
+++ b/admin_frontend/src/constants/constants.js
@@ -0,0 +1,8 @@
+export const ENDPOINTS = {
+ "getConfig": "/getConfig",
+ "saveConfig": "/saveConfig",
+ "getKeys": "/getKeys",
+ "saveKey": "/saveKey",
+ "deleteKey": "/deleteKey",
+ "adminLogin": "/adminLogin"
+}
diff --git a/admin_frontend/src/constants/defaultNetworks.json b/admin_frontend/src/constants/defaultNetworks.json
new file mode 100644
index 0000000..6adae86
--- /dev/null
+++ b/admin_frontend/src/constants/defaultNetworks.json
@@ -0,0 +1,170 @@
+[
+ {
+ "chainId": 1,
+ "bundler": "https://ethereum-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x7F690e93CecFca5A31E6e1dF50A33F6d3059048c"
+ }
+ },
+ {
+ "chainId": 5,
+ "bundler": "https://goerli-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xcaDBADcFeD5530A49762DFc9d1d712CcD6b09b25"
+ }
+ },
+ {
+ "chainId": 10,
+ "bundler": "https://optimism-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x805650ce74561C85baA44a8Bd13E19633Fd0F79d"
+ }
+ },
+ {
+ "chainId": 14,
+ "bundler": "https://flare-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x8A41594e5c6Fe492e437414c24eA6f401186b8d2"
+ }
+ },
+ {
+ "chainId": 56,
+ "bundler": "https://bnb-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xEA5ecE95D3A28f9faB161779d20128b449F9EC9C"
+ }
+ },
+ {
+ "chainId": 97,
+ "bundler": "https://bnbtestnet-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x153e26707DF3787183945B88121E4Eb188FDCAAA"
+ }
+ },
+ {
+ "chainId": 100,
+ "bundler": "https://gnosis-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x373aBcF1EA9e5802778E32870e7f72C8A6a90349"
+ }
+ },
+ {
+ "chainId": 114,
+ "bundler": "https://flaretestnet-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x2a18C360b525824B3e5656B5a705554f2a5036Be"
+ }
+ },
+ {
+ "chainId": 122,
+ "bundler": "https://fuse-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xEC2EE24E79C73DB13Dd9bC782856a5296626b7eb"
+ }
+ },
+ {
+ "chainId": 137,
+ "bundler": "https://polygon-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x26FeC24b0D467C9de105217B483931e8f944ff50"
+ }
+ },
+ {
+ "chainId": 420,
+ "bundler": "https://optimismgoerli-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x898c530A5fA37720DcF1843AeCC34b6B0cBaEB8a"
+ }
+ },
+ {
+ "chainId": 1001,
+ "bundler": "https://klaytntestnet-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x810FA4C915015b703db0878CF2B9344bEB254a40"
+ }
+ },
+ {
+ "chainId": 5000,
+ "bundler": "https://mantle-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x8A41594e5c6Fe492e437414c24eA6f401186b8d2"
+ }
+ },
+ {
+ "chainId": 5001,
+ "bundler": "https://mantletestnet-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xb56eC212C60C47fb7385f13b7247886FFa5E9D5C"
+ }
+ },
+ {
+ "chainId": 8217,
+ "bundler": "https://klaytn-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x4ebd86AAF89151b5303DB072e0205C668e31E5E7"
+ }
+ },
+ {
+ "chainId": 8453,
+ "bundler": "https://base-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x810FA4C915015b703db0878CF2B9344bEB254a40"
+ }
+ },
+ {
+ "chainId": 42161,
+ "bundler": "https://arbitrum-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xEC2EE24E79C73DB13Dd9bC782856a5296626b7eb"
+ }
+ },
+ {
+ "chainId": 43114,
+ "bundler": "https://avalanche-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x527569794781671319f20374A050BDbef4181aB3"
+ }
+ },
+ {
+ "chainId": 59144,
+ "bundler": "https://linea-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xB3AD9B9B06c6016f81404ee8FcCD0526F018Cf0C"
+ }
+ },
+ {
+ "chainId": 80001,
+ "bundler": "https://mumbai-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x8350355c08aDAC387b443782124A30A8942BeC2e"
+ }
+ },
+ {
+ "chainId": 84531,
+ "bundler": "https://basegoerli-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x898c530A5fA37720DcF1843AeCC34b6B0cBaEB8a"
+ }
+ },
+ {
+ "chainId": 421613,
+ "bundler": "https://arbitrumgoerli-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0x898c530A5fA37720DcF1843AeCC34b6B0cBaEB8a"
+ }
+ },
+ {
+ "chainId": 534351,
+ "bundler": "https://scrollsepolia-bundler.etherspot.io/",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xe893A26DD53b325BffAacDfA224692EfF4C448c4"
+ }
+ },
+ {
+ "chainId": 11155111,
+ "bundler": "https://sepolia-bundler.etherspot.io",
+ "contracts": {
+ "etherspotPaymasterAddress": "0xcaDBADcFeD5530A49762DFc9d1d712CcD6b09b25"
+ }
+ }
+]
diff --git a/admin_frontend/src/context/AuthContext.js b/admin_frontend/src/context/AuthContext.js
new file mode 100644
index 0000000..3d893ce
--- /dev/null
+++ b/admin_frontend/src/context/AuthContext.js
@@ -0,0 +1,86 @@
+import { createContext, useContext, useState } from 'react';
+import toast from "react-hot-toast";
+import { ENDPOINTS } from '../constants/constants';
+
+const UserContext = createContext();
+
+export const AuthContextProvider = ({ children }) => {
+ const [user, setUser] = useState();
+ const [isSigningIn, setIsSigningIn] = useState(false);
+
+ const initializeProvider = async () => {
+ const res = await window.ethereum
+ .request({ method: "eth_requestAccounts" });
+ return res[0];
+ }
+
+ const accountChangeHandler = async (accounts) => {
+ try {
+ const data = await fetch(`${process.env.REACT_APP_SERVER_URL}${ENDPOINTS['adminLogin']}`, {
+ method: "POST",
+ body: JSON.stringify({ WALLET_ADDRESS: accounts[0] }),
+ });
+ const dataJson = await data.json();
+ if (!dataJson.error) {
+ toast.success("Logged In Successfully");
+ setUser({ address: accounts[0] });
+ } else {
+ toast.error("Failed to authenticate with this wallet. Please make sure the address is associated with admin address given and try again");
+ }
+ } catch (error) {
+ if (error?.message?.includes('Failed to fetch')) {
+ toast.error('Failed to access the server url');
+ } else {
+ toast.error(error?.message);
+ }
+ setUser(null);
+ }
+ };
+
+ const signIn = async () => {
+ try {
+ if (!window.ethereum) {
+ toast.error('Cannot determine any injected wallet')
+ return null;
+ }
+ setIsSigningIn(true);
+ const address = await initializeProvider();
+ const data = await fetch(`${process.env.REACT_APP_SERVER_URL}${ENDPOINTS['adminLogin']}`, {
+ method: "POST",
+ body: JSON.stringify({ WALLET_ADDRESS: address }),
+ });
+ const dataJson = await data.json();
+ if (!dataJson.error) {
+ toast.success("Logged In Successfully");
+ setUser({ address });
+ setIsSigningIn(false);
+ return { address };
+ } else {
+ toast.error("Failed to authenticate with this wallet. Please make sure the address is associated with admin address given and try again");
+ setIsSigningIn(false);
+ return null;
+ }
+ } catch (error) {
+ if (error?.message?.includes('Failed to fetch')) {
+ toast.error('Failed to access the server url')
+ } else {
+ toast.error(error?.message);
+ }
+ setIsSigningIn(false);
+ setUser(null);
+ return null;
+ }
+ };
+
+ window.ethereum.on('accountsChanged', accountChangeHandler)
+
+ const logout = async () => {
+ setUser(null)
+ };
+
+ return
{children} ;
+};
+
+export const UserAuth = () => {
+ return useContext(UserContext);
+};
diff --git a/admin_frontend/src/modals/AddERC20Paymaster.jsx b/admin_frontend/src/modals/AddERC20Paymaster.jsx
new file mode 100644
index 0000000..0fb83b5
--- /dev/null
+++ b/admin_frontend/src/modals/AddERC20Paymaster.jsx
@@ -0,0 +1,257 @@
+import { useEffect, useState } from "react";
+import { utils } from "ethers";
+import toast from "react-hot-toast";
+
+// components
+import AddCircleIcon from "@mui/icons-material/AddCircle";
+import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
+import { TextField } from "@mui/material";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ width: "100%",
+ bgcolor: "background.paper",
+ border: "2px solid #000",
+ boxShadow: 24,
+ p: 2,
+ flexDirection: "column",
+ overflowX: "scroll",
+};
+
+const defaultERC20Row = {
+ chainId: 0,
+ token: "",
+ erc20PaymasterAddress: "",
+};
+
+const AddERC20PaymasterModal = ({
+ supportedNetworks,
+ setSupportedNetworks,
+ open,
+ handleClose,
+ Edit,
+}) => {
+ const [ERC20Row, setERC20Row] = useState(defaultERC20Row);
+ const [tokens, setTokens] = useState([]);
+
+ const addRow = () => {
+ if (
+ ERC20Row.erc20PaymasterAddress === "" ||
+ ERC20Row.token === "" ||
+ ERC20Row.chainId === 0
+ ) {
+ toast.error("Please fill all textfields");
+ return;
+ }
+ if (!utils.isAddress(ERC20Row.erc20PaymasterAddress)) {
+ toast.error("Please input a valid address");
+ return;
+ }
+ if (
+ supportedNetworks == {} ||
+ !supportedNetworks[ERC20Row.chainId] ||
+ !supportedNetworks[ERC20Row.chainId][ERC20Row.token]
+ ) {
+ supportedNetworks[ERC20Row.chainId] = {
+ ...supportedNetworks[ERC20Row.chainId],
+ [ERC20Row.token]: ERC20Row.erc20PaymasterAddress,
+ };
+ setSupportedNetworks(supportedNetworks);
+ setERC20Row(defaultERC20Row);
+ Object.keys(supportedNetworks).map((key) => {
+ Object.keys(supportedNetworks[key]).map((sym) => {
+ console.log(
+ tokens.find(
+ (element) => element.chainId == key && element.token == sym
+ )
+ );
+ if (
+ !tokens.find(
+ (element) => element.chainId == key && element.token == sym
+ )
+ ) {
+ tokens.push({
+ chainId: key,
+ token: sym,
+ address: supportedNetworks[key][sym],
+ });
+ setTokens(tokens);
+ }
+ return;
+ });
+ return;
+ });
+ } else {
+ toast.error("Chain ID and Token already present");
+ }
+ };
+
+ const deleteRow = (element) => {
+ delete supportedNetworks[element.chainId][element.token];
+ if (Object.keys(supportedNetworks[element.chainId]).length === 0)
+ delete supportedNetworks[element.chainId];
+ setSupportedNetworks(supportedNetworks);
+ setTokens(
+ tokens.filter(
+ (token) =>
+ element.chainId !== token.chainId && element.token !== token.token
+ )
+ );
+ setERC20Row(defaultERC20Row);
+ };
+
+ useEffect(() => {
+ Object.keys(supportedNetworks).map((key) => {
+ Object.keys(supportedNetworks[key]).map((sym) => {
+ console.log(
+ tokens.find(
+ (element) => element.chainId == key && element.token == sym
+ )
+ );
+ if (
+ !tokens.find(
+ (element) => element.chainId == key && element.token == sym
+ )
+ ) {
+ tokens.push({
+ chainId: key,
+ token: sym,
+ address: supportedNetworks[key][sym],
+ });
+ setTokens(tokens);
+ }
+ });
+ });
+ });
+
+ return (
+
+
+
+
+ ERC20 Paymasters
+
+ Save
+
+
+
+
+
+ Chain ID
+ Token
+ ERC20 Paymaster Address
+ Actions Available
+
+
+
+
+
+ {
+ if (!isNaN(e.target.value))
+ setERC20Row({
+ ...ERC20Row,
+ chainId: Number(e.target.value),
+ });
+ }}
+ value={ERC20Row.chainId}
+ required
+ fullWidth
+ />
+
+
+
+ setERC20Row({
+ ...ERC20Row,
+ token: e.target.value,
+ })
+ }
+ value={ERC20Row.token}
+ required
+ fullWidth
+ />
+
+
+
+ setERC20Row({
+ ...ERC20Row,
+ erc20PaymasterAddress: e.target.value,
+ })
+ }
+ value={ERC20Row.erc20PaymasterAddress}
+ required
+ fullWidth
+ />
+
+
+
+
+
+ {tokens.map((element, index) => {
+ return (
+
+ {element.chainId}
+ {element.token}
+ {element.address}
+
+
+
+ );
+ })}
+
+
+
+
+
+ );
+};
+
+export default AddERC20PaymasterModal;
diff --git a/admin_frontend/src/modals/AddSupportedNetworksModal.jsx b/admin_frontend/src/modals/AddSupportedNetworksModal.jsx
new file mode 100644
index 0000000..2676159
--- /dev/null
+++ b/admin_frontend/src/modals/AddSupportedNetworksModal.jsx
@@ -0,0 +1,211 @@
+import { useState } from "react";
+import { utils } from "ethers";
+import toast from "react-hot-toast";
+
+// components
+import AddCircleIcon from "@mui/icons-material/AddCircle";
+import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
+import { TextField } from "@mui/material";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ width: "100%",
+ bgcolor: "background.paper",
+ border: "2px solid #000",
+ boxShadow: 24,
+ p: 2,
+ flexDirection: "column",
+ overflowX: "scroll",
+};
+
+const defaultSupportedNetworksRow = {
+ chainId: 0,
+ bundler: "",
+ contracts: {
+ etherspotPaymasterAddress: "",
+ },
+};
+
+const AddSupportedNetworksModal = ({
+ supportedNetworks,
+ setSupportedNetworks,
+ open,
+ handleClose,
+}) => {
+ const [supportedNetworkRow, setSupportedNetworkRow] = useState(
+ defaultSupportedNetworksRow
+ );
+
+ const addRow = () => {
+ if (
+ supportedNetworkRow.bundler === "" ||
+ supportedNetworkRow.contracts.etherspotPaymasterAddress === "" ||
+ supportedNetworkRow.chainId === 0
+ ) {
+ toast.error("Please fill all textfields");
+ return;
+ }
+ if (
+ !utils.isAddress(supportedNetworkRow.contracts.etherspotPaymasterAddress)
+ ) {
+ toast.error("Please input a valid address");
+ return;
+ }
+ if (
+ !supportedNetworks.find(
+ (network) => network.chainId === supportedNetworkRow.chainId
+ )
+ ) {
+ supportedNetworks.push(supportedNetworkRow);
+ setSupportedNetworks(
+ supportedNetworks.sort((a, b) => a.chainId - b.chainId)
+ );
+ setSupportedNetworkRow(defaultSupportedNetworksRow);
+ } else {
+ toast.error("Chain ID already present");
+ }
+ };
+
+ const deleteRow = (chainId) => {
+ setSupportedNetworks(
+ supportedNetworks.filter((element) => element.chainId != chainId)
+ );
+ setSupportedNetworkRow(defaultSupportedNetworksRow);
+ };
+
+ return (
+
+
+
+
+ Supported Networks
+
+ Close
+
+
+
+
+
+ Chain ID
+ Bundler URL
+ Paymaster Address
+ Actions Available
+
+
+
+
+
+ {
+ if (!isNaN(e.target.value))
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ chainId: Number(e.target.value),
+ });
+ }}
+ value={supportedNetworkRow.chainId}
+ required
+ fullWidth
+ />
+
+
+
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ bundler: e.target.value,
+ })
+ }
+ value={supportedNetworkRow.bundler}
+ required
+ fullWidth
+ />
+
+
+
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ contracts: {
+ etherspotPaymasterAddress: e.target.value,
+ },
+ })
+ }
+ value={
+ supportedNetworkRow.contracts.etherspotPaymasterAddress
+ }
+ required
+ fullWidth
+ />
+
+
+
+
+ {supportedNetworks.map((network, index) => {
+ return (
+
+ {network.chainId}
+ {network.bundler}
+
+ {network.contracts.etherspotPaymasterAddress}
+
+
+
+
+ );
+ })}
+
+
+
+
+
+ );
+};
+
+export default AddSupportedNetworksModal;
diff --git a/admin_frontend/src/modals/CoingeckoId.jsx b/admin_frontend/src/modals/CoingeckoId.jsx
new file mode 100644
index 0000000..fb07c0d
--- /dev/null
+++ b/admin_frontend/src/modals/CoingeckoId.jsx
@@ -0,0 +1,216 @@
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+
+// components
+import AddCircleIcon from "@mui/icons-material/AddCircle";
+import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
+import { TextField } from "@mui/material";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ width: "100%",
+ bgcolor: "background.paper",
+ border: "2px solid #000",
+ boxShadow: 24,
+ p: 2,
+ flexDirection: "column",
+ overflowX: "scroll",
+};
+
+const defaultSupportedNetworksRow = {
+ chainId: "",
+ coingeckoId: "",
+};
+
+const CoingeckoIdModal = ({
+ supportedNetworks,
+ setSupportedNetworks,
+ open,
+ handleClose,
+}) => {
+ const [supportedNetworkRow, setSupportedNetworkRow] = useState(
+ defaultSupportedNetworksRow
+ );
+ const [ids, setIds] = useState([]);
+
+ const addRow = () => {
+ const tempId = ids;
+ if (
+ supportedNetworkRow.coingeckoId === "" ||
+ supportedNetworkRow.chainId === "" ||
+ supportedNetworkRow.chainId === 0
+ ) {
+ toast.error("Please fill all textfields");
+ return;
+ }
+ if (
+ !ids.find(
+ (network) =>
+ network.chainId === supportedNetworkRow.chainId &&
+ network.coingeckoId === supportedNetworkRow.coingeckoId
+ )
+ ) {
+ if (!supportedNetworks[supportedNetworkRow.chainId.toString()])
+ supportedNetworks[supportedNetworkRow.chainId.toString()] = [
+ supportedNetworkRow.coingeckoId,
+ ];
+ else {
+ supportedNetworks[supportedNetworkRow.chainId.toString()].push(
+ supportedNetworkRow.coingeckoId
+ );
+ }
+ tempId.push({
+ chainId: supportedNetworkRow.chainId,
+ coingeckoId: supportedNetworkRow.coingeckoId,
+ });
+ setIds(tempId);
+ setSupportedNetworks(supportedNetworks);
+ setSupportedNetworkRow(defaultSupportedNetworksRow);
+ } else {
+ toast.error("Chain ID already present");
+ }
+ };
+
+ const deleteRow = (network) => {
+ setIds(
+ ids.filter(
+ (element) =>
+ element.chainId !== network.chainId &&
+ element.coingeckoId !== network.coingeckoId
+ )
+ );
+ setSupportedNetworks(
+ supportedNetworks[network.chainId.toString()].filter(
+ (element) => element !== network.coingeckoId
+ )
+ );
+ setSupportedNetworkRow(defaultSupportedNetworksRow);
+ };
+
+ useEffect(() => {
+ const coingeckoIds = [];
+ for (const chain in supportedNetworks) {
+ for (const id of supportedNetworks[chain]) {
+ coingeckoIds.push({
+ chainId: chain,
+ coingeckoId: id,
+ });
+ }
+ }
+ setIds(coingeckoIds);
+ console.log(coingeckoIds);
+ }, [supportedNetworks]);
+
+ return (
+
+
+
+
+ CoinGecko IDs
+
+ Save
+
+
+
+
+
+ Chain ID
+ Coingecko ID
+ Actions Available
+
+
+
+
+
+ {
+ if (!isNaN(e.target.value))
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ chainId: Number(e.target.value),
+ });
+ }}
+ value={supportedNetworkRow.chainId}
+ required
+ fullWidth
+ />
+
+
+ {
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ coingeckoId: e.target.value,
+ });
+ }}
+ value={supportedNetworkRow.coingeckoId}
+ required
+ fullWidth
+ />
+
+
+
+
+ {ids.map((network, index) => {
+ return (
+
+ {network.chainId}
+ {network.coingeckoId}
+
+
+
+ );
+ })}
+
+
+
+
+
+ );
+};
+
+export default CoingeckoIdModal;
diff --git a/admin_frontend/src/modals/DeployedPaymasters.jsx b/admin_frontend/src/modals/DeployedPaymasters.jsx
new file mode 100644
index 0000000..ccb4242
--- /dev/null
+++ b/admin_frontend/src/modals/DeployedPaymasters.jsx
@@ -0,0 +1,217 @@
+import { useEffect, useState } from "react";
+import { utils } from "ethers";
+import toast from "react-hot-toast";
+
+// components
+import AddCircleIcon from "@mui/icons-material/AddCircle";
+import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
+import { TextField } from "@mui/material";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ width: "100%",
+ bgcolor: "background.paper",
+ border: "2px solid #000",
+ boxShadow: 24,
+ p: 2,
+ flexDirection: "column",
+ overflowX: "scroll",
+};
+
+const defaultSupportedNetworksRow = {
+ chainId: "",
+ address: "",
+};
+
+const DeployedPaymastersModal = ({
+ supportedNetworks,
+ setSupportedNetworks,
+ open,
+ handleClose,
+ title,
+}) => {
+ const [supportedNetworkRow, setSupportedNetworkRow] = useState(
+ defaultSupportedNetworksRow
+ );
+ const [addresses, setAddresses] = useState([]);
+
+ const addRow = () => {
+ const tempId = addresses;
+ if (
+ supportedNetworkRow.address === "" ||
+ supportedNetworkRow.chainId === "" ||
+ supportedNetworkRow.chainId === 0
+ ) {
+ toast.error("Please fill all textfields");
+ return;
+ }
+ if (!utils.isAddress(supportedNetworkRow.address)) {
+ toast.error("Please input a valid address");
+ return;
+ }
+ if (
+ !addresses.find(
+ (network) =>
+ network.chainId === supportedNetworkRow.chainId &&
+ network.address === supportedNetworkRow.address
+ )
+ ) {
+ const chain = supportedNetworkRow.chainId.toString();
+ if (!supportedNetworks[chain]) {
+ supportedNetworks[chain] = [];
+ }
+ supportedNetworks[chain].push(supportedNetworkRow.address);
+ tempId.push({
+ chainId: supportedNetworkRow.chainId,
+ address: supportedNetworkRow.address,
+ });
+ setAddresses(tempId);
+ setSupportedNetworks(supportedNetworks);
+ setSupportedNetworkRow(defaultSupportedNetworksRow);
+ } else {
+ toast.error("Chain ID already present");
+ }
+ };
+
+ const deleteRow = (network) => {
+ const tempAddr = addresses.filter(
+ (element) =>
+ element.chainId.toString() !== network.chainId.toString() &&
+ element.address !== network.address
+ );
+ setAddresses(tempAddr);
+ supportedNetworks[network.chainId] = supportedNetworks[
+ network.chainId
+ ].filter((element) => element !== network.address.toString());
+ setSupportedNetworks(supportedNetworks);
+ setSupportedNetworkRow(defaultSupportedNetworksRow);
+ };
+
+ useEffect(() => {
+ const addr = [];
+ for (const chain in supportedNetworks) {
+ for (const address of supportedNetworks[chain]) {
+ addr.push({
+ chainId: chain,
+ address,
+ });
+ }
+ }
+ console.log(addr);
+ setAddresses(addr);
+ console.log(supportedNetworks);
+ }, [supportedNetworks]);
+
+ return (
+
+
+
+
+ {title}
+
+ Save
+
+
+
+
+
+ Chain ID
+ Address
+ Actions Available
+
+
+
+
+
+ {
+ if (!isNaN(e.target.value))
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ chainId: Number(e.target.value),
+ });
+ }}
+ value={supportedNetworkRow.chainId}
+ required
+ multiline
+ fullWidth
+ />
+
+
+ {
+ setSupportedNetworkRow({
+ ...supportedNetworkRow,
+ address: e.target.value,
+ });
+ }}
+ value={supportedNetworkRow.address}
+ required
+ multiline
+ fullWidth
+ />
+
+
+
+
+ {addresses.map((network, index) => {
+ return (
+
+ {network.chainId}
+ {network.address}
+
+
+
+ );
+ })}
+
+
+
+
+
+ );
+};
+
+export default DeployedPaymastersModal;
diff --git a/admin_frontend/src/modals/ViewERC20Paymaster.jsx b/admin_frontend/src/modals/ViewERC20Paymaster.jsx
new file mode 100644
index 0000000..47bb7dc
--- /dev/null
+++ b/admin_frontend/src/modals/ViewERC20Paymaster.jsx
@@ -0,0 +1,91 @@
+import { useEffect, useState } from "react";
+
+// components
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ width: "100%",
+ bgcolor: "background.paper",
+ border: "2px solid #000",
+ boxShadow: 24,
+ p: 2,
+ flexDirection: "column",
+ overflowX: "scroll",
+};
+
+const ViewERC20PaymasterModal = ({ supportedNetworks, open, handleClose }) => {
+ const [tokens, setTokens] = useState([]);
+
+ useEffect(() => {
+ const tempTokens = [];
+ for (const key in supportedNetworks) {
+ for (const sym in supportedNetworks[key]) {
+ tempTokens.push({
+ chainId: key,
+ token: sym,
+ address: supportedNetworks[key][sym],
+ });
+ }
+ }
+ setTokens(tempTokens);
+ }, [supportedNetworks]);
+
+ return (
+
+
+
+
+ ERC20 Paymaster Address
+
+ Close
+
+
+
+
+
+ Chain ID
+ Token
+ ERC20 Paymaster Address
+
+
+
+ {tokens.map((element) => {
+ return (
+
+ {element.chainId}
+ {element.token}
+ {element.address}
+
+ );
+ })}
+
+
+
+
+
+ );
+};
+
+export default ViewERC20PaymasterModal;
diff --git a/admin_frontend/src/modals/ViewSupportedNetworksModal.jsx b/admin_frontend/src/modals/ViewSupportedNetworksModal.jsx
new file mode 100644
index 0000000..73b2657
--- /dev/null
+++ b/admin_frontend/src/modals/ViewSupportedNetworksModal.jsx
@@ -0,0 +1,77 @@
+// components
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ width: "100%",
+ bgcolor: "background.paper",
+ border: "2px solid #000",
+ boxShadow: 24,
+ p: 2,
+ flexDirection: "column",
+ overflowX: "scroll",
+};
+
+const ViewSupportedNetworksModal = ({
+ supportedNetworks,
+ open,
+ handleClose,
+}) => {
+ return (
+
+
+
+
+ Supported Networks
+
+ Close
+
+
+
+
+
+ Chain ID
+ Bundler URL
+ Paymaster Address
+
+
+
+ {supportedNetworks.map((network) => {
+ return (
+
+ {network.chainId}
+ {network.bundler}
+
+ {network.contracts.etherspotPaymasterAddress}
+
+
+ );
+ })}
+
+
+
+
+
+ );
+};
+
+export default ViewSupportedNetworksModal;
diff --git a/backend/package.json b/backend/package.json
index 262d3f5..b48d40d 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
{
"name": "arka",
- "version": "1.1.0",
+ "version": "1.1.2",
"description": "ARKA - (Albanian for Cashier's case) is the first open source Paymaster as a service software",
"type": "module",
"directories": {
diff --git a/backend/src/constants/ErrorMessage.ts b/backend/src/constants/ErrorMessage.ts
index 750e81c..06e4616 100644
--- a/backend/src/constants/ErrorMessage.ts
+++ b/backend/src/constants/ErrorMessage.ts
@@ -8,6 +8,7 @@ export default {
INVALID_MODE: 'Invalid mode selected',
DUPLICATE_RECORD: 'Duplicate record found',
QUOTA_EXCEEDED: 'Quota exceeded for this month',
+ INVALID_USER: 'Unauthorised User',
RECORD_NOT_FOUND: 'Api Key provided not found',
API_KEY_VALIDATION_FAILED: 'Api Key is not in the right format as described in readme file',
}
diff --git a/backend/src/migrations/001.default.sql b/backend/src/migrations/001.default.sql
index a0e329e..b808ab9 100644
--- a/backend/src/migrations/001.default.sql
+++ b/backend/src/migrations/001.default.sql
@@ -32,7 +32,7 @@ INSERT INTO config (
"5000",
"0 0 * * *",
"ewogICAgIjgwMDAxIjogWyIweGMzM2MzOEE3QkZFQmJCOTk3ZEQ0MDExQ0RkQWY0ZWJEMWU4ODAzQzAiXQp9",
- "panther",
+ "eyI4MDAwMSI6WyJwYW50aGVyIl19",
"https://api.coingecko.com/api/v3/simple/price?vs_currencies=usd&precision=8&ids=");
--------------------------------------------------------------------------------
diff --git a/backend/src/plugins/config.ts b/backend/src/plugins/config.ts
index 3a8d866..2cac84e 100644
--- a/backend/src/plugins/config.ts
+++ b/backend/src/plugins/config.ts
@@ -17,6 +17,7 @@ const ConfigSchema = Type.Strict(
API_HOST: Type.String(),
API_PORT: Type.String(),
SUPPORTED_NETWORKS: Type.String() || undefined,
+ ADMIN_WALLET_ADDRESS: Type.String() || undefined,
})
);
@@ -45,6 +46,7 @@ const configPlugin: FastifyPluginAsync = async (server) => {
API_PORT: process.env.API_PORT ?? '',
API_HOST: process.env.API_HOST ?? '',
SUPPORTED_NETWORKS: process.env.SUPPORTED_NETWORKS ?? '',
+ ADMIN_WALLET_ADDRESS: process.env.ADMIN_WALLET_ADDRESS ?? '0x80a1874E1046B1cc5deFdf4D3153838B72fF94Ac',
}
server.decorate("config", config);
diff --git a/backend/src/routes/admin.ts b/backend/src/routes/admin.ts
index f039438..850830f 100644
--- a/backend/src/routes/admin.ts
+++ b/backend/src/routes/admin.ts
@@ -8,6 +8,20 @@ import { encode, decode } from "../utils/crypto.js";
import SupportedNetworks from "../../config.json" assert { type: "json" };
const adminRoutes: FastifyPluginAsync = async (server) => {
+
+ server.post('/adminLogin', async function (request, reply) {
+ try {
+ const body: any = JSON.parse(request.body as string);
+ if (!body) return reply.code(ReturnCode.FAILURE).send({ error: ErrorMessage.EMPTY_BODY });
+ if (!body.WALLET_ADDRESS) return reply.code(ReturnCode.FAILURE).send({ error: ErrorMessage.INVALID_DATA });
+ console.log(body, server.config.ADMIN_WALLET_ADDRESS)
+ if (ethers.utils.getAddress(body.WALLET_ADDRESS) === server.config.ADMIN_WALLET_ADDRESS) return reply.code(ReturnCode.SUCCESS).send({error: null, message: "Successfully Logged in"});
+ return reply.code(ReturnCode.FAILURE).send({ error: ErrorMessage.INVALID_USER });
+ } catch (err: any) {
+ return reply.code(ReturnCode.FAILURE).send({ error: ErrorMessage.INVALID_USER });
+ }
+ })
+
server.get("/getConfig", async function (request, reply) {
try {
const result: any = await new Promise((resolve, reject) => {
diff --git a/backend/src/server.ts b/backend/src/server.ts
index a7e7f68..1627359 100644
--- a/backend/src/server.ts
+++ b/backend/src/server.ts
@@ -101,14 +101,16 @@ const initializeServer = async (): Promise
=> {
}
}
const customChainlinkDeploymentsbase64 = ConfigData.CUSTOM_CHAINLINK_DEPLOYED;
+ const coingeckoIdsbase64 = ConfigData.COINGECKO_IDS;
if (customChainlinkDeploymentsbase64) {
try {
- const buffer = Buffer.from(customChainlinkDeploymentsbase64, 'base64');
+ let buffer = Buffer.from(customChainlinkDeploymentsbase64, 'base64');
const customChainlinks = JSON.parse(buffer.toString());
+ buffer = Buffer.from(coingeckoIdsbase64, 'base64');
+ const coingeckoIds = JSON.parse(buffer.toString());
const customChainlinkDeployments = customChainlinks[chain] ?? [];
if (customChainlinkDeployments.includes(deployedPaymaster)) {
- const coingeckoIds = ConfigData.COINGECKO_IDS?.split(',') ?? [''];
- const coingeckoId = coingeckoIds[customChainlinkDeployments.indexOf(deployedPaymaster)]
+ const coingeckoId = coingeckoIds[chain][customChainlinkDeployments.indexOf(deployedPaymaster)]
const response: any = await (await fetch(`${ConfigData.COINGECKO_API_URL}${coingeckoId}`)).json();
const price = ethers.utils.parseUnits(response[coingeckoId].usd.toString(), 8);
if (price) {
diff --git a/docker-compose.yml b/docker-compose.yml
index 471bb10..382614e 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -2,6 +2,9 @@ version: "3.8"
services:
frontend:
+ environment:
+ - REACT_APP_INDEXER_ENDPOINT=http://localhost:3003
+ - REACT_APP_SERVER_URL=http://localhost:5050
build:
context: ./frontend
dockerfile: Dockerfile
@@ -18,7 +21,7 @@ services:
- UNSAFE_MODE=false
- SUPPORTED_NETWORKS=
- CRON_PRIVATE_KEY=
- - REACT_APP_INDEXER_ENDPOINT=http://localhost:3003
+ - DEFAULT_INDEXER_ENDPOINT=http://localhost:3003
build:
context: ./backend
dockerfile: Dockerfile
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 7311fc2..bf744d2 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -6,5 +6,6 @@ COPY package.json /frontend/
COPY config-overrides.js /frontend/
COPY postcss.config.js /frontend/
COPY tailwind.config.js /frontend/
+COPY demo.env /frontend/.env
RUN npm install
CMD ["npm", "start"]
diff --git a/frontend/demo.env b/frontend/demo.env
new file mode 100644
index 0000000..06a5d0c
--- /dev/null
+++ b/frontend/demo.env
@@ -0,0 +1 @@
+REACT_APP_SERVER_URL=http://localhost:5050
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 1286d4a..d816516 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "arka_frontend",
- "version": "1.0.0",
+ "version": "1.0.2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "arka_frontend",
- "version": "1.0.0",
+ "version": "1.0.2",
"dependencies": {
"@babel/plugin-proposal-private-property-in-object": "7.21.11",
"@emotion/react": "^11.11.1",
diff --git a/frontend/package.json b/frontend/package.json
index 37b2add..a0e374d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
{
"name": "arka_frontend",
- "version": "1.0.0",
+ "version": "1.0.2",
"private": true,
"dependencies": {
"@babel/plugin-proposal-private-property-in-object": "7.21.11",
+