[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_247":248,"_249":250},"routes/_app.x.$handle.$name",{"_95":94,"_32":46,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_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":25},"version",50,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":38,"_34":35,"_36":37,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","ui/home.ts","latestPath","fileId","41a0b04e-16e3-11f1-9751-42dde27851f2","name","page.ts","fileType","script","content","// ui/home.ts\nimport { products } from \"../data/products.ts\";\nimport { countries } from \"../data/countries.ts\";\n\nexport function renderHome(): string {\n const productsJson = JSON.stringify(products);\n const countriesJson = JSON.stringify(countries);\n\n return `\n\n\n \n CFX Empire — Shop\n \n \n\n\n \n\n

Premium Tech Accessories

Click Add to cart, then go to the cart to checkout.

\n\n

Featured Products

💵 USD — US Dollar

\n\n

\n\n \n\n \n\n`;\n}","home.ts","createdAt",["D",1772531476807],"branchVersion","branchId","4d3372a6-16df-11f1-a11a-42dde27851f2","id","4d32efca-16df-11f1-a11a-42dde27851f2","kp-cfx-empire",["D",1772528375383],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019b8eff-d2b9-71cb-8f0f-ab0bc749ad68","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019b8eff-d2b9-71cb-8f0f-ade09841207a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"isOwned",63,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","huibw","handle","displayName","Huib","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM3cVZkemdOUjlPcGNneUhGUE5QR3phM0pONSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":243,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_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":244,"_79":245,"_81":246,"_83":25},"tree",[174,177,180,183],"files",[174,175,176,177,178,179,180,181,182,183],"counts",{"_163":61,"_164":148,"_165":61,"_166":167,"_168":169},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":157,"_32":158,"_30":159,"_134":-5,"_42":43,"_41":160,"_136":122,"_39":161,"_13":148,"_34":149,"_36":-5,"_24":25,"_141":-5,"_27":162},{"_44":151,"_32":152,"_30":153,"_134":-5,"_42":43,"_41":154,"_136":122,"_39":155,"_13":148,"_34":149,"_36":-5,"_24":25,"_141":-5,"_27":156},{"_44":143,"_32":144,"_30":145,"_134":-5,"_42":43,"_41":146,"_136":122,"_39":147,"_13":148,"_34":149,"_36":-5,"_24":25,"_141":-5,"_27":150},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":138,"_34":139,"_36":140,"_24":25,"_141":-5,"_27":142},"5e3a5162-16e6-11f1-8789-42dde27851f2","main.ts","4d368f86-16df-11f1-a11a-42dde27851f2","parentId",48,"latest",["D",1772531410420],12,"http","// main.ts\nimport { renderHome } from \"./ui/home.ts\";\nimport { renderCheckout } from \"./ui/checkout.ts\";\nimport { css } from \"./ui/styles.ts\";\n\nconst KLARNA_API_USERNAME = Deno.env.get(\"KLARNA_API_USERNAME\") || \"\";\nconst KLARNA_API_PASSWORD = Deno.env.get(\"KLARNA_API_PASSWORD\") || \"\";\nconst KLARNA_ENV = Deno.env.get(\"KLARNA_ENV\") || \"playground\";\n\nfunction klarnaBase() {\n if (KLARNA_ENV === \"production\") return \"https://api.klarna.com\";\n return \"https://api.playground.klarna.com\";\n}\nfunction makeAuthHeader() {\n return \"Basic \" + btoa(`${KLARNA_API_USERNAME}:${KLARNA_API_PASSWORD}`);\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n // styles\n if (pathname === \"/styles.css\") {\n return new Response(css, {\n headers: {\n \"content-type\": \"text/css; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n // Klarna create session\n if (pathname === \"/create-klarna-session\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const items = Array.isArray(body.items) ? body.items : [];\n const totalsUsd = Number(body.order_amount_usd || body.order_amount || 0);\n\n const order_lines = items.map((it: any) => {\n const qty = Number(it.qty || 1);\n const unit = Number(it.unit_price_usd || 0);\n const total = Math.round(unit * qty * 100);\n return {\n type: \"physical\",\n reference: String(it.id || it.reference || \"\"),\n name: String(it.name || \"\"),\n quantity: qty,\n unit_price: Math.round(unit * 100),\n tax_rate: 0,\n total_amount: total,\n total_tax_amount: 0,\n };\n });\n\n const payload: any = {\n purchase_country: (body.purchase_country || \"US\").toUpperCase(),\n purchase_currency: (body.currency || \"USD\").toUpperCase(),\n locale: body.locale || \"en-US\",\n order_amount: Math.round(totalsUsd * 100),\n order_tax_amount: Math.round((Number(body.tax_usd) || 0) * 100),\n order_lines,\n merchant_urls: body.merchant_urls || {\n terms: \"https://example.com/terms\",\n checkout: \"https://example.com/checkout\",\n confirmation: \"https://example.com/confirmation{?order_id}\",\n push: \"https://example.com/push\",\n },\n };\n\n const res = await fetch(`${klarnaBase()}/payments/v1/sessions`, {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n authorization: makeAuthHeader(),\n },\n body: JSON.stringify(payload),\n });\n\n const text = await res.text();\n if (!res.ok) {\n return new Response(text, {\n status: 502,\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n\n return new Response(text, {\n headers: { \"content-type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 500,\n headers: { \"content-type\": \"application/json\" },\n });\n }\n }\n\n // Klarna confirm (demo)\n if (pathname === \"/confirm-klarna-payment\" && req.method === \"POST\") {\n try {\n const body = await req.json().catch(() => ({}));\n const klarnaSessionId = body.klarna_session_id || body.session_id || null;\n if (!klarnaSessionId) {\n return new Response(\n JSON.stringify({ error: \"missing klarna_session_id\" }),\n {\n status: 400,\n headers: { \"content-type\": \"application/json\" },\n },\n );\n }\n\n const sessionRes = await fetch(\n `${klarnaBase()}/payments/v1/sessions/${\n encodeURIComponent(klarnaSessionId)\n }`,\n {\n method: \"GET\",\n headers: { authorization: makeAuthHeader() },\n },\n );\n\n const sessionText = await sessionRes.text();\n if (!sessionRes.ok) {\n return new Response(sessionText, {\n status: 502,\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n\n const fakeOrderId = \"CFX-\" +\n Math.random().toString(16).slice(2, 10).toUpperCase();\n return new Response(\n JSON.stringify({\n ok: true,\n orderId: fakeOrderId,\n session: JSON.parse(sessionText),\n }),\n {\n headers: { \"content-type\": \"application/json\" },\n },\n );\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 500,\n headers: { \"content-type\": \"application/json\" },\n });\n }\n }\n\n // Home\n if (pathname === \"/\" || pathname === \"\") {\n return new Response(renderHome(), {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n // Checkout\n if (pathname === \"/checkout\") {\n return new Response(renderCheckout(), {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"cache-control\": \"no-store\",\n },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","label",[132],"3f870556-16e3-11f1-9cda-42dde27851f2","ui","3eb3b6c4-16e3-11f1-bfda-42dde27851f2",26,["D",1772530070425],1,"directory",[144],"3075645e-16e3-11f1-9c9e-42dde27851f2","lib","2f2236c2-16e3-11f1-8aae-42dde27851f2",18,["D",1772530045147],[152],"1ee4b4b0-16e3-11f1-82a6-42dde27851f2","data","1d2570f6-16e3-11f1-b268-42dde27851f2",9,["D",1772530015675],[158],"pulls","branches","forks","envVars",{"_170":172,"_173":61},"connections",{"_170":61,"_171":61},"count","unfilledCount",3,"emptyCount",{"_44":157,"_32":158,"_30":159,"_134":-5,"_42":43,"_41":160,"_136":122,"_39":240,"_13":148,"_34":149,"_36":-5,"_24":25,"_141":-5,"_185":241,"_27":242},{"_44":232,"_32":233,"_30":234,"_134":159,"_42":43,"_41":235,"_136":25,"_39":236,"_13":172,"_34":35,"_36":237,"_24":25,"_141":-5,"_185":238,"_27":239},{"_44":224,"_32":225,"_30":226,"_134":159,"_42":43,"_41":227,"_136":122,"_39":228,"_13":193,"_34":35,"_36":229,"_24":25,"_141":-5,"_185":230,"_27":231},{"_44":151,"_32":152,"_30":153,"_134":-5,"_42":43,"_41":154,"_136":122,"_39":221,"_13":148,"_34":149,"_36":-5,"_24":25,"_141":-5,"_185":222,"_27":223},{"_44":213,"_32":214,"_30":215,"_134":153,"_42":43,"_41":216,"_136":122,"_39":217,"_13":193,"_34":35,"_36":218,"_24":25,"_141":-5,"_185":219,"_27":220},{"_44":205,"_32":206,"_30":207,"_134":153,"_42":43,"_41":208,"_136":122,"_39":209,"_13":193,"_34":35,"_36":210,"_24":25,"_141":-5,"_185":211,"_27":212},{"_44":143,"_32":144,"_30":145,"_134":-5,"_42":43,"_41":146,"_136":122,"_39":202,"_13":148,"_34":149,"_36":-5,"_24":25,"_141":-5,"_185":203,"_27":204},{"_44":197,"_32":38,"_30":31,"_134":145,"_42":43,"_41":14,"_136":122,"_39":198,"_13":199,"_34":35,"_36":37,"_24":25,"_141":-5,"_185":200,"_27":201},{"_44":188,"_32":189,"_30":190,"_134":145,"_42":43,"_41":191,"_136":122,"_39":192,"_13":193,"_34":35,"_36":194,"_24":25,"_141":-5,"_185":195,"_27":196},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":184,"_13":138,"_34":139,"_36":140,"_24":25,"_141":-5,"_185":186,"_27":187},["D",1772531410420],"children",[],[132],"2886ae82-16e4-11f1-963a-42dde27851f2","styles.ts","212e1b20-16e4-11f1-ac57-42dde27851f2",40,["D",1772530461330],2,"// ui/styles.ts\nexport const css = `\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: 'Inter', -apple-system, sans-serif; background: #f4f5f7; color: #1a1a2e; }\n\nnav {\n background: #1a1a2e;\n color: white;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n position: sticky;\n top: 0;\n z-index: 100;\n box-shadow: 0 2px 20px rgba(0,0,0,0.35);\n}\n.logo { font-size: 1.4rem; font-weight: 800; letter-spacing: -0.5px; }\n.logo span { color: #7c6fff; }\n.nav-right { display: flex; align-items: center; gap: 1.2rem; }\n\n.country-select-wrapper { display: flex; align-items: center; gap: 0.5rem; }\n.country-select-wrapper label { font-size: 0.8rem; color: rgba(255,255,255,0.5); white-space: nowrap; }\nselect {\n background: rgba(255,255,255,0.08);\n color: white;\n border: 1px solid rgba(255,255,255,0.18);\n border-radius: 8px;\n padding: 0.45rem 0.75rem;\n font-size: 0.85rem;\n font-family: inherit;\n cursor: pointer;\n outline: none;\n transition: background 0.2s;\n}\nselect:hover { background: rgba(255,255,255,0.14); }\nselect option { background: #1a1a2e; color: white; }\n\n.cart-btn {\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.18);\n color: white;\n border-radius: 8px;\n padding: 0.45rem 1rem;\n font-size: 0.85rem;\n font-family: inherit;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n transition: background 0.2s;\n}\n.cart-btn:hover { background: rgba(255,255,255,0.14); }\n.cart-count {\n background: #7c6fff;\n border-radius: 50%;\n width: 20px; height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 0.72rem;\n font-weight: 700;\n}\n\n.hero {\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 55%, #0f3460 100%);\n color: white;\n padding: 3.5rem 2rem 3rem;\n text-align: center;\n}\n.hero h1 { font-size: 2.6rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 0.6rem; }\n.hero h1 span { color: #7c6fff; }\n.hero p { color: rgba(255,255,255,0.65); font-size: 1.05rem; }\n\n.products-section { max-width: 1200px; margin: 0 auto; padding: 2.5rem 2rem; }\n.section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.75rem;\n flex-wrap: wrap;\n gap: 0.75rem;\n}\n.section-title { font-size: 1.4rem; font-weight: 700; }\n.currency-badge {\n background: #7c6fff;\n color: white;\n padding: 0.35rem 1rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n}\n\n.product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n.product-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n transition: transform 0.22s ease, box-shadow 0.22s ease;\n cursor: default;\n}\n.product-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 32px rgba(0,0,0,0.11);\n}\n.product-image {\n height: 175px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 4rem;\n}\n.product-info { padding: 1.25rem; }\n.product-name { font-size: 0.98rem; font-weight: 600; margin-bottom: 0.3rem; }\n.product-desc { font-size: 0.8rem; color: #777; margin-bottom: 1.1rem; line-height: 1.55; }\n.product-footer { display: flex; justify-content: space-between; align-items: center; }\n.product-price { font-size: 1.2rem; font-weight: 700; color: #1a1a2e; }\n.add-btn {\n background: #7c6fff;\n color: white;\n border: none;\n border-radius: 8px;\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n font-weight: 600;\n font-family: inherit;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n}\n.add-btn:hover { background: #6557f0; }\n.add-btn:active { transform: scale(0.96); }\n\n.toast {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: #1a1a2e;\n color: white;\n padding: 0.75rem 1.25rem;\n border-radius: 10px;\n font-size: 0.85rem;\n font-weight: 500;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.25s, transform 0.25s;\n z-index: 1100;\n pointer-events: none;\n}\n.toast.show { opacity: 1; transform: translateY(0); }\n\n/* Modal / Drawer */\n.modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 18, 40, 0.55);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease;\n z-index: 1200;\n}\n.modal-backdrop.open { opacity: 1; pointer-events: auto; }\n\n.modal {\n position: fixed;\n top: 50%;\n left: 50%;\n width: min(760px, calc(100vw - 2rem));\n max-height: calc(100vh - 2rem);\n overflow: auto;\n transform: translate(-50%, -46%) scale(0.98);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease, transform 0.2s ease;\n z-index: 1300;\n background: #fff;\n border-radius: 18px;\n box-shadow: 0 20px 70px rgba(0,0,0,0.25);\n}\n.modal.open {\n opacity: 1;\n pointer-events: auto;\n transform: translate(-50%, -50%) scale(1);\n}\n\n.modal-header {\n padding: 1.1rem 1.25rem;\n border-bottom: 1px solid #eef0f4;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n position: sticky;\n top: 0;\n background: white;\n z-index: 1;\n}\n.modal-title {\n font-weight: 800;\n letter-spacing: -0.3px;\n font-size: 1.05rem;\n}\n.modal-close {\n border: 1px solid #e6e8ee;\n background: #fff;\n border-radius: 10px;\n padding: 0.45rem 0.7rem;\n cursor: pointer;\n font-size: 0.95rem;\n}\n.modal-close:hover { background: #f6f7fb; }\n\n.modal-body { padding: 1.25rem; }\n.modal-grid {\n display: grid;\n grid-template-columns: 1.35fr 0.85fr;\n gap: 1.2rem;\n align-items: start;\n}\n\n.card {\n background: #fff;\n border: 1px solid #eef0f4;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n}\n.card-head {\n padding: 0.95rem 1rem;\n border-bottom: 1px solid #eef0f4;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n background: #fbfcff;\n}\n.card-head strong { font-size: 0.95rem; }\n.card-body { padding: 1rem; }\n\n.muted { color: #6c6f7a; font-size: 0.85rem; }\n\n.cart-row {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 0.75rem;\n padding: 0.85rem 0;\n border-bottom: 1px dashed #eef0f4;\n}\n.cart-row:last-child { border-bottom: none; }\n\n.cart-item-title { font-weight: 700; font-size: 0.95rem; }\n.cart-item-sub { font-size: 0.82rem; color: #6c6f7a; margin-top: 0.2rem; }\n\n.qty {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n background: #f6f7fb;\n border: 1px solid #e6e8ee;\n border-radius: 999px;\n padding: 0.25rem 0.35rem;\n}\n.qty button {\n width: 28px; height: 28px;\n border: none;\n border-radius: 999px;\n cursor: pointer;\n background: #fff;\n border: 1px solid #e6e8ee;\n font-weight: 800;\n}\n.qty button:hover { background: #f0f2f7; }\n.qty span {\n min-width: 20px;\n text-align: center;\n font-weight: 700;\n font-size: 0.9rem;\n}\n.remove {\n border: none;\n background: transparent;\n color: #8a2b2b;\n cursor: pointer;\n font-size: 0.85rem;\n padding: 0.25rem 0;\n}\n.remove:hover { text-decoration: underline; }\n\n.summary-line {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.45rem 0;\n font-size: 0.92rem;\n}\n.summary-line.total {\n border-top: 1px solid #eef0f4;\n margin-top: 0.6rem;\n padding-top: 0.75rem;\n font-weight: 800;\n font-size: 1.02rem;\n}\n\n.btn {\n width: 100%;\n border: none;\n border-radius: 12px;\n padding: 0.75rem 1rem;\n font-weight: 800;\n cursor: pointer;\n font-family: inherit;\n transition: transform 0.06s, background 0.2s;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n}\n.btn:active { transform: scale(0.985); }\n.btn-primary { background: #7c6fff; color: white; }\n.btn-primary:hover { background: #6557f0; }\n.btn-ghost { background: #f6f7fb; color: #1a1a2e; border: 1px solid #e6e8ee; }\n.btn-ghost:hover { background: #f0f2f7; }\n\n.checkout-form { display: grid; gap: 0.8rem; }\n.field { display: grid; gap: 0.35rem; }\n.field label { font-size: 0.8rem; color: #6c6f7a; font-weight: 600; }\n.field input, .field select {\n width: 100%;\n color: #1a1a2e;\n background: #fff;\n border: 1px solid #e6e8ee;\n border-radius: 12px;\n padding: 0.7rem 0.8rem;\n font-size: 0.92rem;\n outline: none;\n}\n.field input:focus, .field select:focus {\n border-color: rgba(124,111,255,0.65);\n box-shadow: 0 0 0 4px rgba(124,111,255,0.12);\n}\n.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n\n.stepper {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.82rem;\n color: #6c6f7a;\n font-weight: 700;\n}\n.pill {\n background: #f6f7fb;\n border: 1px solid #e6e8ee;\n border-radius: 999px;\n padding: 0.25rem 0.6rem;\n font-size: 0.78rem;\n}\n.pill.active {\n background: rgba(124,111,255,0.12);\n border-color: rgba(124,111,255,0.35);\n color: #453de0;\n}\n\n.success { text-align: center; padding: 1.6rem 1rem; }\n.success h2 { font-size: 1.45rem; letter-spacing: -0.6px; margin-bottom: 0.5rem; }\n.success p { color: #6c6f7a; margin-bottom: 1rem; }\n.order-box {\n text-align: left;\n background: #fbfcff;\n border: 1px solid #eef0f4;\n border-radius: 16px;\n padding: 1rem;\n margin: 0.8rem auto 1rem;\n max-width: 520px;\n}\n.order-box code {\n display: block;\n background: #fff;\n border: 1px dashed #e6e8ee;\n border-radius: 12px;\n padding: 0.6rem 0.75rem;\n margin-top: 0.5rem;\n word-break: break-all;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.85rem;\n white-space: pre;\n overflow: auto;\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n color: #aaa;\n font-size: 0.82rem;\n border-top: 1px solid #e4e6ea;\n margin-top: 1rem;\n}\n\n@media (max-width: 850px) { .modal-grid { grid-template-columns: 1fr; } }\n@media (max-width: 600px) {\n .hero h1 { font-size: 1.9rem; }\n nav { padding: 0 1rem; }\n .products-section { padding: 1.5rem 1rem; }\n .country-select-wrapper label { display: none; }\n .two-col { grid-template-columns: 1fr; }\n .modal-body { padding: 1rem; }\n}\n`;",[],[144,189],"85d2a6d4-16e6-11f1-938b-42dde27851f2",["D",1772531476807],8,[],[144,38],["D",1772530070425],[181,182],[144],"34935f8c-16e3-11f1-8aae-42dde27851f2","pricing.ts","32009118-16e3-11f1-9835-42dde27851f2",21,["D",1772530052053],"import type { CountryCode } from \"../data/countries.ts\";\nimport { countries } from \"../data/countries.ts\";\n\nexport function formatPrice(usdPrice: number, cc: CountryCode): string {\n const c = countries[cc];\n const local = usdPrice * c.rate;\n const noDecimals = c.code === \"JPY\" || c.code === \"KRW\";\n try {\n return new Intl.NumberFormat(c.locale, {\n style: \"currency\",\n currency: c.code,\n minimumFractionDigits: noDecimals ? 0 : 2,\n maximumFractionDigits: noDecimals ? 0 : 2,\n }).format(local);\n } catch {\n return local.toFixed(noDecimals ? 0 : 2);\n }\n}\n\nexport function usdToLocal(usd: number, cc: CountryCode): number {\n return usd * countries[cc].rate;\n}\n\nexport function round2(n: number): number {\n return Math.round((Number(n) || 0) * 100) / 100;\n}",[],[152,206],"3a63884c-16e3-11f1-acee-42dde27851f2","cart.ts","383453d0-16e3-11f1-89b4-42dde27851f2",24,["D",1772530061807],"import { products } from \"../data/products.ts\";\n\nexport type Cart = Record;\n\nexport type Totals = {\n lines: {\n id: number;\n name: string;\n emoji: string;\n qty: number;\n unitUsd: number;\n lineUsd: number;\n }[];\n subtotal: number;\n shipping: number;\n tax: number;\n total: number;\n};\n\nexport function countItems(cart: Cart): number {\n return Object.values(cart).reduce((s, v) => s + (Number(v) || 0), 0);\n}\n\nexport function calcTotalsUSD(cart: Cart): Totals {\n const lines: Totals[\"lines\"] = [];\n let subtotal = 0;\n\n for (const [idStr, qtyRaw] of Object.entries(cart)) {\n const id = Number(idStr);\n const qty = Number(qtyRaw) || 0;\n if (qty <= 0) continue;\n\n const p = products.find((x) => x.id === id);\n if (!p) continue;\n\n const lineUsd = p.price * qty;\n lines.push({\n id,\n name: p.name,\n emoji: p.emoji,\n qty,\n unitUsd: p.price,\n lineUsd,\n });\n subtotal += lineUsd;\n }\n\n const shipping = subtotal > 0 ? (subtotal >= 150 ? 0 : 9.99) : 0;\n const tax = subtotal > 0 ? subtotal * 0.08 : 0;\n const total = subtotal + shipping + tax;\n\n return { lines, subtotal, shipping, tax, total };\n}",[],[152,214],["D",1772530045147],[178,179],[152],"2c6c8432-16e3-11f1-b6b2-42dde27851f2","products.ts","281552a6-16e3-11f1-82a6-42dde27851f2",16,["D",1772530038376],"export type Product = {\n id: number;\n name: string;\n desc: string;\n price: number; // USD\n emoji: string;\n bg: string;\n};\n\nexport const products: Product[] = [\n {\n id: 1,\n name: \"Wireless Headphones Pro\",\n desc:\n \"Studio-quality sound with 40-hour battery life and active noise cancellation.\",\n price: 199.99,\n emoji: \"🎧\",\n bg: \"#e8f2fd\",\n },\n {\n id: 2,\n name: \"Smart Watch Ultra\",\n desc: \"Health tracking, GPS, and 7-day battery in a sleek titanium case.\",\n price: 299.99,\n emoji: \"⌚\",\n bg: \"#fdf0e8\",\n },\n {\n id: 3,\n name: \"Laptop Stand Premium\",\n desc:\n \"Adjustable aluminium stand with 6 height settings for ergonomic comfort.\",\n price: 49.99,\n emoji: \"💻\",\n bg: \"#eafdf0\",\n },\n {\n id: 4,\n name: \"Mechanical Keyboard\",\n desc:\n \"Compact TKL layout with per-key RGB and satisfying tactile brown switches.\",\n price: 129.99,\n emoji: \"⌨️\",\n bg: \"#f2e8fd\",\n },\n {\n id: 5,\n name: \"USB-C Hub 9-in-1\",\n desc:\n \"HDMI 4K, SD card, USB-A ×3, USB-C PD 100W and Ethernet — all in one.\",\n price: 79.99,\n emoji: \"🔌\",\n bg: \"#fde8e8\",\n },\n {\n id: 6,\n name: \"4K Webcam\",\n desc: \"Crystal-clear 4K30 video, auto-focus and built-in privacy shutter.\",\n price: 89.99,\n emoji: \"📷\",\n bg: \"#e8f5fd\",\n },\n {\n id: 7,\n name: \"Wireless Mouse\",\n desc: \"Ergonomic silent-click design with up to 90-day battery life.\",\n price: 59.99,\n emoji: \"🖱️\",\n bg: \"#fdf8e8\",\n },\n {\n id: 8,\n name: \"Monitor Light Bar\",\n desc:\n \"Eye-care LED bar with wireless touch dimmer and tunable colour temperature.\",\n price: 39.99,\n emoji: \"💡\",\n bg: \"#e8fdf8\",\n },\n];",[],[158,225],"264e4c98-16e3-11f1-a432-42dde27851f2","countries.ts","20469ae4-16e3-11f1-b268-42dde27851f2",13,["D",1772530028117],"export type CountryCode =\n | \"US\"\n | \"GB\"\n | \"EU\"\n | \"JP\"\n | \"CA\"\n | \"AU\"\n | \"SE\"\n | \"NO\"\n | \"DK\"\n | \"CH\"\n | \"SG\"\n | \"IN\"\n | \"BR\"\n | \"MX\"\n | \"CN\"\n | \"KR\"\n | \"NZ\"\n | \"ZA\"\n | \"PL\"\n | \"CZ\";\n\nexport type Country = {\n name: string;\n code: string; // currency code\n rate: number; // USD -> local\n locale: string;\n flag: string;\n};\n\nexport const countries: Record = {\n US: {\n name: \"US Dollar\",\n code: \"USD\",\n rate: 1.000,\n locale: \"en-US\",\n flag: \"💵\",\n },\n GB: {\n name: \"British Pound\",\n code: \"GBP\",\n rate: 0.790,\n locale: \"en-GB\",\n flag: \"💷\",\n },\n EU: { name: \"Euro\", code: \"EUR\", rate: 0.920, locale: \"de-DE\", flag: \"💶\" },\n JP: {\n name: \"Japanese Yen\",\n code: \"JPY\",\n rate: 149.50,\n locale: \"ja-JP\",\n flag: \"💴\",\n },\n CA: {\n name: \"Canadian Dollar\",\n code: \"CAD\",\n rate: 1.360,\n locale: \"en-CA\",\n flag: \"💵\",\n },\n AU: {\n name: \"Australian Dollar\",\n code: \"AUD\",\n rate: 1.530,\n locale: \"en-AU\",\n flag: \"💵\",\n },\n SE: {\n name: \"Swedish Krona\",\n code: \"SEK\",\n rate: 10.42,\n locale: \"sv-SE\",\n flag: \"🏷️\",\n },\n NO: {\n name: \"Norwegian Krone\",\n code: \"NOK\",\n rate: 10.57,\n locale: \"nb-NO\",\n flag: \"🏷️\",\n },\n DK: {\n name: \"Danish Krone\",\n code: \"DKK\",\n rate: 6.880,\n locale: \"da-DK\",\n flag: \"🏷️\",\n },\n CH: {\n name: \"Swiss Franc\",\n code: \"CHF\",\n rate: 0.900,\n locale: \"de-CH\",\n flag: \"🏷️\",\n },\n SG: {\n name: \"Singapore Dollar\",\n code: \"SGD\",\n rate: 1.340,\n locale: \"en-SG\",\n flag: \"💵\",\n },\n IN: {\n name: \"Indian Rupee\",\n code: \"INR\",\n rate: 83.12,\n locale: \"en-IN\",\n flag: \"🏷️\",\n },\n BR: {\n name: \"Brazilian Real\",\n code: \"BRL\",\n rate: 4.970,\n locale: \"pt-BR\",\n flag: \"🏷️\",\n },\n MX: {\n name: \"Mexican Peso\",\n code: \"MXN\",\n rate: 17.15,\n locale: \"es-MX\",\n flag: \"🏷️\",\n },\n CN: {\n name: \"Chinese Yuan\",\n code: \"CNY\",\n rate: 7.240,\n locale: \"zh-CN\",\n flag: \"💴\",\n },\n KR: {\n name: \"Korean Won\",\n code: \"KRW\",\n rate: 1325.0,\n locale: \"ko-KR\",\n flag: \"🏷️\",\n },\n NZ: {\n name: \"New Zealand Dollar\",\n code: \"NZD\",\n rate: 1.630,\n locale: \"en-NZ\",\n flag: \"💵\",\n },\n ZA: {\n name: \"South African Rand\",\n code: \"ZAR\",\n rate: 18.63,\n locale: \"en-ZA\",\n flag: \"🏷️\",\n },\n PL: {\n name: \"Polish Złoty\",\n code: \"PLN\",\n rate: 3.970,\n locale: \"pl-PL\",\n flag: \"🏷️\",\n },\n CZ: {\n name: \"Czech Koruna\",\n code: \"CZK\",\n rate: 22.97,\n locale: \"cs-CZ\",\n flag: \"🏷️\",\n },\n};",[],[158,233],["D",1772530015675],[175,176],[158],["D",1772528375383],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":84,"_32":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"ctx",{"_77":-5,"_124":280,"_281":282,"_283":284,"_285":25,"_286":25,"_287":25,"_288":122,"_289":-5,"_290":-7,"_291":-7,"_292":61,"_293":25,"_294":25,"_295":-5,"_296":25,"_297":25,"_298":25,"_299":-5},"ENV",{"_251":252,"_253":254,"_255":85,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v50