[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_159":-5,"_20":160,"_22":161,"_162":163,"_164":165,"_25":166,"_24":-5,"_167":-5,"_168":-5,"_169":54,"_170":171,"_172":46,"_173":-5,"_174":-5,"_175":176},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","boykelvin030hub","name","genzy-bank","branchName","main","version","path","","project",{"_35":104,"_13":14,"_47":105,"_106":-5,"_107":54,"_108":109,"_110":109,"_111":112,"_113":-5,"_114":115,"_116":59,"_117":46,"_118":-5,"_119":-5,"_120":49,"_121":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":137,"_138":139,"_140":141,"_142":54},"tree",[73,74,75],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":49,"_50":71,"_51":-5,"_53":54,"_55":-5,"_18":72},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":61,"_17":62,"_50":63,"_51":64,"_53":54,"_55":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_18":56},"id","570aa1c8-9503-4f41-88ce-995c59a44a9b","package.json","fileId","37a73bfe-ab02-11f1-8872-1607ee4eb77e","parentId","branchId","1f144f86-4f1a-419a-8050-5f8d1da938e9","branchVersion",2,"latest",true,"createdAt",["D",1788816143704],0,"fileType","content","{\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}","deleted",false,"label",[37],"81974e8c-eee6-4a2e-9f4c-929fa722346e","main.ts","34fda9ce-ab02-11f1-b52a-1607ee4eb77e",11,["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

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}",[58],"da316d01-a7db-41d3-b4c4-17d6f335db8f","frontend","50be2b56-fc40-496b-8714-039e0441dd63",3,["D",1788816148067],"directory",[67],{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":83,"_17":49,"_50":71,"_51":-5,"_53":54,"_55":-5,"_77":84,"_18":85},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":80,"_17":62,"_50":63,"_51":64,"_53":54,"_55":-5,"_77":81,"_18":82},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_77":78,"_18":79},["D",1788816143704],"children",[],[37],["D",1788816291399],[],[58],["D",1788816148067],[86,87],[67],{"_35":96,"_13":97,"_38":98,"_40":68,"_41":42,"_43":99,"_45":46,"_47":100,"_17":49,"_50":92,"_51":101,"_53":54,"_55":-5,"_77":102,"_18":103},{"_35":88,"_13":89,"_38":90,"_40":68,"_41":42,"_43":69,"_45":46,"_47":91,"_17":49,"_50":92,"_51":93,"_53":54,"_55":-5,"_77":94,"_18":95},"ea6a1522-7bcf-4f5e-94a6-7f64fb2b996e","root.tsx","3a41e63e-ab02-11f1-934c-1607ee4eb77e",["D",1788816148067],"script","import { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport function Root() {\n return `Genzy Bank

`;\n}",[],[67,89],"ef2ccba7-e095-41d0-a3bf-e3bae64ef850","index.tsx","4a7d90ac-ab02-11f1-a5cb-1607ee4eb77e",4,["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();",[],[67,97],"8074913d-880f-4a01-9038-46554e64a68e",["D",1788816139211],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Genzy Bank fintech dashboard","imageUrl","userId","8b6d384c-5a79-4038-95e9-f0140d2b9f87","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a07db2-8150-74b5-a085-6dfb2b14e42e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_158":154},"org",{"_11":12,"_151":152,"_153":154,"_114":115,"_155":156,"_157":54},"branch",{"_17":60,"_13":16,"_35":42,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":14,"_150":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","boykelvin030-hub","avatar","https://avatars.githubusercontent.com/u/326232383?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":104,"_13":14,"_47":208,"_106":-5,"_107":54,"_108":109,"_110":109,"_111":112,"_113":-5,"_114":115,"_116":59,"_117":46,"_118":-5,"_119":-5,"_120":49,"_121":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":209,"_138":210,"_140":211,"_142":54},[193,196,197],"files",[193,194,195,196,197],"counts",{"_183":49,"_184":185,"_186":49,"_31":187,"_188":189},[177,178,179],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":49,"_50":71,"_51":-5,"_53":54,"_55":-5,"_18":182},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":61,"_17":62,"_50":63,"_51":64,"_53":54,"_55":-5,"_18":181},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_18":180},[37],[58],[67],"pulls","branches",1,"forks",{"_190":49,"_192":49},"connections",{"_190":49,"_191":49},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":83,"_17":49,"_50":71,"_51":-5,"_53":54,"_55":-5,"_77":206,"_18":207},{"_35":96,"_13":97,"_38":98,"_40":68,"_41":42,"_43":99,"_45":46,"_47":100,"_17":49,"_50":92,"_51":101,"_53":54,"_55":-5,"_77":204,"_18":205},{"_35":88,"_13":89,"_38":90,"_40":68,"_41":42,"_43":69,"_45":46,"_47":91,"_17":49,"_50":92,"_51":93,"_53":54,"_55":-5,"_77":202,"_18":203},{"_35":57,"_13":58,"_38":59,"_40":-5,"_41":42,"_43":60,"_45":46,"_47":80,"_17":62,"_50":63,"_51":64,"_53":54,"_55":-5,"_77":200,"_18":201},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":24,"_51":52,"_53":54,"_55":-5,"_77":198,"_18":199},[],[37],[],[58],[],[67,89],[],[67,97],[194,195],[67],["D",1788816139211],{"_11":12,"_158":154},{"_11":12,"_151":152,"_153":154,"_114":115,"_155":156,"_157":54},{"_17":60,"_13":16,"_35":42,"_143":104,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":14,"_150":12},"ctx",{"_136":-5,"_174":245,"_246":247,"_248":249,"_250":54,"_251":54,"_252":54,"_253":46,"_254":-5,"_255":-7,"_256":-7,"_257":49,"_258":54,"_259":54,"_260":-5,"_261":54,"_262":54,"_263":54,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":16,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"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"]

Code