{title} · Isento

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","imeldaedodollon","name","isento","path","views.tsx","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/imeldaedodollon/isento/code/views.tsx","extension","id","dfe52ff8-cc6a-4ceb-a690-42b59dce1fc1","fileId","9bd444cc-a086-11f1-939f-1607ee4eb77e","parentId","branchId","700f5db6-dbe9-4221-89f4-c1af68565814","branchVersion",14,"latest",true,"createdAt",["D",1787704288658],"version",1,"fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\n\nexport function peso(n: number): string {\n const v = Math.round((n || 0) * 100) / 100;\n return \"₱\" + v.toLocaleString(\"en-PH\", { minimumFractionDigits: 0, maximumFractionDigits: 2 });\n}\n\nexport const BRAND_CSS = `\n @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');\n\n :root{\n --bg:#fdfcf8; --panel:#ffffff; --panel-2:#f5f3ec; --panel-3:#f0eee5;\n --ink:#20302a; --ink-dim:#6d7871; --line:#e8e4d8; --line-soft:#efecdf;\n --sidebar:#1d3737; --sidebar-2:#254545; --sidebar-ink:#f3efe2; --sidebar-ink-dim:#9db2ac;\n --teal:#2b725e; --teal-dark:#1f5d4b; --teal-ink:#ffffff;\n --amber:#e9874a; --amber-bg:#fbe9dc;\n --cream:#f3ecdf;\n --dark-card:#1d3737; --dark-card-2:#254848;\n --ok:#1f7a4d; --ok-bg:#e4f3ea; --bad:#b5462c; --bad-bg:#fbe6df; --warn:#a8721f; --warn-bg:#faf0d8;\n --radius:16px; --radius-sm:10px;\n --shadow:0 1px 2px rgba(29,55,55,.05), 0 10px 30px -14px rgba(29,55,55,.18);\n --font-body:\"DM Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n --font-display:\"Playfair Display\",Georgia,serif;\n }\n *{box-sizing:border-box;}\n body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;}\n a{color:var(--teal);}\n h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--ink);}\n\n /* ---------- app shell ---------- */\n .app-shell{display:flex;min-height:100vh;}\n .sidebar{width:230px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;}\n .sidebar .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;padding:6px 8px 22px;letter-spacing:-0.01em;}\n .sidebar .brand .mark{width:26px;height:26px;border-radius:8px;background:var(--sidebar-ink);color:var(--sidebar);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}\n .sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;}\n .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--sidebar-ink-dim);text-decoration:none;font-size:13.5px;font-weight:500;}\n .nav-item .ic{width:16px;text-align:center;font-size:13px;}\n .nav-item:hover{background:var(--sidebar-2);color:var(--sidebar-ink);}\n .nav-item.active{background:var(--sidebar-2);color:var(--sidebar-ink);font-weight:600;}\n .sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:10px;}\n .user-chip{font-size:12.5px;color:var(--sidebar-ink);margin-bottom:8px;padding:0 8px;}\n .user-chip .role{display:block;color:var(--sidebar-ink-dim);font-size:11.5px;margin-top:1px;}\n .sidebar-bottom form{padding:0 8px;}\n .main{flex:1;min-width:0;}\n .wrap{max-width:1180px;margin:0 auto;padding:30px 32px 70px;}\n\n /* ---------- page header ---------- */\n .eyebrow{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}\n .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px;}\n .page-header h1{font-size:32px;margin:0 0 6px;}\n .page-header .sub{margin:0;max-width:520px;}\n .page-header .actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}\n .sub{color:var(--ink-dim);font-size:14.5px;margin:0 0 20px;}\n\n /* ---------- buttons ---------- */\n .btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);\n padding:9px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;font-family:var(--font-body);}\n .btn:hover{background:var(--panel-2);}\n .btn.primary{background:var(--teal);color:var(--teal-ink);border-color:var(--teal);}\n .btn.primary:hover{background:var(--teal-dark);}\n .btn.ghost{background:transparent;border-color:rgba(255,255,255,.18);color:var(--sidebar-ink-dim);}\n .btn.ghost:hover{background:var(--sidebar-2);color:var(--sidebar-ink);}\n .btn.small{padding:6px 12px;font-size:12.5px;}\n .btn.block{width:100%;justify-content:center;}\n\n /* ---------- layout grids & cards ---------- */\n .grid{display:grid;gap:16px;}\n .cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}\n .cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}\n .cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}\n .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);}\n .card.dark{background:var(--dark-card);color:var(--sidebar-ink);border-color:var(--dark-card);}\n .card.dark .ink-dim, .card.dark .sub{color:var(--sidebar-ink-dim);}\n .card.beige{background:var(--cream);border-color:var(--cream);}\n .stat .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-weight:600;}\n .stat .v{font-size:26px;font-weight:700;margin-top:8px;font-family:var(--font-display);}\n .stat .delta{font-size:12px;color:var(--ink-dim);margin-top:6px;}\n section{margin-top:30px;}\n section > h2{font-size:18px;margin:0 0 14px;}\n .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}\n .section-head h2{margin:0;}\n .section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px;}\n\n table{width:100%;border-collapse:collapse;font-size:13.5px;}\n th{text-align:left;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);}\n td{padding:11px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top;}\n .table-scroll{overflow-x:auto;}\n .badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;}\n .badge.ok{background:var(--ok-bg);color:var(--ok);}\n .badge.bad{background:var(--bad-bg);color:var(--bad);}\n .badge.warn{background:var(--warn-bg);color:var(--warn);}\n .badge.neutral{background:var(--panel-3);color:var(--ink-dim);}\n .badge.amber{background:var(--amber-bg);color:var(--amber);}\n\n input,select,textarea{font-family:var(--font-body);font-size:13.5px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);width:100%;}\n input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:1px;}\n label{font-size:12px;color:var(--ink-dim);display:block;margin-bottom:5px;font-weight:600;}\n .field{margin-bottom:13px;}\n form.inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap;}\n\n /* ---------- login / guest split panel ---------- */\n .auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--panel-2);}\n .auth-card{max-width:900px;width:100%;background:var(--panel);border-radius:22px;box-shadow:var(--shadow);display:flex;overflow:hidden;min-height:420px;}\n .auth-side{flex:1;background:var(--dark-card);color:var(--sidebar-ink);padding:40px 38px;display:flex;flex-direction:column;justify-content:center;}\n .auth-side .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;margin-bottom:26px;}\n .auth-side .brand .mark{width:26px;height:26px;border-radius:8px;background:var(--sidebar-ink);color:var(--dark-card);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;}\n .auth-side .eyebrow{color:var(--amber);}\n .auth-side h1{color:#fff;font-size:34px;line-height:1.15;margin:0 0 14px;}\n .auth-side p{color:var(--sidebar-ink-dim);font-size:14px;line-height:1.6;margin:0 0 22px;max-width:340px;}\n .auth-feature{background:var(--sidebar-2);border-radius:10px;padding:11px 13px;font-size:13px;margin-bottom:8px;color:var(--sidebar-ink);}\n .auth-form{flex:1;padding:44px 40px;display:flex;flex-direction:column;justify-content:center;}\n .auth-form .eyebrow{color:var(--amber);}\n .auth-form h2{font-size:26px;margin:0 0 8px;}\n .auth-form .sub{margin-bottom:24px;}\n .login-card{max-width:380px;width:100%;}\n\n .notice{padding:11px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;}\n .notice.error{background:var(--bad-bg);color:var(--bad);}\n .notice.info{background:var(--panel-3);color:var(--ink-dim);}\n\n .checklist-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft);}\n .checklist-item:last-child{border-bottom:none;}\n .checklist-item input[type=checkbox]{width:auto;flex-shrink:0;accent-color:var(--teal);}\n .checklist-item .desc{flex:1;}\n .checklist-item.done .desc{color:var(--ink-dim);text-decoration:line-through;}\n .tag-type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--teal-dark);background:var(--ok-bg);padding:2px 8px;border-radius:5px;margin-right:8px;}\n\n footer{margin-top:50px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink-dim);font-size:11.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}\n .lock-note{font-size:12.5px;color:var(--ink-dim);background:var(--panel-3);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:11px 13px;margin-top:12px;}\n\n @media (max-width:860px){\n .auth-card{flex-direction:column;}\n .auth-side{padding:30px 28px;}\n }\n @media (max-width:780px){\n .app-shell{flex-direction:column;}\n .sidebar{width:100%;height:auto;position:relative;flex-direction:row;align-items:center;padding:12px 16px;flex-wrap:wrap;gap:10px;}\n .sidebar .brand{padding:0;}\n .sidebar-nav{flex-direction:row;flex:none;}\n .sidebar-bottom{border-top:none;margin:0 0 0 auto;padding:0;display:flex;align-items:center;gap:10px;}\n .user-chip{display:none;}\n .wrap{padding:22px 18px 50px;}\n }\n`;\n\nconst NAV_ICONS: Record = {\n overview: \"◆\",\n staff: \"◇\",\n password: \"●\",\n};\n\nfunction SidebarNav({ user, active }: { user: { role: string }; active: string }) {\n const items: { key: string; label: string; href: string }[] = [];\n items.push({ key: \"overview\", label: \"Overview\", href: user.role === \"owner\" ? \"/owner\" : \"/staff\" });\n if (user.role === \"owner\") {\n items.push({ key: \"staff\", label: \"Staff view\", href: \"/staff\" });\n }\n items.push({ key: \"password\", label: \"Change password\", href: \"/change-password\" });\n return (\n \n );\n}\n\nexport function Layout(\n { title, user, activeNav, children }: {\n title: string;\n user?: { name: string; role: string } | null;\n activeNav?: string;\n children: any;\n },\n) {\n return (\n \n \n {title} · Isento\n \n \n \n \n \n {user\n ? (\n

\n \n

{children}

\n )\n :

{children}

}\n \n \n \n );\n}\n\nexport function PageHeader(\n { eyebrow, title, subtitle, actions }: { eyebrow: string; title: string; subtitle?: string; actions?: any },\n) {\n return (\n \n );\n}\n","deleted",false,"label",[14],"f6d544b2-720a-4193-9797-fd95cddc322a",["D",1787663386761],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Isento property ops: staff/owner/guest portals + fee ledger","imageUrl","userId","0d80088e-7112-4b81-b513-1efae25ea3d8","pinnedFileId","01a0390a-88ed-72fa-80c5-6c5a22bf21c2","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a03906-2a46-7197-a3ac-792ee8e04a5c","tursoName","f6d544b2720a41939797fd95cddc322a","tursoHostname","f6d544b2720a41939797fd95cddc322a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789485645684],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_99":100,"_101":102,"_55":56,"_103":104,"_105":42},"branch",{"_35":89,"_11":90,"_22":28,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":12,"_98":10},"isOwned",24,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","imelda edodollon","avatar","https://lh3.googleusercontent.com/a/ACg8ocKr1iICq7J9VyfzCVOdogvCtL322dGPfd-X6jqTWmG5_i8FBgQ=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_82":-5,"_140":141,"_142":143,"_144":145,"_146":42,"_147":42,"_148":42,"_149":32,"_150":-5,"_151":-7,"_152":-7,"_153":63,"_154":42,"_155":42,"_156":-5,"_157":42,"_158":42,"_159":42,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":90,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]