[{"_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":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68c4398009a88191b33b47cb2a625ee6","versionInt","title","Eddies Checkout — Simple Game","type","code/react","content","import React, { useMemo, useState } from \"react\";\n\n// Eddies Checkout — a tiny one-file game (fixed JSX + teen-refusal + 0.01 min)\n// Rules implemented per user spec:\n// 1) Teen asks: \"Do you accept Eddies?\"\n// 2a) If owner says YES → pay in Eddies with a MINIMUM of €100, rounded up to the next €100, and NO CHANGE.\n// 2b) If owner says NO → pay the EUR sticker price; owner incurs a debt in Eddies equal to the sticker price rounded UP to the nearest €100 (min €100).\n// 2c) If owner says YES but the teen REFUSES → the teen owes Eddies equal to the price rounded UP to the nearest €100 (min €100).\n// Sticker prices can include cents (€0.01..N). Eddies pay in €100 blocks (rounded up; minimum €187). Eddies pay in €100 blocks (rounded up, min €100).\n\nconst ITEMS = [\n \"Bottle of Water\",\n \"Chocolate Bar\",\n \"Notebook\",\n \"Headphones\",\n \"USB-C Cable\",\n \"T-Shirt\",\n \"Baseball Cap\",\n \"Travel Mug\",\n \"Phone Case\",\n \"Snack Pack\",\n \"Soda Can\",\n \"Cookies\",\n \"Gum Pack\",\n \"Mini Powerbank\",\n \"Sticker Sheet\",\n \"Poster\",\n \"Keychain\",\n \"Earbuds\",\n \"Notebook Set\",\n \"Charging Brick\",\n];\n\nfunction randInt(min: number, max: number) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nfunction randomPrice(maxPrice: number) {\n const centsMin = 1; // €0.01 minimum\n const centsMax = Math.max(centsMin, Math.round(maxPrice * 100));\n const cents = randInt(centsMin, centsMax);\n return cents / 100;\n}\n\nfunction formatEUR(n: number) {\n return new Intl.NumberFormat(undefined, {\n style: \"currency\",\n currency: \"EUR\",\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n }).format(n);\n}\n\n// Helpers (and dev-time tests) ----------------------------------------------\nconst MIN_EDDIES = 187;\nexport function roundUpToHundreds(n: number) {\n if (n <= 0) return 0;\n const blocks = Math.ceil(n / 100);\n return Math.max(MIN_EDDIES, blocks * 100);\n}\nexport const debtIncFromPrice = (price: number) => roundUpToHundreds(price);\nexport const teenDebtFromPrice = (price: number) => roundUpToHundreds(price);\n\n// Simple dev assertions (non-breaking in production bundlers)\n(function devTests() {\n try {\n console.assert(roundUpToHundreds(0.01) === 187, \"€0.01 → €187\");\n console.assert(roundUpToHundreds(1) === 187, \"€1 → €187\");\n console.assert(roundUpToHundreds(50) === 187, \"€50 → €187\");\n console.assert(roundUpToHundreds(350) === 400, \"€350 → €400\");\n console.assert(roundUpToHundreds(700.01) === 800, \"€700.01 → €800\");\n console.assert(debtIncFromPrice(950) === 1000, \"Store debt €950 → €1000\");\n console.assert(debtIncFromPrice(133.23) === 200, \"Store debt €133.23 → €200\");\n console.assert(teenDebtFromPrice(50) === 100, \"Teen debt €50 → €100\");\n console.assert(teenDebtFromPrice(350) === 400, \"Teen debt €350 → €400\");\n } catch {}\n})();\n\n// Component -----------------------------------------------------------------\nexport default function EddiesCheckoutGame() {\n const [round, setRound] = useState(0);\n const [eddiesSpent, setEddiesSpent] = useState(0);\n const [eurSpent, setEurSpent] = useState(0);\n const [storeDebt, setStoreDebt] = useState(0); // store owes teen (EUR value)\n const [teenDebt, setTeenDebt] = useState(0); // teen owes store (EUR value in Eddies)\n const [maxPrice, setMaxPrice] = useState(100); // Max sticker price N (EUR), supports cents\n const [light, setLight] = useState(false);\n const [yesCount, setYesCount] = useState(0);\n const [noCount, setNoCount] = useState(0);\n\n const [lastOutcome, setLastOutcome] = useState<\n | null\n | {\n ownerAccepted: boolean;\n teenRefused?: boolean;\n item: string;\n price: number; // EUR sticker price\n eddiesPaid: number; // if accepted & paid\n eurPaid: number; // if rejected\n debt?: number; // store debt (if owner refused) OR teen debt (if teen refused)\n message: string;\n }\n >(null);\n\n const newItem = useMemo(() => {\n return {\n name: ITEMS[randInt(0, ITEMS.length - 1)],\n price: randomPrice(maxPrice),\n };\n // Re-generate each round\n }, [round, maxPrice]);\n\n function settleYes(price: number) {\n // Pay with Eddies in 100s, minimum 100, no change\n const paid = roundUpToHundreds(price);\n setYesCount((c) => c + 1);\n setEddiesSpent((p) => p + paid);\n setLastOutcome({\n ownerAccepted: true,\n item: newItem.name,\n price,\n eddiesPaid: paid,\n eurPaid: 0,\n message: `Teen pays ${formatEUR(paid)} in Eddies (Gets no change back).`,\n });\n setRound((r) => r + 1);\n }\n\n function settleYesTeenRefuse(price: number) {\n // Owner accepts but teen refuses → teen owes Eddies (rounded up to €100)\n const debtInc = teenDebtFromPrice(price);\n setYesCount((c) => c + 1);\n setTeenDebt((t) => t + debtInc);\n setLastOutcome({\n ownerAccepted: true,\n teenRefused: true,\n item: newItem.name,\n price,\n eddiesPaid: 0,\n eurPaid: 0,\n debt: debtInc,\n message: `Owner accepts Eddies. Teen refuses to pay; teen now owes ${formatEUR(debtInc)} in Eddies (debit).`,\n });\n setRound((r) => r + 1);\n }\n\n function settleNo(price: number) {\n // Pay EUR sticker price; owner incurs Eddies-debt mirroring the item price rounded up to €100 (min €100)\n const debtInc = debtIncFromPrice(price);\n setNoCount((c) => c + 1);\n setEurSpent((p) => p + price);\n setStoreDebt((d) => d + debtInc);\n setLastOutcome({\n ownerAccepted: false,\n item: newItem.name,\n price,\n eddiesPaid: 0,\n eurPaid: price,\n debt: debtInc,\n message: `Owner refuses Eddies. Teen pays ${formatEUR(price)} in EUR; store now owes teen ${formatEUR(debtInc)} in Eddies (debit).`,\n });\n setRound((r) => r + 1);\n }\n\n function randomAnswer() {\n const yes = Math.random() < 0.5;\n if (yes) settleYes(newItem.price);\n else settleNo(newItem.price);\n }\n\n function simulateYear100k() {\n const TARGET = 100000;\n const blocksTotal = TARGET / 100; // 1000 blocks of €100\n const k = randInt(80, 100); // between 80 and 100 NOs\n\n // Random composition of 1000 into k positive integers\n const cuts = new Set();\n while (cuts.size < k - 1) cuts.add(randInt(1, blocksTotal - 1));\n const points = [0, ...Array.from(cuts).sort((a, b) => a - b), blocksTotal];\n const blocks: number[] = [];\n for (let i = 1; i < points.length; i++) {\n blocks.push(points[i] - points[i - 1]);\n }\n\n // Build random sticker prices that round UP to each increment\n let eurCents = 0;\n for (const b of blocks) {\n const inc = b * 100; // increment in EUR\n // any price in ((inc-100), inc] rounds to inc; keep at least €0.01\n const minPrice = Math.max(0.01, inc - 100 + 0.01);\n const centsMin = Math.round(minPrice * 100);\n const centsMax = Math.round(inc * 100);\n const cents = randInt(centsMin, centsMax);\n eurCents += cents;\n }\n\n const eur = eurCents / 100;\n\n setEurSpent(eur);\n setStoreDebt(TARGET);\n setLastOutcome({\n ownerAccepted: false,\n item: `— (${k} NOs)`,\n price: 0,\n eddiesPaid: 0,\n eurPaid: eur,\n debt: TARGET,\n message: `Perspective mode: after ${k} NOs, store owes teen ${formatEUR(TARGET)} in Eddies; teen would have paid ${formatEUR(eur)} in EUR (random mix).`,\n });\n }\n\n function resetAll() {\n setRound(0);\n setEddiesSpent(0);\n setEurSpent(0);\n setStoreDebt(0);\n setTeenDebt(0);\n setYesCount(0);\n setNoCount(0);\n setLastOutcome(null);\n }\n\n const profit = storeDebt - eurSpent; // definition kept as requested earlier\n\n return (\n \n {/* Light/Dark toggle */}\n setLight((v) => !v)}\n className={`fixed top-4 right-4 z-10 px-3 py-2 rounded-xl border text-sm shadow-sm ${\n light\n ? \"bg-white border-zinc-300 hover:bg-zinc-100 text-zinc-800\"\n : \"bg-slate-800/60 border-slate-700 hover:bg-slate-700/60 text-slate-100\"\n }`}\n title=\"Toggle light/dark\"\n >\n {light ? \"Dark 🌙\" : \"Light ☀️\"}\n \n\n

\n {/* Header */}\n

\n Eddies Checkout — Simple Game\n

€DDI€$ not accepted? That’s a debit!

\n\n {/* Scoreboard */}\n

Total paid in Eddies

{formatEUR(eddiesSpent)}

Total paid in EUR

{formatEUR(eurSpent)}

Store debt (in Eddies)

{formatEUR(storeDebt)}

Store debt − EUR paid = The teen’s profit 🤑

{formatEUR(profit)}

Teen debt (in Eddies)

{formatEUR(teenDebt)}

\n\n {/* Settings: Max price */}\n

Max item price (N)

\n setMaxPrice(Math.max(0.01, Number(e.target.value)))}\n className={`px-3 py-2 rounded-lg border w-40 ${light ? \"bg-white border-zinc-300 text-zinc-900\" : \"bg-slate-900/70 border-slate-700 text-white\"}`}\n />\n

\n With Eddies receive a minimum €187 for your goods and services and DON'T give back change!!!\n

\n\n {/* Current Item Card */}\n

Item

{newItem.name}

Price

{formatEUR(newItem.price)}

\n\n

Teen asks: “Do you accept Eddies?”

\n settleYes(newItem.price)}\n className={`px-4 py-2 rounded-xl border transition shadow-sm ${light ? \"border-emerald-500/50 bg-emerald-200/50 hover:bg-emerald-200/70\" : \"border-emerald-500/40 bg-emerald-600/20 hover:bg-emerald-600/30\"}`}\n >\n Owner Yes ({yesCount})\n \n settleYesTeenRefuse(newItem.price)}\n className={`px-4 py-2 rounded-xl border transition shadow-sm ${light ? \"border-amber-500/50 bg-amber-200/50 hover:bg-amber-200/70\" : \"border-amber-500/40 bg-amber-600/20 hover:bg-amber-600/30\"}`}\n title=\"Owner accepts, teen refuses to pay (teen owes Eddies)\"\n >\n Owner Yes & Teen refuses\n \n settleNo(newItem.price)}\n className={`px-4 py-2 rounded-xl border transition shadow-sm ${light ? \"border-rose-500/50 bg-rose-200/50 hover:bg-rose-200/70\" : \"border-rose-500/40 bg-rose-600/20 hover:bg-rose-600/30\"}`}\n >\n Owner No ({noCount})\n \n \n Random answer\n \n \n €100K/Year\n \n \n Reset\n \n

\n\n {/* Outcome */}\n {lastOutcome && (\n

Last round

\n Item: {lastOutcome.item}\n

\n Sticker price: {formatEUR(lastOutcome.price)}\n

\n {lastOutcome.ownerAccepted ? (\n lastOutcome.teenRefused ? (\n

\n Teen owes Eddies: {formatEUR(lastOutcome.debt ?? 0)}\n

\n ) : (\n

\n Eddies paid: {formatEUR(lastOutcome.eddiesPaid)}\n

\n )\n ) : (\n <>\n

\n EUR paid: {formatEUR(lastOutcome.eurPaid)}\n

\n Store owes teen + {formatEUR(lastOutcome.debt ?? 0)}\n

\n \n )}\n

{lastOutcome.message}

\n )}\n\n {/* Footer hint */}\n

\n Prices can include cents (€0.01–N). Click Random answer to simulate the owner's reply, or force a path with YES/NO.
\n Rules: Eddies payments round up to €100s — e.g., €1.00→€187, €350→€400. If the owner refuses, the store debt mirrors the item price rounded up to €100 (min €187). If the owner accepts Eddies and the teen refuses to pay, the teen owes Eddies equal to the rounded price.\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","7972363873142603087","traceTime",1776428424186]