var __CODE__ = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/__injected-globals.js var fetch; var init_injected_globals = __esm({ "virtual:/__injected-globals.js"() { fetch = /* @__PURE__ */ (function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "5fb200f0-2fc7-4d7c-a87d-f0072bb1a480"); finalHeaders.set("x-createxyz-project-group-id", "16a8a78b-7cb3-491c-8223-0141a199bbda"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "5fb200f0-2fc7-4d7c-a87d-f0072bb1a480"); input.headers.set("x-createxyz-project-group-id", "16a8a78b-7cb3-491c-8223-0141a199bbda"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; })(globalThis.fetch); } }); // global-externals:react var require_react = __commonJS({ "global-externals:react"(exports, module) { init_injected_globals(); module.exports = React; } }); // ../../../node_modules/react/cjs/react-jsx-runtime.production.min.js var require_react_jsx_runtime_production_min = __commonJS({ "../../../node_modules/react/cjs/react-jsx-runtime.production.min.js"(exports) { "use strict"; init_injected_globals(); var f = require_react(); var k = Symbol.for("react.element"); var l = Symbol.for("react.fragment"); var m = Object.prototype.hasOwnProperty; var n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner; var p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } exports.Fragment = l; exports.jsx = q; exports.jsxs = q; } }); // ../../../node_modules/react/jsx-runtime.js var require_jsx_runtime = __commonJS({ "../../../node_modules/react/jsx-runtime.js"(exports, module) { "use strict"; init_injected_globals(); if (true) { module.exports = require_react_jsx_runtime_production_min(); } else { module.exports = null; } } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react6 = __toESM(require_react()); // virtual:/apps/web/src/app/page.jsx init_injected_globals(); var import_react5 = __toESM(require_react()); // virtual:/apps/web/src/hooks/useTyreCalculator.js init_injected_globals(); var import_react = __toESM(require_react()); function useTyreCalculator() { const [c3, setC3] = (0, import_react.useState)("205"); const [c4, setC4] = (0, import_react.useState)("55"); const [c5, setC5] = (0, import_react.useState)("16"); const [f3, setF3] = (0, import_react.useState)(""); const [f4, setF4] = (0, import_react.useState)(""); const [f5, setF5] = (0, import_react.useState)(""); const [extras, setExtras] = (0, import_react.useState)([]); const addExtra = (0, import_react.useCallback)(() => { setExtras( (prev) => prev.length >= 2 ? prev : [...prev, { w: "", p: "", r: "" }] ); }, []); const updateExtra = (0, import_react.useCallback)((idx, key, val) => { setExtras( (prev) => prev.map((it, i) => i === idx ? { ...it, [key]: val } : it) ); }, []); (0, import_react.useEffect)(() => { if (typeof window === "undefined") return; const qs = new URLSearchParams(window.location.search); const qc3 = qs.get("c3"); const qc4 = qs.get("c4"); const qc5 = qs.get("c5"); const qf3 = qs.get("f3"); const qf4 = qs.get("f4"); const qf5 = qs.get("f5"); const e1w = qs.get("e1w"); const e1p = qs.get("e1p"); const e1r = qs.get("e1r"); const e2w = qs.get("e2w"); const e2p = qs.get("e2p"); const e2r = qs.get("e2r"); if (qc3) setC3(qc3); if (qc4) setC4(qc4); if (qc5) setC5(qc5); if (qf3) setF3(qf3); if (qf4) setF4(qf4); if (qf5) setF5(qf5); const nextExtras = []; if (e1w || e1p || e1r) nextExtras.push({ w: e1w || "", p: e1p || "", r: e1r || "" }); if (e2w || e2p || e2r) nextExtras.push({ w: e2w || "", p: e2p || "", r: e2r || "" }); if (nextExtras.length) setExtras(nextExtras); }, []); const [calc, setCalc] = (0, import_react.useState)(false); const [t1, setT1] = (0, import_react.useState)(null); const [t2, setT2] = (0, import_react.useState)(null); const [extrasResults, setExtrasResults] = (0, import_react.useState)([]); const emptyTyre2 = (0, import_react.useMemo)(() => { return !(f3 && f5); }, [f3, f5]); const isImperialGiven = (w, p) => { const widthList = [30, 31, 32, 33, 35]; const profileList = [9.5, 10.5, 11.5, 12.5]; const wv = parseFloat(w); const pv = parseFloat(p); if (Number.isFinite(wv) && widthList.includes(wv)) return true; if (Number.isFinite(pv) && profileList.includes(pv)) return true; return false; }; const roundInt = (n) => Number.isFinite(n) ? Math.round(n) : 0; const normalizeProfileForCalc = (pStr) => { const ps = (pStr || "").trim(); if (ps === "" || /^r$/i.test(ps)) return 80; const pn = parseFloat(ps); return Number.isFinite(pn) ? pn : NaN; }; const computeTyre = (wStr, pStr, rStr, imperial) => { const w = parseFloat(wStr); const r = parseFloat(rStr); const pNorm = normalizeProfileForCalc(pStr); if (!Number.isFinite(w) || !Number.isFinite(pNorm) || !Number.isFinite(r)) { return null; } let sidewallMm = 0; let diameterMm = 0; let widthMm = 0; let circumMm = 0; let rimMm = 0; if (imperial) { sidewallMm = pNorm * 25.4; diameterMm = w * 25.4; widthMm = pNorm * 25.4; rimMm = r * 25.4; circumMm = Math.PI * diameterMm; } else { sidewallMm = w * (pNorm / 100); diameterMm = r * 25.4 + 2 * sidewallMm; widthMm = w; rimMm = r * 25.4; circumMm = Math.PI * diameterMm; } return { diameter: roundInt(diameterMm), width: roundInt(widthMm), sidewall: roundInt(sidewallMm), circum: roundInt(circumMm), rim: roundInt(rimMm) }; }; const onCalculate = (0, import_react.useCallback)(() => { const imp1 = isImperialGiven(c3, c4); const imp2 = isImperialGiven(f3, f4); const tyre1 = computeTyre(c3, c4, c5, imp1); const tyre2 = emptyTyre2 ? null : computeTyre(f3, f4, f5, imp2); const extraRes = extras.map((ex) => { const imp = isImperialGiven(ex.w, ex.p); if (!ex.w || !ex.r) return null; return computeTyre(ex.w, ex.p, ex.r, imp); }); setT1(tyre1); setT2(tyre2); setExtrasResults(extraRes); setCalc(true); }, [c3, c4, c5, f3, f4, f5, emptyTyre2, extras]); return { // Tyre 1 inputs c3, setC3, c4, setC4, c5, setC5, // Tyre 2 inputs f3, setF3, f4, setF4, f5, setF5, // Extra tyres extras, addExtra, updateExtra, // Calculation calc, onCalculate, // Results t1, t2, extrasResults }; } // virtual:/apps/web/src/components/Header/Header.jsx init_injected_globals(); function Header() { return /* @__PURE__ */ React.createElement("div", { className: "w-full flex justify-center pt-6" }, /* @__PURE__ */ React.createElement( "img", { src: "https://res.cloudinary.com/drzahrzan/image/upload/v1687336245/logo1_gxqfup.png", alt: "Traction Tyres Logo", width: 480, height: 180, style: { height: 180, width: 480, objectFit: "contain" } } )); } // virtual:/apps/web/src/components/TyreCalculator/TyreComparisonPanel.jsx init_injected_globals(); // virtual:/apps/web/src/components/TyreCalculator/TyreInputTable.jsx init_injected_globals(); function TyreInputTable({ c3, setC3, c4, setC4, c5, setC5, f3, setF3, f4, setF4, f5, setF5, extras, updateExtra }) { const handleWidthChange = (setter) => (e) => { const raw = e.target.value || ""; const next = raw.replace(/\D+/g, "").slice(0, 3); setter(next); }; const handleRimChange = (setter) => (e) => { const raw = e.target.value || ""; let next = raw.replace(/\D+/g, "").slice(0, 2); if (next) { const n = parseInt(next, 10); if (Number.isFinite(n)) { if (n < 1) next = "1"; if (n > 32) next = "32"; } } setter(next); }; const isProfileStructValid = (val) => { if (val === "") return true; if (/^[Rr]$/.test(val)) return true; if (/^\d{1,2}$/.test(val)) return true; if (/^(?:\d{1,2})\.$/.test(val)) return true; if (/^(?:[1-9]|[1-4]\d|50)\.[1-9]$/.test(val)) return true; if (/^(?:[1-9]|[1-4]\d|50)\.(?:[1-9])0$/.test(val)) return true; return false; }; const normalizeProfileOnBlur = (val) => { if (val === "") return ""; if (/^[Rr]$/.test(val)) return "R"; if (/^\d{2}$/.test(val)) { const n = parseInt(val, 10); if (n >= 10 && n <= 95 && n % 5 === 0) return String(n); const clamped = Math.min(95, Math.max(10, Math.round(n / 5) * 5)); return String(clamped); } return val; }; const handleProfileChange = (setter) => (e) => { const raw = (e.target.value || "").toString(); if (!isProfileStructValid(raw)) return; setter(raw); }; const handleProfileBlur = (getter, setter) => () => { const current = getter(); const next = normalizeProfileOnBlur(current); if (next !== current) setter(next); }; return /* @__PURE__ */ React.createElement("div", { className: "mt-3 overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "w-full text-left" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { className: "text-sm text-gray-600" }, /* @__PURE__ */ React.createElement("th", { className: "py-2 pr-2" }, "\xA0"), /* @__PURE__ */ React.createElement("th", { className: "py-2 pr-2" }, "Width"), /* @__PURE__ */ React.createElement("th", { className: "py-2 pr-2" }, "Profile"), /* @__PURE__ */ React.createElement("th", { className: "py-2 pr-2" }, "Rim"))), /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2 whitespace-nowrap" }, "Tyre 1*"), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "numeric", pattern: "\\\\d{2,3}", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: c3, onChange: handleWidthChange(setC3), required: true } )), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "decimal", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: c4, onChange: handleProfileChange(setC4), onBlur: handleProfileBlur(() => c4, setC4) } )), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "numeric", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: c5, onChange: handleRimChange(setC5) } ))), /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2 whitespace-nowrap" }, "Tyre 2"), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "numeric", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: f3, onChange: handleWidthChange(setF3) } )), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "decimal", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: f4, onChange: handleProfileChange(setF4), onBlur: handleProfileBlur(() => f4, setF4) } )), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "numeric", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: f5, onChange: handleRimChange(setF5) } ))), extras.map((ex, idx) => /* @__PURE__ */ React.createElement("tr", { key: idx }, /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2 whitespace-nowrap" }, `Tyre ${idx + 3}`), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "numeric", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: ex.w, onChange: (e) => handleWidthChange((v) => updateExtra(idx, "w", v))({ target: { value: e.target.value } }) } )), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "decimal", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: ex.p, onChange: (e) => handleProfileChange((v) => updateExtra(idx, "p", v))(e), onBlur: () => updateExtra(idx, "p", normalizeProfileOnBlur(ex.p)) } )), /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", inputMode: "numeric", autoComplete: "off", className: "w-full border border-gray-300 rounded-none px-2 py-1 focus:outline-none bg-white", style: { color: "#111", backgroundColor: "#fff", caretColor: "#111" }, value: ex.r, onChange: (e) => handleRimChange((v) => updateExtra(idx, "r", v))(e) } )))))), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` input { color: #111 !important; background-color: #fff !important; } input::placeholder { color: #6b7280 !important; opacity: 1; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } `)); } // virtual:/apps/web/src/components/TyreCalculator/TyreResultsTable.jsx init_injected_globals(); var import_react2 = __toESM(require_react()); // virtual:/apps/web/src/utils/tyreCalculations.js init_injected_globals(); var formatMm = (n) => n || n === 0 ? `${n} mm` : ""; var isImperialInput = (w, p) => { const widthList = [30, 31, 32, 33, 35]; const profileList = [9.5, 10.5, 11.5, 12.5]; const wv = parseFloat(w); const pv = parseFloat(p); if (Number.isFinite(wv) && widthList.includes(wv)) return true; if (Number.isFinite(pv) && profileList.includes(pv)) return true; return false; }; var buildStoreUrl = (w, p, r) => { const wNum = parseFloat(w); const pNum = parseFloat(p); const rNum = parseFloat(r); if (!Number.isFinite(wNum) || !Number.isFinite(rNum)) return null; const isImperial = isImperialInput(w, p); const rimStr = `r-${Math.round(rNum)}`; if (isImperial) { if (!Number.isFinite(pNum)) return null; const widthStr2 = `width_${Math.round(wNum)}`; const profileStr2 = `profile_${String(p).replace(".", "-")}`; const rimParam = `rim_${Math.round(rNum)}`; return `https://www.tyredispatch.co.nz/collections/${rimStr}/${widthStr2}+${profileStr2}+${rimParam}`; } const widthStr = `width_${Math.round(wNum)}`; const profileVal = p === "" || /^r$/i.test(String(p)) ? 80 : Math.round(pNum); const profileStr = `profile_${profileVal}`; return `https://www.tyredispatch.co.nz/collections/${rimStr}/${widthStr}+${profileStr}`; }; var scaleH = (mm) => Number.isFinite(mm) ? mm / 2.9 : 0; var scaleW = (mm) => Number.isFinite(mm) ? mm / 3 : 0; var rimRanges = { 115: { 80: "3.0-4.0", 75: "3.0-4.0", 70: "3.5-4.5", 65: "3.5-4.5", 60: "3.5-4.5", 55: "4.0-5.0", 50: "4.0-5.0", 45: "-", 40: "-", 35: "-", 30: "-", 25: "-" }, 125: { 80: "3.5-4.0", 75: "3.5-4.5", 70: "3.5-4.5", 65: "3.5-4.5", 60: "3.5-4.5", 55: "4.0-5.0", 50: "4.0-5.0", 45: "-", 40: "-", 35: "-", 30: "-", 25: "-" }, 135: { 80: "3.5-4.5", 75: "3.5-4.5", 70: "3.5-4.5", 65: "3.5-4.5", 60: "4.0-5.0", 55: "4.0-5.0", 50: "4.0-5.0", 45: "4.5-5.5", 40: "-", 35: "-", 30: "-", 25: "-" }, 145: { 80: "4.0-5.0", 75: "4.0-5.0", 70: "4.0-5.0", 65: "4.0-5.0", 60: "4.0-5.0", 55: "4.0-5.0", 50: "4.5-5.5", 45: "4.5-5.5", 40: "4.5-5.5", 35: "-", 30: "-", 25: "-" }, 155: { 80: "4.0-5.0", 75: "4.0-5.0", 70: "4.0-5.0", 65: "4.0-5.0", 60: "4.0-5.0", 55: "4.5-5.5", 50: "4.5-5.5", 45: "4.5-5.5", 40: "4.5-5.5", 35: "5.0-6.0", 30: "-", 25: "-" }, 165: { 80: "4.5-5.5", 75: "4.5-5.5", 70: "4.5-5.5", 65: "4.5-5.5", 60: "4.5-6.0", 55: "4.5-6.0", 50: "4.5-6.0", 45: "5.0-6.0", 40: "5.0-6.0", 35: "5.0-6.0", 30: "-", 25: "-" }, 175: { 80: "4.5-6.0", 75: "4.5-6.0", 70: "4.5-6.0", 65: "4.5-6.0", 60: "5.0-6.0", 55: "5.0-6.0", 50: "5.0-6.5", 45: "5.0-6.5", 40: "5.0-6.5", 35: "5.5-6.5", 30: "-", 25: "-" }, 185: { 80: "5.0-6.0", 75: "5.0-6.0", 70: "5.0-6.0", 65: "5.0-6.5", 60: "5.0-6.5", 55: "5.0-6.5", 50: "5.5-6.5", 45: "5.5-7.0", 40: "5.5-7.0", 35: "5.5-7.0", 30: "6.0-7.5", 25: "-" }, 195: { 80: "5.0-6.5", 75: "5.0-6.5", 70: "5.0-7.0", 65: "5.5-7.0", 60: "5.5-7.0", 55: "5.5-7.0", 50: "5.5-7.0", 45: "6.0-7.5", 40: "6.0-7.5", 35: "6.0-7.5", 30: "6.0-7.5", 25: "-" }, 205: { 80: "5.5-7.0", 75: "5.5-7.0", 70: "5.5-7.5", 65: "5.5-7.5", 60: "5.5-7.5", 55: "6.0-7.5", 50: "6.0-7.5", 45: "6.0-7.5", 40: "6.0-8.0", 35: "6.5-8.0", 30: "6.5-8.0", 25: "-" }, 215: { 80: "5.5-7.0", 75: "5.5-7.5", 70: "6.0-7.5", 65: "6.0-7.5", 60: "6.0-7.5", 55: "6.0-7.5", 50: "6.0-8.0", 45: "6.5-8.0", 40: "6.5-8.0", 35: "6.5-8.0", 30: "6.5-8.5", 25: "7.0-8.5" }, 225: { 80: "6.0-8.0", 75: "6.0-8.0", 70: "6.0-8.0", 65: "6.0-8.0", 60: "6.0-8.0", 55: "6.5-8.0", 50: "6.5-8.5", 45: "7.0-8.5", 40: "7.0-8.5", 35: "7.0-8.5", 30: "7.0-9.0", 25: "7.5-9.0" }, 235: { 80: "6.5-8.5", 75: "6.5-8.5", 70: "6.5-8.5", 65: "6.5-8.5", 60: "6.5-8.5", 55: "7.0-8.5", 50: "7.0-9.0", 45: "7.0-9.0", 40: "7.5-9.0", 35: "7.5-9.0", 30: "7.5-9.5", 25: "8.0-9.5" }, 245: { 80: "6.5-8.5", 75: "6.5-9.0", 70: "7.0-9.0", 65: "7.0-9.0", 60: "7.0-9.0", 55: "7.0-9.0", 50: "7.5-9.0", 45: "7.5-9.5", 40: "7.5-9.5", 35: "8.0-9.5", 30: "8.0-10.0", 25: "8.0-10.0" }, 255: { 80: "7.0-9.0", 75: "7.0-9.0", 70: "7.0-9.0", 65: "7.0-9.5", 60: "7.0-9.5", 55: "7.5-9.5", 50: "7.5-9.5", 45: "8.0-10.0", 40: "8.0-10.0", 35: "8.0-10.0", 30: "8.5-10.5", 25: "8.5-10.5" }, 265: { 80: "7.0-9.5", 75: "7.0-9.5", 70: "7.5-9.5", 65: "7.5-9.5", 60: "7.5-10.0", 55: "7.5-10.0", 50: "8.0-10.0", 45: "8.0-10.0", 40: "8.5-10.5", 35: "8.5-10.5", 30: "8.5-10.5", 25: "9.0-11.0" }, 275: { 80: "7.5-9.5", 75: "7.5-10.0", 70: "7.5-10.0", 65: "7.5-10.0", 60: "8.0-10.0", 55: "8.0-10.0", 50: "8.0-10.5", 45: "8.5-10.5", 40: "8.5-11.0", 35: "9.0-11.0", 30: "9.0-11.0", 25: "9.0-11.5" }, 285: { 80: "7.5-10.0", 75: "8.0-10.0", 70: "8.0-10.0", 65: "8.0-10.5", 60: "8.0-10.5", 55: "8.5-10.5", 50: "8.5-11.0", 45: "9.0-11.0", 40: "9.0-11.0", 35: "9.5-11.5", 30: "9.5-11.5", 25: "9.5-12.0" }, 295: { 80: "8.0-10.0", 75: "8.0-10.5", 70: "8.0-10.5", 65: "8.5-10.5", 60: "8.5-11.0", 55: "8.5-11.0", 50: "9.0-11.0", 45: "9.0-11.5", 40: "9.5-11.5", 35: "9.5-12.0", 30: "10.0-12.0", 25: "10.0-12.5" }, 305: { 80: "8.0-10.5", 75: "8.5-10.5", 70: "8.5-11.0", 65: "8.5-11.0", 60: "9.0-11.0", 55: "9.0-11.5", 50: "9.5-11.5", 45: "9.5-12.0", 40: "10.0-12.0", 35: "10.0-12.5", 30: "10.5-12.5", 25: "10.5-13.0" }, 315: { 80: "8.5-11.0", 75: "8.5-11.0", 70: "9.0-11.0", 65: "9.0-11.5", 60: "9.0-11.5", 55: "9.5-11.5", 50: "9.5-12.0", 45: "10.0-12.0", 40: "10.5-12.5", 35: "10.5-13.0", 30: "10.5-13.0", 25: "11.0-13.5" }, 325: { 80: "8.5-11.5", 75: "9.0-11.5", 70: "9.0-11.5", 65: "9.5-11.5", 60: "9.5-12.0", 55: "9.5-12.0", 50: "10.0-12.5", 45: "10.5-12.5", 40: "10.5-13.0", 35: "11.0-13.0", 30: "11.0-13.5", 25: "11.5-14.0" }, 335: { 80: "9.0-11.5", 75: "9.0-12.0", 70: "9.5-12.0", 65: "9.5-12.0", 60: "10.0-12.5", 55: "10.0-12.5", 50: "10.5-13.0", 45: "10.5-13.0", 40: "11.0-13.5", 35: "11.5-13.5", 30: "11.5-14.0", 25: "12.0-14.5" }, 345: { 80: "9.0-12.0", 75: "9.5-12.0", 70: "9.5-12.5", 65: "10.0-12.5", 60: "10.0-12.5", 55: "10.5-13.0", 50: "10.5-13.5", 45: "11.0-13.5", 40: "11.5-14.0", 35: "11.5-14.0", 30: "12.0-14.5", 25: "12.5-15.0" }, 355: { 80: "9.5-12.5", 75: "9.5-12.5", 70: "10.0-13.0", 65: "10.0-13.0", 60: "10.5-13.5", 55: "11.0-13.5", 50: "11.0-14.0", 45: "11.5-14.0", 40: "12.0-14.5", 35: "12.0-15.0", 30: "12.5-15.0", 25: "13.0-15.5" } }; var parseRange = (range) => { if (!range || range === "-") return null; const [minS, maxS] = range.split("-"); const min = parseFloat(minS); const max = parseFloat(maxS); if (!Number.isFinite(min) || !Number.isFinite(max)) return null; return { min, max }; }; var getRimRange = (widthMm, aspectPct) => { const w = parseInt(widthMm, 10); const a = parseInt(aspectPct, 10); if (rimRanges[w] && rimRanges[w][a]) { const range = rimRanges[w][a]; const parsed = parseRange(range); if (!parsed) return { range: "-", recommended: null }; const mid = (parsed.min + parsed.max) / 2; const recommended = Math.round(mid * 2) / 2; return { range, recommended }; } return { range: void 0, recommended: null }; }; var isRimCompatible = (rimInches, range) => { const parsed = parseRange(range); if (!parsed) return false; const rv = parseFloat(rimInches); if (!Number.isFinite(rv)) return false; return rv >= parsed.min && rv <= parsed.max; }; // virtual:/apps/web/src/components/TyreCalculator/TyreResultsTable.jsx function TyreResultsTable({ t1, t2, extrasResults, t1Raw, t2Raw, extrasRaw }) { const showTyre2 = !!t2; const t1Strings = t1 ? { diameter: formatMm(t1.diameter), width: formatMm(t1.width), sidewall: formatMm(t1.sidewall), circum: formatMm(t1.circum), rim: formatMm(t1.rim) } : { diameter: "", width: "", sidewall: "", circum: "", rim: "" }; const t2Strings = t2 ? { diameter: formatMm(t2.diameter), width: formatMm(t2.width), sidewall: formatMm(t2.sidewall), circum: formatMm(t2.circum), rim: formatMm(t2.rim) } : { diameter: "", width: "", sidewall: "", circum: "", rim: "" }; const extraStrings = extrasResults.map( (ti) => ti ? { diameter: formatMm(ti.diameter), width: formatMm(ti.width), sidewall: formatMm(ti.sidewall), circum: formatMm(ti.circum), rim: formatMm(ti.rim) } : { diameter: "", width: "", sidewall: "", circum: "", rim: "" } ); const fmtHalf = (val) => { if (val == null || !Number.isFinite(val)) return "-"; const half = Math.round(val * 2) / 2; return `${half.toFixed(1)}"`; }; const rimInfo = (0, import_react2.useMemo)(() => { const makeInfo = (ti, raw) => { if (!ti || !raw) return { range: void 0, rec: null, compat: null }; if (isImperialInput(raw.w, raw.p)) return { range: void 0, rec: null, compat: null }; const widthMm = ti.width; const aspectPct = Math.round(ti.sidewall / (ti.width || 1) * 100); const { range, recommended } = getRimRange(widthMm, aspectPct); const compat = range ? isRimCompatible(raw.r, range) : null; return { range, rec: recommended, compat }; }; const r1 = makeInfo(t1, t1Raw); const r2 = makeInfo(t2, t2Raw); const r3 = makeInfo(extrasResults[0], extrasRaw && extrasRaw[0]); const r4 = makeInfo(extrasResults[1], extrasRaw && extrasRaw[1]); return [r1, r2, r3, r4]; }, [t1, t2, t1Raw, t2Raw, extrasResults, extrasRaw]); const colorClasses = [ "text-[#007faa]", // Tyre 1 blue "text-[#f10000]", // Tyre 2 red "text-[#10b981]", // Tyre 3 green "text-[#f59e0b]" // Tyre 4 orange ]; const pctDiff = (a, b) => { if (!Number.isFinite(a) || !Number.isFinite(b) || a === 0) return null; return (b - a) / a * 100; }; const signPct = (v) => v > 0 ? `+${v.toFixed(1)}%` : `${v.toFixed(1)}%`; const colorForCommon = (v) => { const av = Math.abs(v); if (av <= 1.5) return "#16a34a"; if (av <= 3) return "#65a30d"; if (av <= 5) return "#ea580c"; return v >= 5 ? "#dc2626" : "#c2410c"; }; const colorForWidth = (v) => { const av = Math.abs(v); if (av <= 10) return "#16a34a"; if (av <= 20) return "#65a30d"; if (av <= 30) return "#ea580c"; return "#dc2626"; }; const diffBadge = (rowKey, compareVal, kind) => { if (!t1 || compareVal == null) return null; const baseVal = t1[rowKey]; if (!Number.isFinite(baseVal) || !Number.isFinite(compareVal)) return null; const pct = pctDiff(baseVal, compareVal); if (pct == null) return null; let color = "#111"; if (kind === "width") color = colorForWidth(pct); if (kind === "diameter") color = colorForCommon(pct); return /* @__PURE__ */ React.createElement("span", { style: { color }, className: "ml-2 text-xs whitespace-nowrap" }, signPct(pct)); }; const headerCells = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("th", { className: `py-2 pr-2 ${colorClasses[0]}` }, "Tyre 1"), showTyre2 && /* @__PURE__ */ React.createElement("th", { className: `py-2 pr-2 ${colorClasses[1]}` }, "Tyre 2"), extrasResults.map( (ti, i) => ti ? /* @__PURE__ */ React.createElement( "th", { key: `h-t${i}`, className: `py-2 pr-2 ${colorClasses[i + 2]}` }, `Tyre ${i + 3}` ) : null )); const valueRow = (rowKey, rowLabel, kindForDiff) => /* @__PURE__ */ React.createElement("tr", { key: rowKey, className: "odd:bg-white even:bg-gray-50" }, /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, rowLabel), /* @__PURE__ */ React.createElement("td", { className: `py-2 pr-2 ${colorClasses[0]}` }, t1Strings[rowKey]), showTyre2 && /* @__PURE__ */ React.createElement("td", { className: `py-2 pr-2 ${colorClasses[1]}` }, t2Strings[rowKey], t2 ? diffBadge(rowKey, t2[rowKey], kindForDiff) : null), extrasResults.map( (ti, i) => ti ? /* @__PURE__ */ React.createElement( "td", { key: `v-${rowKey}-${i}`, className: `py-2 pr-2 ${colorClasses[i + 2]}` }, extraStrings[i][rowKey], diffBadge(rowKey, ti[rowKey], kindForDiff) ) : null )); return /* @__PURE__ */ React.createElement("div", { className: "mt-4 overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "w-full text-left border" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { className: "text-sm text-gray-600 bg-gray-100" }, /* @__PURE__ */ React.createElement("th", { className: "py-2 pr-2" }, "Metric"), headerCells)), /* @__PURE__ */ React.createElement("tbody", null, [ { k: "diameter", label: "Diameter", kind: "diameter" }, { k: "width", label: "Width", kind: "width" }, { k: "sidewall", label: "Sidewall", kind: null }, // black diff { k: "circum", label: "Circumference", kind: null }, // black diff { k: "rim", label: "Rim (mm)", kind: null } ].map((row) => valueRow(row.k, row.label, row.kind)), /* @__PURE__ */ React.createElement("tr", { className: "odd:bg-white even:bg-gray-50" }, /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, "Recommended rim (in)"), [0, 1, 2, 3].map((idx) => { const info = rimInfo[idx]; const val = info && info.rec != null ? fmtHalf(info.rec) : "-"; const cls = idx === 0 ? colorClasses[0] : idx === 1 ? colorClasses[1] : idx === 2 ? colorClasses[2] : colorClasses[3]; if (idx === 0 || idx === 1 && showTyre2 || idx > 1 && extrasResults[idx - 2]) { return /* @__PURE__ */ React.createElement("td", { key: `rec-${idx}`, className: `py-2 pr-2 ${cls}` }, val); } return null; })), /* @__PURE__ */ React.createElement("tr", { className: "odd:bg-white even:bg-gray-50" }, /* @__PURE__ */ React.createElement("td", { className: "py-2 pr-2" }, "Recommended rim range (in)"), [0, 1, 2, 3].map((idx) => { const info = rimInfo[idx]; const cls = idx === 0 ? colorClasses[0] : idx === 1 ? colorClasses[1] : idx === 2 ? colorClasses[2] : colorClasses[3]; const showCell = idx === 0 || idx === 1 && showTyre2 || idx > 1 && extrasResults[idx - 2]; if (!showCell) return null; let text = "-"; let warn = false; if (info && info.range !== void 0) { text = info.range || "-"; warn = info.compat === false; } return /* @__PURE__ */ React.createElement( "td", { key: `range-${idx}`, className: `py-2 pr-2 ${cls} ${warn ? "text-red-600" : ""}` }, text, warn ? /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-xs text-red-600" }, "(rim outside range)") : null ); }))))); } // virtual:/apps/web/src/components/TyreCalculator/TyreComparisonPanel.jsx var import_react3 = __toESM(require_react()); function TyreComparisonPanel({ c3, setC3, c4, setC4, c5, setC5, f3, setF3, f4, setF4, f5, setF5, extras, updateExtra, addExtra, onCalculate, calc, t1, t2, extrasResults }) { const onShare = (0, import_react3.useCallback)(() => { try { const params = new URLSearchParams(); if (c3) params.set("c3", c3); if (c4) params.set("c4", c4); if (c5) params.set("c5", c5); if (f3) params.set("f3", f3); if (f4) params.set("f4", f4); if (f5) params.set("f5", f5); extras.forEach((ex, i) => { if (ex.w) params.set(`e${i + 1}w`, ex.w); if (ex.p) params.set(`e${i + 1}p`, ex.p); if (ex.r) params.set(`e${i + 1}r`, ex.r); }); const url = `${window.location.origin}${window.location.pathname}?${params.toString()}`; if (navigator.clipboard?.writeText) { navigator.clipboard.writeText(url); alert("Share link copied to clipboard"); } else { prompt("Copy this link", url); } } catch (e) { console.error(e); alert("Could not build share link"); } }, [c3, c4, c5, f3, f4, f5, extras]); const formatSize = (w, p, r) => { if (!w || !r) return null; let dispP = p; if (!dispP || /^r$/i.test(dispP)) dispP = "80"; return `${w}/${dispP}R${r}`; }; const summaryRows = (0, import_react3.useMemo)(() => { const rows = []; const t1Label = formatSize(c3, c4, c5); const t1Href = buildStoreUrl(c3, c4, c5); if (t1Label) rows.push({ label: "Tyre 1", size: t1Label, href: t1Href }); const t2Label = formatSize(f3, f4, f5); const t2Href = buildStoreUrl(f3, f4, f5); if (t2Label) rows.push({ label: "Tyre 2", size: t2Label, href: t2Href }); if (extras[0]) { const t3Label = formatSize(extras[0].w, extras[0].p, extras[0].r); const t3Href = buildStoreUrl(extras[0].w, extras[0].p, extras[0].r); if (t3Label) rows.push({ label: "Tyre 3", size: t3Label, href: t3Href }); } if (extras[1]) { const t4Label = formatSize(extras[1].w, extras[1].p, extras[1].r); const t4Href = buildStoreUrl(extras[1].w, extras[1].p, extras[1].r); if (t4Label) rows.push({ label: "Tyre 4", size: t4Label, href: t4Href }); } return rows; }, [c3, c4, c5, f3, f4, f5, extras]); return /* @__PURE__ */ React.createElement("div", { className: "md:col-span-1 border rounded-none shadow-sm p-4 bg-white text-[#111]" }, /* @__PURE__ */ React.createElement("h5", { className: "text-lg font-semibold" }, "Tyre Comparison"), /* @__PURE__ */ React.createElement( TyreInputTable, { c3, setC3, c4, setC4, c5, setC5, f3, setF3, f4, setF4, f5, setF5, extras, updateExtra } ), /* @__PURE__ */ React.createElement("div", { className: "mt-3 border rounded-none bg-white text-[#111] p-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-semibold mb-1" }, "Examples"), /* @__PURE__ */ React.createElement("div", { className: "text-sm flex flex-col gap-1" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-red-600" }, "Metric"), /* @__PURE__ */ React.createElement("span", { className: "mx-2" }, "-"), /* @__PURE__ */ React.createElement("span", { className: "text-[#111]" }, "205 55 16")), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-blue-600" }, "Imperial"), /* @__PURE__ */ React.createElement("span", { className: "mx-2" }, "-"), /* @__PURE__ */ React.createElement("span", { className: "text-[#111]" }, "31 10.5 15")))), /* @__PURE__ */ React.createElement("div", { className: "w-full flex flex-wrap gap-2 justify-between items-center mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: onCalculate, className: "px-[60px] py-[6px] bg-[#007faa] text-white rounded-none hover:bg-[#006488] active:bg-[#006488]" }, "Calculate" ), /* @__PURE__ */ React.createElement( "button", { onClick: addExtra, className: "px-3 py-[6px] border border-[#007faa] text-[#007faa] rounded-none disabled:opacity-50", disabled: extras.length >= 2, title: "Add up to 2 more tyres" }, "Add more sizes" )), /* @__PURE__ */ React.createElement( "button", { onClick: onShare, className: "px-3 py-[6px] border border-[#007faa] text-[#007faa] rounded-none", title: "Copy a link that preloads these sizes" }, "Share" )), calc && summaryRows.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mt-3 border rounded-none bg-white text-[#111] p-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-semibold mb-2" }, "Selected sizes"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, summaryRows.map((row) => /* @__PURE__ */ React.createElement( "div", { key: row.label, className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, row.label, ":"), " ", row.size), row.href ? /* @__PURE__ */ React.createElement( "a", { href: row.href, target: "_blank", rel: "noopener noreferrer", className: "inline-block bg-[#007faa] text-white px-3 py-1 rounded-none hover:bg-[#006488]" }, "Buy now" ) : /* @__PURE__ */ React.createElement("span", { className: "text-xs text-gray-500" }, "No link") )))), calc && /* @__PURE__ */ React.createElement( TyreResultsTable, { t1, t2, extrasResults, t1Raw: { w: c3, p: c4, r: c5 }, t2Raw: { w: f3, p: f4, r: f5 }, extrasRaw: extras } ), /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-gray-600" }, "* all measurements are in mm")); } // virtual:/apps/web/src/components/TyreCalculator/TyreVisualiser.jsx init_injected_globals(); var import_react4 = __toESM(require_react()); // virtual:/apps/web/src/components/TyreCalculator/TyreFrontView.jsx init_injected_globals(); function TyreFrontView({ width, height, widthMm, heightMm, tyreNumber, color = "#007faa", imageUrl }) { return /* @__PURE__ */ React.createElement("div", { className: "inline-block px-0 relative", style: { paddingBottom: 12 } }, /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", top: -2, left: -2, width: 28, height: 28, background: "#ffffff", zIndex: 2, borderRadius: 4 } } ), /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", top: -8, left: -8, background: color, color: "#fff", width: 22, height: 22, borderRadius: 9999, fontSize: 12, display: "flex", alignItems: "center", justifyContent: "center", zIndex: 3 } }, tyreNumber ), /* @__PURE__ */ React.createElement( "div", { style: { width: `${width}px`, height: `${height}px`, transition: "width 1s ease, height 1s ease", position: "relative" } }, /* @__PURE__ */ React.createElement( "img", { src: imageUrl, alt: `Front tyre ${tyreNumber}`, style: { width: "100%", height: "100%", display: "block" } } ), /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", bottom: 0, // keep at exact bottom for consistent baseline left: "1%", width: "98%", height: 0, borderBottom: `2px solid ${color}`, boxSizing: "border-box" } }, /* @__PURE__ */ React.createElement( "span", { style: { position: "absolute", left: "50%", transform: "translateX(-50%)", top: -14, fontSize: 12, color: "#111" } }, Number.isFinite(widthMm) || typeof widthMm === "string" ? `${widthMm} mm` : "" ) ), /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", left: -10, top: 0, width: 0, height: "100%", borderLeft: `2px solid ${color}` } }, /* @__PURE__ */ React.createElement( "span", { style: { position: "absolute", left: -6, top: "50%", transform: "translate(-100%, -50%)", fontSize: 12, color: "#111", writingMode: "vertical-rl", textOrientation: "upright" } }, Number.isFinite(heightMm) || typeof heightMm === "string" ? `${heightMm} mm` : "" ) ) )); } // virtual:/apps/web/src/components/TyreCalculator/TyreSideView.jsx init_injected_globals(); function TyreSideView({ diameter, rimPx, rimMm, sidewall, tyreNumber, color = "#007faa" }) { const sidewallPx = Math.max(0, (diameter - rimPx) / 2); return /* @__PURE__ */ React.createElement("div", { className: "inline-block relative" }, /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", top: -2, left: -2, width: 28, height: 28, background: "#ffffff", zIndex: 2, borderRadius: 4 } } ), /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", top: -8, left: -8, background: color, color: "#fff", width: 22, height: 22, borderRadius: 9999, fontSize: 12, display: "flex", alignItems: "center", justifyContent: "center", zIndex: 3 } }, tyreNumber ), /* @__PURE__ */ React.createElement( "div", { style: { width: `${diameter}px`, height: `${diameter}px`, transition: "width 1s ease, height 1s ease", position: "relative", overflow: "hidden", borderRadius: "9999px", margin: "0 auto" } }, /* @__PURE__ */ React.createElement( "img", { src: "https://res.cloudinary.com/drzahrzan/image/upload/v1687506248/side-view-1_tkqird.jpg", alt: `Side tyre ${tyreNumber}`, style: { width: "100%", height: "100%", display: "block" } } ), /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", right: -10, top: (diameter - sidewallPx) / 2, width: 0, height: `${sidewallPx}px`, borderRight: `2px solid ${color}` } }, /* @__PURE__ */ React.createElement( "span", { style: { position: "absolute", right: -6, top: "50%", transform: "translate(100%, -50%)", fontSize: 12, color: "#111", writingMode: "vertical-rl", textOrientation: "upright" } }, sidewall ? `${sidewall} mm` : "" ) ), /* @__PURE__ */ React.createElement( "div", { style: { position: "absolute", left: "50%", top: "50%", transform: `translate(-50%, -50%)`, width: 0, height: `${rimPx}px`, borderRight: `2px solid ${color}` } } ), /* @__PURE__ */ React.createElement( "span", { style: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)", fontSize: 12, color: "#111", background: "transparent" } }, rimMm ? `${rimMm} mm` : "" ) )); } // virtual:/apps/web/src/components/TyreCalculator/SpeedometerGuide.jsx init_injected_globals(); function SpeedometerGuide({ t1, t2, t3, t4 }) { const speeds = [10, 20, 30, 40, 50, 60, 70, 80]; const d1 = t1 && t1.diameter; const d2 = t2 && t2.diameter; const d3 = t3 && t3.diameter; const d4 = t4 && t4.diameter; const reading = (d) => { if (!d1 || !d) return null; return speeds.map((sp) => { const v = sp - (d1 - d) / d1 * sp; return Number.isFinite(v) ? v.toFixed(1) : "-"; }); }; const r2 = reading(d2); const r3 = reading(d3); const r4 = reading(d4); const rows = speeds.map((sp, i) => ({ s: sp, v2: r2 && r2[i] ? r2[i] : "-", v3: r3 && r3[i] ? r3[i] : "-", v4: r4 && r4[i] ? r4[i] : "-" })); return /* @__PURE__ */ React.createElement("div", { className: "mt-8 text-[#111]" }, /* @__PURE__ */ React.createElement("h5", { className: "text-lg font-semibold text-center leading-tight" }, "Speedometer guide", /* @__PURE__ */ React.createElement("br", null), "(km/h)"), /* @__PURE__ */ React.createElement("p", { className: "text-center text-sm text-gray-700 mt-2" }, "If Tyre 1 is original, at a true speed below your speedo would read:"), /* @__PURE__ */ React.createElement("div", { className: "overflow-x-auto mt-3" }, /* @__PURE__ */ React.createElement("table", { className: "w-full text-left border bg-white" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", { className: "text-sm text-gray-600" }, /* @__PURE__ */ React.createElement("th", { className: "py-2 px-2 border" }, "Actual speed"), /* @__PURE__ */ React.createElement("th", { className: "py-2 px-2 border" }, "Tyre 2"), /* @__PURE__ */ React.createElement("th", { className: "py-2 px-2 border" }, "Tyre 3"), /* @__PURE__ */ React.createElement("th", { className: "py-2 px-2 border" }, "Tyre 4"))), /* @__PURE__ */ React.createElement("tbody", null, rows.map((row) => /* @__PURE__ */ React.createElement("tr", { key: row.s }, /* @__PURE__ */ React.createElement("td", { className: "py-2 px-2 border" }, row.s), /* @__PURE__ */ React.createElement("td", { className: "py-2 px-2 border" }, row.v2), /* @__PURE__ */ React.createElement("td", { className: "py-2 px-2 border" }, row.v3), /* @__PURE__ */ React.createElement("td", { className: "py-2 px-2 border" }, row.v4))))))); } // virtual:/apps/web/src/components/TyreCalculator/TyreVisualiser.jsx function TyreVisualiser({ calc, t1, t2, extrasResults, f3, f4, f5, extras }) { const tyres = [ t1 || null, t2 || null, extrasResults[0] || null, extrasResults[1] || null ]; const colors = ["#007faa", "#f10000", "#10b981", "#f59e0b"]; const fronts = (0, import_react4.useMemo)( () => tyres.map( (ti) => ti ? { w: scaleW(ti.width), h: scaleH(ti.diameter), widthMm: ti.width, heightMm: ti.diameter } : { w: 0, h: 0, widthMm: null, heightMm: null } ), // eslint-disable-next-line react-hooks/exhaustive-deps [t1, t2, extrasResults] ); const sides = (0, import_react4.useMemo)( () => tyres.map( (ti) => ti ? { d: scaleH(ti.diameter), rimPx: scaleH(ti.rim), rimMm: ti.rim, sidewallMm: ti.sidewall } : { d: 0, rimPx: 0, rimMm: null, sidewallMm: null } ), // eslint-disable-next-line react-hooks/exhaustive-deps [t1, t2, extrasResults] ); const buildUrlForIndex = (idx) => { if (idx === 1) return buildStoreUrl(f3, f4, f5); if (idx === 2 && extras[0]) return buildStoreUrl(extras[0].w, extras[0].p, extras[0].r); if (idx === 3 && extras[1]) return buildStoreUrl(extras[1].w, extras[1].p, extras[1].r); return null; }; return /* @__PURE__ */ React.createElement("div", { className: "md:col-span-2 border rounded-none shadow-sm p-4 bg-white text-[#111]" }, /* @__PURE__ */ React.createElement("h5", { className: "text-lg font-semibold" }, "Tyre Comparison Visualiser"), /* @__PURE__ */ React.createElement("div", { className: "mt-6 overflow-x-auto" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 grid-rows-2 gap-y-2 gap-x-0 min-w-[720px]" }, Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ React.createElement( "div", { key: `front-${i}`, className: "flex flex-col items-center justify-end bg-white min-h-[220px] overflow-visible" }, tyres[i] ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( TyreFrontView, { width: fronts[i].w, height: fronts[i].h, widthMm: fronts[i].widthMm, heightMm: fronts[i].heightMm, tyreNumber: i + 1, color: colors[i], imageUrl: i === 0 ? "https://res.cloudinary.com/drzahrzan/image/upload/v1687425779/front-view-1_b2ayvc.png" : "https://res.cloudinary.com/drzahrzan/image/upload/v1687425780/front-view-2_tyzzau.png" } )) : /* @__PURE__ */ React.createElement("div", { style: { height: 40 } }) )), Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ React.createElement( "div", { key: `side-${i}`, className: "flex items-end justify-center bg-white min-h-[240px] overflow-visible" }, tyres[i] ? /* @__PURE__ */ React.createElement( TyreSideView, { diameter: sides[i].d, rimPx: sides[i].rimPx, rimMm: sides[i].rimMm, sidewall: sides[i].sidewallMm, tyreNumber: i + 1, color: colors[i] } ) : /* @__PURE__ */ React.createElement("div", { style: { height: 40 } }) )))), calc && tyres.some((t, idx) => idx > 0 && !!t) && /* @__PURE__ */ React.createElement( SpeedometerGuide, { t1: tyres[0], t2: tyres[1], t3: tyres[2], t4: tyres[3] } )); } // virtual:/apps/web/src/app/page.jsx function TyreCalculatorPage() { const { c3, setC3, c4, setC4, c5, setC5, f3, setF3, f4, setF4, f5, setF5, extras, addExtra, updateExtra, calc, onCalculate, t1, t2, extrasResults } = useTyreCalculator(); return /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full min-h-screen bg-black text-white" }, /* @__PURE__ */ import_react5.default.createElement(Header, null), /* @__PURE__ */ import_react5.default.createElement("div", { className: "container mx-auto px-4 pb-10" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-6" }, /* @__PURE__ */ import_react5.default.createElement( TyreComparisonPanel, { c3, setC3, c4, setC4, c5, setC5, f3, setF3, f4, setF4, f5, setF5, extras, updateExtra, addExtra, onCalculate, calc, t1, t2, extrasResults } ), /* @__PURE__ */ import_react5.default.createElement( TyreVisualiser, { calc, t1, t2, extrasResults, f3, f4, f5, extras } )), /* @__PURE__ */ import_react5.default.createElement("div", { className: "mt-10 text-center text-sm text-gray-300" }, "Tyre Calculator made by Taylor Houghton"))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (false) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (false) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (false) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (false) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React3 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React3.createContext( void 0 ); var QueryClientProvider = ({ client, children }) => { React3.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react6.default.createElement(TyreCalculatorPage, { ...props }); content = /* @__PURE__ */ import_react6.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */

	Width	Profile	Rim
Tyre 1*
Tyre 2