[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":26,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","683ad3c2ee08819190017b09127c5111","versionInt","title","AI New Zealand - AI ROI Calculator","type","code/react","content","import { useState } from 'react';\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer } from 'recharts';\n\nexport default function ROICalculator() {\n const [inputs, setInputs] = useState({\n hourlyRate: 100,\n taskFrequency: 10,\n timePerTask: 30,\n taskTimeSaved: 25,\n teamSize: 1\n });\n\n const [taskDescription, setTaskDescription] = useState(\"\");\n\n const handleChange = (e) => {\n setInputs({ ...inputs, [e.target.name]: Number(e.target.value) });\n };\n\n const {\n hourlyRate,\n taskFrequency,\n timePerTask,\n taskTimeSaved,\n teamSize\n } = inputs;\n\n const taskTimeSavedHours = (taskFrequency * timePerTask * (taskTimeSaved / 100)) / 60;\n const totalTimeSaved = taskTimeSavedHours;\n const totalTeamTimeSaved = totalTimeSaved * teamSize;\n const valuePerPerson = totalTimeSaved * hourlyRate;\n const weeklyTeamROI = valuePerPerson * teamSize;\n const annualROI = weeklyTeamROI * 52;\n\n const fieldLabels = {\n hourlyRate: 'Hourly Rate',\n taskFrequency: 'Weekly Task Frequency',\n timePerTask: 'Ave Time Per Task (mins)',\n taskTimeSaved: 'Time Saved Per Task (%)',\n teamSize: 'Number of people who do this task'\n };\n\n return (\n

AI Assistant ROI Calculator

\n\n

\n \n Describe your task e.g. Meeting notes or Compiling Board Reports\n \n setTaskDescription(e.target.value)}\n className=\"w-full\"\n />\n

\n\n

\n {Object.entries(inputs).map(([key, value]) => (\n

\n {fieldLabels[key]}\n \n

\n ))}\n

\n\n \n \n

Weekly time saved per person: {totalTimeSaved.toFixed(2)} hours

Weekly ROI: ${weeklyTeamROI.toFixed(2)}

Annual ROI: ${annualROI.toFixed(2)}

\n\n

Weekly Productivity Gain (hours)

\n \n \n \n \n \n \n \n

\n\n

Annual Cost Savings ($$$)

\n \n \n \n \n \n \n \n

\n\n

\n\n \n \n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","11822285699744267241","traceTime",1776404351289]