[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_104":105,"_106":107},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","cameron","name","notUber","path","notUberNew","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":57,"_58":32,"_59":-5,"_60":-5,"_61":36,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":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/cameron/notUber/code/notUberNew","extension","id","5cfd6d7e-040a-11f0-9c63-569c3dd06744","fileId","7611def5-7502-4c94-8f64-6d58a8cd3fba","parentId","branchId","5cfbd3a6-040a-11f0-9c63-569c3dd06744","branchVersion",1,"latest",true,"createdAt",["D",1742310300442],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { id, init, tx } from \"https://esm.sh/@instantdb/react?bundle-deps&deps=react@18.2.0\";\nimport {\n IconCar,\n IconCarFilled,\n IconCircleCheck,\n IconCircleFilled,\n IconSquareFilled,\n} from \"https://esm.sh/@tabler/icons-react?deps=react@18.2.0\";\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { INSTANTDB_APP_ID } from \"https://esm.town/v/vawogbemi/notUberConsts\";\nimport { AutocompleteInput, MapComponent } from \"https://esm.town/v/vawogbemi/notUberMapComponent\";\n\nconst SelectionItem = ({ title, icon: Icon, description, isSelected, onClick, cost }) => (\n \n

\n \n

{title}

\n \n ${cost.toFixed(2)}\n \n

\n {`2 mins away • ${new Date(Date.now()).toLocaleTimeString()}`}\n

{description}

\n \n);\n\nconst calculateCost = () => {\n // Base cost for the ride\n return 20;\n};\n\nconst Toast = ({ isVisible, onClose }) => {\n useEffect(() => {\n if (isVisible) {\n const timer = setTimeout(() => {\n onClose();\n }, 3000);\n\n return () => clearTimeout(timer);\n }\n }, [isVisible, onClose]);\n\n if (!isVisible) return null;\n\n return (\n

\n \n Success!\n

\n );\n};\n\nconst DropOffSelector = ({ title }) => {\n const urlParams = new URLSearchParams(window.location.search);\n const [pickupLocation, setPickupLocation] = useState(urlParams.get(\"pickup\") || \"\");\n const [dropoffLocation, setDropoffLocation] = useState(urlParams.get(\"dropoff\") || \"\");\n const [selectedOption, setSelectedOption] = useState(\"notUberX\");\n const [showToast, setShowToast] = useState(false);\n\n const db = init({ appId: INSTANTDB_APP_ID });\n const { isLoading, user, error: authError } = db.useAuth();\n const query = {\n users: {\n $: {\n where: {\n email: !isLoading && user?.email,\n },\n },\n },\n };\n\n const { queryIsLoading, queryError, data } = db.useQuery(query);\n\n const cost = useMemo(() => calculateCost(), []);\n\n useEffect(() => {\n const isMobile = window.matchMedia(\"(max-width: 768px)\").matches;\n if (isMobile) {\n window.scrollTo(0, document.body.scrollHeight);\n }\n }, []);\n\n const swapLocations = () => {\n setPickupLocation(dropoffLocation);\n setDropoffLocation(pickupLocation);\n };\n\n const handleLocationChange = (setter) => (newLocation) => {\n if (newLocation === (setter === setPickupLocation ? dropoffLocation : pickupLocation) && newLocation !== \"\") {\n swapLocations();\n } else {\n setter(newLocation);\n }\n };\n\n const handleProductSelection = async () => {\n await db.transact(\n tx.rides[id()].update({\n pickupLocation: pickupLocation,\n dropoffLocation: dropoffLocation,\n selectedOption: selectedOption,\n cost: `$${cost}`,\n createdAt: Date.now(),\n }).link({ users: data.users[0].id }),\n );\n setShowToast(true);\n setTimeout(() => {\n setShowToast(false);\n window.location.href = \"/rides\";\n }, 3000);\n };\n\n const isFormValid = pickupLocation && dropoffLocation;\n\n return (\n

\n {title &&

{title}

}\n

\n \n

Select Ride Option

\n setSelectedOption(\"notUberX\")}\n cost={cost}\n />\n setSelectedOption(\"notUberXL\")}\n cost={cost + 5}\n />\n

\n \n {selectedOption} - ${(selectedOption === \"notUberX\" ? cost : cost + 5).toFixed(2)}\n \n

\n \n

\n setShowToast(false)}\n />\n

\n );\n};\n\nexport function New() {\n return (\n

\n \n

\n );\n}\n\nconst css = `\n@keyframes toastIn {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes toastOut {\n from {\n transform: scale(1);\n opacity: 1;\n }\n to {\n transform: scale(0);\n opacity: 0;\n }\n}\n\n.animate-toast {\n animation: toastIn 0.5s ease-out forwards, toastOut 0.5s ease-in forwards 2.5s;\n}\n`;\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Get a ride\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted",false,"label",[14],"5cf933e4-040a-11f0-9c63-569c3dd06744",["D",1742310300442],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","fa3194ed-9939-40d6-a0cf-2d5f698860eb","pinnedFileId","3a98123e-ae0b-4f31-8f52-02bf38b195dd","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","5e4b8693-ab23-49e5-9ebb-43e2623b8b88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_103":99},"org",{"_9":10,"_97":-5,"_98":99,"_54":55,"_100":101,"_102":42},"branch",{"_35":30,"_11":84,"_22":28,"_85":45,"_86":87,"_88":89,"_90":50,"_91":92,"_93":94,"_95":12,"_96":10},"isOwned","main","projectId","forkedBranchId","34e5237e-e374-11ef-a19f-e6cdfca9ef9f","forkedBranchVersion",29,"forkedProjectPrivacy","forkedProjectId","34e4e558-e374-11ef-a19f-e6cdfca9ef9f","forkedProjectOrgId","4bf34fc5-775b-4490-bd5b-9599385e237f","projectName","userHandle","displayName","avatar","https://secure.gravatar.com/avatar/360939a0a18ccb9356134d93713451a0.jpg?s=200&d=identicon","tier","free","canRestrictVals","profileImageUrl","ctx",{"_77":-5,"_137":138,"_139":140,"_141":142,"_143":42,"_144":42,"_145":42,"_146":32,"_147":-5,"_148":-7,"_149":-7,"_150":36,"_151":42,"_152":42,"_153":-5,"_154":42,"_155":42,"_156":42,"_157":-5},"ENV",{"_108":109,"_110":111,"_112":84,"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]