From 1f2719ba38ce61bbbcae29cb033ed7ad95ff81cb Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 26 Jun 2023 13:12:23 +0530
Subject: [PATCH 01/70] add component and styles

---
 .../prebuild-components/financial-alert.css   | 133 ++++++++++++++++++
 .../prebuild-components/financial-alert.tsx   |  80 +++++++++++
 2 files changed, 213 insertions(+)
 create mode 100644 chrome-extension/src/prebuild-components/financial-alert.css
 create mode 100644 chrome-extension/src/prebuild-components/financial-alert.tsx

diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
new file mode 100644
index 0000000..7fbfb2f
--- /dev/null
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -0,0 +1,133 @@
+* {
+	box-sizing: border-box;
+}
+
+.container {
+	--border: 10px;
+	--icon-size: 70px;
+
+	padding: 25px 18px 10px;
+	border-radius: 10px;
+	position: relative;
+	background: hsl(265, 100%, 92%);
+	font-family: Roboto;
+	max-width: 540px;
+	min-width: 470px;
+}
+
+.container:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -1;
+	background: linear-gradient(to bottom, hsl(265, 100%, 40%), hsl(265, 94%, 19%));
+	margin: calc(-1 * var(--border));
+	border-radius: inherit;
+}
+
+.basic-info {
+	display: grid;
+	grid-template-rows: repeat(2, auto);
+	grid-template-columns: 1fr auto;
+	grid-template-areas:
+		"heading icon"
+		"info icon";
+}
+
+.basic-info h2 {
+	margin: 0 0 16px;
+	grid-area: heading;
+	font-size: 25px;
+}
+.basic-info .icon-container {
+	grid-area: icon;
+}
+
+.basic-info .icon {
+	color: hsl(265, 100%, 40%);
+	width: var(--icon-size);
+	height: var(--icon-size);
+}
+
+.basic-info p {
+	grid-area: info;
+	margin: 0;
+	font-size: 18px;
+}
+.basic-info p > span {
+	display: block;
+}
+
+.financial-info {
+	display: flex;
+	flex-direction: row;
+	gap: 5px;
+	flex-wrap: nowrap;
+	margin: 15px 0;
+}
+.financial-info .item {
+	background: hsla(263, 77%, 88%, 1);
+	padding: 10px 0 16px;
+}
+h4 {
+	text-align: center;
+	color: hsl(264, 29%, 53%);
+	font-size: 18px;
+	font-weight: 700;
+	margin: 0 0 12px;
+}
+
+.transaction-info {
+	flex: 3;
+	display: grid;
+	grid-template-rows: repeat(2, auto);
+	grid-template-columns: auto 4px auto;
+	place-items: center;
+}
+
+.transaction-info h4 {
+	grid-row: 1;
+	grid-column: 1 / -1;
+}
+.seperator {
+	grid-column: 2;
+	grid-row: 2;
+}
+
+.transaction-info-item {
+	grid-row: 2;
+}
+.transaction-info-item:first-child {
+	border-right: 2px solid gray;
+}
+.transaction-info-item span {
+	display: block;
+}
+.transaction-info-item span:first-child {
+	font-size: 2rem;
+	font-weight: 600;
+	text-align: center;
+	margin-bottom: 4px;
+}
+
+.drained-info {
+	flex: 2;
+	display: flex;
+	flex-direction: column;
+}
+.drained-info .value {
+	color: hsl(0, 100%, 52%);
+	font-size: 25px;
+	font-weight: 700;
+	margin: auto;
+}
+
+.credits {
+	text-align: right;
+	color: hsl(264, 29%, 53%);
+	font-size: 14px;
+	font-weight: 700;
+}
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
new file mode 100644
index 0000000..f47acbb
--- /dev/null
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -0,0 +1,80 @@
+import "./financial-alert.css";
+
+export const config = {
+	skipTemplate: true,
+};
+
+export default function FinancialAlert() {
+	return (
+		<div className="container">
+			<div className="basic-info">
+				<h2>You are about to interact with</h2>
+				<span className="icon-container">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						className="icon icon-tabler icon-tabler-shield-search"
+						width="24"
+						height="24"
+						viewBox="0 0 24 24"
+						stroke-width="2"
+						stroke="currentColor"
+						fill="none"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+					>
+						<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+						<path d="M12 21a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3c.539 1.832 .627 3.747 .283 5.588"></path>
+						<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+						<path d="M20.2 20.2l1.8 1.8"></path>
+					</svg>
+				</span>
+				<p>
+					<span>
+						<b>Contract:</b>{" "}
+						<span className="contract-info">
+							Loading...
+							{/* {"Uniswap V3 Router 0x00...34244 [>]"} */}
+						</span>
+					</span>
+					<span>
+						<b>Created on:</b>{" "}
+						<span className="contract-created-on">
+							Loading...
+							{/* {"19 Now 2022"} */}
+						</span>
+					</span>
+				</p>
+			</div>
+
+			<div className="financial-info">
+				<div className="item transaction-info">
+					<h4>Transactions</h4>
+					<div className="transaction-info-item">
+						<span className="transactions-in-day">0{/* {"101"} */}</span>
+						<span>24 hours</span>
+					</div>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						className="seperator"
+						width="2px"
+						height="50px"
+						viewBox="0 0 1 66"
+						fill="none"
+					>
+						<line x1="0.5" x2="0.5" y2="66" stroke="#BFA7E4" />
+					</svg>
+					<div className="transaction-info-item">
+						<span className="transactions-in-month">0{/* 15k */}</span>
+						<span>30 days</span>
+					</div>
+				</div>
+				<div className="item drained-info">
+					<h4>Drained accounts</h4>
+					<div className="value">———{/* {"HIGH"} */}</div>
+				</div>
+			</div>
+
+			<div className="credits">Powered by VigialnceDAO</div>
+		</div>
+	);
+}

From 8f06db3082959fa6328690803e1f683aa955bdb0 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 26 Jun 2023 13:25:20 +0530
Subject: [PATCH 02/70] add function to create financial alert dialog

---
 chrome-extension/src/content.js | 69 +++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 4c5f983..fb3ddf1 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -425,6 +425,75 @@ async function createAlertDialog(alertInfo) {
 	alertDialog.showModal();
 }
 
+const financialAlertDialog = document.createElement("dialog");
+
+/**
+ * @typedef FinancialAlertInfo
+ * @prop {string} contract
+ * @prop {string} createdOn
+ * @prop {"high"} drainedAccountsValue
+ * @prop {string} transactionsIn24hours
+ * @prop {string} transactionsIn30days
+ *
+ * @param {FinancialAlertInfo} alertInfo
+ */
+async function createFinancialAlertDialog(alertInfo) {
+	if (financialAlertDialog.innerHTML != "") return;
+
+	financialAlertDialog.style.borderRadius = "9px";
+	financialAlertDialog.style.zIndex = "10000";
+	financialAlertDialog.style.margin = "auto clamp(10px, 3vw, 30px) 25px auto";
+	financialAlertDialog.style.height = "fit-content";
+	financialAlertDialog.style.border = "none";
+	financialAlertDialog.style.padding = "0";
+
+	/**
+	 * @type {string[]}
+	 */
+	const innerHTMLParts = new Array(2).fill("");
+	// part 0 -> fonts
+	// part 1 -> financial-alert component content
+
+	innerHTMLParts[0] = `<style>${getFonts()}</style>`;
+	innerHTMLParts[1] = await fetch(
+		chrome.runtime.getURL("static/financial-alert.html")
+	)
+		.then((response) => response.text())
+		.catch((e) => {
+			console.error("Error while loading html from financial-alert.html", e);
+			return "";
+		});
+
+	const div = document.createElement("div");
+	const shadowRoot = div.attachShadow({ mode: "closed" });
+	financialAlertDialog.append(div);
+
+	shadowRoot.innerHTML = innerHTMLParts.join("");
+
+	const contractInfoElement = shadowRoot.querySelector(".contract-info");
+	const contractCreatedOnElement = shadowRoot.querySelector(
+		".contract-created-on"
+	);
+	const transactionsIn24hoursElement = shadowRoot.querySelector(
+		".transactions-in-day"
+	);
+	const transactionsIn30daysElement = shadowRoot.querySelector(
+		".transactions-in-month"
+	);
+	const drainedAccountsValueElement = shadowRoot.querySelector(
+		".drained-info .value"
+	);
+
+	contractInfoElement.innerHTML = alertInfo.contract;
+	contractCreatedOnElement.innerHTML = alertInfo.createdOn;
+	transactionsIn24hoursElement.innerHTML = alertInfo.transactionsIn24hours;
+	transactionsIn30daysElement.innerHTML = alertInfo.transactionsIn30days;
+	drainedAccountsValueElement.innerHTML = alertInfo.drainedAccountsValue;
+
+	document.body.appendChild(financialAlertDialog);
+	financialAlertDialog.showModal();
+}
+
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 	console.log("on message", msg, sender);
 

From 4c1c71703d0b391d8ed4fed40b1db8102c9d82d1 Mon Sep 17 00:00:00 2001
From: R4j4t-Singh <202011061@diu.iiitvadodara.ac.in>
Date: Thu, 29 Jun 2023 21:44:59 +0530
Subject: [PATCH 03/70] Contract-info

---
 server/package.json |   4 +-
 server/src/app.ts   | 100 +++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 102 insertions(+), 2 deletions(-)

diff --git a/server/package.json b/server/package.json
index 63449ea..bdad001 100644
--- a/server/package.json
+++ b/server/package.json
@@ -15,8 +15,10 @@
   },
   "dependencies": {
     "capture-website": "^2.4.0",
+    "ethers": "^6.6.2",
     "express": "^4.18.1",
     "helmet": "^5.1.0",
+    "node-fetch": "^3.0.0",
     "pg": "^8.7.3",
     "pg-native": "^3.0.0",
     "pg-pool": "^3.5.1",
@@ -26,7 +28,7 @@
   "devDependencies": {
     "@commitlint/cli": "^16.3.0",
     "@commitlint/config-conventional": "^16.2.4",
-    "@types/express": "^4.17.13",
+    "@types/express": "^4.17.17",
     "@types/jest": "^28.1.0",
     "@types/pg": "^8.6.5",
     "@types/pg-pool": "^2.0.3",
diff --git a/server/src/app.ts b/server/src/app.ts
index f3aed40..115e4ab 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -2,6 +2,8 @@ import express, { json } from 'express';
 import helmet from 'helmet';
 import { PoolClient } from 'pg';
 import pool from './db';
+import {ethers}  from 'ethers';
+import fetch from 'node-fetch';
 import { BasicDomainInfo, DomainInfo, DomainScamInfo } from "../../important-types";
 const whois = require('whois-json');
 
@@ -9,6 +11,11 @@ const app = express();
 app.use(json());
 app.use(helmet());
 
+const ETHERSCAN_API_KEY = process.env.ETHERSCAN_API_KEY;
+const ETHEREUM_RPC_URL = process.env.ETHEREUM_RPC_URL;
+
+const provider = new ethers.JsonRpcProvider(ETHEREUM_RPC_URL);
+
 app.post('/domain-info', async (req, res) => {
 	// await captureWebsite.file('https://cryptnesis.com/', 'screenshot.png');
 
@@ -31,6 +38,27 @@ app.post('/domain-info', async (req, res) => {
 	return;
 });
 
+app.post("/contract-info", async (req, res) => {
+  const address = req.body.address;
+  
+  console.log("address", address);
+  if (!address) {
+    res.status(400).send({});
+    return;
+  }
+
+  try {
+    const client = await pool.connect();
+    const output = await getContractInfo(client, address);
+    client.release();
+    res.json(output);
+  } catch (err) {
+    console.log("get contract details", err);
+    res.status(500).send({});
+  }
+  return;
+});
+
 app.use((_, res, _2) => {
 	res.status(404).json({ error: 'NOT FOUND' });
 });
@@ -110,6 +138,76 @@ async function getDomainInfo(client: PoolClient, domain: string): Promise<Domain
 	return domainInfo;
 }
 
+async function getCreationDate(client: PoolClient, address: string): Promise<String> {
+
+  const query = 'SELECT "creationDate" FROM "ContractAddresses" WHERE "address" LIKE $1';
+  var contractData = await client.query(query, [address]);  
+  
+  if(contractData.rowCount == 0){
+    const query1 = 'INSERT INTO "ContractAddresses"("address") VALUES($1)';
+    await client.query(query1, [address]);
+    contractData = await client.query(query, [address]);
+  }
+  
+  var date = contractData.rows[0].creationDate;
+
+  if (date == "NA") {
+    const response = await fetch(
+      `https://api.etherscan.io/api?module=contract&action=getcontractcreation&contractaddresses=${address}&apikey=${ETHERSCAN_API_KEY}`
+    );
+      
+    const data:any = await response.json();
+      
+    if (data.result == null) {
+      return date;
+    }
+
+    const txHash = data.result[0].txHash;
+
+    try {
+      const tx = await provider.getTransaction(txHash);
+      if (tx?.blockHash) {
+        const block = await provider.getBlock(tx.blockHash);
+        if(block) {
+          date = new Date(block.timestamp * 1000);
+          date = date.toISOString().slice(0, 10);
+        } 
+      } 
+    } catch (error) {
+      console.log(error);
+      return date;
+    }
+
+    const query2 = 'UPDATE "ContractAddresses" SET "creationDate"=$1 WHERE "address" LIKE $2';
+    await client.query(query2, [date, address]);
+  }
+
+  return date;
+}
+
+async function getContractInfo(client: PoolClient, address: string): Promise<any> {
+  const now = new Date();
+
+  var yesterday = new Date(now.setDate(now.getDate() - 1)).getTime() / 1000;
+  var lastMonth = new Date(now.setDate(now.getDate() - 30)).getTime() / 1000;
+
+  yesterday = Math.floor(yesterday);
+  lastMonth = Math.floor(lastMonth);
+
+  const query = 'SELECT COUNT(DISTINCT "from") FROM "Transactions" WHERE "to" LIKE $1 AND "timeStamp" > $2';
+
+  const transactionsLast24Hours = await client.query(query, [address, yesterday]);
+
+  const transactionsLast30Days = await client.query(query, [address, lastMonth]);
+
+  const date = await getCreationDate(client,address);
+
+  return { 
+    userCount24hours: transactionsLast24Hours.rows[0].count,
+    userCount30days: transactionsLast30Days.rows[0].count,
+    creationDate: date
+  };   
+}
 
 export { app };
 
@@ -119,4 +217,4 @@ if (process.env.SERVER_TYPE == 'express' && !isListening) {
 		isListening = true;
 		console.log('server listening on 4000')
 	})
-}
+}
\ No newline at end of file

From 03fff071eb8dee4db76104a180fcdb38eb40a3d0 Mon Sep 17 00:00:00 2001
From: R4j4t-Singh <202011061@diu.iiitvadodara.ac.in>
Date: Thu, 29 Jun 2023 23:17:19 +0530
Subject: [PATCH 04/70] Added try-catch

---
 server/src/app.ts | 86 +++++++++++++++++++++++++----------------------
 1 file changed, 45 insertions(+), 41 deletions(-)

diff --git a/server/src/app.ts b/server/src/app.ts
index 115e4ab..f13e7bd 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -139,50 +139,49 @@ async function getDomainInfo(client: PoolClient, domain: string): Promise<Domain
 }
 
 async function getCreationDate(client: PoolClient, address: string): Promise<String> {
-
-  const query = 'SELECT "creationDate" FROM "ContractAddresses" WHERE "address" LIKE $1';
-  var contractData = await client.query(query, [address]);  
-  
-  if(contractData.rowCount == 0){
-    const query1 = 'INSERT INTO "ContractAddresses"("address") VALUES($1)';
-    await client.query(query1, [address]);
-    contractData = await client.query(query, [address]);
-  }
-  
-  var date = contractData.rows[0].creationDate;
-
-  if (date == "NA") {
-    const response = await fetch(
-      `https://api.etherscan.io/api?module=contract&action=getcontractcreation&contractaddresses=${address}&apikey=${ETHERSCAN_API_KEY}`
-    );
-      
-    const data:any = await response.json();
-      
-    if (data.result == null) {
-      return date;
+  try {
+    
+    const query = 'SELECT "creationDate" FROM "ContractAddresses" WHERE "address" LIKE $1';
+    var contractData = await client.query(query, [address]);  
+    
+    if(contractData.rowCount == 0){
+      const query1 = 'INSERT INTO "ContractAddresses"("address") VALUES($1)';
+      await client.query(query1, [address]);
+      contractData = await client.query(query, [address]);
     }
+    
+    var date = contractData.rows[0].creationDate;
+
+    if (date == "NA") {
+      const response = await fetch(
+        `https://api.etherscan.io/api?module=contract&action=getcontractcreation&contractaddresses=${address}&apikey=${ETHERSCAN_API_KEY}`
+      );
+        
+      const data:any = await response.json();
+        
+      if (data.result == null) {
+        return date;
+      }
+
+      const txHash = data.result[0].txHash;
 
-    const txHash = data.result[0].txHash;
-
-    try {
       const tx = await provider.getTransaction(txHash);
       if (tx?.blockHash) {
         const block = await provider.getBlock(tx.blockHash);
-        if(block) {
+      if(block) {
           date = new Date(block.timestamp * 1000);
           date = date.toISOString().slice(0, 10);
         } 
       } 
-    } catch (error) {
-      console.log(error);
-      return date;
+      const query2 = 'UPDATE "ContractAddresses" SET "creationDate"=$1 WHERE "address" LIKE $2';
+      await client.query(query2, [date, address]);
     }
+    return date;
 
-    const query2 = 'UPDATE "ContractAddresses" SET "creationDate"=$1 WHERE "address" LIKE $2';
-    await client.query(query2, [date, address]);
+  } catch (error) {
+    console.log(error);  
+    return "NA";
   }
-
-  return date;
 }
 
 async function getContractInfo(client: PoolClient, address: string): Promise<any> {
@@ -194,19 +193,24 @@ async function getContractInfo(client: PoolClient, address: string): Promise<any
   yesterday = Math.floor(yesterday);
   lastMonth = Math.floor(lastMonth);
 
-  const query = 'SELECT COUNT(DISTINCT "from") FROM "Transactions" WHERE "to" LIKE $1 AND "timeStamp" > $2';
+  try {
+    const query = 'SELECT COUNT(DISTINCT "from") FROM "Transactions" WHERE "to" LIKE $1 AND "timeStamp" > $2';
 
-  const transactionsLast24Hours = await client.query(query, [address, yesterday]);
+    const transactionsLast24Hours = await client.query(query, [address, yesterday]);
 
-  const transactionsLast30Days = await client.query(query, [address, lastMonth]);
+    const transactionsLast30Days = await client.query(query, [address, lastMonth]);
 
-  const date = await getCreationDate(client,address);
+    const date = await getCreationDate(client,address);
 
-  return { 
-    userCount24hours: transactionsLast24Hours.rows[0].count,
-    userCount30days: transactionsLast30Days.rows[0].count,
-    creationDate: date
-  };   
+    return { 
+      userCount24hours: transactionsLast24Hours.rows[0].count,
+      userCount30days: transactionsLast30Days.rows[0].count,
+      creationDate: date
+    };   
+  }catch (error) {
+    console.log(error);
+    return null;
+  }
 }
 
 export { app };

From 62710db383a70d8b23114099f4554b42957e4fcc Mon Sep 17 00:00:00 2001
From: R4j4t-Singh <202011061@diu.iiitvadodara.ac.in>
Date: Fri, 30 Jun 2023 01:28:23 +0530
Subject: [PATCH 05/70] try-catch

---
 server/src/app.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/src/app.ts b/server/src/app.ts
index f13e7bd..2dd4939 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -180,8 +180,8 @@ async function getCreationDate(client: PoolClient, address: string): Promise<Str
 
   } catch (error) {
     console.log(error);  
-    return "NA";
   }
+  return "NA";
 }
 
 async function getContractInfo(client: PoolClient, address: string): Promise<any> {
@@ -209,8 +209,8 @@ async function getContractInfo(client: PoolClient, address: string): Promise<any
     };   
   }catch (error) {
     console.log(error);
-    return null;
   }
+  return null;
 }
 
 export { app };

From 730a43b0371caa9ad075e4a604d0c11197540e1a Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 09:29:29 +0530
Subject: [PATCH 06/70] add financial alert to prebuild script

---
 chrome-extension/src/prebuild.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild.tsx b/chrome-extension/src/prebuild.tsx
index 0ab8c3b..6196f0f 100644
--- a/chrome-extension/src/prebuild.tsx
+++ b/chrome-extension/src/prebuild.tsx
@@ -5,6 +5,7 @@ import { renderToStaticMarkup } from "react-dom/server";
 
 import * as Alert from "./prebuild-components/alert";
 import * as Index from "./prebuild-components/index";
+import * as FinancialAlert from "./prebuild-components/financial-alert";
 
 interface PrebuildComponentModule {
 	default: () => JSX.Element;
@@ -17,7 +18,11 @@ interface PrebuildComponentModule {
 	};
 }
 
-const components: readonly PrebuildComponentModule[] = [Alert, Index] as const;
+const components: readonly PrebuildComponentModule[] = [
+	Alert,
+	Index,
+	FinancialAlert,
+] as const;
 
 const template = (
 	content: string,

From 468bd62df28ec3fd7cbb770d9570a869a0cbc963 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 09:37:26 +0530
Subject: [PATCH 07/70] fix name issue in prebuild script

---
 chrome-extension/src/prebuild.tsx | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild.tsx b/chrome-extension/src/prebuild.tsx
index 6196f0f..66df844 100644
--- a/chrome-extension/src/prebuild.tsx
+++ b/chrome-extension/src/prebuild.tsx
@@ -7,6 +7,30 @@ import * as Alert from "./prebuild-components/alert";
 import * as Index from "./prebuild-components/index";
 import * as FinancialAlert from "./prebuild-components/financial-alert";
 
+const UPPERCASE_REGEX = /[A-Z]/g;
+function isUpperCase(char: string): boolean {
+	return UPPERCASE_REGEX.test(char);
+}
+
+/**
+ * @example FinancialAlert -> financial-alert
+ */
+function pascalCaseToHypenedCase(str: string): string {
+	let newStr = "";
+
+	for (let i = 0; i < str.length; i++) {
+		const char = str.charAt(i);
+
+		if (i != 0 && isUpperCase(char)) {
+			newStr += "-";
+		}
+
+		newStr += char.toLowerCase();
+	}
+
+	return newStr;
+}
+
 interface PrebuildComponentModule {
 	default: () => JSX.Element;
 	config?: {
@@ -66,7 +90,8 @@ export function run() {
 		components.map(async (componentModule) => {
 			const component = componentModule.default;
 			const rendered = renderToStaticMarkup(component());
-			const baseName = component.name.toLowerCase();
+			const baseName = pascalCaseToHypenedCase(component.name);
+			console.log(baseName);
 			const jsFile =
 				componentModule.config?.jsFile ||
 				"../prebuild-components/".concat(baseName.concat(".js"));

From 1e9cc4b07535f9a073d3e3966e15dbd3dd01cae5 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 09:37:42 +0530
Subject: [PATCH 08/70] fix wrong attributes in svg

---
 .../src/prebuild-components/financial-alert.tsx             | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index f47acbb..232c2b8 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -16,11 +16,11 @@ export default function FinancialAlert() {
 						width="24"
 						height="24"
 						viewBox="0 0 24 24"
-						stroke-width="2"
+						strokeWidth="2"
 						stroke="currentColor"
 						fill="none"
-						stroke-linecap="round"
-						stroke-linejoin="round"
+						strokeLinecap="round"
+						strokeLinejoin="round"
 					>
 						<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
 						<path d="M12 21a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3c.539 1.832 .627 3.747 .283 5.588"></path>

From f5cbcede2b10275ca8af3923d15e6b23aa3d9a5c Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 09:57:49 +0530
Subject: [PATCH 09/70] minor fixes

---
 chrome-extension/src/content.js               | 20 +++++++++++++++++--
 .../prebuild-components/financial-alert.css   |  2 ++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index fb3ddf1..dcde268 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -431,7 +431,7 @@ const financialAlertDialog = document.createElement("dialog");
  * @typedef FinancialAlertInfo
  * @prop {string} contract
  * @prop {string} createdOn
- * @prop {"high"} drainedAccountsValue
+ * @prop {"High"} drainedAccountsValue
  * @prop {string} transactionsIn24hours
  * @prop {string} transactionsIn30days
  *
@@ -440,6 +440,13 @@ const financialAlertDialog = document.createElement("dialog");
 async function createFinancialAlertDialog(alertInfo) {
 	if (financialAlertDialog.innerHTML != "") return;
 
+	if (alertInfo == undefined) {
+		console.error(
+			"createFinancialAlertDialog: alertInfo parameter is required"
+		);
+		return;
+	}
+
 	financialAlertDialog.style.borderRadius = "9px";
 	financialAlertDialog.style.zIndex = "10000";
 	financialAlertDialog.style.margin = "auto clamp(10px, 3vw, 30px) 25px auto";
@@ -484,10 +491,19 @@ async function createFinancialAlertDialog(alertInfo) {
 		".drained-info .value"
 	);
 
+	let formattedTransactionsIn30days = alertInfo.transactionsIn30days.toString();
+	if (alertInfo.transactionsIn30days >= 1000) {
+		formattedTransactionsIn30days = Math.floor(
+			alertInfo.transactionsIn30days / 1000
+		)
+			.toString()
+			.concat("K");
+	}
+
 	contractInfoElement.innerHTML = alertInfo.contract;
 	contractCreatedOnElement.innerHTML = alertInfo.createdOn;
 	transactionsIn24hoursElement.innerHTML = alertInfo.transactionsIn24hours;
-	transactionsIn30daysElement.innerHTML = alertInfo.transactionsIn30days;
+	transactionsIn30daysElement.innerHTML = formattedTransactionsIn30days;
 	drainedAccountsValueElement.innerHTML = alertInfo.drainedAccountsValue;
 
 	document.body.appendChild(financialAlertDialog);
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 7fbfb2f..caac70b 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -13,6 +13,7 @@
 	font-family: Roboto;
 	max-width: 540px;
 	min-width: 470px;
+	overflow: hidden;
 }
 
 .container:before {
@@ -99,6 +100,7 @@ h4 {
 
 .transaction-info-item {
 	grid-row: 2;
+	text-align: center;
 }
 .transaction-info-item:first-child {
 	border-right: 2px solid gray;

From d335c8b632bd4656885f640dc6f621754891e564 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 09:58:13 +0530
Subject: [PATCH 10/70] add proceed and close buttons

---
 chrome-extension/src/content.js               | 20 ++++++++++++++
 .../prebuild-components/financial-alert.css   | 27 ++++++++++++++++++-
 .../prebuild-components/financial-alert.tsx   |  7 ++++-
 3 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index dcde268..26bfcc6 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -490,6 +490,12 @@ async function createFinancialAlertDialog(alertInfo) {
 	const drainedAccountsValueElement = shadowRoot.querySelector(
 		".drained-info .value"
 	);
+	const proceedButton = shadowRoot.querySelector(
+		"#proceed-btn"
+	);
+	const closeButton = shadowRoot.querySelector(
+		"#close-btn"
+	);
 
 	let formattedTransactionsIn30days = alertInfo.transactionsIn30days.toString();
 	if (alertInfo.transactionsIn30days >= 1000) {
@@ -505,11 +511,25 @@ async function createFinancialAlertDialog(alertInfo) {
 	transactionsIn24hoursElement.innerHTML = alertInfo.transactionsIn24hours;
 	transactionsIn30daysElement.innerHTML = formattedTransactionsIn30days;
 	drainedAccountsValueElement.innerHTML = alertInfo.drainedAccountsValue;
+	proceedButton.addEventListener("click", () => {
+		console.log("TODO: proceedButton onclick");
+	});
+	closeButton.addEventListener("click", () => {
+		financialAlertDialog.close();
+	});
 
 	document.body.appendChild(financialAlertDialog);
 	financialAlertDialog.showModal();
 }
 
+createFinancialAlertDialog({
+	contract: "Uniswap V3 Router 0x00...34244 [>]",
+	createdOn: new Date().toDateString(),
+	drainedAccountsValue: "High",
+	transactionsIn24hours: 102,
+	transactionsIn30days: 1000,
+});
+
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 	console.log("on message", msg, sender);
 
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index caac70b..6a75a1d 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -127,9 +127,34 @@ h4 {
 	margin: auto;
 }
 
-.credits {
+.bottom-container {
+	display: flex;
+	align-items: center;
+}
+
+.credits{ 
+	margin-right: auto;
 	text-align: right;
 	color: hsl(264, 29%, 53%);
 	font-size: 14px;
 	font-weight: 700;
 }
+
+.bottom-container button  {
+	margin-left: 5px; 
+	border-radius: 3px;
+	padding: 5px 10px;
+	font-weight: 600;
+	cursor: pointer;
+	font-size: 16px;
+	line-height: 19px;
+	border: 2px solid rgb(223, 223, 223);
+	background: none;
+	opacity: 0.7;
+	transition: opacity .2s ease-in-out, border-color .2s ease-in-out;
+}
+
+.bottom-container button:hover {
+	opacity: 1;
+	border-color: hsl(265deg 94% 75%);
+}
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index 232c2b8..af24ff5 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -74,7 +74,12 @@ export default function FinancialAlert() {
 				</div>
 			</div>
 
-			<div className="credits">Powered by VigialnceDAO</div>
+			<div className="bottom-container">
+				<div className="credits">Powered by VigialnceDAO</div>
+
+				<button id="proceed-btn">Proceed</button>
+				<button id="close-btn">Close</button>
+			</div>
 		</div>
 	);
 }

From 178f929e67dc8c412ca8dd88e531935baa478b46 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 12:57:14 +0530
Subject: [PATCH 11/70] comment testing only code

---
 chrome-extension/src/content.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 26bfcc6..c8f5c85 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -522,13 +522,14 @@ async function createFinancialAlertDialog(alertInfo) {
 	financialAlertDialog.showModal();
 }
 
-createFinancialAlertDialog({
-	contract: "Uniswap V3 Router 0x00...34244 [>]",
-	createdOn: new Date().toDateString(),
-	drainedAccountsValue: "High",
-	transactionsIn24hours: 102,
-	transactionsIn30days: 1000,
-});
+// For testing only
+// createFinancialAlertDialog({
+// 	contract: "Uniswap V3 Router 0x00...34244 [>]",
+// 	createdOn: new Date().toDateString(),
+// 	drainedAccountsValue: "High",
+// 	transactionsIn24hours: 102,
+// 	transactionsIn30days: 1000,
+// });
 
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 	console.log("on message", msg, sender);

From b50d9b6f18c48a278b851fa882e669e61e3deb5b Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 13:27:41 +0530
Subject: [PATCH 12/70] fix backdrop style issue

---
 chrome-extension/public/content.css | 2 +-
 chrome-extension/src/content.js     | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/public/content.css b/chrome-extension/public/content.css
index 12f764a..4bf3b3d 100644
--- a/chrome-extension/public/content.css
+++ b/chrome-extension/public/content.css
@@ -1,3 +1,3 @@
-.____vigilance-dao-alert-dialog____::backdrop {
+.____vigilance-dao-dialog____::backdrop {
 	background-color: hsl(20deg 8.57% 6.86% / 34.12%);
 }
diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index c8f5c85..1f854b2 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -420,7 +420,7 @@ async function createAlertDialog(alertInfo) {
 			alertDialog.close();
 		}
 	});
-	alertDialog.className = "____vigilance-dao-alert-dialog____";
+	alertDialog.className = "____vigilance-dao-dialog____";
 	document.body.appendChild(alertDialog);
 	alertDialog.showModal();
 }
@@ -518,6 +518,7 @@ async function createFinancialAlertDialog(alertInfo) {
 		financialAlertDialog.close();
 	});
 
+	financialAlertDialog.className = "____vigilance-dao-dialog____";
 	document.body.appendChild(financialAlertDialog);
 	financialAlertDialog.showModal();
 }

From 40a2e26294fdaa1891a143f31a966ff4efa000e5 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 30 Jun 2023 13:28:30 +0530
Subject: [PATCH 13/70] fix missing border

---
 chrome-extension/src/content.js               | 23 +++++++++++--------
 .../prebuild-components/financial-alert.css   | 23 +++++++------------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 1f854b2..1fc0d28 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -447,22 +447,31 @@ async function createFinancialAlertDialog(alertInfo) {
 		return;
 	}
 
-	financialAlertDialog.style.borderRadius = "9px";
+	const INNER_BORDER_RADIUS = 10;
+	const BORDER_WIDTH = 10;
+	const OUTER_BORDER_RADIUS = INNER_BORDER_RADIUS + BORDER_WIDTH;
+
+	financialAlertDialog.style.borderRadius =
+		OUTER_BORDER_RADIUS.toString().concat("px");
 	financialAlertDialog.style.zIndex = "10000";
 	financialAlertDialog.style.margin = "auto clamp(10px, 3vw, 30px) 25px auto";
 	financialAlertDialog.style.height = "fit-content";
 	financialAlertDialog.style.border = "none";
 	financialAlertDialog.style.padding = "0";
+	financialAlertDialog.style.background =
+		"linear-gradient(to bottom, hsl(265, 100%, 40%), hsl(265, 94%, 19%))";
 
 	/**
 	 * @type {string[]}
 	 */
 	const innerHTMLParts = new Array(2).fill("");
 	// part 0 -> fonts
-	// part 1 -> financial-alert component content
+	// part 1 -> css variables
+	// part 2 -> financial-alert component content
 
 	innerHTMLParts[0] = `<style>${getFonts()}</style>`;
-	innerHTMLParts[1] = await fetch(
+	innerHTMLParts[1] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
+	innerHTMLParts[2] = await fetch(
 		chrome.runtime.getURL("static/financial-alert.html")
 	)
 		.then((response) => response.text())
@@ -490,12 +499,8 @@ async function createFinancialAlertDialog(alertInfo) {
 	const drainedAccountsValueElement = shadowRoot.querySelector(
 		".drained-info .value"
 	);
-	const proceedButton = shadowRoot.querySelector(
-		"#proceed-btn"
-	);
-	const closeButton = shadowRoot.querySelector(
-		"#close-btn"
-	);
+	const proceedButton = shadowRoot.querySelector("#proceed-btn");
+	const closeButton = shadowRoot.querySelector("#close-btn");
 
 	let formattedTransactionsIn30days = alertInfo.transactionsIn30days.toString();
 	if (alertInfo.transactionsIn30days >= 1000) {
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 6a75a1d..18a178a 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -1,32 +1,25 @@
+:host {
+	/* Will be set from javascript */
+	/* --border: 10px; */
+	/* --inner-border-radius: 10px; */
+}
+
 * {
 	box-sizing: border-box;
 }
 
 .container {
-	--border: 10px;
 	--icon-size: 70px;
 
 	padding: 25px 18px 10px;
-	border-radius: 10px;
+	border-radius: var(--inner-border-radius);
 	position: relative;
 	background: hsl(265, 100%, 92%);
 	font-family: Roboto;
 	max-width: 540px;
 	min-width: 470px;
 	overflow: hidden;
-}
-
-.container:before {
-	content: "";
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	z-index: -1;
-	background: linear-gradient(to bottom, hsl(265, 100%, 40%), hsl(265, 94%, 19%));
-	margin: calc(-1 * var(--border));
-	border-radius: inherit;
+	margin: var(--border);
 }
 
 .basic-info {

From 3d6d15373dc408c73db54ba3cea3f3cf24f2126c Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 3 Jul 2023 19:44:07 +0530
Subject: [PATCH 14/70] chore(deps): add @types/mixpanel-browser

for better intellisense
---
 chrome-extension/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/chrome-extension/package.json b/chrome-extension/package.json
index 69d7668..fb111cf 100644
--- a/chrome-extension/package.json
+++ b/chrome-extension/package.json
@@ -53,6 +53,7 @@
     "web3.storage": "4.4.0"
   },
   "devDependencies": {
+    "@types/mixpanel-browser": "^2.47.0",
     "concurrently": "^8.2.0",
     "esbuild-envfile-plugin": "^1.0.5",
     "mkdirp": "^3.0.0",

From 92bd6ce2e39b1ea696b2a71b4903ac62833561f4 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 3 Jul 2023 19:44:35 +0530
Subject: [PATCH 15/70] fix: scripts in package.json

---
 chrome-extension/package.json | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/chrome-extension/package.json b/chrome-extension/package.json
index fb111cf..ec4a43a 100644
--- a/chrome-extension/package.json
+++ b/chrome-extension/package.json
@@ -6,11 +6,12 @@
   "scripts": {
     "build:other": "node bundle-config.mjs",
     "dev:other": "node bundle-config.mjs --watch",
-    "build": "concurrently npm:build:content npm:build:other",
-    "dev": "concurrently npm:dev:other npm:dev:content",
+    "build": "concurrently npm:build:content npm:build:other npm:build:inject",
+    "dev": "concurrently npm:dev:other npm:dev:content npm:dev:inject",
     "build:content": "browserify src/content.js -o build/content.js",
-    "dev:content": "nodemon --exec \"browserify src/content.js -o build/content.js\" --watch src/content.js".
+    "dev:content": "nodemon --exec \"browserify src/content.js -o build/content.js\" --watch src/content.js",
     "build:inject": "browserify src/inject.js -o build/inject.js",
+    "dev:inject": "nodemon --exec \"browserify src/inject.js -o build/inject.js\" --watch src/inject.js",
     "release": "yarn build && yarn build:content && yarn build:inject"
   },
   "keywords": [],

From 007975abe62625b2394fa923e4a156fabd6baa9d Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 5 Jul 2023 13:36:58 +0530
Subject: [PATCH 16/70] add financialAlertDialog in inject.js

---
 chrome-extension/src/content.js  | 112 --------------
 chrome-extension/src/inject.d.ts |  45 ++++++
 chrome-extension/src/inject.js   | 247 +++++++++++++++++++++++++++++--
 3 files changed, 276 insertions(+), 128 deletions(-)
 create mode 100644 chrome-extension/src/inject.d.ts

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 6fa8d01..ad478c2 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -459,118 +459,6 @@ async function createAlertDialog(alertInfo) {
 	alertDialog.showModal();
 }
 
-const financialAlertDialog = document.createElement("dialog");
-
-/**
- * @typedef FinancialAlertInfo
- * @prop {string} contract
- * @prop {string} createdOn
- * @prop {"High"} drainedAccountsValue
- * @prop {string} transactionsIn24hours
- * @prop {string} transactionsIn30days
- *
- * @param {FinancialAlertInfo} alertInfo
- */
-async function createFinancialAlertDialog(alertInfo) {
-	if (financialAlertDialog.innerHTML != "") return;
-
-	if (alertInfo == undefined) {
-		console.error(
-			"createFinancialAlertDialog: alertInfo parameter is required"
-		);
-		return;
-	}
-
-	const INNER_BORDER_RADIUS = 10;
-	const BORDER_WIDTH = 10;
-	const OUTER_BORDER_RADIUS = INNER_BORDER_RADIUS + BORDER_WIDTH;
-
-	financialAlertDialog.style.borderRadius =
-		OUTER_BORDER_RADIUS.toString().concat("px");
-	financialAlertDialog.style.zIndex = "10000";
-	financialAlertDialog.style.margin = "auto clamp(10px, 3vw, 30px) 25px auto";
-	financialAlertDialog.style.height = "fit-content";
-	financialAlertDialog.style.border = "none";
-	financialAlertDialog.style.padding = "0";
-	financialAlertDialog.style.background =
-		"linear-gradient(to bottom, hsl(265, 100%, 40%), hsl(265, 94%, 19%))";
-
-	/**
-	 * @type {string[]}
-	 */
-	const innerHTMLParts = new Array(2).fill("");
-	// part 0 -> fonts
-	// part 1 -> css variables
-	// part 2 -> financial-alert component content
-
-	innerHTMLParts[0] = `<style>${getFonts()}</style>`;
-	innerHTMLParts[1] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
-	innerHTMLParts[2] = await fetch(
-		chrome.runtime.getURL("static/financial-alert.html")
-	)
-		.then((response) => response.text())
-		.catch((e) => {
-			console.error("Error while loading html from financial-alert.html", e);
-			return "";
-		});
-
-	const div = document.createElement("div");
-	const shadowRoot = div.attachShadow({ mode: "closed" });
-	financialAlertDialog.append(div);
-
-	shadowRoot.innerHTML = innerHTMLParts.join("");
-
-	const contractInfoElement = shadowRoot.querySelector(".contract-info");
-	const contractCreatedOnElement = shadowRoot.querySelector(
-		".contract-created-on"
-	);
-	const transactionsIn24hoursElement = shadowRoot.querySelector(
-		".transactions-in-day"
-	);
-	const transactionsIn30daysElement = shadowRoot.querySelector(
-		".transactions-in-month"
-	);
-	const drainedAccountsValueElement = shadowRoot.querySelector(
-		".drained-info .value"
-	);
-	const proceedButton = shadowRoot.querySelector("#proceed-btn");
-	const closeButton = shadowRoot.querySelector("#close-btn");
-
-	let formattedTransactionsIn30days = alertInfo.transactionsIn30days.toString();
-	if (alertInfo.transactionsIn30days >= 1000) {
-		formattedTransactionsIn30days = Math.floor(
-			alertInfo.transactionsIn30days / 1000
-		)
-			.toString()
-			.concat("K");
-	}
-
-	contractInfoElement.innerHTML = alertInfo.contract;
-	contractCreatedOnElement.innerHTML = alertInfo.createdOn;
-	transactionsIn24hoursElement.innerHTML = alertInfo.transactionsIn24hours;
-	transactionsIn30daysElement.innerHTML = formattedTransactionsIn30days;
-	drainedAccountsValueElement.innerHTML = alertInfo.drainedAccountsValue;
-	proceedButton.addEventListener("click", () => {
-		console.log("TODO: proceedButton onclick");
-	});
-	closeButton.addEventListener("click", () => {
-		financialAlertDialog.close();
-	});
-
-	financialAlertDialog.className = "____vigilance-dao-dialog____";
-	document.body.appendChild(financialAlertDialog);
-	financialAlertDialog.showModal();
-}
-
-// For testing only
-// createFinancialAlertDialog({
-// 	contract: "Uniswap V3 Router 0x00...34244 [>]",
-// 	createdOn: new Date().toDateString(),
-// 	drainedAccountsValue: "High",
-// 	transactionsIn24hours: 102,
-// 	transactionsIn30days: 1000,
-// });
-
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 	console.log("on message", msg, sender);
 
diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
new file mode 100644
index 0000000..dd6fb05
--- /dev/null
+++ b/chrome-extension/src/inject.d.ts
@@ -0,0 +1,45 @@
+interface ETH_SendTransactionRequestParamsItem {
+	gas: string;
+	value: string;
+	from: string;
+	to: string;
+	data: string;
+}
+
+interface ETH_SendTransactionRequest {
+	method: "eth_sendTransaction";
+	params: ETH_SendTransactionRequestParamsItem[];
+}
+
+interface MetaMaskRequest {
+	method: string;
+}
+
+interface ContractInfo {
+	userCount24hours: number;
+	userCount30days: number;
+	creationDate: string;
+	name: string;
+}
+
+interface BasicContractInfo {
+	address: string;
+	chain_id: string;
+}
+
+/**  
+ * Example ETH_SendTransactionRequest
+ * {
+    "method": "eth_sendTransaction",
+    "params": [
+        {
+            "gas": "0x1141c",
+            "value": "0x3782dace9d900000",
+            "from": "0x49df7fdcb70b24aead2b28ac1813582b99279304",
+            "to": "0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c",
+            "data": "0xa5e5657100000000000000000000000021804205c744dd98fbc87898704564d5094bb16700000000000000000000000049df7fdcb70b24aead2b28ac1813582b992793040000000000000000000000000000000000000000000000000000000000000038"
+        }
+    ]
+}
+ * 
+ */
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 840355e..63bd370 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -1,19 +1,234 @@
-const mixpanel = require('mixpanel-browser');
+// @ts-check
+const mixpanel = require("mixpanel-browser");
 const { MIXPANEL_PROJECT_ID } = require("../privateenv");
+const { getFonts } = require("./fonts");
 
-(function() {
-    const metamaskRequest = window.ethereum.request;
-    window.ethereum.request = async (params) => {
-    if(params.method === "eth_sendTransaction") {
-        const { to, from, value, data } = params.params[0];
-        mixpanel.init(MIXPANEL_PROJECT_ID, {debug: true});
-        mixpanel.identify(from);
-        mixpanel.track("Transaction", { 
-            "toAddress" : to,
-            "value" : value,
-            "data" : data
-        });
-    }  
-    return await metamaskRequest({ ...params })
+const ContractInfoAPIURL =
+	"https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com/contract-info";
+
+/**
+ * @param {MetaMaskRequest} params
+ * @returns {params is ETH_SendTransactionRequest}
+ */
+function isSendTransactionRequest(params) {
+	return params.method == "eth_sendTransaction";
+}
+
+/**
+ * @param {BasicContractInfo} basicInfo
+ * @returns {Promise<ContractInfo | null>}
+ */
+function fetchContractInfo(basicInfo) {
+	return fetch(ContractInfoAPIURL, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+		},
+		body: JSON.stringify(basicInfo),
+	})
+		.then((response) => response.json())
+		.then(
+			/**
+			 * @param {ContractInfo} jsonData
+			 */
+			(jsonData) => {
+				console.log(jsonData);
+				return jsonData;
+			}
+		)
+		.catch((error) => {
+			console.error(error);
+			return null;
+		});
+}
+
+/**
+ * @type {<E extends Element = Element>(shadowRoot: ShadowRoot, selector: string) => E}
+ */
+function querySelector(shadowRoot, selector) {
+	const element = shadowRoot.querySelector(selector);
+
+	if (element == null) {
+		throw new Error(`No element found for ${selector}`);
+	}
+
+	// @ts-expect-error
+	return element;
+}
+
+const financialAlertDialog = document.createElement("dialog");
+let financialAlertDialogInnerHtml = "";
+
+/**
+ * @typedef FinancialAlertInfo
+ * @prop {string} contract
+ * @prop {string} createdOn
+ * @prop {"High"} drainedAccountsValue
+ * @prop {number} transactionsIn24hours
+ * @prop {number} transactionsIn30days
+ * @prop {() => void} cancelButtonClickListener
+ * @prop {() => void} proceedButtonClickListener
+ *
+ * @param {FinancialAlertInfo} alertInfo
+ */
+async function createFinancialAlertDialog(alertInfo) {
+	console.log("createFinancialAlertDialog", alertInfo);
+	if (alertInfo == undefined) {
+		console.error(
+			"createFinancialAlertDialog: alertInfo parameter is required"
+		);
+		return;
+	}
+
+	const INNER_BORDER_RADIUS = 10;
+	const BORDER_WIDTH = 10;
+	const OUTER_BORDER_RADIUS = INNER_BORDER_RADIUS + BORDER_WIDTH;
+
+	if (financialAlertDialogInnerHtml == "") {
+		financialAlertDialog.style.borderRadius =
+			OUTER_BORDER_RADIUS.toString().concat("px");
+		financialAlertDialog.style.zIndex = "10000";
+		financialAlertDialog.style.margin = "auto clamp(10px, 3vw, 30px) 25px auto";
+		financialAlertDialog.style.height = "fit-content";
+		financialAlertDialog.style.border = "none";
+		financialAlertDialog.style.padding = "0";
+		financialAlertDialog.style.background =
+			"linear-gradient(to bottom, hsl(265, 100%, 40%), hsl(265, 94%, 19%))";
+
+		/**
+		 * @type {string[]}
+		 */
+		const innerHTMLParts = new Array(3).fill("");
+		// part 0 -> fonts
+		// part 1 -> css variables
+		// part 2 -> financial-alert component content
+
+		innerHTMLParts[0] = `<style>${getFonts()}</style>`;
+		innerHTMLParts[1] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
+		innerHTMLParts[2] = await fetch(
+			chrome.runtime.getURL("static/financial-alert.html")
+		)
+			.then((response) => response.text())
+			.catch((e) => {
+				console.error("Error while loading html from financial-alert.html", e);
+				return "";
+			});
+
+		financialAlertDialogInnerHtml = innerHTMLParts.join("");
+	}
+
+	financialAlertDialog.innerHTML = "";
+	const div = document.createElement("div");
+	const shadowRoot = div.attachShadow({ mode: "closed" });
+	financialAlertDialog.appendChild(div);
+
+	shadowRoot.innerHTML = financialAlertDialogInnerHtml;
+
+	const select = querySelector.bind(null, shadowRoot);
+
+	const contractInfoElement = select(".contract-info");
+	const contractCreatedOnElement = select(".contract-created-on");
+	const transactionsIn24hoursElement = select(".transactions-in-day");
+	const transactionsIn30daysElement = select(".transactions-in-month");
+	const drainedAccountsValueElement = select(".drained-info .value");
+
+	const proceedButton = select("#proceed-btn");
+	const closeButton = select("#close-btn");
+
+	let formattedTransactionsIn30days = alertInfo.transactionsIn30days.toString();
+	if (alertInfo.transactionsIn30days >= 1000) {
+		formattedTransactionsIn30days = Math.floor(
+			alertInfo.transactionsIn30days / 1000
+		)
+			.toString()
+			.concat("K");
+	}
+
+	contractInfoElement.innerHTML = alertInfo.contract;
+	contractCreatedOnElement.innerHTML = alertInfo.createdOn;
+	transactionsIn24hoursElement.innerHTML =
+		alertInfo.transactionsIn24hours.toString();
+	transactionsIn30daysElement.innerHTML = formattedTransactionsIn30days;
+	drainedAccountsValueElement.innerHTML = alertInfo.drainedAccountsValue;
+	proceedButton.addEventListener("click", alertInfo.proceedButtonClickListener);
+	closeButton.addEventListener("click", alertInfo.cancelButtonClickListener);
+
+	financialAlertDialog.className = "____vigilance-dao-dialog____";
+	document.body.appendChild(financialAlertDialog);
+	financialAlertDialog.show();
 }
-})();
\ No newline at end of file
+
+(function () {
+	if (window.ethereum == undefined) {
+		console.warn("Metamask extension is not installed");
+		return;
+	}
+
+	// @ts-expect-error
+	const metamaskRequest = window.ethereum.request;
+	/**
+	 * @param {MetaMaskRequest} params
+	 */
+	// @ts-expect-error
+	window.ethereum.request = (params) => {
+		return /** @type {Promise<void>} */ (
+			new Promise(async (continueRequest, reject) => {
+				console.log("INJECTED", params);
+				console.log("isSendTransactionRequest", params);
+
+				if (window.ethereum == undefined || !isSendTransactionRequest(params)) {
+					continueRequest();
+					return;
+				}
+
+				// @ts-expect-error
+				const chainId = window.ethereum.networkVersion;
+				console.log("chainId", chainId);
+
+				const { to, from, value, data } = params.params[0];
+				mixpanel.init(MIXPANEL_PROJECT_ID, { debug: true });
+				mixpanel.identify(from);
+				mixpanel.track("Transaction", {
+					"toAddress": to,
+					"value": value,
+					"data": data,
+					chainId,
+				});
+
+				const contractInfo = await fetchContractInfo({
+					address: to,
+					chain_id: chainId,
+				});
+				console.log("contractInfo", contractInfo);
+
+				if (contractInfo == null) {
+					// TODO decide what to do at this point
+					continueRequest();
+					return;
+				}
+				createFinancialAlertDialog({
+					createdOn: contractInfo.creationDate,
+					contract: contractInfo.name,
+					transactionsIn24hours: contractInfo.userCount24hours,
+					transactionsIn30days: contractInfo.userCount30days,
+					proceedButtonClickListener: () => {
+						console.log("proceed btn clicked");
+						financialAlertDialog.close();
+						// continueRequest();
+						// TODO FOR TESTING ONLY
+						reject();
+					},
+					cancelButtonClickListener: () => {
+						financialAlertDialog.close();
+						reject(new Error("Transaction cancelled by user."));
+					},
+					// TODO
+					drainedAccountsValue: "High",
+				});
+			})
+		).then(() => {
+			console.log("will complete transaction now");
+			return metamaskRequest({ ...params });
+		});
+	};
+})();

From b584c0a8fc3c7c90e536d24d5648b547baf1e1b9 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 13:00:47 +0530
Subject: [PATCH 17/70] add comment about script injection

---
 chrome-extension/src/content.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index ad478c2..f4541fd 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -155,6 +155,12 @@ function trackVisitedDomain(data) {
 	})
 }
 
+/**
+ * We can't use inject.js as a content script because content scripts wouldn't
+ * have access to window.ethereum or any other additional APIs.
+ * To learn more:
+ * https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#content_script_environment:~:text=However%2C%20content%20scripts,the%20redefined%20version.
+ */
 const addScriptTagInPage = async () => {
 	const script = window.document.createElement("script");
 	let url = chrome.runtime?.getURL("inject.js");

From e3d0b0fde20126e1b96c957ad567804bec0b12e5 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 13:02:20 +0530
Subject: [PATCH 18/70] fix issue related to chrome.runtime

---
 chrome-extension/src/fonts.js  | 73 +++++++++++++++++++++++++++++-----
 chrome-extension/src/inject.js | 10 ++---
 2 files changed, 68 insertions(+), 15 deletions(-)

diff --git a/chrome-extension/src/fonts.js b/chrome-extension/src/fonts.js
index abb570b..288e2d2 100644
--- a/chrome-extension/src/fonts.js
+++ b/chrome-extension/src/fonts.js
@@ -4,27 +4,80 @@ const FONT_WEIGHTS = {
 	"700": "./fonts/Roboto-Bold.ttf",
 };
 
-function getFonts() {
+/**
+ * @param {string} url
+ * @returns {Promise<string>}
+ */
+async function chromeRuntimeGetUrlWrapped(url) {
+	if (typeof chrome == "undefined" || chrome.runtime == undefined) {
+		// We are running inside an injected script then (not a content script)
+		// In that case, we have to communicate the content script and get the url
+		const message = {
+			reason: "runtime-get-url",
+			relativeUrl: url,
+		};
+		return new Promise(function (resolve) {
+			/**
+			 * @param {MessageEvent<any>} event
+			 */
+			function handleMessage(event) {
+				if (
+					event.source === window &&
+					event.data != undefined &&
+					typeof event.data.response == "string"
+				) {
+					// if event.data.for is available, only resolve it if it matches with relativeUrl
+					if (event.data.for && event.data.for != message.relativeUrl) {
+						return;
+					}
+
+					// Remove the event listener once the response is received
+					window.removeEventListener("message", handleMessage);
+					resolve(event.data.response);
+				}
+			}
+
+			// Listen for messages from the content script
+			window.addEventListener("message", handleMessage);
+
+			// Send the message to the content script
+			window.postMessage(message, "*");
+		});
+	} else {
+		return chrome.runtime.getURL(url);
+	}
+}
+
+async function getFonts() {
 	if (typeof chrome == "undefined") {
 		return "";
 	}
-	const rules = [];
+
 	const entries = Object.entries(FONT_WEIGHTS);
 
-	for (let i = 0; i < entries.length; i++) {
-		const [weight, value] = entries[i];
-		rules.push(`@font-face {
+	return Promise.all(
+		entries.map(async (entry) => {
+			const [weight, value] = entry;
+
+			return `@font-face {
   font-family: '${FONT_NAME}';
   font-style: normal;
   font-weight: ${weight};
   font-display: swap;
-  src: url(${chrome.runtime.getURL(value)}) format('ttf');
-}`);
-	}
-
-	return rules.join("\n");
+  src: url(${await chromeRuntimeGetUrlWrapped(value)}) format('ttf');
+}`;
+		})
+	)
+		.then((rules) => {
+			return rules.join("\n");
+		})
+		.catch((error) => {
+			console.error(error);
+			return "";
+		});
 }
 
 module.exports = {
 	getFonts,
+	chromeRuntimeGetUrlWrapped,
 };
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 63bd370..796fd76 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -1,7 +1,7 @@
 // @ts-check
 const mixpanel = require("mixpanel-browser");
 const { MIXPANEL_PROJECT_ID } = require("../privateenv");
-const { getFonts } = require("./fonts");
+const { getFonts, chromeRuntimeGetUrlWrapped } = require("./fonts");
 
 const ContractInfoAPIURL =
 	"https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com/contract-info";
@@ -103,11 +103,11 @@ async function createFinancialAlertDialog(alertInfo) {
 		// part 1 -> css variables
 		// part 2 -> financial-alert component content
 
-		innerHTMLParts[0] = `<style>${getFonts()}</style>`;
+		innerHTMLParts[0] = `<style>${await getFonts()}</style>`;
 		innerHTMLParts[1] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
-		innerHTMLParts[2] = await fetch(
-			chrome.runtime.getURL("static/financial-alert.html")
-		)
+		const url = await chromeRuntimeGetUrlWrapped("static/financial-alert.html");
+		console.log("LAODINLAJLKA", url);
+		innerHTMLParts[2] = await fetch(url)
 			.then((response) => response.text())
 			.catch((e) => {
 				console.error("Error while loading html from financial-alert.html", e);

From 670b5083458f907e3f25d96ca42cb1805828c800 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 13:14:54 +0530
Subject: [PATCH 19/70] fix styling issues with financial-alert

---
 chrome-extension/src/inject.js                  |  5 ++++-
 .../src/prebuild-components/financial-alert.css | 17 +++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 796fd76..ac0e1f9 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -88,7 +88,10 @@ async function createFinancialAlertDialog(alertInfo) {
 		financialAlertDialog.style.borderRadius =
 			OUTER_BORDER_RADIUS.toString().concat("px");
 		financialAlertDialog.style.zIndex = "10000";
-		financialAlertDialog.style.margin = "auto clamp(10px, 3vw, 30px) 25px auto";
+		financialAlertDialog.style.position = "absolute";
+		financialAlertDialog.style.top = "10px";
+		financialAlertDialog.style.right = "clamp(10px, 3vw, 30px)";
+		financialAlertDialog.style.left = "auto";
 		financialAlertDialog.style.height = "fit-content";
 		financialAlertDialog.style.border = "none";
 		financialAlertDialog.style.padding = "0";
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 18a178a..c5aa777 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -2,6 +2,7 @@
 	/* Will be set from javascript */
 	/* --border: 10px; */
 	/* --inner-border-radius: 10px; */
+	font-size: 16px;
 }
 
 * {
@@ -34,7 +35,7 @@
 .basic-info h2 {
 	margin: 0 0 16px;
 	grid-area: heading;
-	font-size: 25px;
+	font-size: 1.5em;
 }
 .basic-info .icon-container {
 	grid-area: icon;
@@ -49,7 +50,7 @@
 .basic-info p {
 	grid-area: info;
 	margin: 0;
-	font-size: 18px;
+	font-size: 1.1em;
 }
 .basic-info p > span {
 	display: block;
@@ -69,7 +70,7 @@
 h4 {
 	text-align: center;
 	color: hsl(264, 29%, 53%);
-	font-size: 18px;
+	font-size: 1.1em;
 	font-weight: 700;
 	margin: 0 0 12px;
 }
@@ -102,7 +103,7 @@ h4 {
 	display: block;
 }
 .transaction-info-item span:first-child {
-	font-size: 2rem;
+	font-size: 2em;
 	font-weight: 600;
 	text-align: center;
 	margin-bottom: 4px;
@@ -115,7 +116,7 @@ h4 {
 }
 .drained-info .value {
 	color: hsl(0, 100%, 52%);
-	font-size: 25px;
+	font-size: 1.5em;
 	font-weight: 700;
 	margin: auto;
 }
@@ -129,7 +130,7 @@ h4 {
 	margin-right: auto;
 	text-align: right;
 	color: hsl(264, 29%, 53%);
-	font-size: 14px;
+	font-size: 0.8em;
 	font-weight: 700;
 }
 
@@ -139,9 +140,9 @@ h4 {
 	padding: 5px 10px;
 	font-weight: 600;
 	cursor: pointer;
-	font-size: 16px;
+	font-size: 1em;
 	line-height: 19px;
-	border: 2px solid rgb(223, 223, 223);
+	border: 2px solid rgb(187 187 187);
 	background: none;
 	opacity: 0.7;
 	transition: opacity .2s ease-in-out, border-color .2s ease-in-out;

From 8ae0490224a246ff2c91a30cb678357a6c9e454b Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 13:15:10 +0530
Subject: [PATCH 20/70] minor refactor in inject.js

---
 chrome-extension/src/inject.js | 32 +++++++++++++-------------------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index ac0e1f9..a8af090 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -27,15 +27,6 @@ function fetchContractInfo(basicInfo) {
 		body: JSON.stringify(basicInfo),
 	})
 		.then((response) => response.json())
-		.then(
-			/**
-			 * @param {ContractInfo} jsonData
-			 */
-			(jsonData) => {
-				console.log(jsonData);
-				return jsonData;
-			}
-		)
 		.catch((error) => {
 			console.error(error);
 			return null;
@@ -72,7 +63,6 @@ let financialAlertDialogInnerHtml = "";
  * @param {FinancialAlertInfo} alertInfo
  */
 async function createFinancialAlertDialog(alertInfo) {
-	console.log("createFinancialAlertDialog", alertInfo);
 	if (alertInfo == undefined) {
 		console.error(
 			"createFinancialAlertDialog: alertInfo parameter is required"
@@ -109,7 +99,6 @@ async function createFinancialAlertDialog(alertInfo) {
 		innerHTMLParts[0] = `<style>${await getFonts()}</style>`;
 		innerHTMLParts[1] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
 		const url = await chromeRuntimeGetUrlWrapped("static/financial-alert.html");
-		console.log("LAODINLAJLKA", url);
 		innerHTMLParts[2] = await fetch(url)
 			.then((response) => response.text())
 			.catch((e) => {
@@ -176,9 +165,6 @@ async function createFinancialAlertDialog(alertInfo) {
 	window.ethereum.request = (params) => {
 		return /** @type {Promise<void>} */ (
 			new Promise(async (continueRequest, reject) => {
-				console.log("INJECTED", params);
-				console.log("isSendTransactionRequest", params);
-
 				if (window.ethereum == undefined || !isSendTransactionRequest(params)) {
 					continueRequest();
 					return;
@@ -186,7 +172,6 @@ async function createFinancialAlertDialog(alertInfo) {
 
 				// @ts-expect-error
 				const chainId = window.ethereum.networkVersion;
-				console.log("chainId", chainId);
 
 				const { to, from, value, data } = params.params[0];
 				mixpanel.init(MIXPANEL_PROJECT_ID, { debug: true });
@@ -202,7 +187,6 @@ async function createFinancialAlertDialog(alertInfo) {
 					address: to,
 					chain_id: chainId,
 				});
-				console.log("contractInfo", contractInfo);
 
 				if (contractInfo == null) {
 					// TODO decide what to do at this point
@@ -217,9 +201,9 @@ async function createFinancialAlertDialog(alertInfo) {
 					proceedButtonClickListener: () => {
 						console.log("proceed btn clicked");
 						financialAlertDialog.close();
-						// continueRequest();
+						continueRequest();
 						// TODO FOR TESTING ONLY
-						reject();
+						// reject();
 					},
 					cancelButtonClickListener: () => {
 						financialAlertDialog.close();
@@ -230,8 +214,18 @@ async function createFinancialAlertDialog(alertInfo) {
 				});
 			})
 		).then(() => {
-			console.log("will complete transaction now");
 			return metamaskRequest({ ...params });
 		});
 	};
+
+	// FOR TESTING
+	// createFinancialAlertDialog({
+	// 	contract: "Uniswap V3 Router 0x00...34244 [>]",
+	// 	createdOn: new Date().toDateString(),
+	// 	drainedAccountsValue: "High",
+	// 	transactionsIn24hours: 102,
+	// 	transactionsIn30days: 1000,
+	// 	cancelButtonClickListener: () => {},
+	// 	proceedButtonClickListener: () => {},
+	// });
 })();

From 05ce7db8c875e13c218df8c18a566bbbeb851e4e Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 14:22:50 +0530
Subject: [PATCH 21/70] minor fixes

---
 chrome-extension/src/content.js | 23 +++++++++++++++++++++++
 chrome-extension/src/inject.js  |  2 ++
 2 files changed, 25 insertions(+)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index f4541fd..296f660 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -588,3 +588,26 @@ function toggle() {
 	//     console.log('message cb', response);
 	// });
 }
+
+window.addEventListener("message", (event) => {
+	if (
+		event.source != window ||
+		event.data == undefined ||
+		typeof event.data.reason != "string"
+	) {
+		return;
+	}
+
+	if (
+		event.data.reason == "runtime-get-url" &&
+		typeof event.data.relativeUrl == "string"
+	) {
+		window.postMessage(
+			{
+				for: event.data.relativeUrl,
+				response: chrome.runtime.getURL(event.data.relativeUrl),
+			},
+			"*"
+		);
+	}
+});
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index a8af090..66c4036 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -19,6 +19,7 @@ function isSendTransactionRequest(params) {
  * @returns {Promise<ContractInfo | null>}
  */
 function fetchContractInfo(basicInfo) {
+	console.log("fetchContractInfo", basicInfo);
 	return fetch(ContractInfoAPIURL, {
 		method: "POST",
 		headers: {
@@ -63,6 +64,7 @@ let financialAlertDialogInnerHtml = "";
  * @param {FinancialAlertInfo} alertInfo
  */
 async function createFinancialAlertDialog(alertInfo) {
+	console.log("createFinancialAlertDialog", alertInfo);
 	if (alertInfo == undefined) {
 		console.error(
 			"createFinancialAlertDialog: alertInfo parameter is required"

From 2529a0971d88b9456b9aea9df0ca9c48b5d69d3d Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 14:23:42 +0530
Subject: [PATCH 22/70] minor changes

---
 chrome-extension/src/fonts.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/chrome-extension/src/fonts.js b/chrome-extension/src/fonts.js
index 288e2d2..b77e4d0 100644
--- a/chrome-extension/src/fonts.js
+++ b/chrome-extension/src/fonts.js
@@ -1,3 +1,4 @@
+// @ts-check
 const FONT_NAME = "X_Roboto";
 const FONT_WEIGHTS = {
 	"400": "./fonts/Roboto-Regular.ttf",
@@ -28,9 +29,9 @@ async function chromeRuntimeGetUrlWrapped(url) {
 				) {
 					// if event.data.for is available, only resolve it if it matches with relativeUrl
 					if (event.data.for && event.data.for != message.relativeUrl) {
-						return;
+						console.error("data.for is undefined", event.data);
+						return "";
 					}
-
 					// Remove the event listener once the response is received
 					window.removeEventListener("message", handleMessage);
 					resolve(event.data.response);
@@ -42,6 +43,9 @@ async function chromeRuntimeGetUrlWrapped(url) {
 
 			// Send the message to the content script
 			window.postMessage(message, "*");
+		}).catch((error) => {
+			console.error(error);
+			return "";
 		});
 	} else {
 		return chrome.runtime.getURL(url);
@@ -58,13 +62,14 @@ async function getFonts() {
 	return Promise.all(
 		entries.map(async (entry) => {
 			const [weight, value] = entry;
+			const url = await chromeRuntimeGetUrlWrapped(value);
 
 			return `@font-face {
   font-family: '${FONT_NAME}';
   font-style: normal;
   font-weight: ${weight};
   font-display: swap;
-  src: url(${await chromeRuntimeGetUrlWrapped(value)}) format('ttf');
+  src: url(${url}) format('ttf');
 }`;
 		})
 	)

From d498d8a7bb7f0d3539651f45e991d9617988bc86 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 14:27:16 +0530
Subject: [PATCH 23/70] move typedef into .d.ts

---
 chrome-extension/src/inject.d.ts | 10 ++++++++++
 chrome-extension/src/inject.js   | 11 +----------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index dd6fb05..3cd0f61 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -43,3 +43,13 @@ interface BasicContractInfo {
 }
  * 
  */
+
+interface FinancialAlertInfo {
+	contract: string;
+	createdOn: string;
+	drainedAccountsValue: "High";
+	transactionsIn24hours: number;
+	transactionsIn30days: number;
+	cancelButtonClickListener: () => void;
+	proceedButtonClickListener: () => void;
+}
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 66c4036..a0c9931 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -51,16 +51,7 @@ function querySelector(shadowRoot, selector) {
 const financialAlertDialog = document.createElement("dialog");
 let financialAlertDialogInnerHtml = "";
 
-/**
- * @typedef FinancialAlertInfo
- * @prop {string} contract
- * @prop {string} createdOn
- * @prop {"High"} drainedAccountsValue
- * @prop {number} transactionsIn24hours
- * @prop {number} transactionsIn30days
- * @prop {() => void} cancelButtonClickListener
- * @prop {() => void} proceedButtonClickListener
- *
+ /**
  * @param {FinancialAlertInfo} alertInfo
  */
 async function createFinancialAlertDialog(alertInfo) {

From 952a6d6b551c7d9eb9184c80a0e4c652b1da37c6 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 14:34:06 +0530
Subject: [PATCH 24/70] correctly format date string

---
 chrome-extension/src/inject.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index a0c9931..2fe8bc7 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -51,7 +51,7 @@ function querySelector(shadowRoot, selector) {
 const financialAlertDialog = document.createElement("dialog");
 let financialAlertDialogInnerHtml = "";
 
- /**
+/**
  * @param {FinancialAlertInfo} alertInfo
  */
 async function createFinancialAlertDialog(alertInfo) {
@@ -143,6 +143,18 @@ async function createFinancialAlertDialog(alertInfo) {
 	financialAlertDialog.show();
 }
 
+/**
+ * Formats a ISO date string (2023-07-06T08:58:10.102Z) --> "06 Jul 2023"
+ * @param {string} dateString
+ */
+function formatDate(dateString) {
+	return new Date(dateString).toLocaleDateString("en-GB", {
+		year: "numeric",
+		month: "short",
+		day: "2-digit",
+	});
+}
+
 (function () {
 	if (window.ethereum == undefined) {
 		console.warn("Metamask extension is not installed");
@@ -187,7 +199,7 @@ async function createFinancialAlertDialog(alertInfo) {
 					return;
 				}
 				createFinancialAlertDialog({
-					createdOn: contractInfo.creationDate,
+					createdOn: formatDate(contractInfo.creationDate),
 					contract: contractInfo.name,
 					transactionsIn24hours: contractInfo.userCount24hours,
 					transactionsIn30days: contractInfo.userCount30days,

From a994a0e6fc2feef5f6e7f6c5949e137c8d3f697c Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 6 Jul 2023 20:47:23 +0530
Subject: [PATCH 25/70] fix: show truncated reciever's address

---
 chrome-extension/src/inject.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 2fe8bc7..718e994 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -155,6 +155,16 @@ function formatDate(dateString) {
 	});
 }
 
+/**
+ * Formats a long text into truncated format
+ * @example 0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c --> 0x2e...025c
+ * @param {string} text
+ * @returns {string}
+ */
+function truncateText(text) {
+	return text.slice(0, 4).concat("...", text.slice(-4));
+}
+
 (function () {
 	if (window.ethereum == undefined) {
 		console.warn("Metamask extension is not installed");
@@ -200,15 +210,13 @@ function formatDate(dateString) {
 				}
 				createFinancialAlertDialog({
 					createdOn: formatDate(contractInfo.creationDate),
-					contract: contractInfo.name,
+					contract: truncateText(to).concat(" (", contractInfo.name, ")"),
 					transactionsIn24hours: contractInfo.userCount24hours,
 					transactionsIn30days: contractInfo.userCount30days,
 					proceedButtonClickListener: () => {
 						console.log("proceed btn clicked");
 						financialAlertDialog.close();
 						continueRequest();
-						// TODO FOR TESTING ONLY
-						// reject();
 					},
 					cancelButtonClickListener: () => {
 						financialAlertDialog.close();

From 3a948ca243c85e6e74284bbd5123312cfb2db0eb Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 7 Jul 2023 09:16:55 +0530
Subject: [PATCH 26/70] fix contract name

---
 chrome-extension/src/inject.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 718e994..6d93a0f 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -208,9 +208,19 @@ function truncateText(text) {
 					continueRequest();
 					return;
 				}
+				
+				let contractDisplay = truncateText(to);
+				if (contractInfo.name) {
+					contractDisplay = contractDisplay.concat(
+						" (",
+						contractInfo.name,
+						")"
+					);
+				}
+
 				createFinancialAlertDialog({
 					createdOn: formatDate(contractInfo.creationDate),
-					contract: truncateText(to).concat(" (", contractInfo.name, ")"),
+					contract: contractDisplay,
 					transactionsIn24hours: contractInfo.userCount24hours,
 					transactionsIn30days: contractInfo.userCount30days,
 					proceedButtonClickListener: () => {

From d010e1652ca56047a884563455c60b6234fd4c2c Mon Sep 17 00:00:00 2001
From: Venkat Kunisetty <teja.kunisetty@gmail.com>
Date: Sun, 9 Jul 2023 14:50:58 +0530
Subject: [PATCH 27/70] add contract risk details in api

---
 server/package.json       |   2 +
 server/src/app.ts         | 247 ++++++++++++++++++++++++++++++--------
 server/src/db.ts          |  10 +-
 server/src/telegramBot.js |  48 ++++++++
 4 files changed, 254 insertions(+), 53 deletions(-)
 create mode 100644 server/src/telegramBot.js

diff --git a/server/package.json b/server/package.json
index bdad001..3e49c37 100644
--- a/server/package.json
+++ b/server/package.json
@@ -15,10 +15,12 @@
   },
   "dependencies": {
     "capture-website": "^2.4.0",
+    "cors": "^2.8.5",
     "ethers": "^6.6.2",
     "express": "^4.18.1",
     "helmet": "^5.1.0",
     "node-fetch": "^3.0.0",
+    "node-telegram-bot-api": "^0.61.0",
     "pg": "^8.7.3",
     "pg-native": "^3.0.0",
     "pg-pool": "^3.5.1",
diff --git a/server/src/app.ts b/server/src/app.ts
index 2dd4939..22c45a4 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -1,20 +1,20 @@
 import express, { json } from 'express';
 import helmet from 'helmet';
 import { PoolClient } from 'pg';
-import pool from './db';
+import pool, { poolContracts } from './db';
 import {ethers}  from 'ethers';
 import fetch from 'node-fetch';
 import { BasicDomainInfo, DomainInfo, DomainScamInfo } from "../../important-types";
 const whois = require('whois-json');
+const cors = require('cors');
+const { sendMessage } = require('./telegramBot');
 
 const app = express();
 app.use(json());
 app.use(helmet());
-
-const ETHERSCAN_API_KEY = process.env.ETHERSCAN_API_KEY;
-const ETHEREUM_RPC_URL = process.env.ETHEREUM_RPC_URL;
-
-const provider = new ethers.JsonRpcProvider(ETHEREUM_RPC_URL);
+app.use(
+	cors(),
+);
 
 app.post('/domain-info', async (req, res) => {
 	// await captureWebsite.file('https://cryptnesis.com/', 'screenshot.png');
@@ -40,20 +40,37 @@ app.post('/domain-info', async (req, res) => {
 
 app.post("/contract-info", async (req, res) => {
   const address = req.body.address;
-  
-  console.log("address", address);
+  const chain_id = req.body.chain_id;
   if (!address) {
-    res.status(400).send({});
-    return;
+	res.status(400).send({error: "Bad params"});
+	return;
+  }
+  
+  if (!chain_id || (chain_id != '1' && chain_id != '137')) {
+	res.status(400).send({error: "Bad params"});
+	return;
   }
 
+  const network = chain_id == '1' ? 'ETHEREUM_MAINNET' : 'POLYGON_MAINNET';
+
+  console.log("address", address);
+  console.log("chain_id", chain_id);
+  console.log("network", network);
+
   try {
-    const client = await pool.connect();
-    const output = await getContractInfo(client, address);
+    const client = await poolContracts.connect();
+    const output = await getContractInfo(client, address, network);
     client.release();
-    res.json(output);
+    // res.json({
+	// 	userCount24hours: 1000,
+	// 	userCount30days: 100000,
+	// 	creationDate: new Date((new Date().getTime() - 86400000)),
+	// 	name: 'Dummy',
+	// });
+	res.json(output);
   } catch (err) {
     console.log("get contract details", err);
+	sendMessage(`Error: /contract-info API:\nAddress: ${address}\nChain ID: ${chain_id}\nError: ${err}`)
     res.status(500).send({});
   }
   return;
@@ -138,10 +155,49 @@ async function getDomainInfo(client: PoolClient, domain: string): Promise<Domain
 	return domainInfo;
 }
 
-async function getCreationDate(client: PoolClient, address: string): Promise<String> {
+function getEtherscanEndpoint(chain_id: string) {
+	if (chain_id == Networks.ETHEREUM_MAINNET.valueOf()) {
+		return 'https://api.etherscan.io/api'
+	} else if (chain_id == Networks.POLYGON_MAINNET.valueOf()) {
+		return 'https://api.polygonscan.com/api'
+	} else {
+		throw new Error('Invalid chain id')
+	}
+}
+
+enum Networks {
+	ETHEREUM_MAINNET = 'ETHEREUM_MAINNET',
+	POLYGON_MAINNET = 'POLYGON_MAINNET',
+}
+
+function getEtherscanAPIkey(chain_id: string) {
+	if (chain_id == Networks.ETHEREUM_MAINNET.valueOf()) {
+		return process.env.ETHERSCAN_API_KEY
+	} else if (chain_id == Networks.POLYGON_MAINNET.valueOf()) {
+		return process.env.POLYGONSCAN_API_KEY
+	} else {
+		throw new Error('Invalid chain id')
+	}
+}
+
+function getProvider(chain_id: string) {
+	if (chain_id == Networks.ETHEREUM_MAINNET.valueOf()) {
+		return new ethers.JsonRpcProvider(process.env.ETHEREUM_RPC_URL);
+	} else if (chain_id == Networks.POLYGON_MAINNET.valueOf()) {
+		return new ethers.JsonRpcProvider(process.env.POLYGON_RPC_URL);
+	} else {
+		throw new Error('Invalid chain id')
+	}
+}
+
+async function getCreationDate(client: PoolClient, address: string, network: string): Promise<{
+	riskRating: string,
+	feedback: string[],
+	name: string,
+	date: string,
+}> {
   try {
-    
-    const query = 'SELECT "creationDate" FROM "ContractAddresses" WHERE "address" LIKE $1';
+    const query = 'SELECT * FROM "ContractAddresses" WHERE "address" LIKE $1';
     var contractData = await client.query(query, [address]);  
     
     if(contractData.rowCount == 0){
@@ -150,41 +206,124 @@ async function getCreationDate(client: PoolClient, address: string): Promise<Str
       contractData = await client.query(query, [address]);
     }
     
+	let { riskRating, feedback } = getRiskRating(contractData.rows[0]);
     var date = contractData.rows[0].creationDate;
+	var name = contractData.rows[0].contractName;
+	var contractVerified = contractData.rows[0].contractVerified;
 
     if (date == "NA") {
-      const response = await fetch(
-        `https://api.etherscan.io/api?module=contract&action=getcontractcreation&contractaddresses=${address}&apikey=${ETHERSCAN_API_KEY}`
-      );
-        
-      const data:any = await response.json();
-        
-      if (data.result == null) {
-        return date;
-      }
-
-      const txHash = data.result[0].txHash;
-
-      const tx = await provider.getTransaction(txHash);
-      if (tx?.blockHash) {
-        const block = await provider.getBlock(tx.blockHash);
-      if(block) {
-          date = new Date(block.timestamp * 1000);
-          date = date.toISOString().slice(0, 10);
-        } 
-      } 
-      const query2 = 'UPDATE "ContractAddresses" SET "creationDate"=$1 WHERE "address" LIKE $2';
-      await client.query(query2, [date, address]);
+		const ETHERSCAN_ENDPOINT = getEtherscanEndpoint(network);
+		const _ETHERSCAN_API_KEY = getEtherscanAPIkey(network);
+		const provider = getProvider(network);
+		const response = await fetch(
+			`${ETHERSCAN_ENDPOINT}?module=contract&action=getcontractcreation&contractaddresses=${address}&apikey=${_ETHERSCAN_API_KEY}`
+		);
+			
+		const data:any = await response.json();
+			
+		console.log('data', data)
+		if (data.result == null) {
+			return {
+				riskRating,
+				feedback,
+				date: 'NA',
+				name: 'NA',
+			};
+		}
+
+		const response2 = await fetch(`${ETHERSCAN_ENDPOINT}?module=contract&action=getsourcecode&address=${address}&apikey=${_ETHERSCAN_API_KEY}`)
+
+		const data2:any = await response2.json();
+		console.log('data2', data2)
+
+		const txHash = data.result[0].txHash;
+
+		const tx = await provider.getTransaction(txHash);
+		if (tx?.blockHash) {
+			const block = await provider.getBlock(tx.blockHash);
+		if(block) {
+			date = new Date(block.timestamp * 1000);
+			date = date.toISOString().slice(0, 10);
+			} 
+		} 
+
+		if (data2.result == null || data2.result.length == 0) {
+			const query2 = 'UPDATE "ContractAddresses" SET "creationDate"=$1 WHERE "address" LIKE $2';
+			client.query(query2, [date, address]);
+			let riskInfo = getRiskRating({ verified: false, contractVerified: false, creationDate: date });
+			riskRating = riskInfo.riskRating;
+			feedback = riskInfo.feedback;
+			return {
+				riskRating,
+				feedback,
+				date,
+				name: 'NA',
+			}
+		}
+
+		contractVerified = data2.result[0].SourceCode ? true : false;
+
+		name = data2.result[0].ContractName;
+		console.log('name', name)
+		const query2 = 'UPDATE "ContractAddresses" SET "creationDate"=$1, "contractName"=$3, "contractVerified"=$4 WHERE "address" LIKE $2';
+		client.query(query2, [date, address, name, contractVerified]);
+		let riskInfo = getRiskRating({ verified: false, contractVerified, creationDate: date });
+		riskRating = riskInfo.riskRating;
+		feedback = riskInfo.feedback;
     }
-    return date;
+    return {
+		riskRating,
+		feedback,
+		date,
+		name,
+	}
 
   } catch (error) {
     console.log(error);  
+	sendMessage(`Error: getCreationDate API:\nAddress: ${address}\nNetwork: ${network}\nError: ${error}`)
   }
-  return "NA";
+  return {
+	riskRating: 'NA',
+	feedback: [],
+	date: 'NA',
+	name: 'NA',
+  };
 }
 
-async function getContractInfo(client: PoolClient, address: string): Promise<any> {
+function getRiskRating(contractRecord: any) {
+	console.log('contractRecord', contractRecord)
+	if (!contractRecord) {
+		return {
+			riskRating: 'NA',
+			feedback: []
+		}
+	}
+	if (contractRecord.verified) {
+		return {
+			riskRating: 'LOW',
+			feedback: ["Verified by Vigilance DAO"]
+		}
+	}
+	let riskRating = 'MEDIUM';
+	let feedback = [];
+	if (!contractRecord.contractVerified) {
+		feedback.push('Contract source code not verified');
+	}
+	// @todo // try proxy detection
+	let now = new Date();
+	if ((now.getTime() - new Date(contractRecord.creationDate).getTime()) < 86400000 * 120) { // 120 days
+		feedback.push('Contract is newly deployed. Maintain caution.');
+	}
+	if (feedback.length == 0) {
+		riskRating = 'LOW';
+	}
+	return {
+		riskRating,
+		feedback,
+	}
+}
+
+async function getContractInfo(client: PoolClient, address: string, network: string): Promise<any> {
   const now = new Date();
 
   var yesterday = new Date(now.setDate(now.getDate() - 1)).getTime() / 1000;
@@ -194,18 +333,22 @@ async function getContractInfo(client: PoolClient, address: string): Promise<any
   lastMonth = Math.floor(lastMonth);
 
   try {
-    const query = 'SELECT COUNT(DISTINCT "from") FROM "Transactions" WHERE "to" LIKE $1 AND "timeStamp" > $2';
-
-    const transactionsLast24Hours = await client.query(query, [address, yesterday]);
-
-    const transactionsLast30Days = await client.query(query, [address, lastMonth]);
-
-    const date = await getCreationDate(client,address);
-
+    const query = 'SELECT SUM("count") FROM "TransactionCount" WHERE "to" LIKE $1 AND "time" > $2 AND network = $3';
+	let t1 = new Date().getTime();
+    const transactionsLast24Hours = await client.query(query, [address, yesterday, network]);
+
+    const transactionsLast30Days = await client.query(query, [address, lastMonth, network]);
+	let t2 = new Date().getTime();
+    const { riskRating, feedback, name, date } = await getCreationDate(client, address, network);
+	let t3 = new Date().getTime();
+	console.log('time taken', t2 - t1, t3 - t2)
     return { 
-      userCount24hours: transactionsLast24Hours.rows[0].count,
-      userCount30days: transactionsLast30Days.rows[0].count,
-      creationDate: date
+      userCount24hours: transactionsLast24Hours.rows[0].sum,
+      userCount30days: transactionsLast30Days.rows[0].sum,
+      creationDate: date,
+	  name,
+	  riskRating,
+	  feedback,
     };   
   }catch (error) {
     console.log(error);
diff --git a/server/src/db.ts b/server/src/db.ts
index 0cc307e..cdd3bc0 100644
--- a/server/src/db.ts
+++ b/server/src/db.ts
@@ -1,6 +1,5 @@
 import Pool from 'pg-pool';
 
-console.log('db', process.env.DATABASE_URL)
 var pool = new Pool({
     connectionString: process.env.DATABASE_URL,
     max: 20, // set pool max size to 20
@@ -10,4 +9,13 @@ var pool = new Pool({
 })
 
 
+export var poolContracts = new Pool({
+    connectionString: process.env.DATABASE_URL_CONTRACTS,
+    max: 20, // set pool max size to 20
+    idleTimeoutMillis: 1000, // close idle clients after 1 second
+    connectionTimeoutMillis: 10000, // return an error after 1 second if connection could not be established
+    maxUses: 7500
+})
+
+
 export default pool;
\ No newline at end of file
diff --git a/server/src/telegramBot.js b/server/src/telegramBot.js
new file mode 100644
index 0000000..893b6f0
--- /dev/null
+++ b/server/src/telegramBot.js
@@ -0,0 +1,48 @@
+const TelegramBot = require('node-telegram-bot-api');
+
+const TELEGRAM_TOKEN = process.env.TELEGRAM_TOKEN;
+const TELEGRAM_CHAT_ID = process.env.TELEGRAM_CHAT_ID;
+if (!TELEGRAM_TOKEN) {
+    throw new Error('No telegram token found. No failure messages will be sent.')
+}
+if (!TELEGRAM_CHAT_ID) {
+    throw new Error('No telegram chat id found. No failure messages will be sent.')
+}
+
+// Create a bot that uses 'polling' to fetch new updates
+
+let botInfo = null;
+if (TELEGRAM_TOKEN) {
+    botInfo = new TelegramBot(TELEGRAM_TOKEN, {polling: false});
+} else {
+    console.warn('No telegram token found. No failure messages will be sent. [Not to worry in dev]')
+}
+
+let allowedMembers = [{id: parseInt(TELEGRAM_CHAT_ID), name: 'abc'}]
+
+export function sendMessage(message, alertType='infoAlert', options={}, members = allowedMembers, i=0) {
+    return new Promise((resolve, reject)=> {
+        let member = allowedMembers[i]
+        console.log("Sending messaAGE TO: " + member.id)
+        let bot = botInfo
+        if (!bot) {
+            console.log('No telegram token found')
+            resolve()
+            return
+        }
+        bot.sendMessage(member.id, message, options).then(()=> {
+            console.log('sent', member.id)
+            if((i+1)<allowedMembers.length)
+                sendBoth(message, alertType, options, allowedMembers, i+1).then(()=> {
+                    resolve()
+                }).catch((err)=> {
+                    reject(err)
+                })
+            else
+                resolve()
+        }).catch((err)=> {
+            console.error('message sending failed', i, err);
+            resolve()
+        })
+    })
+}

From 97729be8e4b5fb99a548ac4980de9a20e9084e14 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sun, 9 Jul 2023 20:49:23 +0530
Subject: [PATCH 28/70] fix: show risk rating

---
 chrome-extension/src/inject.d.ts                    |  5 ++++-
 chrome-extension/src/inject.js                      | 11 +++++++----
 .../src/prebuild-components/financial-alert.css     | 13 +++++++++++--
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index 3cd0f61..cec0054 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -15,11 +15,14 @@ interface MetaMaskRequest {
 	method: string;
 }
 
+type RiskRating = "LOW" | "MEDIUM" | "HIGH";
+
 interface ContractInfo {
 	userCount24hours: number;
 	userCount30days: number;
 	creationDate: string;
 	name: string;
+	riskRating: RiskRating;
 }
 
 interface BasicContractInfo {
@@ -47,7 +50,7 @@ interface BasicContractInfo {
 interface FinancialAlertInfo {
 	contract: string;
 	createdOn: string;
-	drainedAccountsValue: "High";
+	drainedAccountsValue: RiskRating;
 	transactionsIn24hours: number;
 	transactionsIn30days: number;
 	cancelButtonClickListener: () => void;
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 6d93a0f..232d088 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -35,7 +35,7 @@ function fetchContractInfo(basicInfo) {
 }
 
 /**
- * @type {<E extends Element = Element>(shadowRoot: ShadowRoot, selector: string) => E}
+ * @type {<E extends HTMLElement = HTMLElement>(shadowRoot: ShadowRoot, selector: string) => E}
  */
 function querySelector(shadowRoot, selector) {
 	const element = shadowRoot.querySelector(selector);
@@ -135,6 +135,10 @@ async function createFinancialAlertDialog(alertInfo) {
 		alertInfo.transactionsIn24hours.toString();
 	transactionsIn30daysElement.innerHTML = formattedTransactionsIn30days;
 	drainedAccountsValueElement.innerHTML = alertInfo.drainedAccountsValue;
+	// color is applied based on this property
+	drainedAccountsValueElement.dataset["priority"] =
+		alertInfo.drainedAccountsValue.toLowerCase();
+
 	proceedButton.addEventListener("click", alertInfo.proceedButtonClickListener);
 	closeButton.addEventListener("click", alertInfo.cancelButtonClickListener);
 
@@ -208,7 +212,7 @@ function truncateText(text) {
 					continueRequest();
 					return;
 				}
-				
+
 				let contractDisplay = truncateText(to);
 				if (contractInfo.name) {
 					contractDisplay = contractDisplay.concat(
@@ -232,8 +236,7 @@ function truncateText(text) {
 						financialAlertDialog.close();
 						reject(new Error("Transaction cancelled by user."));
 					},
-					// TODO
-					drainedAccountsValue: "High",
+					drainedAccountsValue: contractInfo.riskRating,
 				});
 			})
 		).then(() => {
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index c5aa777..954a486 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -115,18 +115,27 @@ h4 {
 	flex-direction: column;
 }
 .drained-info .value {
-	color: hsl(0, 100%, 52%);
+	color: hsl(0, 0%, 47%);
 	font-size: 1.5em;
 	font-weight: 700;
 	margin: auto;
 }
+.drained-info[data-priority="high"] .value {
+	color: hsl(0, 100%, 52%);
+}
+.drained-info[data-priority="medium"] .value {
+	color: hsl(60, 100%, 52%);
+}
+.drained-info[data-priority="low"] .value {
+	color: hsl(115, 100%, 42%);
+}
 
 .bottom-container {
 	display: flex;
 	align-items: center;
 }
 
-.credits{ 
+.credits { 
 	margin-right: auto;
 	text-align: right;
 	color: hsl(264, 29%, 53%);

From 9e979d703c581d109d462542b128bea70f1c343f Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sun, 9 Jul 2023 23:57:58 +0530
Subject: [PATCH 29/70] fix: handle creationDate being null

---
 chrome-extension/src/inject.d.ts                |  4 ++--
 chrome-extension/src/inject.js                  | 17 +++++++++++++++--
 .../src/prebuild-components/financial-alert.css |  4 ++++
 .../src/prebuild-components/financial-alert.tsx |  2 +-
 4 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index cec0054..6b3ec94 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -20,7 +20,7 @@ type RiskRating = "LOW" | "MEDIUM" | "HIGH";
 interface ContractInfo {
 	userCount24hours: number;
 	userCount30days: number;
-	creationDate: string;
+	creationDate: string | null;
 	name: string;
 	riskRating: RiskRating;
 }
@@ -49,7 +49,7 @@ interface BasicContractInfo {
 
 interface FinancialAlertInfo {
 	contract: string;
-	createdOn: string;
+	createdOn?: string;
 	drainedAccountsValue: RiskRating;
 	transactionsIn24hours: number;
 	transactionsIn30days: number;
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 232d088..cf74b2e 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -112,6 +112,9 @@ async function createFinancialAlertDialog(alertInfo) {
 	const select = querySelector.bind(null, shadowRoot);
 
 	const contractInfoElement = select(".contract-info");
+	const contractCreatedOnContainerElement = select(
+		".contract-created-on-container"
+	);
 	const contractCreatedOnElement = select(".contract-created-on");
 	const transactionsIn24hoursElement = select(".transactions-in-day");
 	const transactionsIn30daysElement = select(".transactions-in-month");
@@ -130,7 +133,14 @@ async function createFinancialAlertDialog(alertInfo) {
 	}
 
 	contractInfoElement.innerHTML = alertInfo.contract;
-	contractCreatedOnElement.innerHTML = alertInfo.createdOn;
+
+	if (alertInfo.createdOn == undefined) {
+		contractCreatedOnContainerElement.classList.toggle("hidden", true);
+	} else {
+		contractCreatedOnContainerElement.classList.toggle("hidden", false);
+		contractCreatedOnElement.innerHTML = alertInfo.createdOn;
+	}
+
 	transactionsIn24hoursElement.innerHTML =
 		alertInfo.transactionsIn24hours.toString();
 	transactionsIn30daysElement.innerHTML = formattedTransactionsIn30days;
@@ -149,9 +159,12 @@ async function createFinancialAlertDialog(alertInfo) {
 
 /**
  * Formats a ISO date string (2023-07-06T08:58:10.102Z) --> "06 Jul 2023"
- * @param {string} dateString
+ * @param {string | null} dateString
  */
 function formatDate(dateString) {
+	if (dateString == null) {
+		return undefined;
+	}
 	return new Date(dateString).toLocaleDateString("en-GB", {
 		year: "numeric",
 		month: "short",
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 954a486..d118976 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -5,6 +5,10 @@
 	font-size: 16px;
 }
 
+.hidden {
+	display: none;
+}
+
 * {
 	box-sizing: border-box;
 }
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index af24ff5..fcde9bc 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -36,7 +36,7 @@ export default function FinancialAlert() {
 							{/* {"Uniswap V3 Router 0x00...34244 [>]"} */}
 						</span>
 					</span>
-					<span>
+					<span className="contract-created-on-container">
 						<b>Created on:</b>{" "}
 						<span className="contract-created-on">
 							Loading...

From 736c823fd15a8df21557ab238cd748ec3b8cefde Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sun, 9 Jul 2023 23:59:08 +0530
Subject: [PATCH 30/70] fix: handle count being null

---
 chrome-extension/src/inject.d.ts | 4 ++--
 chrome-extension/src/inject.js   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index 6b3ec94..2065cfe 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -18,8 +18,8 @@ interface MetaMaskRequest {
 type RiskRating = "LOW" | "MEDIUM" | "HIGH";
 
 interface ContractInfo {
-	userCount24hours: number;
-	userCount30days: number;
+	userCount24hours: number | null;
+	userCount30days: number | null;
 	creationDate: string | null;
 	name: string;
 	riskRating: RiskRating;
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index cf74b2e..4b9c629 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -238,8 +238,8 @@ function truncateText(text) {
 				createFinancialAlertDialog({
 					createdOn: formatDate(contractInfo.creationDate),
 					contract: contractDisplay,
-					transactionsIn24hours: contractInfo.userCount24hours,
-					transactionsIn30days: contractInfo.userCount30days,
+					transactionsIn24hours: contractInfo.userCount24hours || 0,
+					transactionsIn30days: contractInfo.userCount30days || 0,
 					proceedButtonClickListener: () => {
 						console.log("proceed btn clicked");
 						financialAlertDialog.close();

From fc73cc1dcce804ca13da0a5c7034cf46c304d043 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 10 Jul 2023 00:10:14 +0530
Subject: [PATCH 31/70] fix: color for drained accounts value

---
 .../src/prebuild-components/financial-alert.css             | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index d118976..30c8f9e 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -124,13 +124,13 @@ h4 {
 	font-weight: 700;
 	margin: auto;
 }
-.drained-info[data-priority="high"] .value {
+.drained-info .value[data-priority="high"] {
 	color: hsl(0, 100%, 52%);
 }
-.drained-info[data-priority="medium"] .value {
+.drained-info .value[data-priority="medium"] {
 	color: hsl(60, 100%, 52%);
 }
-.drained-info[data-priority="low"] .value {
+.drained-info .value[data-priority="low"] {
 	color: hsl(115, 100%, 42%);
 }
 

From 4871cab373e6dc044b8c8a072b14d3abae94e39d Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 10 Jul 2023 17:35:58 +0530
Subject: [PATCH 32/70] add loader

---
 chrome-extension/src/inject.js                |  91 +++++++--
 .../prebuild-components/financial-alert.css   |  51 ++++-
 .../prebuild-components/financial-alert.tsx   | 180 +++++++++++-------
 3 files changed, 235 insertions(+), 87 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 4b9c629..ec6bc12 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -49,20 +49,15 @@ function querySelector(shadowRoot, selector) {
 }
 
 const financialAlertDialog = document.createElement("dialog");
+const FINANCIAL_ALERT_INNER_DIV_ID = "FINANCIAL_ALERT_INNER_DIV_ID";
+const FINANCIAL_ALERT_INNER_DIV_SELECTOR = `div#${FINANCIAL_ALERT_INNER_DIV_ID}`;
+const FINANCIAL_ALERT_IS_LOADING = "isLoading";
 let financialAlertDialogInnerHtml = "";
 
 /**
- * @param {FinancialAlertInfo} alertInfo
+ * Creates the financial alert dialog and displays a loader inside
  */
-async function createFinancialAlertDialog(alertInfo) {
-	console.log("createFinancialAlertDialog", alertInfo);
-	if (alertInfo == undefined) {
-		console.error(
-			"createFinancialAlertDialog: alertInfo parameter is required"
-		);
-		return;
-	}
-
+async function createFinancialAlertDialog() {
 	const INNER_BORDER_RADIUS = 10;
 	const BORDER_WIDTH = 10;
 	const OUTER_BORDER_RADIUS = INNER_BORDER_RADIUS + BORDER_WIDTH;
@@ -102,15 +97,76 @@ async function createFinancialAlertDialog(alertInfo) {
 		financialAlertDialogInnerHtml = innerHTMLParts.join("");
 	}
 
-	financialAlertDialog.innerHTML = "";
-	const div = document.createElement("div");
-	const shadowRoot = div.attachShadow({ mode: "closed" });
-	financialAlertDialog.appendChild(div);
+	let div = financialAlertDialog.querySelector(
+		FINANCIAL_ALERT_INNER_DIV_SELECTOR
+	);
+
+	if (div == null) {
+		div = document.createElement("div");
+		div.id = FINANCIAL_ALERT_INNER_DIV_ID;
+		financialAlertDialog.appendChild(div);
+	}
 
+	const shadowRoot = div.attachShadow({ mode: "open" });
 	shadowRoot.innerHTML = financialAlertDialogInnerHtml;
 
+	financialAlertDialog.className = "____vigilance-dao-dialog____";
+	document.body.appendChild(financialAlertDialog);
+
 	const select = querySelector.bind(null, shadowRoot);
 
+	const containerElement = select(".container");
+	const loadingScreenElement = select(".loading-screen");
+	containerElement.dataset[FINANCIAL_ALERT_IS_LOADING] = `${true}`;
+
+	loadingScreenElement.addEventListener("animationend", (event) => {
+		if (!(event.target instanceof HTMLElement)) {
+			return;
+		}
+		event.target.remove();
+	});
+
+	financialAlertDialog.show();
+}
+
+/**
+ * @param {FinancialAlertInfo} alertInfo
+ */
+function populateFinancialAlertWithData(alertInfo) {
+	console.log("populateFinancialAlertWithData", alertInfo);
+	if (alertInfo == undefined) {
+		console.error(
+			"populateFinancialAlertWithData: alertInfo parameter is required"
+		);
+		return;
+	}
+	if (financialAlertDialog.innerHTML == "") {
+		console.error(
+			"populateFinancialAlertWithData: financialAlertDialog haven't been created yet"
+		);
+		return;
+	}
+
+	const innerDiv = financialAlertDialog.querySelector(
+		FINANCIAL_ALERT_INNER_DIV_SELECTOR
+	);
+	if (innerDiv == null || !(innerDiv instanceof HTMLDivElement)) {
+		console.error(
+			"populateFinancialAlertWithData: financialAlertDialog doesn't have inner div"
+		);
+		return;
+	}
+	const shadowRoot = innerDiv.shadowRoot;
+	if (shadowRoot == null) {
+		console.error(
+			"populateFinancialAlertWithData: financialAlertDialog's inner div have closed shadowRoot"
+		);
+		return;
+	}
+
+	const select = querySelector.bind(null, shadowRoot);
+
+	const containerElement = select(".container");
 	const contractInfoElement = select(".contract-info");
 	const contractCreatedOnContainerElement = select(
 		".contract-created-on-container"
@@ -152,9 +208,7 @@ async function createFinancialAlertDialog(alertInfo) {
 	proceedButton.addEventListener("click", alertInfo.proceedButtonClickListener);
 	closeButton.addEventListener("click", alertInfo.cancelButtonClickListener);
 
-	financialAlertDialog.className = "____vigilance-dao-dialog____";
-	document.body.appendChild(financialAlertDialog);
-	financialAlertDialog.show();
+	containerElement.dataset[FINANCIAL_ALERT_IS_LOADING] = `${false}`;
 }
 
 /**
@@ -235,7 +289,8 @@ function truncateText(text) {
 					);
 				}
 
-				createFinancialAlertDialog({
+				await createFinancialAlertDialog();
+				populateFinancialAlertWithData({
 					createdOn: formatDate(contractInfo.creationDate),
 					contract: contractDisplay,
 					transactionsIn24hours: contractInfo.userCount24hours || 0,
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 30c8f9e..290d803 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -16,7 +16,7 @@
 .container {
 	--icon-size: 70px;
 
-	padding: 25px 18px 10px;
+	padding: 10px;
 	border-radius: var(--inner-border-radius);
 	position: relative;
 	background: hsl(265, 100%, 92%);
@@ -27,6 +27,38 @@
 	margin: var(--border);
 }
 
+.container .loading-screen {
+	font-weight: 500;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	height: auto;
+	opacity: 1;
+	transition: height 0ms 0ms, opacity 600ms 0ms;
+}
+
+.container .data-screen {
+	overflow: hidden;
+	height: 0;
+	opacity: 0;
+	transition: height 0ms 400ms, opacity 400ms 0ms;
+}
+
+.container[data-is-loading="false"] .loading-screen {
+	overflow: hidden;
+	height: 0;
+	opacity: 0;
+	transition: height 0ms 400ms, opacity 400ms 0ms;
+}
+
+.container[data-is-loading="false"] .data-screen {
+	padding: 15px 8px 0;
+	height: auto;
+	opacity: 1;
+	transition: height 0ms 0ms, opacity 600ms 0ms;
+}
+
 .basic-info {
 	display: grid;
 	grid-template-rows: repeat(2, auto);
@@ -139,7 +171,7 @@ h4 {
 	align-items: center;
 }
 
-.credits { 
+.credits {
 	margin-right: auto;
 	text-align: right;
 	color: hsl(264, 29%, 53%);
@@ -147,8 +179,8 @@ h4 {
 	font-weight: 700;
 }
 
-.bottom-container button  {
-	margin-left: 5px; 
+.bottom-container button {
+	margin-left: 5px;
 	border-radius: 3px;
 	padding: 5px 10px;
 	font-weight: 600;
@@ -165,3 +197,14 @@ h4 {
 	opacity: 1;
 	border-color: hsl(265deg 94% 75%);
 }
+
+@keyframes rotate-360 {
+	to {
+		rotate: 180deg;
+	}
+}
+
+.icon-tabler-loader {
+	animation: rotate-360 infinite 0.6s linear;
+	margin-right: 10px;
+}
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index fcde9bc..e13ef0c 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -6,79 +6,129 @@ export const config = {
 
 export default function FinancialAlert() {
 	return (
-		<div className="container">
-			<div className="basic-info">
-				<h2>You are about to interact with</h2>
-				<span className="icon-container">
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						className="icon icon-tabler icon-tabler-shield-search"
-						width="24"
-						height="24"
-						viewBox="0 0 24 24"
-						strokeWidth="2"
-						stroke="currentColor"
-						fill="none"
-						strokeLinecap="round"
-						strokeLinejoin="round"
-					>
-						<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-						<path d="M12 21a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3c.539 1.832 .627 3.747 .283 5.588"></path>
-						<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
-						<path d="M20.2 20.2l1.8 1.8"></path>
-					</svg>
-				</span>
-				<p>
-					<span>
-						<b>Contract:</b>{" "}
-						<span className="contract-info">
-							Loading...
-							{/* {"Uniswap V3 Router 0x00...34244 [>]"} */}
-						</span>
+		<div className="container" data-is-loading="true">
+			<div className="loading-screen">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					className="icon icon-tabler icon-tabler-loader"
+					width="24"
+					height="24"
+					viewBox="0 0 24 24"
+					strokeWidth="2"
+					stroke="currentColor"
+					fill="none"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				>
+					<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+					<path d="M12 6l0 -3"></path>
+					<path d="M16.25 7.75l2.15 -2.15"></path>
+					<path d="M18 12l3 0"></path>
+					<path d="M16.25 16.25l2.15 2.15"></path>
+					<path d="M12 18l0 3"></path>
+					<path d="M7.75 16.25l-2.15 2.15"></path>
+					<path d="M6 12l-3 0"></path>
+					<path d="M7.75 7.75l-2.15 -2.15"></path>
+				</svg>
+				<span>Gathering data about receiver...</span>
+			</div>
+			<div className="data-screen">
+				<div className="basic-info">
+					<h2>You are about to interact with</h2>
+					<span className="icon-container">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							className="icon icon-tabler icon-tabler-shield-search"
+							width="24"
+							height="24"
+							viewBox="0 0 24 24"
+							strokeWidth="2"
+							stroke="currentColor"
+							fill="none"
+							strokeLinecap="round"
+							strokeLinejoin="round"
+						>
+							<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+							<path d="M12 21a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3c.539 1.832 .627 3.747 .283 5.588"></path>
+							<path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
+							<path d="M20.2 20.2l1.8 1.8"></path>
+						</svg>
 					</span>
-					<span className="contract-created-on-container">
-						<b>Created on:</b>{" "}
-						<span className="contract-created-on">
-							Loading...
-							{/* {"19 Now 2022"} */}
+					<p>
+						<span>
+							<b>Contract:</b>{" "}
+							<span className="contract-info">
+								Loading...
+								{/* {"Uniswap V3 Router 0x00...34244 [>]"} */}
+							</span>
 						</span>
-					</span>
-				</p>
-			</div>
+						<span className="contract-created-on-container">
+							<b>Created on:</b>{" "}
+							<span className="contract-created-on">
+								Loading...
+								{/* {"19 Now 2022"} */}
+							</span>
+						</span>
+					</p>
+				</div>
 
-			<div className="financial-info">
-				<div className="item transaction-info">
-					<h4>Transactions</h4>
-					<div className="transaction-info-item">
-						<span className="transactions-in-day">0{/* {"101"} */}</span>
-						<span>24 hours</span>
+				<div className="financial-info">
+					<div className="item transaction-info">
+						<h4>Transactions</h4>
+						<div className="transaction-info-item">
+							<span className="transactions-in-day">0{/* {"101"} */}</span>
+							<span>24 hours</span>
+						</div>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							className="seperator"
+							width="2px"
+							height="50px"
+							viewBox="0 0 1 66"
+							fill="none"
+						>
+							<line x1="0.5" x2="0.5" y2="66" stroke="#BFA7E4" />
+						</svg>
+						<div className="transaction-info-item">
+							<span className="transactions-in-month">0{/* 15k */}</span>
+							<span>30 days</span>
+						</div>
 					</div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						className="seperator"
-						width="2px"
-						height="50px"
-						viewBox="0 0 1 66"
-						fill="none"
-					>
-						<line x1="0.5" x2="0.5" y2="66" stroke="#BFA7E4" />
-					</svg>
-					<div className="transaction-info-item">
-						<span className="transactions-in-month">0{/* 15k */}</span>
-						<span>30 days</span>
+					<div className="item drained-info">
+						<h4>Drained accounts</h4>
+						<span>
+							<span className="value" data-priority>
+								———{/* {"HIGH"} */}
+							</span>
+							<span className="feedback-icon" data-tooltip-text>
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									className="icon icon-tabler icon-tabler-info-circle"
+									width="24"
+									height="24"
+									viewBox="0 0 24 24"
+									strokeWidth="2"
+									stroke="currentColor"
+									fill="none"
+									strokeLinecap="round"
+									strokeLinejoin="round"
+								>
+									<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+									<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
+									<path d="M12 9h.01"></path>
+									<path d="M11 12h1v4h1"></path>
+								</svg>
+							</span>
+						</span>
 					</div>
 				</div>
-				<div className="item drained-info">
-					<h4>Drained accounts</h4>
-					<div className="value">———{/* {"HIGH"} */}</div>
-				</div>
-			</div>
 
-			<div className="bottom-container">
-				<div className="credits">Powered by VigialnceDAO</div>
+				<div className="bottom-container">
+					<div className="credits">Powered by VigialnceDAO</div>
 
-				<button id="proceed-btn">Proceed</button>
-				<button id="close-btn">Close</button>
+					<button id="proceed-btn">Proceed</button>
+					<button id="close-btn">Close</button>
+				</div>
 			</div>
 		</div>
 	);

From 66722506768dd57de687e791cb22cd4e98069439 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 10 Jul 2023 17:36:37 +0530
Subject: [PATCH 33/70] update code for testing

---
 chrome-extension/src/inject.js | 41 ++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index ec6bc12..be3b465 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -190,10 +190,12 @@ function populateFinancialAlertWithData(alertInfo) {
 
 	contractInfoElement.innerHTML = alertInfo.contract;
 
-	if (alertInfo.createdOn == undefined) {
-		contractCreatedOnContainerElement.classList.toggle("hidden", true);
-	} else {
-		contractCreatedOnContainerElement.classList.toggle("hidden", false);
+	// hide date if undefined
+	contractCreatedOnContainerElement.classList.toggle(
+		"hidden",
+		alertInfo.createdOn == undefined
+	);
+	if (alertInfo.createdOn != undefined) {
 		contractCreatedOnElement.innerHTML = alertInfo.createdOn;
 	}
 
@@ -311,15 +313,26 @@ function truncateText(text) {
 			return metamaskRequest({ ...params });
 		});
 	};
+})();
 
+// (async () => {
 	// FOR TESTING
-	// createFinancialAlertDialog({
-	// 	contract: "Uniswap V3 Router 0x00...34244 [>]",
-	// 	createdOn: new Date().toDateString(),
-	// 	drainedAccountsValue: "High",
-	// 	transactionsIn24hours: 102,
-	// 	transactionsIn30days: 1000,
-	// 	cancelButtonClickListener: () => {},
-	// 	proceedButtonClickListener: () => {},
-	// });
-})();
+// 	if (location.hostname != "sahithyandev.github.io") {
+// 		return;
+// 	}
+// 	await createFinancialAlertDialog();
+
+// 	await new Promise((resolve) => {
+// 		setTimeout(resolve, 5000);
+// 	});
+
+// 	populateFinancialAlertWithData({
+// 		contract: "Uniswap V3 Router 0x00...34244 [>]",
+// 		createdOn: formatDate(new Date().toString()),
+// 		drainedAccountsValue: "HIGH",
+// 		transactionsIn24hours: 102,
+// 		transactionsIn30days: 1000,
+// 		cancelButtonClickListener: () => {},
+// 		proceedButtonClickListener: () => {},
+// 	});
+// })();

From 810d1d5bb5767a327a4172b0de0ae9a727b8f422 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 10 Jul 2023 17:45:34 +0530
Subject: [PATCH 34/70] do some validation for api response

---
 chrome-extension/src/inject.d.ts | 10 ++++++++++
 chrome-extension/src/inject.js   | 33 ++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index 2065cfe..352963f 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -1,3 +1,5 @@
+type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
+
 interface ETH_SendTransactionRequestParamsItem {
 	gas: string;
 	value: string;
@@ -25,6 +27,14 @@ interface ContractInfo {
 	riskRating: RiskRating;
 }
 
+type ContractInfoJsonResponse = Overwrite<
+	ContractInfo,
+	{
+		userCount24hours: string | null | number;
+		userCount30days: string | null | number;
+	}
+>;
+
 interface BasicContractInfo {
 	address: string;
 	chain_id: string;
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index be3b465..957eac2 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -28,6 +28,39 @@ function fetchContractInfo(basicInfo) {
 		body: JSON.stringify(basicInfo),
 	})
 		.then((response) => response.json())
+		.then(
+			/**
+			 * @param {ContractInfoJsonResponse} data
+			 */
+			(data) => {
+				/**
+				 * @type {ContractInfo}
+				 */
+				const d = {
+					userCount24hours: 0,
+					userCount30days: 0,
+					creationDate: null,
+					feedback: [],
+					name: "NA",
+					riskRating: "MEDIUM",
+				};
+
+				if (data.userCount24hours) {
+					d.userCount24hours =
+						typeof data.userCount24hours == "string"
+							? parseInt(data.userCount24hours)
+							: data.userCount24hours;
+				}
+				if (data.userCount30days) {
+					d.userCount30days =
+						typeof data.userCount30days == "string"
+							? parseInt(data.userCount30days)
+							: data.userCount30days;
+				}
+
+				return d;
+			}
+		)
 		.catch((error) => {
 			console.error(error);
 			return null;

From 658ade7df26f088f18d189dfa15dc61111bc0373 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 10 Jul 2023 18:15:03 +0530
Subject: [PATCH 35/70] show feedback in expandable section

---
 chrome-extension/src/inject.d.ts              |  2 +
 chrome-extension/src/inject.js                | 31 +++++++++++++++
 .../prebuild-components/financial-alert.css   | 38 +++++++++++++++++--
 .../prebuild-components/financial-alert.tsx   |  9 ++++-
 4 files changed, 75 insertions(+), 5 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index 352963f..807baea 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -25,6 +25,7 @@ interface ContractInfo {
 	creationDate: string | null;
 	name: string;
 	riskRating: RiskRating;
+	feedback: string[];
 }
 
 type ContractInfoJsonResponse = Overwrite<
@@ -65,4 +66,5 @@ interface FinancialAlertInfo {
 	transactionsIn30days: number;
 	cancelButtonClickListener: () => void;
 	proceedButtonClickListener: () => void;
+	feedback: string[];
 }
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 957eac2..87019bc 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -208,6 +208,9 @@ function populateFinancialAlertWithData(alertInfo) {
 	const transactionsIn24hoursElement = select(".transactions-in-day");
 	const transactionsIn30daysElement = select(".transactions-in-month");
 	const drainedAccountsValueElement = select(".drained-info .value");
+	const feedbackIconElement = select(".feedback-icon");
+	const feedbackContainerElement = select(".feedback-container");
+	const feedbackListElement = select(".feedback-list");
 
 	const proceedButton = select("#proceed-btn");
 	const closeButton = select("#close-btn");
@@ -240,6 +243,33 @@ function populateFinancialAlertWithData(alertInfo) {
 	drainedAccountsValueElement.dataset["priority"] =
 		alertInfo.drainedAccountsValue.toLowerCase();
 
+	// hide feedback-icon if feedback is empty
+	feedbackIconElement.classList.toggle(
+		"hidden",
+		alertInfo.feedback.length == 0
+	);
+	feedbackIconElement.addEventListener("click", () => {
+		if (!(feedbackContainerElement instanceof HTMLDetailsElement)) {
+			return;
+		}
+
+		feedbackContainerElement.open = !feedbackContainerElement.open;
+	});
+	feedbackContainerElement.classList.toggle(
+		"hidden",
+		alertInfo.feedback.length == 0
+	);
+
+	if (alertInfo.feedback.length != 0) {
+		feedbackListElement.innerHTML = alertInfo.feedback
+			.map((i) => `<li>${i}</li>`)
+			.join("");
+	}
+
+	// feedbackIconElement.dataset["tooltipText"] = alertInfo.feedback
+	// 	.map((item) => "- ".concat(item))
+	// 	.join("\n");
+
 	proceedButton.addEventListener("click", alertInfo.proceedButtonClickListener);
 	closeButton.addEventListener("click", alertInfo.cancelButtonClickListener);
 
@@ -340,6 +370,7 @@ function truncateText(text) {
 						reject(new Error("Transaction cancelled by user."));
 					},
 					drainedAccountsValue: contractInfo.riskRating,
+					feedback: contractInfo.feedback,
 				});
 			})
 		).then(() => {
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 290d803..9db1089 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -21,8 +21,7 @@
 	position: relative;
 	background: hsl(265, 100%, 92%);
 	font-family: Roboto;
-	max-width: 540px;
-	min-width: 470px;
+	width: 470px;
 	overflow: hidden;
 	margin: var(--border);
 }
@@ -150,11 +149,15 @@ h4 {
 	display: flex;
 	flex-direction: column;
 }
+
+.drained-info > span {
+	margin: auto;
+}
+
 .drained-info .value {
 	color: hsl(0, 0%, 47%);
 	font-size: 1.5em;
 	font-weight: 700;
-	margin: auto;
 }
 .drained-info .value[data-priority="high"] {
 	color: hsl(0, 100%, 52%);
@@ -165,10 +168,17 @@ h4 {
 .drained-info .value[data-priority="low"] {
 	color: hsl(115, 100%, 42%);
 }
+.drained-info .icon {
+	height: 16px;
+	width: 16px;
+	margin-left: 10px;
+	cursor: pointer;
+}
 
 .bottom-container {
 	display: flex;
 	align-items: center;
+	margin-top: 5px;
 }
 
 .credits {
@@ -190,7 +200,7 @@ h4 {
 	border: 2px solid rgb(187 187 187);
 	background: none;
 	opacity: 0.7;
-	transition: opacity .2s ease-in-out, border-color .2s ease-in-out;
+	transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
 }
 
 .bottom-container button:hover {
@@ -208,3 +218,23 @@ h4 {
 	animation: rotate-360 infinite 0.6s linear;
 	margin-right: 10px;
 }
+
+summary {
+	opacity: 0.7;
+	cursor: pointer;
+	padding: 3px 0;
+	width: fit-content;
+}
+
+summary::marker {
+	color:#5500cc;
+}
+
+details[open] summary {
+	opacity: 1;
+}
+
+ul {
+	list-style: "- " outside;
+	padding-left: 13px;
+}
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index e13ef0c..a5449a6 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -123,11 +123,18 @@ export default function FinancialAlert() {
 					</div>
 				</div>
 
+				<details className="feedback-container">
+					<summary tabIndex={-1}>View feedbacks</summary>
+					<ul className="feedback-list"></ul>
+				</details>
+
 				<div className="bottom-container">
 					<div className="credits">Powered by VigialnceDAO</div>
 
 					<button id="proceed-btn">Proceed</button>
-					<button id="close-btn">Close</button>
+					<button id="close-btn" autoFocus={true}>
+						Close
+					</button>
 				</div>
 			</div>
 		</div>

From 3c9241b982ef076fa7a7136b636d63c6e3216cd5 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Mon, 10 Jul 2023 19:14:42 +0530
Subject: [PATCH 36/70] minor fixes

---
 chrome-extension/bundle-config.mjs            | 20 +++++++++++--------
 chrome-extension/src/fonts.js                 |  1 -
 chrome-extension/src/inject.js                |  5 +++--
 .../prebuild-components/financial-alert.css   |  2 +-
 chrome-extension/src/prebuild.tsx             |  1 -
 5 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/chrome-extension/bundle-config.mjs b/chrome-extension/bundle-config.mjs
index 5a0b36b..e7fb172 100644
--- a/chrome-extension/bundle-config.mjs
+++ b/chrome-extension/bundle-config.mjs
@@ -110,16 +110,20 @@ const prebuildOptions = {
 		{
 			name: "run-prebuild-script",
 			setup(build) {
-				build.onStart(async () => {
+				build.onStart(() => {
 					console.log("Building", prebuildScript);
-					try {
-						await rm("./build/static", {
-							recursive: true,
-							force: true
+					const directory = "./build/static";
+					console.log("Removing", directory);
+
+					return rm(directory, {
+						recursive: true,
+						force: true,
+					})
+						.then(() => console.log("Removing", directory, "done"))
+						.catch((_e) => {
+							console.error("Couldn't remove", directory);
+							console.error(_e);
 						});
-					} catch (_e) {
-						console.log(_e);
-					}
 				});
 				build.onEnd(async (result) => {
 					if (result.metafile == undefined) {
diff --git a/chrome-extension/src/fonts.js b/chrome-extension/src/fonts.js
index b77e4d0..4fe6814 100644
--- a/chrome-extension/src/fonts.js
+++ b/chrome-extension/src/fonts.js
@@ -29,7 +29,6 @@ async function chromeRuntimeGetUrlWrapped(url) {
 				) {
 					// if event.data.for is available, only resolve it if it matches with relativeUrl
 					if (event.data.for && event.data.for != message.relativeUrl) {
-						console.error("data.for is undefined", event.data);
 						return "";
 					}
 					// Remove the event listener once the response is received
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 87019bc..4d8b3ce 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -334,6 +334,8 @@ function truncateText(text) {
 					chainId,
 				});
 
+				await createFinancialAlertDialog();
+
 				const contractInfo = await fetchContractInfo({
 					address: to,
 					chain_id: chainId,
@@ -346,7 +348,7 @@ function truncateText(text) {
 				}
 
 				let contractDisplay = truncateText(to);
-				if (contractInfo.name) {
+				if (contractInfo.name && contractInfo.name != "NA") {
 					contractDisplay = contractDisplay.concat(
 						" (",
 						contractInfo.name,
@@ -354,7 +356,6 @@ function truncateText(text) {
 					);
 				}
 
-				await createFinancialAlertDialog();
 				populateFinancialAlertWithData({
 					createdOn: formatDate(contractInfo.creationDate),
 					contract: contractDisplay,
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 9db1089..2cd2f6b 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -6,7 +6,7 @@
 }
 
 .hidden {
-	display: none;
+	display: none !important;
 }
 
 * {
diff --git a/chrome-extension/src/prebuild.tsx b/chrome-extension/src/prebuild.tsx
index 66df844..2812b1c 100644
--- a/chrome-extension/src/prebuild.tsx
+++ b/chrome-extension/src/prebuild.tsx
@@ -91,7 +91,6 @@ export function run() {
 			const component = componentModule.default;
 			const rendered = renderToStaticMarkup(component());
 			const baseName = pascalCaseToHypenedCase(component.name);
-			console.log(baseName);
 			const jsFile =
 				componentModule.config?.jsFile ||
 				"../prebuild-components/".concat(baseName.concat(".js"));

From c8c830408cf1d0d76839a3477ac1a0c60ec01fe9 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Tue, 11 Jul 2023 22:26:04 +0530
Subject: [PATCH 37/70] fix: medium text color issue

---
 chrome-extension/src/prebuild-components/financial-alert.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 2cd2f6b..f060e05 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -163,7 +163,7 @@ h4 {
 	color: hsl(0, 100%, 52%);
 }
 .drained-info .value[data-priority="medium"] {
-	color: hsl(60, 100%, 52%);
+	color: hsl(37, 100%, 52%);
 }
 .drained-info .value[data-priority="low"] {
 	color: hsl(115, 100%, 42%);

From 1999c0614ff3f394733978344cc1c8d14a09ef44 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 12 Jul 2023 10:49:55 +0530
Subject: [PATCH 38/70] fix wrong info shown

---
 chrome-extension/src/inject.js | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 4d8b3ce..d05c76a 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -39,23 +39,32 @@ function fetchContractInfo(basicInfo) {
 				const d = {
 					userCount24hours: 0,
 					userCount30days: 0,
-					creationDate: null,
-					feedback: [],
-					name: "NA",
-					riskRating: "MEDIUM",
+					creationDate: data.creationDate || null,
+					feedback: Array.isArray(data.feedback) ? data.feedback : [],
+					name: typeof data.name == "string" ? data.name : "NA",
+					riskRating: data.riskRating || "MEDIUM",
 				};
 
 				if (data.userCount24hours) {
-					d.userCount24hours =
-						typeof data.userCount24hours == "string"
-							? parseInt(data.userCount24hours)
-							: data.userCount24hours;
+					let value = 0;
+					if (typeof data.userCount24hours == "number") {
+						value = data.userCount24hours;
+					} else if (typeof data.userCount24hours == "string") {
+						value = parseInt(data.userCount24hours);
+						if (Number.isNaN(value)) value = 0;
+					}
+
+					d.userCount24hours = value;
 				}
 				if (data.userCount30days) {
-					d.userCount30days =
-						typeof data.userCount30days == "string"
-							? parseInt(data.userCount30days)
-							: data.userCount30days;
+					let value = 0;
+					if (typeof data.userCount30days == "number") {
+						value = data.userCount30days;
+					} else if (typeof data.userCount30days == "string") {
+						value = parseInt(data.userCount30days);
+						if (Number.isNaN(value)) value = 0;
+					}
+					d.userCount30days = value;
 				}
 
 				return d;

From 48639f859c726d0d9e2f2764b0c17f8dbe4a6147 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 12 Jul 2023 10:53:02 +0530
Subject: [PATCH 39/70] fix issue with font

---
 chrome-extension/src/prebuild-components/financial-alert.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index f060e05..80bb4b5 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -20,12 +20,15 @@
 	border-radius: var(--inner-border-radius);
 	position: relative;
 	background: hsl(265, 100%, 92%);
-	font-family: Roboto;
 	width: 470px;
 	overflow: hidden;
 	margin: var(--border);
 }
 
+.container * {
+	font-family: "X_Roboto", sans-serif;
+}
+
 .container .loading-screen {
 	font-weight: 500;
 	display: flex;

From 520098cb6b0aeb9f1b618f2a765108fa1777b426 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 12 Jul 2023 10:54:00 +0530
Subject: [PATCH 40/70] fix financial-alert not showing again error

---
 chrome-extension/src/inject.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index d05c76a..ac8037f 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -149,7 +149,7 @@ async function createFinancialAlertDialog() {
 		financialAlertDialog.appendChild(div);
 	}
 
-	const shadowRoot = div.attachShadow({ mode: "open" });
+	const shadowRoot = div.shadowRoot || div.attachShadow({ mode: "open" });
 	shadowRoot.innerHTML = financialAlertDialogInnerHtml;
 
 	financialAlertDialog.className = "____vigilance-dao-dialog____";
@@ -373,10 +373,12 @@ function truncateText(text) {
 					proceedButtonClickListener: () => {
 						console.log("proceed btn clicked");
 						financialAlertDialog.close();
+						document.body.removeChild(financialAlertDialog);
 						continueRequest();
 					},
 					cancelButtonClickListener: () => {
 						financialAlertDialog.close();
+						document.body.removeChild(financialAlertDialog);
 						reject(new Error("Transaction cancelled by user."));
 					},
 					drainedAccountsValue: contractInfo.riskRating,

From 447242ad084628a1f05ff307c93f13ce7591e911 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 12 Jul 2023 10:55:49 +0530
Subject: [PATCH 41/70] remove tooltip code (not used)

---
 chrome-extension/src/inject.js                               | 4 ----
 chrome-extension/src/prebuild-components/financial-alert.tsx | 2 +-
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index ac8037f..419a3ef 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -275,10 +275,6 @@ function populateFinancialAlertWithData(alertInfo) {
 			.join("");
 	}
 
-	// feedbackIconElement.dataset["tooltipText"] = alertInfo.feedback
-	// 	.map((item) => "- ".concat(item))
-	// 	.join("\n");
-
 	proceedButton.addEventListener("click", alertInfo.proceedButtonClickListener);
 	closeButton.addEventListener("click", alertInfo.cancelButtonClickListener);
 
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index a5449a6..68e853d 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -100,7 +100,7 @@ export default function FinancialAlert() {
 							<span className="value" data-priority>
 								———{/* {"HIGH"} */}
 							</span>
-							<span className="feedback-icon" data-tooltip-text>
+							<span className="feedback-icon">
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
 									className="icon icon-tabler icon-tabler-info-circle"

From eba9d70fbfbb3b2f7c39dad4eb0577bb4d555f1b Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 12 Jul 2023 10:56:33 +0530
Subject: [PATCH 42/70] rename close button -> cancel button

for better clarity
---
 chrome-extension/src/prebuild-components/financial-alert.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index 68e853d..b9d84ca 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -133,7 +133,7 @@ export default function FinancialAlert() {
 
 					<button id="proceed-btn">Proceed</button>
 					<button id="close-btn" autoFocus={true}>
-						Close
+						Cancel
 					</button>
 				</div>
 			</div>

From f70e7f92e038855a49544d5dacf817bf605fa950 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 13 Jul 2023 09:21:20 +0530
Subject: [PATCH 43/70] fix fonts by using google fonts

---
 chrome-extension/src/inject.js                | 35 +++++++++++++++----
 .../prebuild-components/financial-alert.css   |  6 ++--
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 419a3ef..aaa6938 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -96,6 +96,24 @@ const FINANCIAL_ALERT_INNER_DIV_SELECTOR = `div#${FINANCIAL_ALERT_INNER_DIV_ID}`
 const FINANCIAL_ALERT_IS_LOADING = "isLoading";
 let financialAlertDialogInnerHtml = "";
 
+function getFontLinks() {
+	const link1 = document.createElement("link");
+	link1.rel = "preconnect";
+	link1.href = "https://fonts.googleapis.com";
+
+	const link2 = document.createElement("link");
+	link2.rel = "preconnect";
+	link2.href = "https://fonts.gstatic.com";
+	link2.crossOrigin = "";
+
+	const link3 = document.createElement("link");
+	link3.rel = "stylesheet";
+	link3.href =
+		"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";
+
+	return [link1, link2, link3];
+}
+
 /**
  * Creates the financial alert dialog and displays a loader inside
  */
@@ -105,6 +123,11 @@ async function createFinancialAlertDialog() {
 	const OUTER_BORDER_RADIUS = INNER_BORDER_RADIUS + BORDER_WIDTH;
 
 	if (financialAlertDialogInnerHtml == "") {
+		const fontLinks = getFontLinks();
+		document.head.appendChild(fontLinks[0]);
+		document.head.appendChild(fontLinks[1]);
+		document.head.appendChild(fontLinks[2]);
+
 		financialAlertDialog.style.borderRadius =
 			OUTER_BORDER_RADIUS.toString().concat("px");
 		financialAlertDialog.style.zIndex = "10000";
@@ -121,15 +144,13 @@ async function createFinancialAlertDialog() {
 		/**
 		 * @type {string[]}
 		 */
-		const innerHTMLParts = new Array(3).fill("");
-		// part 0 -> fonts
-		// part 1 -> css variables
-		// part 2 -> financial-alert component content
+		const innerHTMLParts = new Array(2).fill("");
+		// part 0 -> css variables
+		// part 1 -> financial-alert component content
 
-		innerHTMLParts[0] = `<style>${await getFonts()}</style>`;
-		innerHTMLParts[1] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
+		innerHTMLParts[0] = `<style>:host { --border: ${BORDER_WIDTH}px; --inner-border-radius: ${INNER_BORDER_RADIUS}px; }</style>`;
 		const url = await chromeRuntimeGetUrlWrapped("static/financial-alert.html");
-		innerHTMLParts[2] = await fetch(url)
+		innerHTMLParts[1] = await fetch(url)
 			.then((response) => response.text())
 			.catch((e) => {
 				console.error("Error while loading html from financial-alert.html", e);
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 80bb4b5..56d5226 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -26,7 +26,7 @@
 }
 
 .container * {
-	font-family: "X_Roboto", sans-serif;
+	font-family: "Roboto", sans-serif;
 }
 
 .container .loading-screen {
@@ -142,7 +142,7 @@ h4 {
 }
 .transaction-info-item span:first-child {
 	font-size: 2em;
-	font-weight: 600;
+	font-weight: 500;
 	text-align: center;
 	margin-bottom: 4px;
 }
@@ -196,7 +196,7 @@ h4 {
 	margin-left: 5px;
 	border-radius: 3px;
 	padding: 5px 10px;
-	font-weight: 600;
+	font-weight: 500;
 	cursor: pointer;
 	font-size: 1em;
 	line-height: 19px;

From 3b445f38cf0d0d344675313554e508a0bc8d3888 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 13 Jul 2023 09:42:22 +0530
Subject: [PATCH 44/70] pass address through checksum function before fetching

---
 chrome-extension/src/inject.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index aaa6938..59fdb63 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -361,9 +361,14 @@ function truncateText(text) {
 				});
 
 				await createFinancialAlertDialog();
+				if (window._ethers == undefined) {
+					console.warn("window._ethers is undefined.");
+					continueRequest();
+					return;
+				}
 
 				const contractInfo = await fetchContractInfo({
-					address: to,
+					address: window._ethers.utils.getAddress(to),
 					chain_id: chainId,
 				});
 

From 9ed40fe00c033ccde986d2d93411a07e3eed1598 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 13 Jul 2023 09:43:16 +0530
Subject: [PATCH 45/70] fix types

---
 chrome-extension/src/inject.d.ts | 11 +++++++++++
 chrome-extension/src/inject.js   | 18 ++++++++++--------
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index 807baea..d498df9 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -1,5 +1,16 @@
 type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
 
+import { ethers } from "ethers";
+
+declare global {
+	interface Window {
+		/**
+		 * Provided by `ethers` npm package or the referenced `ethers.umd.min.js` file.
+		 */
+		_ethers?: typeof ethers;
+	}
+}
+
 interface ETH_SendTransactionRequestParamsItem {
 	gas: string;
 	value: string;
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 59fdb63..f04ed29 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -7,16 +7,16 @@ const ContractInfoAPIURL =
 	"https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com/contract-info";
 
 /**
- * @param {MetaMaskRequest} params
- * @returns {params is ETH_SendTransactionRequest}
+ * @param {import("./inject").MetaMaskRequest} params
+ * @returns {params is import("./inject").ETH_SendTransactionRequest}
  */
 function isSendTransactionRequest(params) {
 	return params.method == "eth_sendTransaction";
 }
 
 /**
- * @param {BasicContractInfo} basicInfo
- * @returns {Promise<ContractInfo | null>}
+ * @param {import("./inject").BasicContractInfo} basicInfo
+ * @returns {Promise<import("./inject").ContractInfo | null>}
  */
 function fetchContractInfo(basicInfo) {
 	console.log("fetchContractInfo", basicInfo);
@@ -30,11 +30,12 @@ function fetchContractInfo(basicInfo) {
 		.then((response) => response.json())
 		.then(
 			/**
-			 * @param {ContractInfoJsonResponse} data
+			 * @param {import("./inject").ContractInfoJsonResponse} data
 			 */
 			(data) => {
+				console.log("contract info fetched", data);
 				/**
-				 * @type {ContractInfo}
+				 * @type {import("./inject").ContractInfo}
 				 */
 				const d = {
 					userCount24hours: 0,
@@ -67,6 +68,7 @@ function fetchContractInfo(basicInfo) {
 					d.userCount30days = value;
 				}
 
+				console.log("contract info formatted", d);
 				return d;
 			}
 		)
@@ -193,7 +195,7 @@ async function createFinancialAlertDialog() {
 }
 
 /**
- * @param {FinancialAlertInfo} alertInfo
+ * @param {import("./inject").FinancialAlertInfo} alertInfo
  */
 function populateFinancialAlertWithData(alertInfo) {
 	console.log("populateFinancialAlertWithData", alertInfo);
@@ -336,7 +338,7 @@ function truncateText(text) {
 	// @ts-expect-error
 	const metamaskRequest = window.ethereum.request;
 	/**
-	 * @param {MetaMaskRequest} params
+	 * @param {import("./inject").MetaMaskRequest} params
 	 */
 	// @ts-expect-error
 	window.ethereum.request = (params) => {

From 9ada1c29dc397878a72fb52c497dc03beb6f1237 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 13 Jul 2023 10:00:11 +0530
Subject: [PATCH 46/70] change Drained Accounts to Risk

---
 chrome-extension/src/prebuild-components/financial-alert.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index b9d84ca..9b9446e 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -95,7 +95,7 @@ export default function FinancialAlert() {
 						</div>
 					</div>
 					<div className="item drained-info">
-						<h4>Drained accounts</h4>
+						<h4>Risk</h4>
 						<span>
 							<span className="value" data-priority>
 								———{/* {"HIGH"} */}

From ba15c7d7e502dce3f293cef232fba7518c046651 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 13 Jul 2023 11:18:46 +0530
Subject: [PATCH 47/70] minor fixes

---
 chrome-extension/src/inject.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index f04ed29..419b653 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -1,7 +1,7 @@
 // @ts-check
 const mixpanel = require("mixpanel-browser");
 const { MIXPANEL_PROJECT_ID } = require("../privateenv");
-const { getFonts, chromeRuntimeGetUrlWrapped } = require("./fonts");
+const { chromeRuntimeGetUrlWrapped } = require("./fonts");
 
 const ContractInfoAPIURL =
 	"https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com/contract-info";
@@ -363,14 +363,17 @@ function truncateText(text) {
 				});
 
 				await createFinancialAlertDialog();
+				console.log("reciever's address (provided by metamask)", to);
 				if (window._ethers == undefined) {
 					console.warn("window._ethers is undefined.");
 					continueRequest();
 					return;
 				}
 
+				const checksumAddress = window._ethers.utils.getAddress(to);
+				console.log("reciever's address (checksum)", checksumAddress);
 				const contractInfo = await fetchContractInfo({
-					address: window._ethers.utils.getAddress(to),
+					address: checksumAddress,
 					chain_id: chainId,
 				});
 
@@ -380,7 +383,7 @@ function truncateText(text) {
 					return;
 				}
 
-				let contractDisplay = truncateText(to);
+				let contractDisplay = truncateText(checksumAddress);
 				if (contractInfo.name && contractInfo.name != "NA") {
 					contractDisplay = contractDisplay.concat(
 						" (",
@@ -397,12 +400,12 @@ function truncateText(text) {
 					proceedButtonClickListener: () => {
 						console.log("proceed btn clicked");
 						financialAlertDialog.close();
-						document.body.removeChild(financialAlertDialog);
+						financialAlertDialog.remove();
 						continueRequest();
 					},
 					cancelButtonClickListener: () => {
 						financialAlertDialog.close();
-						document.body.removeChild(financialAlertDialog);
+						financialAlertDialog.remove();
 						reject(new Error("Transaction cancelled by user."));
 					},
 					drainedAccountsValue: contractInfo.riskRating,

From 78178aa43bef3d6eb6413a99e49081c87a1e2ae4 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 13 Jul 2023 12:01:54 +0530
Subject: [PATCH 48/70] show alert for only selected chains

---
 chrome-extension/src/inject.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 419b653..3ce5ba5 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -329,6 +329,8 @@ function truncateText(text) {
 	return text.slice(0, 4).concat("...", text.slice(-4));
 }
 
+const SUPPORTED_CHAINS = ["1", "137"];
+
 (function () {
 	if (window.ethereum == undefined) {
 		console.warn("Metamask extension is not installed");
@@ -361,6 +363,11 @@ function truncateText(text) {
 					"data": data,
 					chainId,
 				});
+				
+				if (!SUPPORTED_CHAINS.includes(chainId)) {
+					continueRequest();
+					return;
+				}
 
 				await createFinancialAlertDialog();
 				console.log("reciever's address (provided by metamask)", to);

From bd9b268f6183a2a0a34eb9f3bce37dce580a9488 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Tue, 18 Jul 2023 13:16:16 +0530
Subject: [PATCH 49/70] chore(server): add .env-example

---
 server/.env-example | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 server/.env-example

diff --git a/server/.env-example b/server/.env-example
new file mode 100644
index 0000000..578be29
--- /dev/null
+++ b/server/.env-example
@@ -0,0 +1,4 @@
+# Postgres Database URL
+DATABASE_URL=""
+
+DISCORD_BOT_TOKEN=""

From 7ad93fa52eabfe760c291d8a18d38d24d0a13e87 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 19 Jul 2023 12:09:18 +0530
Subject: [PATCH 50/70] feat: integrate forta api

---
 chrome-extension/src/inject.d.ts |  17 ++++
 chrome-extension/src/inject.js   | 151 ++++++++++++++++++++++---------
 2 files changed, 126 insertions(+), 42 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index d498df9..c658d1c 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -39,6 +39,23 @@ interface ContractInfo {
 	feedback: string[];
 }
 
+interface FortaApiLabelItem {
+	label: {
+		label: string,
+		entity: string,
+		metadata: string[],
+	},
+	createdAt: string
+}
+
+interface FortaApiResonseData {
+	data: {
+		labels: {
+			labels: FortaApiLabelItem[]
+		}
+	}
+}
+
 type ContractInfoJsonResponse = Overwrite<
 	ContractInfo,
 	{
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 3ce5ba5..f13f52e 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -5,6 +5,8 @@ const { chromeRuntimeGetUrlWrapped } = require("./fonts");
 
 const ContractInfoAPIURL =
 	"https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com/contract-info";
+	
+const FortaAPIUrl = "https://api.forta.network/graphql";
 
 /**
  * @param {import("./inject").MetaMaskRequest} params
@@ -20,58 +22,123 @@ function isSendTransactionRequest(params) {
  */
 function fetchContractInfo(basicInfo) {
 	console.log("fetchContractInfo", basicInfo);
-	return fetch(ContractInfoAPIURL, {
+
+	const contractInfoApiFetch = fetch(ContractInfoAPIURL, {
 		method: "POST",
 		headers: {
 			"Content-Type": "application/json",
 		},
 		body: JSON.stringify(basicInfo),
-	})
-		.then((response) => response.json())
-		.then(
+	}).then(
+		/**
+		 * @returns {Promise<import("./inject").ContractInfo>}
+		 */
+		async (response) => {
+			if (response.ok) {
+				return response.json();
+			}
+			throw await response.text();
+		}
+	);
+
+	const fortaApiFetch = fetch(FortaAPIUrl, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+		},
+		body: JSON.stringify({
+			query: `query Labels($input: LabelsInput) {
+  labels(input: $input) {
+    labels {
+      label {
+        label
+        entity
+        metadata
+      }
+      createdAt
+    }
+  }
+}`,
+			variables: {
+				"input": {
+					"labels": ["scammer"],
+					"entities": [basicInfo.address],
+				},
+			},
+		}),
+	}).then(
+		/**
+		 * @returns {Promise<import("./inject").FortaApiResonseData>}
+		 */
+		async (response) => {
+			if (response.ok) {
+				return response.json();
+			}
+			throw await response.text();
+		}
+	);
+
+	return Promise.allSettled([contractInfoApiFetch, fortaApiFetch])
+		.then((resolvedArr) => {
+			if (resolvedArr[0].status == "rejected") {
+				console.error("request to /contract-info failed");
+				return null;
+			}
+
+			const data = resolvedArr[0].value;
+			console.log("contract info fetched", data);
+
+			let fortaApiResult = null;
+			resolvedArr[1].status == "fulfilled"
+				? resolvedArr[1].value
+				: resolvedArr[1].reason;
+			if (resolvedArr[1].status == "fulfilled") {
+				fortaApiResult = resolvedArr[1].value;
+			} else {
+				console.error("request to Forta API failed", resolvedArr[1].reason);
+			}
+
 			/**
-			 * @param {import("./inject").ContractInfoJsonResponse} data
+			 * @type {import("./inject").ContractInfo}
 			 */
-			(data) => {
-				console.log("contract info fetched", data);
-				/**
-				 * @type {import("./inject").ContractInfo}
-				 */
-				const d = {
-					userCount24hours: 0,
-					userCount30days: 0,
-					creationDate: data.creationDate || null,
-					feedback: Array.isArray(data.feedback) ? data.feedback : [],
-					name: typeof data.name == "string" ? data.name : "NA",
-					riskRating: data.riskRating || "MEDIUM",
-				};
-
-				if (data.userCount24hours) {
-					let value = 0;
-					if (typeof data.userCount24hours == "number") {
-						value = data.userCount24hours;
-					} else if (typeof data.userCount24hours == "string") {
-						value = parseInt(data.userCount24hours);
-						if (Number.isNaN(value)) value = 0;
-					}
-
-					d.userCount24hours = value;
-				}
-				if (data.userCount30days) {
-					let value = 0;
-					if (typeof data.userCount30days == "number") {
-						value = data.userCount30days;
-					} else if (typeof data.userCount30days == "string") {
-						value = parseInt(data.userCount30days);
-						if (Number.isNaN(value)) value = 0;
-					}
-					d.userCount30days = value;
+			const d = {
+				userCount24hours: 0,
+				userCount30days: 0,
+				creationDate: data.creationDate || null,
+				feedback: Array.isArray(data.feedback) ? data.feedback : [],
+				name: typeof data.name == "string" ? data.name : "NA",
+				riskRating: data.riskRating || "MEDIUM",
+			};
+
+			if (data.userCount24hours) {
+				let value = 0;
+				if (typeof data.userCount24hours == "number") {
+					value = data.userCount24hours;
+				} else if (typeof data.userCount24hours == "string") {
+					value = parseInt(data.userCount24hours);
+					if (Number.isNaN(value)) value = 0;
 				}
 
-				console.log("contract info formatted", d);
-				return d;
+				d.userCount24hours = value;
 			}
-		)
+			if (data.userCount30days) {
+				let value = 0;
+				if (typeof data.userCount30days == "number") {
+					value = data.userCount30days;
+				} else if (typeof data.userCount30days == "string") {
+					value = parseInt(data.userCount30days);
+					if (Number.isNaN(value)) value = 0;
+				}
+				d.userCount30days = value;
+			}
+			if (fortaApiResult && fortaApiResult.data.labels.labels.length > 0) {
+				// labelled as scammer by Forta
+				d.feedback.push("Labelled as scammer by Forta");
+			}
+
+			console.log("contract info formatted", d);
+			return d;
+		})
 		.catch((error) => {
 			console.error(error);
 			return null;

From b83424c669c6693d80ad8e978c13929a5315dda1 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 19 Jul 2023 14:06:42 +0530
Subject: [PATCH 51/70] chore: update packages to make discordjs work

---
 server/package.json   | 2 +-
 server/serverless.yml | 2 +-
 server/src/app.ts     | 2 +-
 server/tsconfig.json  | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/package.json b/server/package.json
index bdad001..71d3abc 100644
--- a/server/package.json
+++ b/server/package.json
@@ -50,7 +50,7 @@
     "lint-staged": "^12.5.0",
     "prettier": "^2.6.2",
     "rimraf": "^3.0.2",
-    "serverless": "^3.19.0",
+    "serverless": "^3.33.0",
     "serverless-bundle": "^5.3.0",
     "serverless-dotenv-plugin": "^4.0.1",
     "serverless-offline": "^8.8.0",
diff --git a/server/serverless.yml b/server/serverless.yml
index cbbb470..d2e0ba7 100644
--- a/server/serverless.yml
+++ b/server/serverless.yml
@@ -14,7 +14,7 @@ custom:
 
 provider:
   name: aws
-  runtime: nodejs14.x
+  runtime: nodejs16.x
   region: ap-northeast-1
   memorySize: 512
   timeout: 10
diff --git a/server/src/app.ts b/server/src/app.ts
index 2dd4939..aca62a3 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -221,4 +221,4 @@ if (process.env.SERVER_TYPE == 'express' && !isListening) {
 		isListening = true;
 		console.log('server listening on 4000')
 	})
-}
\ No newline at end of file
+}
diff --git a/server/tsconfig.json b/server/tsconfig.json
index 73e4883..cee22c0 100644
--- a/server/tsconfig.json
+++ b/server/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "lib": ["es2017"],
+    "lib": ["es2022"],
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
@@ -19,7 +19,7 @@
     "allowUnreachableCode": false,
     "noFallthroughCasesInSwitch": true,
 
-    "target": "es2017",
+    "target": "es2020",
     "outDir": "dist",
     "declaration": true,
     "sourceMap": true,

From 66b20835dd399f120e6cb537ba93613639a711ad Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Wed, 19 Jul 2023 23:49:55 +0530
Subject: [PATCH 52/70] add /submit-contract-report

---
 server/package.json          |   1 +
 server/src/app.ts            | 107 +++++++++++++++++++++++++++++++
 server/src/discord-client.ts | 119 +++++++++++++++++++++++++++++++++++
 server/src/types.ts          |   8 +++
 4 files changed, 235 insertions(+)
 create mode 100644 server/src/discord-client.ts
 create mode 100644 server/src/types.ts

diff --git a/server/package.json b/server/package.json
index 71d3abc..80bdc3e 100644
--- a/server/package.json
+++ b/server/package.json
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "capture-website": "^2.4.0",
+    "discord-api-types": "^0.37.49",
     "ethers": "^6.6.2",
     "express": "^4.18.1",
     "helmet": "^5.1.0",
diff --git a/server/src/app.ts b/server/src/app.ts
index aca62a3..d1189c6 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -5,6 +5,8 @@ import pool from './db';
 import {ethers}  from 'ethers';
 import fetch from 'node-fetch';
 import { BasicDomainInfo, DomainInfo, DomainScamInfo } from "../../important-types";
+import client from './discord-client';
+import { ContractReport__Unknown, ContractReport, ContractReport_FraudType } from './types';
 const whois = require('whois-json');
 
 const app = express();
@@ -59,6 +61,111 @@ app.post("/contract-info", async (req, res) => {
   return;
 });
 
+function validateUnknownFinancialReport(
+	reportBody: ContractReport__Unknown
+): asserts reportBody is ContractReport {
+	if (reportBody == undefined) {
+		throw "body.report is undefined";
+	}
+	if (typeof reportBody != "object") {
+		throw "Invalid value passed for body.report";
+	}
+	if (typeof reportBody.fraudType == undefined) {
+		throw "body.report.fraudType is undefined";
+	}
+	if (typeof reportBody.info == undefined) {
+		throw "body.report.info is undefined";
+	}
+	if (reportBody.info == "") {
+		throw "body.report.info is empty";
+	}
+}
+
+const TARGET_GUILD_NAME = "sahithyan's server";
+const TARGET_CHANNEL_NAME = "lkfj";
+
+/**
+ * phishing -> Phishing
+ * financial-loss -> Financial Loss
+ */
+function fraudTypeDisplayText(fraudType: ContractReport_FraudType): string {
+	return fraudType
+		.split("-")
+		.map((word) => {
+			// capitalize first letter
+			return word.charAt(0).toUpperCase().concat(fraudType.slice(1));
+		})
+		.join(" ");
+}
+
+app.post("/submit-contract-report", async (req, res) => {
+	const userError = (message: string) => {
+		res.status(400).send(message);
+	};
+	const internalError = (message: string) => {
+		console.error(message);
+		res.status(500).send("Internal Error Occured");
+	}
+
+	const reportBody: ContractReport__Unknown = req.body.report;
+
+	try {
+		validateUnknownFinancialReport(reportBody);
+	} catch (errorMesage) {
+		return userError(
+			typeof errorMesage == "string" ? errorMesage : "Unknown error occured."
+		);
+	}
+
+	if (
+		reportBody.fraudType != "phishing" &&
+		reportBody.fraudType != "financial-loss"
+	) {
+		console.warn(
+			"Invalid value passed for body.report.fraudType",
+			reportBody.fraudType
+		);
+	}
+
+	const guilds = await client.guilds();
+	if (guilds == null) {
+		return internalError("Couldn't get guilds of the bot");
+	}
+
+	const targetGuild = guilds.find((guild) => guild.name == TARGET_GUILD_NAME);
+	if (targetGuild == undefined) {
+		return internalError(`The bot haven't joined ${TARGET_GUILD_NAME} guild yet.`);
+	}
+
+	const channels = await client.guildChannels(targetGuild.id);
+	if (channels == null) {
+		return internalError(`Couldn't get channels of ${targetGuild.name} guild`);
+	}
+
+	const targetChannel = channels.find(
+		(channel) => channel.name == TARGET_CHANNEL_NAME
+	);
+	if (targetChannel == undefined) {
+		return internalError(
+			`${TARGET_CHANNEL_NAME} wasn't found in ${TARGET_GUILD_NAME} guild.`
+		);
+	}
+
+	await client.sendMessage(targetChannel.id, {
+		embeds: [
+			{
+				title: "Contract Report Received",
+				description: [
+					`*Report type*: ${fraudTypeDisplayText(reportBody.fraudType)}`,
+					`*Report description*: ${reportBody.info}`,
+				].join("\n"),
+			},
+		],
+	});
+	
+	res.status(200).send("done");
+});
+
 app.use((_, res, _2) => {
 	res.status(404).json({ error: 'NOT FOUND' });
 });
diff --git a/server/src/discord-client.ts b/server/src/discord-client.ts
new file mode 100644
index 0000000..e7b4171
--- /dev/null
+++ b/server/src/discord-client.ts
@@ -0,0 +1,119 @@
+import type { APIChannel, APIPartialGuild, APIEmbed, APIAllowedMentions, APIMessageReference, APIMessageComponent, Snowflake } from "discord-api-types/v10";
+import fetch, { HeadersInit, RequestInit } from "node-fetch";
+
+/**
+ * Created from
+ * https://discord.com/developers/docs/resources/channel#create-message
+ */
+interface APIMessage_Create {
+	/**
+	 * Message contents (up to 2000 characters)
+	 */
+	content?: string;
+	/**
+	 * Can be used to verify a message was sent (up to 25 characters). Value will appear in the Message Create event.
+	 */
+	nonce?: number | string;
+	/** true if this is a TTS message */
+	tts?: boolean;
+	/** Up to 11 rich embeds (up to 6000 characters) */
+	embeds?: APIEmbed[];
+	/** Allowed mentions for the message */
+	allowed_mentions?: APIAllowedMentions[];
+	/** Include to make your message a reply */
+	message_reference?: APIMessageReference;
+	/** Components to include with the message */
+	components?: APIMessageComponent[];
+	/** IDs of up to 4 stickers in the server to send in the message */
+	sticker_ids?: Snowflake[];
+	/** Contents of the file being sent. See Uploading Files */
+	"files[n]"?: unknown[];
+	/** JSON-encoded body of non-file params, only for multipart/form-data requests. See Uploading Files */
+	payload_json?: string;
+	/** Attachment objects with filename and description. See Uploading Files */
+	attachments?: unknown[];
+	/** Message flags combined as a bitfield (only SUPPRESS_EMBEDS and SUPPRESS_NOTIFICATIONS can be set */
+	flags?: number;
+}
+
+const BASIC_URL = "https://discord.com/api/v10";
+
+const token = process.env.DISCORD_BOT_TOKEN || "";
+
+if (token == "") {
+	console.error("ERROR: env.DISCORD_BOT_TOKEN is undefined");
+	process.exit(2);
+}
+
+/**
+ * To learn more, refer to the documentation of the Discord API
+ * https://discord.com/developers/docs/resources
+ */
+export class DiscordClientRestWrapper {
+	token: string;
+
+	constructor(token: string) {
+		this.token = token;
+	}
+
+	private fetch(
+		route: string,
+		method: "GET" | "POST" = "GET",
+		init?: RequestInit
+	) {
+		const headers: HeadersInit = {
+			"Authorization": `Bot ${this.token}`,
+		};
+
+		if (method == "POST") {
+			headers["Content-Type"] = "application/json";
+		}
+
+		return fetch(BASIC_URL.concat(route), {
+			method,
+			headers,
+			...init,
+		}).then((response) => {
+			return response.json();
+		});
+	}
+
+	private get<T>(route: string): Promise<T> {
+		return this.fetch(route, "GET") as Promise<T>;
+	}
+	private post<T = Record<string, unknown>>(route: string, body: T) {
+		return this.fetch(route, "POST", {
+			body: JSON.stringify(body),
+		});
+	}
+
+	guilds() {
+		return this.get<APIPartialGuild[]>("/users/@me/guilds")
+			.then((guilds) => {
+				return guilds;
+			})
+			.catch((err) => {
+				console.error(err);
+			});
+	}
+
+	guildChannels(guildId: string) {
+		return this.get<APIChannel[]>(`/guilds/${guildId}/channels`)
+			.then((channels) => {
+				return channels;
+			})
+			.catch((err) => {
+				console.error(err);
+			});
+	}
+
+	sendMessage(channelId: string, message: APIMessage_Create) {
+		return this.post<APIMessage_Create>(`/channels/${channelId}/messages`, {
+			tts: false,
+			...message
+		});
+	}
+}
+
+const client = new DiscordClientRestWrapper(token);
+export default client;
diff --git a/server/src/types.ts b/server/src/types.ts
new file mode 100644
index 0000000..3e22655
--- /dev/null
+++ b/server/src/types.ts
@@ -0,0 +1,8 @@
+export type ContractReport_FraudType = "phishing" | "financial-loss" | string;
+
+export type ContractReport = {
+	fraudType: ContractReport_FraudType;
+	info: string;
+}
+
+export type ContractReport__Unknown = Partial<ContractReport> | undefined;

From 0b0221d6d7b4e957fad028bf661db8d274e395e1 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 00:31:39 +0530
Subject: [PATCH 53/70] add report form to financial-alert

---
 chrome-extension/src/inject.js                | 155 ++++++++++++++++++
 .../prebuild-components/financial-alert.css   |  62 ++++++-
 .../prebuild-components/financial-alert.tsx   |  39 +++++
 3 files changed, 254 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index f13f52e..125cba0 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -8,6 +8,12 @@ const ContractInfoAPIURL =
 	
 const FortaAPIUrl = "https://api.forta.network/graphql";
 
+const env = {
+	host: "https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com",
+	// For developement
+	// host: "http://localhost:4000",
+};
+
 /**
  * @param {import("./inject").MetaMaskRequest} params
  * @returns {params is import("./inject").ETH_SendTransactionRequest}
@@ -145,6 +151,40 @@ function fetchContractInfo(basicInfo) {
 		});
 }
 
+/**
+ * @param {import("../../server/src/types").ContractReport} report
+ * @returns {Promise<string | undefined>} string --> error message, undefined --> successful
+ */
+function submitFinancialReport(report) {
+	return fetch(env.host.concat("/submit-contract-report"), {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+		},
+		body: JSON.stringify({
+			report,
+		}),
+	})
+		.then((response) => {
+			if (response.ok) {
+				return;
+			}
+			return response.text();
+		})
+		.then(
+			(value) => (
+				console.log("submitFinancialReport return value", value), value
+			)
+		)
+		.catch((err) => {
+			console.log("submitFinancialReport error", err);
+			if (err instanceof Error) {
+				return `${err.name}: ${err.message}`;
+			}
+			return "Unknown error occured";
+		});
+}
+
 /**
  * @type {<E extends HTMLElement = HTMLElement>(shadowRoot: ShadowRoot, selector: string) => E}
  */
@@ -312,8 +352,20 @@ function populateFinancialAlertWithData(alertInfo) {
 	const feedbackListElement = select(".feedback-list");
 
 	const proceedButton = select("#proceed-btn");
+	const reportButton = select("#report-btn");
 	const closeButton = select("#close-btn");
 
+	const formElement = select("#report-form");
+	const fraudTypeSelectElement = select("select[name=fraud-type]");
+	const phishingInfoSectionContainer = select("div[data-show-if=phishing]");
+	const phishingInfoElement = select("textarea[name=phishing-info]");
+	const financialLossInfoSectionContainer = select(
+		"div[data-show-if=financial-loss]"
+	);
+	const financialLossInfoElement = select("textarea[name=financial-loss-info]");
+	const formResponseMessageElement = select(".form-response-message");
+	const formSubmitButton = select("button.submit");
+
 	let formattedTransactionsIn30days = alertInfo.transactionsIn30days.toString();
 	if (alertInfo.transactionsIn30days >= 1000) {
 		formattedTransactionsIn30days = Math.floor(
@@ -367,6 +419,109 @@ function populateFinancialAlertWithData(alertInfo) {
 
 	proceedButton.addEventListener("click", alertInfo.proceedButtonClickListener);
 	closeButton.addEventListener("click", alertInfo.cancelButtonClickListener);
+	reportButton.addEventListener("click", () => {
+		formElement.classList.toggle("hidden");
+	});
+
+	if (!(formElement instanceof HTMLFormElement)) {
+		console.error(formElement);
+		throw new Error(
+			"formElement is expected to be a form element."
+		);
+	}
+
+	if (!(fraudTypeSelectElement instanceof HTMLSelectElement)) {
+		console.error(fraudTypeSelectElement);
+		throw new Error(
+			"fraudTypeSelectElement is expected to be a select element."
+		);
+	}
+	if (!(financialLossInfoElement instanceof HTMLTextAreaElement)) {
+		console.error(financialLossInfoElement);
+		throw new Error(
+			"financialLossInfoElement is expected to be a textarea element."
+		);
+	}
+	if (!(phishingInfoElement instanceof HTMLTextAreaElement)) {
+		console.error(phishingInfoElement);
+		throw new Error(
+			"phishingInfoElement is expected to be a textarea element."
+		);
+	}
+	if (!(formSubmitButton instanceof HTMLButtonElement)) {
+		console.error(formSubmitButton);
+		throw new Error(
+			"formSubmitButton is expected to be a button element."
+		);
+	}
+
+	/**
+	 * @param {import("../../server/src/types").ContractReport_FraudType} sectionId
+	 */
+	function displayInfoSectionInForm(sectionId) {
+		if (sectionId != "phishing" && sectionId != "financial-loss") {
+			console.error(
+				"displayInfoSectionInForm: invalid value for sectionId",
+				sectionId
+			);
+			return;
+		}
+
+		phishingInfoSectionContainer.classList.toggle(
+			"hidden",
+			// false,
+			sectionId != "phishing"
+		);
+		financialLossInfoSectionContainer.classList.toggle(
+			"hidden",
+			// false
+			sectionId != "financial-loss"
+		);
+	}
+	
+	/**
+	 * @param {string} message
+	 * @param {"error" | "success"} type
+	 */
+	function showFormResponseMessage(message, type) {
+		formResponseMessageElement.classList.toggle("error", type == "error");
+		formResponseMessageElement.classList.toggle("success", type == "success");
+		
+		formResponseMessageElement.innerText = message;
+	}
+
+	displayInfoSectionInForm(fraudTypeSelectElement.value);
+
+	fraudTypeSelectElement.addEventListener("change", () => {
+		displayInfoSectionInForm(fraudTypeSelectElement.value);
+	});
+
+	formElement.addEventListener("submit", (event) => {
+		event.preventDefault();
+
+		let info = "";
+		// phishingInfoElement.value;
+		switch(fraudTypeSelectElement.value) {
+			case "financial-loss":
+				info = financialLossInfoElement.value;
+				break;
+			case "phishing":
+				info = phishingInfoElement.value;
+				break;
+			default:
+				console.warn("unknown value for fraud type", fraudTypeSelectElement.value);
+		}
+		
+		if (info == "") {
+			showFormResponseMessage("Provide some information about the fraud", "error");
+			return;
+		}
+
+		submitFinancialReport({
+			fraudType: fraudTypeSelectElement.value,
+			info,
+		});
+	});
 
 	containerElement.dataset[FINANCIAL_ALERT_IS_LOADING] = `${false}`;
 }
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 56d5226..df84a44 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -192,7 +192,7 @@ h4 {
 	font-weight: 700;
 }
 
-.bottom-container button {
+button {
 	margin-left: 5px;
 	border-radius: 3px;
 	padding: 5px 10px;
@@ -206,7 +206,7 @@ h4 {
 	transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
 }
 
-.bottom-container button:hover {
+button:hover {
 	opacity: 1;
 	border-color: hsl(265deg 94% 75%);
 }
@@ -241,3 +241,61 @@ ul {
 	list-style: "- " outside;
 	padding-left: 13px;
 }
+
+#report-form {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+}
+#report-form h2 {
+	margin: 5px 0;
+}
+
+#report-form div[data-show-if] {
+	margin-top: 6px;
+}
+
+#report-form label {
+	font-weight: 500;
+	display: block;
+	margin-bottom: 4px;
+}
+
+select {
+	border-radius: 4px;
+	padding: 4px 6px;
+	width: 100%;
+}
+
+select, option {
+	cursor: pointer;
+}
+
+#report-form select,
+#report-form textarea {
+	background-color: hsl(265 100% 90%);
+}
+
+#report-form textarea {
+	width: 100%;
+	border-radius: 4px;
+	padding: 2px 4px;
+	resize: vertical;
+	font-size: .9em;
+}
+
+#report-form button {
+	margin-left: auto;
+}
+
+.form-response-message.error {
+	color: hsl(0, 100%, 52%);
+}
+
+.form-response-message.success {
+	color: hsl(133deg 100% 33%)
+}
+
+textarea:invalid {
+	color: hsl(0, 100%, 52%);
+}
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index 9b9446e..71fd2bb 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -132,10 +132,49 @@ export default function FinancialAlert() {
 					<div className="credits">Powered by VigialnceDAO</div>
 
 					<button id="proceed-btn">Proceed</button>
+					<button id="report-btn">Report</button>
 					<button id="close-btn" autoFocus={true}>
 						Cancel
 					</button>
 				</div>
+
+				<form id="report-form" className="hidden">
+					<h2>Report</h2>
+					<div>
+						<label>Fraud type</label>
+						<select name="fraud-type" defaultValue="phishing">
+							<option value="phishing">Phishing</option>
+							<option value="financial-loss">Financial Loss</option>
+						</select>
+					</div>
+
+					<div data-show-if="phishing" className="hidden">
+						<label>
+							Which legitimate contract is being imitated by this contract? and
+							How does it trick people?
+						</label>
+						<textarea
+							name="phishing-info"
+							rows={4}
+							placeholder="This address is trying to imitate uniswap.org. The owner of this address prompts users to connect wallet and then automatically triggers Approve transactions to drain users wallet."
+						/>
+					</div>
+					<div data-show-if="financial-loss" className="hidden">
+						<label htmlFor="">
+							How does this contract lead to a financial loss?
+						</label>
+						<textarea
+							name="financial-loss-info"
+							rows={4}
+							placeholder="The address tries to look like a legitimate NFT site and claims to drop free NFTs to users. Upon interaction with the site, the website automatically trigger Approve token transactions to drain connected wallet."
+						/>
+					</div>
+
+					<div className="bottom-container">
+						<div className="form-response-message"></div>
+						<button className="submit">Submit</button>
+					</div>
+				</form>
 			</div>
 		</div>
 	);

From f071b83bd947492c09b11548e8fb964418e15931 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 00:36:33 +0530
Subject: [PATCH 54/70] load discord guild and channel info from env

---
 server/.env-example |  8 ++++++++
 server/src/app.ts   | 11 +++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/server/.env-example b/server/.env-example
index 578be29..dab2903 100644
--- a/server/.env-example
+++ b/server/.env-example
@@ -2,3 +2,11 @@
 DATABASE_URL=""
 
 DISCORD_BOT_TOKEN=""
+
+# Optional
+
+# default --> "sahithyan's server"
+DISCORD_TARGET_GUILD_NAME=""
+
+# default --> "lkfj"
+DISCORD_TARGET_CHANNEL_NAME=""
diff --git a/server/src/app.ts b/server/src/app.ts
index d1189c6..4c434eb 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -81,8 +81,15 @@ function validateUnknownFinancialReport(
 	}
 }
 
-const TARGET_GUILD_NAME = "sahithyan's server";
-const TARGET_CHANNEL_NAME = "lkfj";
+const TARGET_GUILD_NAME = process.env.DISCORD_TARGET_GUILD_NAME || "sahithyan's server";
+const TARGET_CHANNEL_NAME = process.env.DISCORD_TARGET_CHANNEL_NAME || "lkfj";
+
+if (TARGET_GUILD_NAME == "") {
+	console.error("env.DISCORD_TARGET_GUILD_NAME is set to '' (empty string)");
+}
+if (TARGET_CHANNEL_NAME == "") {
+	console.error("env.DISCORD_TARGET_CHANNEL_NAME is set to '' (empty string)");
+}
 
 /**
  * phishing -> Phishing

From 14e9e45e08b30a74cab4f70608ad8791348ad23d Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 01:06:24 +0530
Subject: [PATCH 55/70] add additional info to contract report

---
 chrome-extension/src/inject.d.ts |  4 +++-
 chrome-extension/src/inject.js   | 15 ++++++++++++---
 server/src/app.ts                |  5 +++--
 server/src/types.ts              |  3 +++
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/chrome-extension/src/inject.d.ts b/chrome-extension/src/inject.d.ts
index c658d1c..be09c85 100644
--- a/chrome-extension/src/inject.d.ts
+++ b/chrome-extension/src/inject.d.ts
@@ -1,6 +1,7 @@
 type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
 
 import { ethers } from "ethers";
+import { ContractReport } from "../../server/src/types";
 
 declare global {
 	interface Window {
@@ -92,7 +93,8 @@ interface FinancialAlertInfo {
 	drainedAccountsValue: RiskRating;
 	transactionsIn24hours: number;
 	transactionsIn30days: number;
+	feedback: string[];
+	reportBasicBody: Omit<ContractReport, "fraudType" | "info">;
 	cancelButtonClickListener: () => void;
 	proceedButtonClickListener: () => void;
-	feedback: string[];
 }
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 125cba0..c52fa58 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -155,7 +155,7 @@ function fetchContractInfo(basicInfo) {
  * @param {import("../../server/src/types").ContractReport} report
  * @returns {Promise<string | undefined>} string --> error message, undefined --> successful
  */
-function submitFinancialReport(report) {
+function submitContractReport(report) {
 	return fetch(env.host.concat("/submit-contract-report"), {
 		method: "POST",
 		headers: {
@@ -517,7 +517,8 @@ function populateFinancialAlertWithData(alertInfo) {
 			return;
 		}
 
-		submitFinancialReport({
+		submitContractReport({
+			...alertInfo.reportBasicBody,
 			fraudType: fraudTypeSelectElement.value,
 			info,
 		});
@@ -613,7 +614,10 @@ const SUPPORTED_CHAINS = ["1", "137"];
 				}
 
 				let contractDisplay = truncateText(checksumAddress);
-				if (contractInfo.name && contractInfo.name != "NA") {
+				const shouldIncludeContractInfoName =
+					contractInfo.name && contractInfo.name != "NA";
+
+				if (shouldIncludeContractInfoName) {
 					contractDisplay = contractDisplay.concat(
 						" (",
 						contractInfo.name,
@@ -639,6 +643,11 @@ const SUPPORTED_CHAINS = ["1", "137"];
 					},
 					drainedAccountsValue: contractInfo.riskRating,
 					feedback: contractInfo.feedback,
+					reportBasicBody: {
+						address: checksumAddress,
+						chainId,
+						name: shouldIncludeContractInfoName ? contractInfo.name : undefined,
+					},
 				});
 			})
 		).then(() => {
diff --git a/server/src/app.ts b/server/src/app.ts
index 4c434eb..4679510 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -163,8 +163,9 @@ app.post("/submit-contract-report", async (req, res) => {
 			{
 				title: "Contract Report Received",
 				description: [
-					`*Report type*: ${fraudTypeDisplayText(reportBody.fraudType)}`,
-					`*Report description*: ${reportBody.info}`,
+					`**Reported address**: ${reportBody.address}`.concat(reportBody.name ? ` (${reportBody.name})` : ""),
+					`**Report type**: ${fraudTypeDisplayText(reportBody.fraudType)}`,
+					`**Report description**: ${reportBody.info}`,
 				].join("\n"),
 			},
 		],
diff --git a/server/src/types.ts b/server/src/types.ts
index 3e22655..a00dbad 100644
--- a/server/src/types.ts
+++ b/server/src/types.ts
@@ -3,6 +3,9 @@ export type ContractReport_FraudType = "phishing" | "financial-loss" | string;
 export type ContractReport = {
 	fraudType: ContractReport_FraudType;
 	info: string;
+	address: string;
+	name?: string;
+	chainId: string;
 }
 
 export type ContractReport__Unknown = Partial<ContractReport> | undefined;

From 17cbbdf0f50746e4e9b40e121686b4865f7f2ac0 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 20:00:44 +0530
Subject: [PATCH 56/70] fix issue with verified alert

---
 chrome-extension/src/content.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 296f660..05ee6cb 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -304,7 +304,7 @@ const CLOSE_ICON = `<svg class="icon icon-tabler icon-tabler-x" width="100%" hei
 /**
  * Displays a Vigilance DAO logo in the bottom-right corner of the window.
  */
-function displayVerifiedAlert() {
+async function displayVerifiedAlert() {
 	if (alertVerifiedContainer) return;
 
 	alertVerifiedContainer = document.createElement("div");
@@ -315,7 +315,7 @@ function displayVerifiedAlert() {
 
 	innerHTMLParts[0] = `
 	<style>
-		${getFonts()}
+		${await getFonts()}
 		:host {
 			z-index: 10000;
 			position: fixed;

From e724314face2ecba42807e555a9fc04130e59969 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 20:04:45 +0530
Subject: [PATCH 57/70] fix: textarea inside financial-alert not editable on
 specific sites

---
 chrome-extension/src/inject.js                | 34 ++++++++++++++++---
 .../prebuild-components/financial-alert.css   |  4 ---
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index c52fa58..d007af3 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -199,6 +199,29 @@ function querySelector(shadowRoot, selector) {
 	return element;
 }
 
+/**
+ * Calling this function with "disable" --> disables auto focusing on dialogs that maybe showing already.
+ * "enable" --> reverses it.
+ * @param {"disable" | "enable"} value
+ */
+function toggleOtherDialogs(value) {
+	const dialogs = document.querySelectorAll("dialog[open], [role=dialog]");
+
+	for (let i = 0; i < dialogs.length; i++) {
+		const element = dialogs.item(i);
+		if (element == null || element == undefined) {
+			continue;
+		}
+
+		console.log(`setting inert=${value == "disable"}`, "on", element);
+		if (value == "disable") {
+			element.setAttribute("inert", "");
+		} else {
+			element.removeAttribute("inert");
+		}
+	}
+}
+
 const financialAlertDialog = document.createElement("dialog");
 const FINANCIAL_ALERT_INNER_DIV_ID = "FINANCIAL_ALERT_INNER_DIV_ID";
 const FINANCIAL_ALERT_INNER_DIV_SELECTOR = `div#${FINANCIAL_ALERT_INNER_DIV_ID}`;
@@ -239,16 +262,18 @@ async function createFinancialAlertDialog() {
 
 		financialAlertDialog.style.borderRadius =
 			OUTER_BORDER_RADIUS.toString().concat("px");
-		financialAlertDialog.style.zIndex = "10000";
-		financialAlertDialog.style.position = "absolute";
 		financialAlertDialog.style.top = "10px";
 		financialAlertDialog.style.right = "clamp(10px, 3vw, 30px)";
 		financialAlertDialog.style.left = "auto";
 		financialAlertDialog.style.height = "fit-content";
 		financialAlertDialog.style.border = "none";
 		financialAlertDialog.style.padding = "0";
+		financialAlertDialog.style.marginTop = "0";
 		financialAlertDialog.style.background =
 			"linear-gradient(to bottom, hsl(265, 100%, 40%), hsl(265, 94%, 19%))";
+		financialAlertDialog.style.overflow = "hidden";
+
+		financialAlertDialog.className = "____vigilance-dao-dialog____";
 
 		/**
 		 * @type {string[]}
@@ -282,7 +307,6 @@ async function createFinancialAlertDialog() {
 	const shadowRoot = div.shadowRoot || div.attachShadow({ mode: "open" });
 	shadowRoot.innerHTML = financialAlertDialogInnerHtml;
 
-	financialAlertDialog.className = "____vigilance-dao-dialog____";
 	document.body.appendChild(financialAlertDialog);
 
 	const select = querySelector.bind(null, shadowRoot);
@@ -298,6 +322,7 @@ async function createFinancialAlertDialog() {
 		event.target.remove();
 	});
 
+	toggleOtherDialogs("disable");
 	financialAlertDialog.show();
 }
 
@@ -631,14 +656,15 @@ const SUPPORTED_CHAINS = ["1", "137"];
 					transactionsIn24hours: contractInfo.userCount24hours || 0,
 					transactionsIn30days: contractInfo.userCount30days || 0,
 					proceedButtonClickListener: () => {
-						console.log("proceed btn clicked");
 						financialAlertDialog.close();
 						financialAlertDialog.remove();
+						toggleOtherDialogs("enable");
 						continueRequest();
 					},
 					cancelButtonClickListener: () => {
 						financialAlertDialog.close();
 						financialAlertDialog.remove();
+						toggleOtherDialogs("enable");
 						reject(new Error("Transaction cancelled by user."));
 					},
 					drainedAccountsValue: contractInfo.riskRating,
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index df84a44..8678389 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -295,7 +295,3 @@ select, option {
 .form-response-message.success {
 	color: hsl(133deg 100% 33%)
 }
-
-textarea:invalid {
-	color: hsl(0, 100%, 52%);
-}

From 4a81336ecd8b698388b9c258ee4a6e8a4f5e8d80 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 20:23:23 +0530
Subject: [PATCH 58/70] fix style issue on some websites

---
 chrome-extension/src/inject.js | 59 +++++++++++++++++++++++++++-------
 1 file changed, 47 insertions(+), 12 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index d007af3..d541a9b 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -222,6 +222,33 @@ function toggleOtherDialogs(value) {
 	}
 }
 
+/**
+ * @param {"auto" | "reverse-auto"} action
+ */
+function toggleBodyScrollY(action) {
+	if (action == "auto") {
+		const oldOverflowY = document.body.style.overflowY;
+		if (oldOverflowY != "auto") {
+			document.body.dataset.oldOverflowY = oldOverflowY;
+
+			const styleAttributeContent = document.body.getAttribute("style") || "";
+			document.body.setAttribute(
+				"style",
+				styleAttributeContent.concat(";overflow-y: auto !important;")
+			);
+		}
+		return;
+	}
+	if (action == "reverse-auto") {
+		const oldOverflowY = document.body.dataset.oldOverflowY;
+		if (oldOverflowY == undefined) return;
+
+		document.body.style.overflowY = oldOverflowY;
+		document.body.removeAttribute("data-old-overflow-y");
+		return;
+	}
+}
+
 const financialAlertDialog = document.createElement("dialog");
 const FINANCIAL_ALERT_INNER_DIV_ID = "FINANCIAL_ALERT_INNER_DIV_ID";
 const FINANCIAL_ALERT_INNER_DIV_SELECTOR = `div#${FINANCIAL_ALERT_INNER_DIV_ID}`;
@@ -262,6 +289,7 @@ async function createFinancialAlertDialog() {
 
 		financialAlertDialog.style.borderRadius =
 			OUTER_BORDER_RADIUS.toString().concat("px");
+		financialAlertDialog.style.zIndex = "20000";
 		financialAlertDialog.style.top = "10px";
 		financialAlertDialog.style.right = "clamp(10px, 3vw, 30px)";
 		financialAlertDialog.style.left = "auto";
@@ -361,6 +389,8 @@ function populateFinancialAlertWithData(alertInfo) {
 		return;
 	}
 
+	toggleBodyScrollY("auto");
+
 	const select = querySelector.bind(null, shadowRoot);
 
 	const containerElement = select(".container");
@@ -450,9 +480,7 @@ function populateFinancialAlertWithData(alertInfo) {
 
 	if (!(formElement instanceof HTMLFormElement)) {
 		console.error(formElement);
-		throw new Error(
-			"formElement is expected to be a form element."
-		);
+		throw new Error("formElement is expected to be a form element.");
 	}
 
 	if (!(fraudTypeSelectElement instanceof HTMLSelectElement)) {
@@ -475,9 +503,7 @@ function populateFinancialAlertWithData(alertInfo) {
 	}
 	if (!(formSubmitButton instanceof HTMLButtonElement)) {
 		console.error(formSubmitButton);
-		throw new Error(
-			"formSubmitButton is expected to be a button element."
-		);
+		throw new Error("formSubmitButton is expected to be a button element.");
 	}
 
 	/**
@@ -503,7 +529,7 @@ function populateFinancialAlertWithData(alertInfo) {
 			sectionId != "financial-loss"
 		);
 	}
-	
+
 	/**
 	 * @param {string} message
 	 * @param {"error" | "success"} type
@@ -511,7 +537,7 @@ function populateFinancialAlertWithData(alertInfo) {
 	function showFormResponseMessage(message, type) {
 		formResponseMessageElement.classList.toggle("error", type == "error");
 		formResponseMessageElement.classList.toggle("success", type == "success");
-		
+
 		formResponseMessageElement.innerText = message;
 	}
 
@@ -526,7 +552,7 @@ function populateFinancialAlertWithData(alertInfo) {
 
 		let info = "";
 		// phishingInfoElement.value;
-		switch(fraudTypeSelectElement.value) {
+		switch (fraudTypeSelectElement.value) {
 			case "financial-loss":
 				info = financialLossInfoElement.value;
 				break;
@@ -534,11 +560,17 @@ function populateFinancialAlertWithData(alertInfo) {
 				info = phishingInfoElement.value;
 				break;
 			default:
-				console.warn("unknown value for fraud type", fraudTypeSelectElement.value);
+				console.warn(
+					"unknown value for fraud type",
+					fraudTypeSelectElement.value
+				);
 		}
-		
+
 		if (info == "") {
-			showFormResponseMessage("Provide some information about the fraud", "error");
+			showFormResponseMessage(
+				"Provide some information about the fraud",
+				"error"
+			);
 			return;
 		}
 
@@ -659,12 +691,15 @@ const SUPPORTED_CHAINS = ["1", "137"];
 						financialAlertDialog.close();
 						financialAlertDialog.remove();
 						toggleOtherDialogs("enable");
+						toggleBodyScrollY("reverse-auto");
+						
 						continueRequest();
 					},
 					cancelButtonClickListener: () => {
 						financialAlertDialog.close();
 						financialAlertDialog.remove();
 						toggleOtherDialogs("enable");
+						toggleBodyScrollY("reverse-auto");
 						reject(new Error("Transaction cancelled by user."));
 					},
 					drainedAccountsValue: contractInfo.riskRating,

From 1154d7f8331e7465b9b547a1f6fe8c5a3987e375 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 20:46:42 +0530
Subject: [PATCH 59/70] fix form submit response not shown

---
 chrome-extension/src/inject.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index d541a9b..d16cb9a 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -578,6 +578,12 @@ function populateFinancialAlertWithData(alertInfo) {
 			...alertInfo.reportBasicBody,
 			fraudType: fraudTypeSelectElement.value,
 			info,
+		}).then((v) => {
+			if (v == undefined) {
+				showFormResponseMessage("Successfully submitted", "success");
+			} else {
+				showFormResponseMessage(v, "error");
+			}
 		});
 	});
 

From 47b9675231ec718f966bfbc83d67cde4727e4f50 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Thu, 20 Jul 2023 20:47:10 +0530
Subject: [PATCH 60/70] fix: fraud type in discord message

---
 server/src/app.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/src/app.ts b/server/src/app.ts
index 4679510..be1647b 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -100,7 +100,7 @@ function fraudTypeDisplayText(fraudType: ContractReport_FraudType): string {
 		.split("-")
 		.map((word) => {
 			// capitalize first letter
-			return word.charAt(0).toUpperCase().concat(fraudType.slice(1));
+			return word.charAt(0).toUpperCase().concat(word.slice(1));
 		})
 		.join(" ");
 }

From ffac002e39748b046d42782631df8681f5ca1ac0 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Fri, 21 Jul 2023 09:00:54 +0530
Subject: [PATCH 61/70] update api urls

---
 chrome-extension/src/background.js |  4 +--
 chrome-extension/src/content.js    |  2 +-
 chrome-extension/src/inject.js     | 58 +++++++++++++++++-------------
 3 files changed, 37 insertions(+), 27 deletions(-)

diff --git a/chrome-extension/src/background.js b/chrome-extension/src/background.js
index 2255e69..8cae313 100644
--- a/chrome-extension/src/background.js
+++ b/chrome-extension/src/background.js
@@ -12,7 +12,7 @@ try {
 const DONT_SHOW_AGAIN_DOMAINS_KEY = "dont_show_again_domains";
 const env = {
 	// host: "http://localhost:4000", // backend API endpoint
-	host: 'https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com',
+	host: "https://api.vigilancedao.org",
 	alertPeriod: 4 * 30 * 86400 * 1000,
 	SUBGRAPH_URL:
 		"https://api.thegraph.com/subgraphs/name/venkatteja/vigilancedao",
@@ -761,4 +761,4 @@ function takeScreenshot(tab) {
 			}
 		);
 	});
-}
\ No newline at end of file
+}
diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 05ee6cb..2a94df7 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -13,7 +13,7 @@ let domain = "";
 mixpanel.init(MIXPANEL_PROJECT_ID, {debug: true});
 
 const env = {
-	host: "https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com",
+	host: "https://api.vigilancedao.org",
 	alertPeriod: 4 * 30 * 86400 * 1000,
 };
 
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index d16cb9a..6672828 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -3,17 +3,17 @@ const mixpanel = require("mixpanel-browser");
 const { MIXPANEL_PROJECT_ID } = require("../privateenv");
 const { chromeRuntimeGetUrlWrapped } = require("./fonts");
 
-const ContractInfoAPIURL =
-	"https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com/contract-info";
 	
 const FortaAPIUrl = "https://api.forta.network/graphql";
 
 const env = {
-	host: "https://8md2nmtej9.execute-api.ap-northeast-1.amazonaws.com",
+	host: "https://api.vigilancedao.org"
 	// For developement
 	// host: "http://localhost:4000",
 };
 
+const ContractInfoAPIURL = env.host.concat("/contract-info");
+
 /**
  * @param {import("./inject").MetaMaskRequest} params
  * @returns {params is import("./inject").ETH_SendTransactionRequest}
@@ -723,24 +723,34 @@ const SUPPORTED_CHAINS = ["1", "137"];
 	};
 })();
 
-// (async () => {
-	// FOR TESTING
-// 	if (location.hostname != "sahithyandev.github.io") {
-// 		return;
-// 	}
-// 	await createFinancialAlertDialog();
-
-// 	await new Promise((resolve) => {
-// 		setTimeout(resolve, 5000);
-// 	});
-
-// 	populateFinancialAlertWithData({
-// 		contract: "Uniswap V3 Router 0x00...34244 [>]",
-// 		createdOn: formatDate(new Date().toString()),
-// 		drainedAccountsValue: "HIGH",
-// 		transactionsIn24hours: 102,
-// 		transactionsIn30days: 1000,
-// 		cancelButtonClickListener: () => {},
-// 		proceedButtonClickListener: () => {},
-// 	});
-// })();
+// FOR TESTING
+(async () => {
+	if (location.hostname != "sahithyan.dev") {
+		return;
+	}
+	await createFinancialAlertDialog();
+
+	await new Promise((resolve) => {
+		setTimeout(resolve, 1000);
+	});
+
+	populateFinancialAlertWithData({
+		contract: "Uniswap V3 Router 0x00...34244 [>]",
+		createdOn: formatDate(new Date().toString()),
+		drainedAccountsValue: "HIGH",
+		transactionsIn24hours: 102,
+		transactionsIn30days: 1000,
+		feedback: [
+			"Odit ab blanditiis corporis adipisci asperiores dolorem fugiat.",
+			"Vero modi accusamus suscipit pariatur voluptas fugiat.",
+			"Voluptatem porro suscipit qui.",
+		],
+		reportBasicBody: {
+			address: "0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c",
+			chainId: "137",
+			name: "Sahithyan Testing"
+		},
+		cancelButtonClickListener: () => {},
+		proceedButtonClickListener: () => {},
+	});
+})();

From dbefb23986bfece20eb0450b327475d5e62b6690 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sat, 22 Jul 2023 09:23:13 +0530
Subject: [PATCH 62/70] reduce size of financial-alert

---
 chrome-extension/src/inject.js                | 63 ++++++++++---------
 .../prebuild-components/financial-alert.css   | 18 +++---
 2 files changed, 42 insertions(+), 39 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 6672828..9cb4c41 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -724,33 +724,36 @@ const SUPPORTED_CHAINS = ["1", "137"];
 })();
 
 // FOR TESTING
-(async () => {
-	if (location.hostname != "sahithyan.dev") {
-		return;
-	}
-	await createFinancialAlertDialog();
-
-	await new Promise((resolve) => {
-		setTimeout(resolve, 1000);
-	});
-
-	populateFinancialAlertWithData({
-		contract: "Uniswap V3 Router 0x00...34244 [>]",
-		createdOn: formatDate(new Date().toString()),
-		drainedAccountsValue: "HIGH",
-		transactionsIn24hours: 102,
-		transactionsIn30days: 1000,
-		feedback: [
-			"Odit ab blanditiis corporis adipisci asperiores dolorem fugiat.",
-			"Vero modi accusamus suscipit pariatur voluptas fugiat.",
-			"Voluptatem porro suscipit qui.",
-		],
-		reportBasicBody: {
-			address: "0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c",
-			chainId: "137",
-			name: "Sahithyan Testing"
-		},
-		cancelButtonClickListener: () => {},
-		proceedButtonClickListener: () => {},
-	});
-})();
+//(async () => {
+//	if (location.hostname != "sahithyan.dev") {
+//		return;
+//	}
+//	await createFinancialAlertDialog();
+
+//	await new Promise((resolve) => {
+//		setTimeout(resolve, 1000);
+//	});
+
+//	populateFinancialAlertWithData({
+//		contract: "Uniswap V3 Router 0x00...34244 [>]",
+//		createdOn: formatDate(new Date().toString()),
+//		drainedAccountsValue: "HIGH",
+//		transactionsIn24hours: 102,
+//		transactionsIn30days: 1000,
+//		feedback: [
+//			"Odit ab blanditiis corporis adipisci asperiores dolorem fugiat.",
+//			"Vero modi accusamus suscipit pariatur voluptas fugiat.",
+//			"Voluptatem porro suscipit qui.",
+//		],
+//		reportBasicBody: {
+//			address: "0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c",
+//			chainId: "137",
+//			name: "Sahithyan Testing",
+//		},
+//		cancelButtonClickListener: () => {
+//			financialAlertDialog.close();
+//			financialAlertDialog.remove();
+//		},
+//		proceedButtonClickListener: () => {},
+//	});
+// })();
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 8678389..013106e 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -2,7 +2,7 @@
 	/* Will be set from javascript */
 	/* --border: 10px; */
 	/* --inner-border-radius: 10px; */
-	font-size: 16px;
+	font-size: 14px;
 }
 
 .hidden {
@@ -16,7 +16,7 @@
 .container {
 	--icon-size: 70px;
 
-	padding: 10px;
+	padding: .5em;
 	border-radius: var(--inner-border-radius);
 	position: relative;
 	background: hsl(265, 100%, 92%);
@@ -55,7 +55,7 @@
 }
 
 .container[data-is-loading="false"] .data-screen {
-	padding: 15px 8px 0;
+	padding: 0.5em 8px 0;
 	height: auto;
 	opacity: 1;
 	transition: height 0ms 0ms, opacity 600ms 0ms;
@@ -71,7 +71,7 @@
 }
 
 .basic-info h2 {
-	margin: 0 0 16px;
+	margin: 0 0 1em;
 	grid-area: heading;
 	font-size: 1.5em;
 }
@@ -99,18 +99,18 @@
 	flex-direction: row;
 	gap: 5px;
 	flex-wrap: nowrap;
-	margin: 15px 0;
+	margin: 0.9375em 0;
 }
 .financial-info .item {
 	background: hsla(263, 77%, 88%, 1);
-	padding: 10px 0 16px;
+	padding: 0.625em 0 1em;
 }
 h4 {
 	text-align: center;
 	color: hsl(264, 29%, 53%);
 	font-size: 1.1em;
 	font-weight: 700;
-	margin: 0 0 12px;
+	margin: 0 0 .5em;
 }
 
 .transaction-info {
@@ -195,10 +195,10 @@ h4 {
 button {
 	margin-left: 5px;
 	border-radius: 3px;
-	padding: 5px 10px;
+	padding: .2em .6em;
 	font-weight: 500;
 	cursor: pointer;
-	font-size: 1em;
+	font-size: .9em;
 	line-height: 19px;
 	border: 2px solid rgb(187 187 187);
 	background: none;

From 1bfdbcf3eb0d587fe5b3076a0396bd04f9722396 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sat, 22 Jul 2023 18:59:52 +0530
Subject: [PATCH 63/70] chore: minor changes

---
 chrome-extension/src/inject.js                           | 8 --------
 .../src/prebuild-components/financial-alert.css          | 9 +++++----
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 9cb4c41..a85e075 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -340,16 +340,8 @@ async function createFinancialAlertDialog() {
 	const select = querySelector.bind(null, shadowRoot);
 
 	const containerElement = select(".container");
-	const loadingScreenElement = select(".loading-screen");
 	containerElement.dataset[FINANCIAL_ALERT_IS_LOADING] = `${true}`;
 
-	loadingScreenElement.addEventListener("animationend", (event) => {
-		if (!(event.target instanceof HTMLElement)) {
-			return;
-		}
-		event.target.remove();
-	});
-
 	toggleOtherDialogs("disable");
 	financialAlertDialog.show();
 }
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 013106e..1f792d6 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -217,7 +217,7 @@ button:hover {
 	}
 }
 
-.icon-tabler-loader {
+.container[data-is-loading="true"] .icon-tabler-loader {
 	animation: rotate-360 infinite 0.6s linear;
 	margin-right: 10px;
 }
@@ -230,7 +230,7 @@ summary {
 }
 
 summary::marker {
-	color:#5500cc;
+	color: #5500cc;
 }
 
 details[open] summary {
@@ -267,7 +267,8 @@ select {
 	width: 100%;
 }
 
-select, option {
+select,
+option {
 	cursor: pointer;
 }
 
@@ -293,5 +294,5 @@ select, option {
 }
 
 .form-response-message.success {
-	color: hsl(133deg 100% 33%)
+	color: hsl(133deg 100% 33%);
 }

From 8814398e956fc2b43a5d70d06fede96315999c10 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sat, 22 Jul 2023 19:14:22 +0530
Subject: [PATCH 64/70] mention beta in credits

---
 chrome-extension/src/prebuild-components/financial-alert.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index 71fd2bb..4ebfad9 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -129,7 +129,7 @@ export default function FinancialAlert() {
 				</details>
 
 				<div className="bottom-container">
-					<div className="credits">Powered by VigialnceDAO</div>
+					<div className="credits">Powered by VigialnceDAO Beta</div>
 
 					<button id="proceed-btn">Proceed</button>
 					<button id="report-btn">Report</button>

From e6b42fd20706368f171a4c021c7dfe7a68d31b60 Mon Sep 17 00:00:00 2001
From: Venkat Kunisetty <teja.kunisetty@gmail.com>
Date: Sat, 22 Jul 2023 20:23:14 +0530
Subject: [PATCH 65/70] add lambda caching and cors

---
 server/package.json   |  1 +
 server/serverless.yml | 74 +++++++++++++++++++++++++++++++++++++++----
 server/src/app.ts     |  9 +++---
 3 files changed, 74 insertions(+), 10 deletions(-)

diff --git a/server/package.json b/server/package.json
index 3e49c37..813cfaf 100644
--- a/server/package.json
+++ b/server/package.json
@@ -53,6 +53,7 @@
     "prettier": "^2.6.2",
     "rimraf": "^3.0.2",
     "serverless": "^3.19.0",
+    "serverless-api-gateway-caching": "^1.10.1",
     "serverless-bundle": "^5.3.0",
     "serverless-dotenv-plugin": "^4.0.1",
     "serverless-offline": "^8.8.0",
diff --git a/server/serverless.yml b/server/serverless.yml
index cbbb470..e7c07bc 100644
--- a/server/serverless.yml
+++ b/server/serverless.yml
@@ -11,13 +11,16 @@ custom:
   serverless-offline:
     httpPort: 4000
     noPrependStageInUrl: true
+  apiGatewayCaching:
+    enabled: true
+    ttlInSeconds: 3600
 
 provider:
   name: aws
   runtime: nodejs14.x
   region: ap-northeast-1
   memorySize: 512
-  timeout: 10
+  timeout: 180
   logRetentionInDays: 90
   logs:
     httpApi: true
@@ -26,13 +29,46 @@ provider:
     cors: true
 
 functions:
-  app:
+  # app:
+  #   handler: src/handler.handler
+  #   # reservedConcurrency: 100
+  #   events:
+  #     - http:
+  #         path: '/{proxy+}'
+  #         method: '*'
+  #         caching:
+  #           enabled: true
+  #           cacheKeyParameters:
+  #             - name: integration.request.header.bodyValue
+  #               mappedFrom: method.request.body
+    
+  domain-info:
     handler: src/handler.handler
-    # reservedConcurrency: 100
     events:
-      - httpApi:
-          path: '/{proxy+}'
-          method: '*'
+      - http:
+          path: '/domain-info'
+          method: POST
+          cors: true
+          caching:
+            enabled: true
+            cacheKeyParameters:
+              - name: integration.request.header.address
+                mappedFrom: method.request.body.address
+    
+  contract-info:
+    handler: src/handler.handler
+    events:
+      - http:
+          path: '/contract-info'
+          method: POST
+          cors: true
+          caching:
+            enabled: true
+            cacheKeyParameters:
+              - name: integration.request.header.address
+                mappedFrom: method.request.body.address
+              - name: integration.request.header.chain_id
+                mappedFrom: method.request.body.chain_id
 
 package:
   individually: true
@@ -41,3 +77,29 @@ plugins:
   - serverless-dotenv-plugin
   - serverless-bundle
   - serverless-offline
+  - serverless-api-gateway-caching
+
+
+# domain-info:
+#     handler: src/handler.handler
+#     events:
+#       - http:
+#           path: '/domain-info'
+#           method: POST
+#           caching:
+#             enabled: true
+#             cacheKeyParameters:
+#               - name: integration.request.header.bodyValue
+#                 mappedFrom: method.request.body
+  
+#   contract-info:
+#     handler: src/handler.handler
+#     events:
+#       - http:
+#           path: '/contract-info'
+#           method: POST
+#           caching:
+#             enabled: true
+#             cacheKeyParameters:
+#               - name: integration.request.header.bodyValue
+#                 mappedFrom: method.request.body
\ No newline at end of file
diff --git a/server/src/app.ts b/server/src/app.ts
index 22c45a4..167bdc6 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -67,7 +67,7 @@ app.post("/contract-info", async (req, res) => {
 	// 	creationDate: new Date((new Date().getTime() - 86400000)),
 	// 	name: 'Dummy',
 	// });
-	res.json(output);
+	res.json({...output, timestamp: new Date()});
   } catch (err) {
     console.log("get contract details", err);
 	sendMessage(`Error: /contract-info API:\nAddress: ${address}\nChain ID: ${chain_id}\nError: ${err}`)
@@ -201,9 +201,10 @@ async function getCreationDate(client: PoolClient, address: string, network: str
     var contractData = await client.query(query, [address]);  
     
     if(contractData.rowCount == 0){
-      const query1 = 'INSERT INTO "ContractAddresses"("address") VALUES($1)';
-      await client.query(query1, [address]);
-      contractData = await client.query(query, [address]);
+		console.log('inserting new contract address', address);	
+		const query1 = 'INSERT INTO "ContractAddresses"("address") VALUES($1)';
+		await client.query(query1, [address]);
+		contractData = await client.query(query, [address]);
     }
     
 	let { riskRating, feedback } = getRiskRating(contractData.rows[0]);

From 46bbeed1f1197ab0080bad403ddfec8f69f2bda0 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sat, 22 Jul 2023 20:27:04 +0530
Subject: [PATCH 66/70] fix: alert not dismissed in specific cases

---
 chrome-extension/src/inject.js | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index a85e075..32fc7c4 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -686,18 +686,9 @@ const SUPPORTED_CHAINS = ["1", "137"];
 					transactionsIn24hours: contractInfo.userCount24hours || 0,
 					transactionsIn30days: contractInfo.userCount30days || 0,
 					proceedButtonClickListener: () => {
-						financialAlertDialog.close();
-						financialAlertDialog.remove();
-						toggleOtherDialogs("enable");
-						toggleBodyScrollY("reverse-auto");
-						
 						continueRequest();
 					},
 					cancelButtonClickListener: () => {
-						financialAlertDialog.close();
-						financialAlertDialog.remove();
-						toggleOtherDialogs("enable");
-						toggleBodyScrollY("reverse-auto");
 						reject(new Error("Transaction cancelled by user."));
 					},
 					drainedAccountsValue: contractInfo.riskRating,
@@ -709,9 +700,17 @@ const SUPPORTED_CHAINS = ["1", "137"];
 					},
 				});
 			})
-		).then(() => {
-			return metamaskRequest({ ...params });
-		});
+		)
+			.then(() => {
+				return metamaskRequest({ ...params });
+			})
+			.finally(() => {
+				// remove financial alert
+				financialAlertDialog.close();
+				financialAlertDialog.remove();
+				toggleOtherDialogs("enable");
+				toggleBodyScrollY("reverse-auto");
+			});
 	};
 })();
 

From 996d1913f3086e5cb8f8514391466ed18873be7c Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sat, 22 Jul 2023 20:43:30 +0530
Subject: [PATCH 67/70] fix: wrong color and minor style issues

---
 .../src/prebuild-components/financial-alert.css       | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 1f792d6..38fcdcd 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -11,6 +11,8 @@
 
 * {
 	box-sizing: border-box;
+	color: #010101;
+	font-family: "Roboto", sans-serif;
 }
 
 .container {
@@ -25,10 +27,6 @@
 	margin: var(--border);
 }
 
-.container * {
-	font-family: "Roboto", sans-serif;
-}
-
 .container .loading-screen {
 	font-weight: 500;
 	display: flex;
@@ -182,6 +180,7 @@ h4 {
 	display: flex;
 	align-items: center;
 	margin-top: 5px;
+	padding-bottom: 2px;
 }
 
 .credits {
@@ -205,6 +204,10 @@ button {
 	opacity: 0.7;
 	transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
 }
+button:focus,
+button:focus-visible {
+	outline: 1.4px solid #410b77
+}
 
 button:hover {
 	opacity: 1;

From 4b49d830b0bbc5b9e677ab8c0f218cda5754c512 Mon Sep 17 00:00:00 2001
From: Sahithyan Kandathasan <sahithyan2701@gmail.com>
Date: Sun, 23 Jul 2023 09:47:27 +0530
Subject: [PATCH 68/70] minor style fixes

---
 .../src/prebuild-components/financial-alert.css       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 38fcdcd..6857cbc 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -11,7 +11,6 @@
 
 * {
 	box-sizing: border-box;
-	color: #010101;
 	font-family: "Roboto", sans-serif;
 }
 
@@ -27,6 +26,10 @@
 	margin: var(--border);
 }
 
+.container, button, select, textarea {
+	color: #010101;
+}
+
 .container .loading-screen {
 	font-weight: 500;
 	display: flex;
@@ -204,8 +207,12 @@ button {
 	opacity: 0.7;
 	transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
 }
+
+select:focus,
+select:focus-visible,
 button:focus,
-button:focus-visible {
+button:focus-visible textarea:focus,
+textarea:focus-visible {
 	outline: 1.4px solid #410b77
 }
 

From 91017a0625a733b34950cdd56cfbe6c4db91a66e Mon Sep 17 00:00:00 2001
From: Venkat Kunisetty <teja.kunisetty@gmail.com>
Date: Sun, 23 Jul 2023 14:54:51 +0530
Subject: [PATCH 69/70] add switch network

---
 chrome-extension/src/background.js            | 109 +++++------
 .../src/components/ReviewForm.tsx             |  80 +++++---
 chrome-extension/src/content.js               | 180 ++++++++++--------
 chrome-extension/src/icons/info.tsx           |   6 +-
 chrome-extension/src/index.tsx                |   6 +-
 chrome-extension/src/inject.js                |  66 +++----
 .../prebuild-components/financial-alert.css   |  95 ++++++++-
 .../prebuild-components/financial-alert.tsx   |  50 +++--
 .../src/prebuild-components/index.tsx         |   4 +-
 9 files changed, 373 insertions(+), 223 deletions(-)

diff --git a/chrome-extension/src/background.js b/chrome-extension/src/background.js
index 8cae313..9227940 100644
--- a/chrome-extension/src/background.js
+++ b/chrome-extension/src/background.js
@@ -675,66 +675,59 @@ chrome.action.onClicked.addListener(function (tab) {
 // so the below functions proxies the msg between index.html and content.js
 // Look for `chrome.runtime.onMessage.addListener` in the code
 // to see how the msgs are being recieved and sent
-chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
-	(async () => {
-		console.log("msg in background", request, sender);
-		if (sender.tab == undefined) {
-			console.error("sender", sender);
-			throw new Error("sender.tab is undefined");
-		}
-		if (request.type == "take-screenshot") {
-			await sendMessage(sender.tab, "toggle", {});
-			await takeScreenshot(sender.tab);
-			await sendMessage(sender.tab, "toggle", {});
-		} else if (request.type == "connect-wallet") {
-			await sendMessage(sender.tab, "connect-wallet-2", {});
-		} else if (request.type == "wallet-connected") {
-			await sendMessage(sender.tab, "wallet-connected", request.data);
-		} else if (request.type == "switch-network") {
-			await sendMessage(sender.tab, "switch-network-2", request.data);
-		} else if (request.type == "chainID") {
-			await sendMessage(sender.tab, "chainID", request.data);
-		} else if (request.type == "submit-report") {
-			await sendMessage(sender.tab, "submit-report-2", request.data);
-		} else if (request.type == "transaction-update") {
-			await sendMessage(sender.tab, "transaction-update", request.data);
-		} else if (request.type == "get-stake-amount") {
-			await sendMessage(sender.tab, "get-stake-amount-2", request.data);
-		} else if (request.type == "stake-amount") {
-			await sendMessage(sender.tab, "stake-amount", request.data);
-		} else if (request.type == "alert-dont-show-again") {
-			/**
-			 * @type {string[]}
-			 */
-			const dontShowAgainDomains = await chrome.storage.sync
-				.get(DONT_SHOW_AGAIN_DOMAINS_KEY)
-				.then((items) => items[DONT_SHOW_AGAIN_DOMAINS_KEY] || [])
-				.catch((error) => {
-					console.error(
-						`Error while getting ${DONT_SHOW_AGAIN_DOMAINS_KEY}`,
-						error
-					);
-					return [];
-				});
-			chrome.storage.sync.set({
-				[DONT_SHOW_AGAIN_DOMAINS_KEY]: dontShowAgainDomains.concat(
-					request.data.url
-				),
+chrome.runtime.onMessage.addListener(async (request, sender, sendResponse) => {
+	console.log("msg in background", request, sender);
+	if (sender.tab == undefined) {
+		console.error("sender", sender);
+		throw new Error("sender.tab is undefined");
+	}
+	if (request.type == "take-screenshot") {
+		await sendMessage(sender.tab, "toggle", {});
+		await takeScreenshot(sender.tab);
+		await sendMessage(sender.tab, "toggle", {});
+	} else if (request.type == "connect-wallet") {
+		await sendMessage(sender.tab, "connect-wallet-2", {});
+	} else if (request.type == "wallet-connected") {
+		await sendMessage(sender.tab, "wallet-connected", request.data);
+	} else if (request.type == "switch-network") {
+		await sendMessage(sender.tab, "switch-network-2", request.data);
+	} else if (request.type == "chainID") {
+		await sendMessage(sender.tab, "chainID", request.data);
+	} else if (request.type == "submit-report") {
+		await sendMessage(sender.tab, "submit-report-2", request.data);
+	} else if (request.type == "transaction-update") {
+		await sendMessage(sender.tab, "transaction-update", request.data);
+	} else if (request.type == "get-stake-amount") {
+		await sendMessage(sender.tab, "get-stake-amount-2", request.data);
+	} else if (request.type == "stake-amount") {
+		await sendMessage(sender.tab, "stake-amount", request.data);
+	} else if (request.type == "alert-dont-show-again") {
+		/**
+		 * @type {string[]}
+		 */
+		const dontShowAgainDomains = await chrome.storage.sync
+			.get(DONT_SHOW_AGAIN_DOMAINS_KEY)
+			.then((items) => items[DONT_SHOW_AGAIN_DOMAINS_KEY] || [])
+			.catch((error) => {
+				console.error(
+					`Error while getting ${DONT_SHOW_AGAIN_DOMAINS_KEY}`,
+					error
+				);
+				return [];
 			});
-		} else if (request.type == "close-website") {
-			const currentTab = (
-				await chrome.tabs.query({ active: true, currentWindow: true })
-			)[0];
-			if (currentTab.id == undefined) return;
-			chrome.tabs.remove(currentTab.id);
-		}
-	})()
-		.then((v) => {
-			if (v != undefined) sendResponse(v);
-		})
-		.catch((error) => {
-			console.error(error);
+		chrome.storage.sync.set({
+			[DONT_SHOW_AGAIN_DOMAINS_KEY]: dontShowAgainDomains.concat(
+				request.data.url
+			),
 		});
+	} else if (request.type == "close-website") {
+		const currentTab = (
+			await chrome.tabs.query({ active: true, currentWindow: true })
+		)[0];
+		if (currentTab.id == undefined) return;
+		chrome.tabs.remove(currentTab.id);
+	}
+	
 	return true;
 });
 
diff --git a/chrome-extension/src/components/ReviewForm.tsx b/chrome-extension/src/components/ReviewForm.tsx
index c3dbf4e..edb9cd4 100644
--- a/chrome-extension/src/components/ReviewForm.tsx
+++ b/chrome-extension/src/components/ReviewForm.tsx
@@ -84,6 +84,7 @@ export default function ReviewForm() {
 		stakeETH,
 		account,
 		chainId,
+		switchNetwork,
 		reportTxInfo,
 	} = web3Hooks;
 
@@ -158,32 +159,44 @@ export default function ReviewForm() {
 		}
 	};
 
+	const CHAIN_ID = parseInt(process.env.REACT_APP_DEFAULT_NETWORK)
+
 	useEffect(() => {
-		console.log(
-			"connectingWallet triggered",
-			account,
-			stakeETH,
-			account,
-			stakeETH
-		);
-		if (account.loading) {
-			setButtonTxt("Connecting...");
-			setButtonDisabled(true);
-		} else if (stakeETH.loading) {
-			setButtonTxt("loading...");
-			setButtonDisabled(true);
-		} else {
-			setButtonDisabled(false);
-			if (account.account && stakeETH.stakeETH == 0) {
-				setButtonTxt("loading...");
-				setButtonDisabled(true);
-				getStakeAmount();
-			} else if (account.account && stakeETH.stakeETH != 0) {
-				setButtonTxt("Report");
-				setButtonDisabled(false);
-			}
-		}
-	}, [account, stakeETH]);
+		console.log('connectingWallet triggered', account, stakeETH, account, stakeETH)
+        if(chainId.chainId == CHAIN_ID) {
+            if(account.loading) {
+                setButtonTxt("Connecting...")
+                setButtonDisabled(true)
+            } else if(stakeETH.loading){
+                setButtonTxt('loading...')
+                setButtonDisabled(true)
+            } else {
+                setButtonDisabled(false)
+                if(account.account && stakeETH.stakeETH == 0) {
+                    setButtonTxt('loading...')
+                    setButtonDisabled(true)
+                    getStakeAmount()
+                } else if(account.account && stakeETH.stakeETH != 0) {
+                    setButtonTxt("Report")
+                    setButtonDisabled(false)
+                }
+            }
+        }
+
+    }, [account, stakeETH])
+
+	useEffect(() => {
+		console.log('chainId triggered', chainId, CHAIN_ID, account)
+        if(chainId.loading) {
+            setButtonTxt("Switching...")
+            setButtonDisabled(true)
+        } else if(chainId.chainId != CHAIN_ID && account.account) {
+            setButtonTxt("Switch Network")
+        } else if(chainId.chainId == CHAIN_ID && account.account) {
+            setButtonDisabled(false)
+            setButtonTxt("Report")
+        }
+    }, [chainId, account])
 
 	useEffect(() => {
 		console.log("reportTxInfo", reportTxInfo);
@@ -216,7 +229,9 @@ export default function ReviewForm() {
 	async function handleButtonClick() {
 		if (!account.account) {
 			connectWallet();
-		} else if (buttonTxt == "Report") {
+		} else if(buttonTxt == 'Switch Network') {
+            switchNetwork()
+        } else if (buttonTxt == "Report") {
 			reportDomain();
 		} else {
 			alert(`Setting not available: ${buttonTxt}`);
@@ -284,6 +299,7 @@ export default function ReviewForm() {
 						rules={[{ required: true }]}
 					>
 						<TextArea
+							style={{lineHeight: 1.3}}
 							rows={5}
 							value={fraudInfo.explanation}
 							onChange={(event) =>
@@ -294,7 +310,7 @@ export default function ReviewForm() {
 								"How? This website uses original logos and similar design as Uniswap. It prompts users to connect wallet and then automatically triggers Approve transactions to drain users wallet.",
 							].join("\n")}
 						/>
-						<span>Use this template message</span>
+						{/* <span>Use this template message</span> */}
 					</Form.Item>
 				) : null}
 
@@ -315,7 +331,7 @@ export default function ReviewForm() {
 							onChange={(event) =>
 								onFraudInfoChange("explanation", event.target.value)
 							}
-							placeholder="The website tries to look like a legitimate NFT site and claims to drop free NFTs to users. Upon interaction with the site, the website automatically trigger Approve token transactions to drain connected wallet."
+							placeholder="Example: The website tries to look like a legitimate NFT site and claims to drop free NFTs to users. Upon interaction with the site, the website automatically trigger Approve token transactions to drain connected wallet."
 						/>
 					</Form.Item>
 				) : null}
@@ -341,6 +357,12 @@ export default function ReviewForm() {
 
 				<Evidence fileList={fileList} setFileList={setFileList}></Evidence>
 				<div style={{ display: "flex" }}>
+					{chainId.chainId != CHAIN_ID && account.account?
+						<div>
+						<p style={{paddingRight: '25px', paddingBlock: '2px', color: 'red', fontWeight: '600', fontSize: '13px'}}>Incorrect Network</p>
+						</div>
+						:
+						<div>
 					{account.account ? (
 						<Tooltip
 							title="This is required to create a report. If deemed correct, you get your stake back along with additional rewards. If incorrect, entire stake is slashed."
@@ -361,6 +383,8 @@ export default function ReviewForm() {
 					) : (
 						<></>
 					)}
+					</div>
+                    }
 					<Button
 						type="primary"
 						onClick={handleButtonClick}
diff --git a/chrome-extension/src/content.js b/chrome-extension/src/content.js
index 2a94df7..39733c5 100644
--- a/chrome-extension/src/content.js
+++ b/chrome-extension/src/content.js
@@ -15,6 +15,9 @@ mixpanel.init(MIXPANEL_PROJECT_ID, {debug: true});
 const env = {
 	host: "https://api.vigilancedao.org",
 	alertPeriod: 4 * 30 * 86400 * 1000,
+	rpcs: {
+		polygonTestnet: 'https://polygon-mumbai.g.alchemy.com/v2/1faz4r-pcSp890xH8xfvX-ZIGTTIpG3N'
+	}
 };
 
 let url = window.location.host;
@@ -114,17 +117,27 @@ function onTransactionUpdate(txName, txHash, isSuccess, error) {
 }
 
 async function getStakeAmount() {
-	let _provider = new ethers.providers.Web3Provider(provider, "any");
-	const contract = new ethers.Contract(address, abi, _provider);
-	let stakeAmount = await contract.stakingAmount();
-	console.log("stakeAmount", stakeAmount);
-	stakeAmount = parseFloat(ethers.utils.formatEther(stakeAmount));
-
-	sendMessageToBackground("stake-amount", {
-		stakeAmount,
-	}).then((response) => {
-		console.log("message cb: getStakeAmount", response);
-	});
+	try {
+		console.log('getStakeAmount')
+		if (!ethers) {
+			alert("No provider found");
+			return;
+		}
+		let _provider = new _ethers.providers.JsonRpcProvider(env.rpcs.polygonTestnet);
+		// let _provider = new ethers.providers.Web3Provider(provider, "any");
+		const contract = new ethers.Contract(address, abi, _provider);
+		let stakeAmount = await contract.stakingAmount();
+		console.log("stakeAmount", stakeAmount);
+		stakeAmount = parseFloat(ethers.utils.formatEther(stakeAmount));
+
+		sendMessageToBackground("stake-amount", {
+			stakeAmount,
+		}).then((response) => {
+			console.log("message cb: getStakeAmount", response);
+		});
+	} catch(err) {
+		console.error('getStakeAmount error', err)
+	}
 }
 
 function trackSubmitReport(domain , isFraud, txHash) {
@@ -179,7 +192,8 @@ async function submitReport(isFraud, imageUrls, comments, stakeETH) {
 		stakeETH,
 		domain
 	});
-	let _provider = new ethers.providers.Web3Provider(provider, "any");
+	// let _provider = new ethers.providers.Web3Provider(provider, "any");
+	let _provider = new _ethers.providers.JsonRpcProvider(env.rpcs.polygonTestnet);
 	const contract = new ethers.Contract(address, abi, _provider);
 	let tx;
 	try {
@@ -232,7 +246,7 @@ async function connectWallet() {
 	// const provider = await detectEthereumProvider()
 	if (provider) {
 		// Prompt user for account connections
-		await provider.send("eth_requestAccounts", []);
+		await provider.request({ method: 'eth_requestAccounts' });
 		const account = provider.selectedAddress;
 		onAccountChange(account);
 	} else {
@@ -465,6 +479,13 @@ async function createAlertDialog(alertInfo) {
 	alertDialog.showModal();
 }
 
+async function checkNetwork() {
+	let chainId = provider.chainId;
+	if (chainId != "0x13881") {
+		await changeNetwork("0x13881");
+	}
+}
+
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 	console.log("on message", msg, sender);
 
@@ -477,76 +498,77 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
 		sendResponse();
 	}
 
-	(async () => {
-		if (msg.type == "connect-wallet-2") {
-			await connectWallet();
-		} else if (msg.type == "switch-network-2") {
-			await changeNetwork(msg.data.chainID);
-		} else if (msg.type == "submit-report-2") {
-			await submitReport(
-				msg.data.isFraud,
-				msg.data.imageUrls,
-				msg.data.comments,
-				msg.data.stakeETH
-			);
-		} else if (msg.type == "get-stake-amount-2") {
-			await getStakeAmount();
-		} else if (msg.type == "processing-finished") {
-			console.log("processing-finished", msg.data);
-			/**
-			 * @type {import("./types").ComputedDomainStorageItem}
-			 */
-			const data = msg.data;
-			trackVisitedDomain(data)
-
-			if (data.validationInfo.isLegitVerified) {
-				displayVerifiedAlert();
-				return;
-			}
+	let type = msg.type;
+	console.log('content js msg recieved', type)
+	if (msg.type == "connect-wallet-2") {
+		connectWallet();
+	} else if (msg.type == "switch-network-2") {
+		changeNetwork(msg.data.chainID);
+	} else if (msg.type == "submit-report-2") {
+		submitReport(
+			msg.data.isFraud,
+			msg.data.imageUrls,
+			msg.data.comments,
+			msg.data.stakeETH
+		);
+	} else if (msg.type == "get-stake-amount-2") {
+		getStakeAmount();
+	} else if (msg.type == "processing-finished") {
+		console.log("processing-finished", msg.data);
+		/**
+		 * @type {import("./types").ComputedDomainStorageItem}
+		 */
+		const data = msg.data;
+		trackVisitedDomain(data)
 
-			let heading = "";
-			let description = "";
-			let category;
-			let imageSrc = chrome.runtime.getURL("images/icon128.png");
-			if (data.scamInfo == undefined) {
-				data.scamInfo = {};
-			}
-			if (data.isNew) {
-				heading = "Be Cautious";
-				description =
-					"New domains can be risky; scammers may use them for fraud. Be cautious, especially with money.";
-				imageSrc = chrome.runtime.getURL("images/warning.png");
-			} else if (data.validationInfo.openScamReports > 0) {
-				heading = "Likely Dangerous website";
-				description =
-					"We have reports that this could be a fraudulent website.";
-				imageSrc = chrome.runtime.getURL("images/dangerous.png");
-				category = data.scamInfo.attackType || "Unknown";
-			} else if (data.validationInfo.isScamVerified) {
-				heading = "Confirmed scamming website";
-				description =
-					"This website has been confirmed to be a scam. Avoid using it.";
-				imageSrc = chrome.runtime.getURL("images/dangerous.png");
-				category = data.scamInfo.attackType || "Unknown";
-			} else {
-				return;
-			}
+		if (data.validationInfo.isLegitVerified) {
+			displayVerifiedAlert();
+			return;
+		}
 
-			await createAlertDialog({
-				domainCreatedOn: new Date(data.createdon).toLocaleDateString("en-GB", {
-					dateStyle: "long",
-				}),
-				description,
-				category,
-				heading,
-				imageSrc,
-				url: data.domain,
-			});
+		let heading = "";
+		let description = "";
+		let category;
+		let imageSrc = chrome.runtime.getURL("images/icon128.png");
+		if (data.scamInfo == undefined) {
+			data.scamInfo = {};
 		}
-		else if(msg.type == "domain-error") {
-			trackDomainError(msg.data)
+		if (data.isNew) {
+			heading = "Be Cautious";
+			description =
+				"New domains can be risky; scammers may use them for fraud. Be cautious, especially with money.";
+			imageSrc = chrome.runtime.getURL("images/warning.png");
+		} else if (data.validationInfo.openScamReports > 0) {
+			heading = "Likely Dangerous website";
+			description =
+				"We have reports that this could be a fraudulent website.";
+			imageSrc = chrome.runtime.getURL("images/dangerous.png");
+			category = data.scamInfo.attackType || "Unknown";
+		} else if (data.validationInfo.isScamVerified) {
+			heading = "Confirmed scamming website";
+			description =
+				"This website has been confirmed to be a scam. Avoid using it.";
+			imageSrc = chrome.runtime.getURL("images/dangerous.png");
+			category = data.scamInfo.attackType || "Unknown";
+		} else {
+			return;
 		}
-	})();
+
+		createAlertDialog({
+			domainCreatedOn: new Date(data.createdon).toLocaleDateString("en-GB", {
+				dateStyle: "long",
+			}),
+			description,
+			category,
+			heading,
+			imageSrc,
+			url: data.domain,
+		});
+	}
+	else if(msg.type == "domain-error") {
+		trackDomainError(msg.data)
+	}
+	return true;
 });
 
 var iframe = document.createElement("iframe");
diff --git a/chrome-extension/src/icons/info.tsx b/chrome-extension/src/icons/info.tsx
index 323a9e9..a8f1ee5 100644
--- a/chrome-extension/src/icons/info.tsx
+++ b/chrome-extension/src/icons/info.tsx
@@ -6,11 +6,11 @@ export default function InfoIcon() {
 			width="24"
 			height="24"
 			viewBox="0 0 24 24"
-			stroke-width="2"
+			strokeWidth="2"
 			stroke="currentColor"
 			fill="none"
-			stroke-linecap="round"
-			stroke-linejoin="round"
+			strokeLinecap="round"
+			strokeLinejoin="round"
 		>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
 			<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
diff --git a/chrome-extension/src/index.tsx b/chrome-extension/src/index.tsx
index 0b327e8..c6ad95f 100644
--- a/chrome-extension/src/index.tsx
+++ b/chrome-extension/src/index.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
-import { hydrate, render } from 'react-dom';
+// import reportWebVitals from './reportWebVitals';
+// import { hydrate, render } from 'react-dom';
 
 
 // const rootElement = document.getElementById("root");
@@ -25,4 +25,4 @@ import { hydrate, render } from 'react-dom';
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+// reportWebVitals();
diff --git a/chrome-extension/src/inject.js b/chrome-extension/src/inject.js
index 32fc7c4..65831e6 100644
--- a/chrome-extension/src/inject.js
+++ b/chrome-extension/src/inject.js
@@ -715,36 +715,36 @@ const SUPPORTED_CHAINS = ["1", "137"];
 })();
 
 // FOR TESTING
-//(async () => {
-//	if (location.hostname != "sahithyan.dev") {
-//		return;
-//	}
-//	await createFinancialAlertDialog();
-
-//	await new Promise((resolve) => {
-//		setTimeout(resolve, 1000);
-//	});
-
-//	populateFinancialAlertWithData({
-//		contract: "Uniswap V3 Router 0x00...34244 [>]",
-//		createdOn: formatDate(new Date().toString()),
-//		drainedAccountsValue: "HIGH",
-//		transactionsIn24hours: 102,
-//		transactionsIn30days: 1000,
-//		feedback: [
-//			"Odit ab blanditiis corporis adipisci asperiores dolorem fugiat.",
-//			"Vero modi accusamus suscipit pariatur voluptas fugiat.",
-//			"Voluptatem porro suscipit qui.",
-//		],
-//		reportBasicBody: {
-//			address: "0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c",
-//			chainId: "137",
-//			name: "Sahithyan Testing",
-//		},
-//		cancelButtonClickListener: () => {
-//			financialAlertDialog.close();
-//			financialAlertDialog.remove();
-//		},
-//		proceedButtonClickListener: () => {},
-//	});
-// })();
+(async () => {
+	if (location.hostname != "sahithyan.dev") {
+		return;
+	}
+	await createFinancialAlertDialog();
+
+	await new Promise((resolve) => {
+		setTimeout(resolve, 1000);
+	});
+
+	populateFinancialAlertWithData({
+		contract: "Uniswap V3 Router 0x00...34244 [>]",
+		createdOn: formatDate(new Date().toString()),
+		drainedAccountsValue: "HIGH",
+		transactionsIn24hours: 102,
+		transactionsIn30days: 1000,
+		feedback: [
+			"Odit ab blanditiis corporis adipisci asperiores dolorem fugiat.",
+			"Vero modi accusamus suscipit pariatur voluptas fugiat.",
+			"Voluptatem porro suscipit qui.",
+		],
+		reportBasicBody: {
+			address: "0x2ef4a574b72e1f555185afa8a09c6d1a8ac4025c",
+			chainId: "137",
+			name: "Sahithyan Testing",
+		},
+		cancelButtonClickListener: () => {
+			financialAlertDialog.close();
+			financialAlertDialog.remove();
+		},
+		proceedButtonClickListener: () => {},
+	});
+})();
diff --git a/chrome-extension/src/prebuild-components/financial-alert.css b/chrome-extension/src/prebuild-components/financial-alert.css
index 38fcdcd..cb4a396 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.css
+++ b/chrome-extension/src/prebuild-components/financial-alert.css
@@ -22,7 +22,7 @@
 	border-radius: var(--inner-border-radius);
 	position: relative;
 	background: hsl(265, 100%, 92%);
-	width: 470px;
+	width: 420px;
 	overflow: hidden;
 	margin: var(--border);
 }
@@ -73,6 +73,7 @@
 	grid-area: heading;
 	font-size: 1.5em;
 }
+
 .basic-info .icon-container {
 	grid-area: icon;
 }
@@ -88,7 +89,8 @@
 	margin: 0;
 	font-size: 1.1em;
 }
-.basic-info p > span {
+
+.basic-info p>span {
 	display: block;
 }
 
@@ -99,10 +101,12 @@
 	flex-wrap: nowrap;
 	margin: 0.9375em 0;
 }
+
 .financial-info .item {
 	background: hsla(263, 77%, 88%, 1);
 	padding: 0.625em 0 1em;
 }
+
 h4 {
 	text-align: center;
 	color: hsl(264, 29%, 53%);
@@ -123,6 +127,7 @@ h4 {
 	grid-row: 1;
 	grid-column: 1 / -1;
 }
+
 .seperator {
 	grid-column: 2;
 	grid-row: 2;
@@ -132,12 +137,15 @@ h4 {
 	grid-row: 2;
 	text-align: center;
 }
+
 .transaction-info-item:first-child {
 	border-right: 2px solid gray;
 }
+
 .transaction-info-item span {
 	display: block;
 }
+
 .transaction-info-item span:first-child {
 	font-size: 2em;
 	font-weight: 500;
@@ -151,7 +159,7 @@ h4 {
 	flex-direction: column;
 }
 
-.drained-info > span {
+.drained-info>span {
 	margin: auto;
 }
 
@@ -160,15 +168,19 @@ h4 {
 	font-size: 1.5em;
 	font-weight: 700;
 }
+
 .drained-info .value[data-priority="high"] {
 	color: hsl(0, 100%, 52%);
 }
+
 .drained-info .value[data-priority="medium"] {
-	color: hsl(37, 100%, 52%);
+	color: hsl(37deg 100% 44.56%);
 }
+
 .drained-info .value[data-priority="low"] {
 	color: hsl(115, 100%, 42%);
 }
+
 .drained-info .icon {
 	height: 16px;
 	width: 16px;
@@ -183,6 +195,11 @@ h4 {
 	padding-bottom: 2px;
 }
 
+.bottom-container button {
+	border: none;
+	color: #41019a;
+}
+
 .credits {
 	margin-right: auto;
 	text-align: right;
@@ -204,6 +221,7 @@ button {
 	opacity: 0.7;
 	transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
 }
+
 button:focus,
 button:focus-visible {
 	outline: 1.4px solid #410b77
@@ -245,11 +263,19 @@ ul {
 	padding-left: 13px;
 }
 
+li {
+	line-height: 1.5;
+	font-size: 12px;
+}
+
 #report-form {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
+	border-top: 1px solid #c2a1ef;
+	margin-top: 10px;
 }
+
 #report-form h2 {
 	margin: 5px 0;
 }
@@ -262,12 +288,25 @@ ul {
 	font-weight: 500;
 	display: block;
 	margin-bottom: 4px;
+	font-size: 13px;
+	line-height: 1.2;
+	color: #3f0294
+}
+
+.select-div {
+	align-items: center;
+	display: flex;
+	vertical-align: middle;
 }
 
 select {
 	border-radius: 4px;
 	padding: 4px 6px;
 	width: 100%;
+	color: #3f0294;
+	width: auto;
+	flex: 1;
+	margin-left: 10px;
 }
 
 select,
@@ -278,6 +317,8 @@ option {
 #report-form select,
 #report-form textarea {
 	background-color: hsl(265 100% 90%);
+	border-color: #c2a1ef;
+	line-height: 1.2
 }
 
 #report-form textarea {
@@ -286,12 +327,18 @@ option {
 	padding: 2px 4px;
 	resize: vertical;
 	font-size: .9em;
+	padding: 7px;
 }
 
 #report-form button {
 	margin-left: auto;
 }
 
+.active-btn {
+	border: 2px solid #c2a1ef !important;
+	background: #d4b6ff;
+}
+
 .form-response-message.error {
 	color: hsl(0, 100%, 52%);
 }
@@ -299,3 +346,43 @@ option {
 .form-response-message.success {
 	color: hsl(133deg 100% 33%);
 }
+
+::placeholder {
+	color: #b59bd9;
+}
+
+:-ms-input-placeholder {
+	/* Internet Explorer 10-11 */
+	color: #b59bd9;
+}
+
+::-ms-input-placeholder {
+	/* Microsoft Edge */
+	color: #b59bd9;
+}
+
+.tip {
+	margin-bottom: -1px;
+	margin-left: 3px;
+	padding-top: 1px;
+}
+
+.tip:hover .tooltip {
+	display: block;
+}
+
+.tooltip {
+	display: none;
+	color: red;
+	margin-left: 28px;
+	/* moves the tooltip to the right */
+	margin-top: 15px;
+	/* moves it down */
+	position: absolute;
+	z-index: 1000;
+}
+
+.hero-link {
+	color: hsl(264, 29%, 53%) !important;
+    text-decoration: none;
+}
\ No newline at end of file
diff --git a/chrome-extension/src/prebuild-components/financial-alert.tsx b/chrome-extension/src/prebuild-components/financial-alert.tsx
index 4ebfad9..b11791b 100644
--- a/chrome-extension/src/prebuild-components/financial-alert.tsx
+++ b/chrome-extension/src/prebuild-components/financial-alert.tsx
@@ -30,7 +30,7 @@ export default function FinancialAlert() {
 					<path d="M6 12l-3 0"></path>
 					<path d="M7.75 7.75l-2.15 -2.15"></path>
 				</svg>
-				<span>Gathering data about receiver...</span>
+				<span>Analysing risk...</span>
 			</div>
 			<div className="data-screen">
 				<div className="basic-info">
@@ -74,7 +74,31 @@ export default function FinancialAlert() {
 
 				<div className="financial-info">
 					<div className="item transaction-info">
-						<h4>Transactions</h4>
+						<h4>
+							Popularity
+							<abbr title="Transaction count of the contract">
+								<span>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										className="tip icon icon-tabler icon-tabler-info-circle"
+										width="12"
+										height="12"
+										viewBox="0 0 24 24"
+										strokeWidth="2"
+										stroke="currentColor"
+										fill="none"
+										strokeLinecap="round"
+										strokeLinejoin="round"
+									>
+										<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+										<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
+										<path d="M12 9h.01"></path>
+										<path d="M11 12h1v4h1"></path>
+									</svg>
+								</span>
+							</abbr>
+							
+						</h4>
 						<div className="transaction-info-item">
 							<span className="transactions-in-day">0{/* {"101"} */}</span>
 							<span>24 hours</span>
@@ -104,8 +128,8 @@ export default function FinancialAlert() {
 								<svg
 									xmlns="http://www.w3.org/2000/svg"
 									className="icon icon-tabler icon-tabler-info-circle"
-									width="24"
-									height="24"
+									width="12"
+									height="12"
 									viewBox="0 0 24 24"
 									strokeWidth="2"
 									stroke="currentColor"
@@ -124,24 +148,24 @@ export default function FinancialAlert() {
 				</div>
 
 				<details className="feedback-container">
-					<summary tabIndex={-1}>View feedbacks</summary>
+					<summary tabIndex={-1}>Risks</summary>
 					<ul className="feedback-list"></ul>
 				</details>
 
 				<div className="bottom-container">
-					<div className="credits">Powered by VigialnceDAO Beta</div>
+					<div className="credits">Powered by <a className="hero-link" href="https://vigilancedao.org">VigilanceDAO <span>Beta</span></a></div>
 
-					<button id="proceed-btn">Proceed</button>
+					<button id="proceed-btn" className="active-btn" autoFocus={true}>Proceed</button>
 					<button id="report-btn">Report</button>
-					<button id="close-btn" autoFocus={true}>
+					<button id="close-btn">
 						Cancel
 					</button>
 				</div>
 
 				<form id="report-form" className="hidden">
 					<h2>Report</h2>
-					<div>
-						<label>Fraud type</label>
+					<div className="select-div">
+						<label>Fraud type:</label>
 						<select name="fraud-type" defaultValue="phishing">
 							<option value="phishing">Phishing</option>
 							<option value="financial-loss">Financial Loss</option>
@@ -150,13 +174,13 @@ export default function FinancialAlert() {
 
 					<div data-show-if="phishing" className="hidden">
 						<label>
-							Which legitimate contract is being imitated by this contract? and
+							Which legitimate project is being imitated by this contract? and
 							How does it trick people?
 						</label>
 						<textarea
 							name="phishing-info"
 							rows={4}
-							placeholder="This address is trying to imitate uniswap.org. The owner of this address prompts users to connect wallet and then automatically triggers Approve transactions to drain users wallet."
+							placeholder="Example: This address is trying to imitate uniswap.org. The owner of this address prompts users to connect wallet and then automatically triggers Approve transactions to drain users wallet."
 						/>
 					</div>
 					<div data-show-if="financial-loss" className="hidden">
@@ -172,7 +196,7 @@ export default function FinancialAlert() {
 
 					<div className="bottom-container">
 						<div className="form-response-message"></div>
-						<button className="submit">Submit</button>
+						<button className="submit active-btn">Submit</button>
 					</div>
 				</form>
 			</div>
diff --git a/chrome-extension/src/prebuild-components/index.tsx b/chrome-extension/src/prebuild-components/index.tsx
index 2dc1750..8ac4025 100644
--- a/chrome-extension/src/prebuild-components/index.tsx
+++ b/chrome-extension/src/prebuild-components/index.tsx
@@ -22,11 +22,11 @@ const { Panel } = Collapse;
 const links = [
 	{
 		heading: "How does it work?",
-		link: "https://vigilancedao.notion.site/Introduction-56c27e27bebd4f1999ae90412934c93e",
+		link: "https://docs.vigilancedao.org/v1",
 	},
 	{
 		heading: "How to report websites?",
-		link: "https://vigilancedao.notion.site/Report-domains-2bbc4b4fc530452287187e3948b90c80",
+		link: "https://docs.vigilancedao.org/v1/tutorial/how-to-report-and-protect-others",
 	},
 ];
 

From d3365f3ec6aa279153fe67b72789e99a72f3255b Mon Sep 17 00:00:00 2001
From: Venkat Teja <teja.kunisetty@gmail.com>
Date: Sun, 23 Jul 2023 18:25:01 +0530
Subject: [PATCH 70/70] Update ReviewForm.tsx

---
 chrome-extension/src/components/ReviewForm.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/chrome-extension/src/components/ReviewForm.tsx b/chrome-extension/src/components/ReviewForm.tsx
index 4b449da..0307299 100644
--- a/chrome-extension/src/components/ReviewForm.tsx
+++ b/chrome-extension/src/components/ReviewForm.tsx
@@ -160,8 +160,6 @@ export default function ReviewForm() {
 		}
 	};
 
-	const CHAIN_ID = parseInt(process.env.REACT_APP_DEFAULT_NETWORK)
-
 	useEffect(() => {
 		console.log('connectingWallet triggered', account, stakeETH, account, stakeETH)
         if(chainId.chainId == CHAIN_ID) {