[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","689b98584e948191b296eb1eeba91e25","versionInt","title","Sandpoint Development Impact Fee Calculator","type","code/react","content","'use client';\nimport React, { useMemo, useState } from 'react';\n\n/**\n * Sandpoint Development Impact Fee Calculator (Basic)\n * ---------------------------------------------------\n * - Residential (per-unit, by size bracket)\n * - Nonresidential (per 1,000 sf; Lodging per room) with category breakdown\n * - No STR section\n * - Plain React (no external UI libs). Works in Next.js or any React app.\n */\n\n// -------------------- DATA --------------------\nconst RESIDENTIAL_SCHEDULE = [\n { key: 'under-600', label: 'Under 600 sq ft', categories: { parks: 2216, pathways: 606, roads: 2181, police: 109, fire: 217 }, previousTotal: 5441 },\n { key: '600-1000-mf', label: '600–1,000 sq ft (Avg MF)', categories: { parks: 3080, pathways: 782, roads: 2812, police: 151, fire: 300 }, previousTotal: 5441 },\n { key: '1000-1400', label: '1,000–1,400 sq ft', categories: { parks: 4232, pathways: 1016, roads: 3654, police: 207, fire: 412 }, previousTotal: 5441 },\n { key: '1400-1800-sf', label: '1,400–1,800 sq ft (Avg SF)', categories: { parks: 5074, pathways: 1181, roads: 4248, police: 249, fire: 494 }, previousTotal: 5282 },\n { key: '1800-2200', label: '1,800–2,200 sq ft', categories: { parks: 5717, pathways: 1309, roads: 4709, police: 280, fire: 556 }, previousTotal: 5282 },\n { key: '2200-2600', label: '2,200–2,600 sq ft', categories: { parks: 6227, pathways: 1415, roads: 5090, police: 305, fire: 606 }, previousTotal: 7673 },\n { key: '2600-3000', label: '2,600–3,000 sq ft', categories: { parks: 6471, pathways: 1461, roads: 5257, police: 317, fire: 630 }, previousTotal: 7673 },\n { key: '3000-plus', label: '3,000 sq ft or more', categories: { parks: 7313, pathways: 1632, roads: 5872, police: 358, fire: 712 }, previousTotal: 7673 },\n];\n\n// Nonresidential (per 1,000 sf) and Lodging (per room, with full breakdown)\nconst NONRES_RATES = [\n { key: 'retail', label: 'Retail / Commercial', unit: 'k-sf', rateTotal: 6446, breakdown: { parks: 219, pathways: 1068, roads: 3841, police: 436, fire: 882 } },\n { key: 'office', label: 'Office / Professional / Institutional (office)', unit: 'k-sf', rateTotal: 4926, breakdown: { parks: 336, pathways: 848, roads: 3053, police: 228, fire: 461 } },\n { key: 'institutional', label: 'Institutional (non-office)', unit: 'k-sf', rateTotal: 4860, breakdown: { parks: 295, pathways: 844, roads: 3036, police: 227, fire: 458 } },\n { key: 'industrial', label: 'Industrial', unit: 'k-sf', rateTotal: 2227, breakdown: { parks: 162, pathways: 382, roads: 1373, police: 103, fire: 207 } },\n { key: 'manufacturing', label: 'Manufacturing', unit: 'k-sf', rateTotal: 2209, breakdown: { parks: 195, pathways: 372, roads: 1339, police: 100, fire: 203 } },\n { key: 'warehousing', label: 'Warehousing', unit: 'k-sf', rateTotal: 759, breakdown: { parks: 35, pathways: 134, roads: 481, police: 36, fire: 73 } },\n { key: 'mini-storage', label: 'Mini-Storage', unit: 'k-sf', rateTotal: 643, breakdown: { parks: 29, pathways: 104, roads: 417, police: 31, fire: 62 } },\n // Lodging per-room breakdown provided by you:\n { key: 'lodging', label: 'Lodging (per room)', unit: 'room', rateTotal: 7703, breakdown: { parks: 4210, pathways: 626, roads: 2251, police: 206, fire: 410 } },\n];\n\n// -------------------- HELPERS --------------------\nconst fmt = new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 0 });\nconst sumCategories = (c) => (c?.parks ?? 0) + (c?.pathways ?? 0) + (c?.roads ?? 0) + (c?.police ?? 0) + (c?.fire ?? 0);\nconst clampNonNeg = (n) => (Number.isFinite(n) && n > 0 ? n : 0);\n\n// -------------------- UI SUBCOMPONENTS --------------------\nfunction Breakdown({ title, categories, subtitle }) {\n const total = useMemo(() => sumCategories(categories || {}), [categories]);\n const items = [\n { key: 'parks', label: 'Parks & Rec', value: categories?.parks ?? 0 },\n { key: 'pathways', label: 'Pathways', value: categories?.pathways ?? 0 },\n { key: 'roads', label: 'Roads', value: categories?.roads ?? 0 },\n { key: 'police', label: 'Police', value: categories?.police ?? 0 },\n { key: 'fire', label: 'Fire', value: categories?.fire ?? 0 },\n ];\n return (\n

{title}

Total: {fmt.format(total)}

\n {subtitle &&

{subtitle}

}\n

\n {items.map((it) => (\n

\n {it.label}\n {fmt.format(Math.round(it.value))}\n

\n ))}\n

\n );\n}\n\nfunction Estimate({ items = [], totalLabel = 'Total', totalValue = '', footer }) {\n return (\n

Estimate

{row.label}: {row.value}

{totalLabel}

{totalValue}

\n {footer ?

{footer}

: null}\n

\n );\n}\n\n// -------------------- MAIN COMPONENT --------------------\nexport default function DevelopmentImpactFeeCalculatorBasic({\n title = 'Development Impact Fee Calculator',\n note = 'Estimates are informational only. Final fees are determined at permit issuance per Sandpoint City Code and the current fee schedule.',\n}) {\n const [tab, setTab] = useState('res');\n\n // Residential\n const [resKey, setResKey] = useState(RESIDENTIAL_SCHEDULE[0]?.key);\n const [resUnits, setResUnits] = useState(1);\n const resBracket = RESIDENTIAL_SCHEDULE.find((b) => b.key === resKey);\n const resPerUnit = sumCategories(resBracket?.categories);\n const resTotal = Math.round(resPerUnit * clampNonNeg(resUnits));\n const pctChange = resBracket?.previousTotal ? ((resPerUnit - resBracket.previousTotal) / resBracket.previousTotal) * 100 : undefined;\n\n // Nonresidential\n const [useKey, setUseKey] = useState(NONRES_RATES[0]?.key);\n const [area, setArea] = useState(10000); // sq ft\n const [rooms, setRooms] = useState(10); // for lodging\n const use = NONRES_RATES.find((u) => u.key === useKey);\n\n const qty = use?.unit === 'room' ? clampNonNeg(rooms) : (clampNonNeg(area) / 1000);\n const nonresCats = use?.breakdown\n ? {\n parks: (use.breakdown.parks ?? 0) * qty,\n pathways: (use.breakdown.pathways ?? 0) * qty,\n roads: (use.breakdown.roads ?? 0) * qty,\n police: (use.breakdown.police ?? 0) * qty,\n fire: (use.breakdown.fire ?? 0) * qty,\n }\n : { parks: 0, pathways: 0, roads: 0, police: 0, fire: 0 };\n const nonresTotal = Math.round(sumCategories(nonresCats));\n\n return (\n

{title}

\n Enter project details to estimate development impact fees. For questions, contact the Community Planning & Development Department.\n

\n\n

\n {['res','nonres'].map((t) => (\n setTab(t)}\n className={`px-3 py-1.5 rounded-full text-sm border ${tab===t ? 'bg-gray-900 text-white border-gray-900' : 'bg-white text-gray-800 border-gray-300'}`}\n >\n {t === 'res' ? 'Residential' : 'Nonresidential'}\n \n ))}\n

\n\n {tab === 'res' && (\n

\n Unit size / type\n \n

\n Number of units\n {\n const v = Number((e.target.value || '').toString().replace(/[^0-9.]/g,''));\n setResUnits(clampNonNeg(v));\n }}\n />\n

Multiply fees for multiple identical units.

\n\n

\n \n = 0 ? '+' : ''}${pctChange.toFixed(1)}%`\n : undefined}\n />\n

\n )}\n\n {tab === 'nonres' && (\n

\n Use type\n \n

\n\n {use?.unit === 'k-sf' ? (\n

\n Floor area (sq ft)\n {\n const v = Number((e.target.value || '').toString().replace(/[^0-9.]/g,''));\n setArea(clampNonNeg(v));\n }}\n />\n

Rates apply per 1,000 sq ft. Area entered is total project area.

\n ) : (\n

\n Number of rooms\n {\n const v = Number((e.target.value || '').toString().replace(/[^0-9.]/g,''));\n setRooms(Math.floor(clampNonNeg(v)));\n }}\n />\n

Lodging fees are assessed per room.

\n )}\n

\n\n

\n \n\n \n

\n\n \n

\n )}\n\n

{note}

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","12941270212718875933","traceTime",1780555999084]