\n {isMedalist && (\n \n {medalEmojis[index]}\n \n )}\n \n {index + 1}. {entry.username}\n \n

\n \n {entry.score}%\n \n \n );\n })}\n \n );\n}\n\nfunction App() {\n const [activeTab, setActiveTab] = useState(\"challenge\");\n const [activeLevel, setActiveLevel] = useState(1);\n const [username, setUsername] = useState(\"\");\n const [code, setCode] = useState(`\n// Write a function to approve or deny transactions\nfunction processTransaction(transaction) {\n // Return true to approve, false to deny\n return transaction.amount < 500;\n}\n `.trim());\n\n const [transactions, setTransactions] = useState([]);\n const [isRunning, setIsRunning] = useState(false);\n const processRef = useRef(null);\n const intervalRef = useRef(null);\n\n const runTransactionProcess = () => {\n try {\n // eslint-disable-next-line no-eval\n processRef.current = new Function(\"transaction\", code + \"\\nreturn processTransaction(transaction);\");\n setIsRunning(true);\n setTransactions([]); // Clear transactions when code is run\n\n // Start automatic transaction generation\n intervalRef.current = setInterval(() => {\n const newTransaction = generateMockTransaction();\n\n let result = false;\n if (processRef.current) {\n try {\n result = processRef.current(newTransaction);\n } catch (error) {\n console.error(\"Transaction processing error\", error);\n }\n }\n\n setTransactions(prev => [\n {\n ...newTransaction,\n approved: result,\n correctlyClassified: result === (newTransaction.amount < 500),\n },\n ...prev,\n ]);\n }, Math.floor(Math.random() * 1500) + 500); // Random interval between 0.5-2 seconds\n } catch (error) {\n alert(`Error in code: ${error.message}`);\n }\n };\n\n const stopTransactionProcess = () => {\n setIsRunning(false);\n processRef.current = null;\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n };\n\n // Calculate score\n const correctClassifications = transactions.filter(tx => tx.correctlyClassified).length;\n const totalTransactions = transactions.length;\n const scorePercentage = totalTransactions > 0\n ? Math.round((correctClassifications / totalTransactions) * 100)\n : 0;\n\n return (\n \n \n

\n setActiveTab(\"challenge\")}\n >\n Challenge\n \n setActiveTab(\"leaderboard\")}\n >\n Leaderboard\n \n

\n Score: {scorePercentage}% ({correctClassifications}/{totalTransactions})\n

\n \n\n {activeTab === \"challenge\" && (\n

\n \n \n

Transaction Processing Code

\n setCode(e.target.value)}\n />\n

\n {!isRunning\n ? (\n \n ▶️ Run Code\n \n )\n : (\n \n ⏹️ Stop\n \n )}\n

\n \n {[1, 2, 3].map(level => (\n setActiveLevel(level)}\n >\n Level {level}\n \n ))}\n

\n {activeLevel === 1 && (\n

Welcome to the WallexAir Transaction Detective challenge!

\n Global Sanctions Compliance: WallexAir must comply with global financial transaction limits.\n

\n\n As an intern at WallexAir, you're tasked with ensuring we meet this obligation. Write a function\n that takes a transaction and returns true if it is a compliant transaction, and false if we should\n reject it.\n

\n )}\n {activeLevel === 2 && (\n

Fraud Detection: Identify suspicious transaction patterns.

\n The risk team at WallexAir have decided that when we have rejected a transaction from a particular\n customer, we should no longer accept any transactions from that customer for the day of the\n rejected transaction. Your task is to implement this safe guard.\n

\n )}\n {activeLevel === 3 && (\n

\n Advanced Assessment: Evaluate transaction risk based on transaction description.\n

\n Upon review, it was found that these fixed rules are easy to navigate around by bad actors. The\n risk team request that you use the power of machine learning to reject transactions with\n particularly suspicious descriptions. This is an open ended challenge - try to get as close to\n 100% evaluation as you can!\n

\n )}\n

\n \n \n

Transaction Log

\n {transactions.map((tx) => (\n \n {tx.id} | {tx.type} | ${tx.amount} | {tx.timestamp}\n {tx.approved !== undefined && (\n \n {tx.approved ? \" ✅ Approved\" : \" ❌ Denied\"}\n {tx.correctlyClassified === false && \" ⚠️ Incorrect\"}\n \n )}\n \n ))}\n \n \n \n )}\n\n {activeTab === \"leaderboard\" && }\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Transaction Processing Challenge\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/danielblaker/transaction_challenge/code/main.tsx","extension","actionData","errors"]