`;\n}",[18,67],"ef2ccba7-e095-41d0-a3bf-e3bae64ef850",["D",1788816175297],"import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Wallet, Send, ArrowDownLeft, ArrowUpRight, CreditCard, Users, Settings, Home, Menu, X, Plus } from \"https://esm.sh/lucide-react@0.468.0?deps=react@18.2.0\";\n\nconst txs = [\n [\"Wallet funding\", \"Today · 09:42\", \"+₦150,000\", true],\n [\"Amina Yusuf\", \"Today · 08:16\", \"-₦35,000\", false],\n [\"Electricity bill\", \"Yesterday · 18:20\", \"-₦12,500\", false],\n [\"Salary payment\", \"Sep 5 · 10:04\", \"+₦420,000\", true],\n];\n\nfunction App() {\n const [tab, setTab] = useState(\"Overview\");\n const [open, setOpen] = useState(false);\n const [toast, setToast] = useState(\"\");\n const notify = (m: string) => { setToast(m); setTimeout(() => setToast(\"\"), 2200); };\n const nav = [\n [\"Overview\", Home], [\"Payments\", Send], [\"Transactions\", ArrowUpRight],\n [\"Beneficiaries\", Users], [\"Cards\", CreditCard], [\"Settings\", Settings]\n ] as const;\n\n return

\n \n

Merchant workspace

{tab}

\n {tab === \"Overview\" ? <>\n

Available balance

₦2,845,650.00

↗ 8.4% this month

{[[\"Total inflow\",\"₦4,920,000\",\"+12.8%\"],[\"Total outflow\",\"₦2,074,350\",\"-3.1%\"],[\"Pending\",\"₦86,500\",\"4 transfers\"]].map(x=>

{x[0]}{x[1]}{x[2]}

)}

Recent transactions

Your latest account activity

{txs.map(t=>

{t[3]?:}

{t[0]}{t[1]}

{t[2]}

)}

Quick actions

Common banking tasks

{[[\"Fund wallet\",Plus],[\"Bank transfer\",Send],[\"Beneficiaries\",Users]].map(([n,I])=>)}

\n :
{tab}
This workspace is ready for the {tab.toLowerCase()} workflow. Connect a licensed banking or payment provider to enable live transactions.
}\n {toast &&
{toast}
}\n view source\n

;\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();",[18,82],"pulls","branches",1,"forks","envVars",{"_182":26,"_184":26},"connections",{"_182":26,"_183":26},"count","unfilledCount","emptyCount",{"_34":157,"_13":18,"_65":83,"_44":-5,"_36":37,"_158":41,"_159":24,"_38":213,"_40":26,"_68":84,"_161":-5,"_70":30,"_162":-5,"_196":214,"_17":215},{"_34":170,"_13":82,"_65":81,"_44":83,"_36":37,"_158":76,"_159":24,"_38":210,"_40":26,"_68":69,"_161":172,"_70":30,"_162":-5,"_196":211,"_17":212},{"_34":166,"_13":67,"_65":66,"_44":83,"_36":37,"_158":41,"_159":24,"_38":207,"_40":26,"_68":69,"_161":168,"_70":30,"_162":-5,"_196":208,"_17":209},{"_34":199,"_13":200,"_65":97,"_44":-5,"_36":37,"_158":121,"_159":24,"_38":201,"_40":202,"_68":203,"_161":204,"_70":30,"_162":-5,"_196":205,"_17":206},{"_34":190,"_13":191,"_65":192,"_44":-5,"_36":37,"_158":193,"_159":24,"_38":194,"_40":26,"_68":21,"_161":195,"_70":30,"_162":-5,"_196":197,"_17":198},"570aa1c8-9503-4f41-88ce-995c59a44a9b","package.json","37a73bfe-ab02-11f1-8872-1607ee4eb77e",2,["D",1788816143704],"{\n \"name\": \"vite-react-app\",\n \"private\": true,\n \"version\": \"0.0.1\",\n \"type\": \"module\",\n \"scripts\": {\"dev\": \"vite\", \"build\": \"vite build\", \"preview\": \"vite preview\"},\n \"dependencies\": {\"lucide-react\": \"^0.469.0\", \"react\": \"^19.0.0\", \"react-dom\": \"^19.0.0\"},\n \"optionalDependencies\": {\"@rollup/rollup-linux-x64-gnu\": \"^4.0.0\"},\n \"devDependencies\": {\"@types/react\": \"^19.0.0\", \"@types/react-dom\": \"^19.0.0\", \"@vitejs/plugin-react\": \"^4.3.0\", \"autoprefixer\": \"^10.4.0\", \"postcss\": \"^8.4.0\", \"tailwindcss\": \"^3.4.0\", \"typescript\": \"^5.7.0\", \"vite\": \"^6.0.0\"}\n}","children",[],[191],"81974e8c-eee6-4a2e-9f4c-929fa722346e","main.ts",["D",1788816291399],7,"http","const transactions = [\n [\"Airtime & Data\", \"Today\", \"-₦12,500\"],\n [\"Salary Credit\", \"Yesterday\", \"+₦850,000\"],\n [\"Electricity Bill\", \"Sep 5\", \"-₦45,000\"],\n [\"Transfer from Ada\", \"Sep 4\", \"+₦120,000\"],\n];\n\nconst esc = (s: string) => s.replace(/[&<>\\\"]/g, (c) => ({\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\"}[c]!));\n\nfunction page() {\n const rows = transactions.map(([name, date, amount]) => `\n
${esc(name)}${esc(date)}
${esc(amount)}
`).join(\"\");\n const actions = [[\"+\",\"Add money\"],[\"↗\",\"Send money\"],[\"↓\",\"Withdraw\"],[\"▣\",\"Bank transfer\"]].map(([icon,label]) => ``).join(\"\");\n return `Genzy Bank
Genzy Bank
${[\"Overview\",\"Payments\",\"Transactions\",\"Beneficiaries\",\"Cards\",\"Settings\"].map((x,i)=>``).join(\"\")}
Secure banking dashboard. Real money movement requires integration with a licensed banking or payment provider.
Welcome back
Genzy Bank
Available balance
₦2,845,650.00
Inflow₦970,000
Outflow₦57,500
Pending₦86,500
${actions}
Recent transactions
${rows}
`;\n}\n\nexport default function handler(_req: Request): Response {\n return new Response(page(), { headers: { \"content-type\": \"text/html; charset=utf-8\", \"cache-control\": \"no-store\" } });\n}",[],[200],["D",1788816148067],[],[18,67],["D",1788816175297],[],[18,82],["D",1788816148067],[186,187],[18],["D",1788816139211],{"_11":12,"_135":73},{"_11":12,"_130":131,"_72":73,"_31":71,"_132":133,"_134":30},{"_40":121,"_13":16,"_34":37,"_122":86,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"ctx",{"_55":-5,"_154":253,"_254":255,"_256":257,"_258":30,"_259":30,"_260":30,"_261":24,"_262":-5,"_263":-7,"_264":-7,"_265":26,"_266":30,"_267":30,"_268":-5,"_269":30,"_270":30,"_271":30,"_272":-5},"ENV",{"_224":225,"_226":227,"_228":16,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · frontend