function MainComponent() { const [age, setAge] = useState(25); const [frequency, setFrequency] = useState("monthly"); const [hairProducts, setHairProducts] = useState([]); const [barberCost, setBarberCost] = useState(30); const [location, setLocation] = useState(""); const [isAdvanced, setIsAdvanced] = useState(false); const [goBigMode, setGoBigMode] = useState(false); const [likeHats, setLikeHats] = useState(false); const [domeDividend, setDomeDividend] = useState(false); const [wisdomAmplifier, setWisdomAmplifier] = useState(false); const [aerodynamicAdvantage, setAerodynamicAdvantage] = useState(false); const [nationality, setNationality] = useState(""); const [productDetails, setProductDetails] = useState({}); const [baldMethod, setBaldMethod] = useState("clipper"); const [currency, setCurrency] = useState({ symbol: "$", code: "USD" }); const [firstName, setFirstName] = useState(""); const [showInfo, setShowInfo] = useState(false); const [showerEfficiency, setShowerEfficiency] = useState(false); const [showerDetails, setShowerDetails] = useState({ frequency: 7, duration: 10, type: "standard" }); const [baldMaintenanceDetails, setBaldMaintenanceDetails] = useState({ clipper: { cost: 50, lifespan: 24 }, wetShave: { razorCost: 20, creamCost: 10, frequency: 1 } }); const [savings, setSavings] = useState(null); const [currentEmoji, setCurrentEmoji] = useState(0); const [uniqueAchievements, setUniqueAchievements] = useState(new Set()); const emojis = [ "👨‍🦲", "👩‍🦲", "👨🏻‍🦲", "👩🏻‍🦲", "👨🏼‍🦲", "👩🏼‍🦲", "👨🏽‍🦲", "👩🏽‍🦲", "👨🏾‍🦲", "👩🏾‍🦲", "👨🏿‍🦲", "👩🏿‍🦲" ]; const defaultProductCosts = { USD: { Shampoo: 15, Conditioner: 15, "Styling Products": 20 }, EUR: { Shampoo: 13, Conditioner: 13, "Styling Products": 17 }, GBP: { Shampoo: 11, Conditioner: 11, "Styling Products": 15 }, JPY: { Shampoo: 1500, Conditioner: 1500, "Styling Products": 2000 }, default: { Shampoo: 15, Conditioner: 15, "Styling Products": 20 } }; const frequencies = { weekly: 52, biweekly: 26, monthly: 12, "every-three-months": 4 }; const showerCosts = { USD: { water: 0.002, energy: 0.16 }, GBP: { water: 0.003, energy: 0.34 }, EUR: { water: 0.0025, energy: 0.25 }, default: { water: 0.002, energy: 0.16 } }; const showerTypes = { eco: { water: 6, energy: 0.7 }, standard: { water: 9, energy: 1 }, power: { water: 15, energy: 1.5 } }; const olympicRewards = { AUS: 20000, AUT: 21986, AZE: 235000, BEL: 54606, BRA: 49000, BUL: 139719, CAN: 14572, CRC: 16000, CZE: 100000, DEN: 15962, ECU: 150000, EST: 117500, FIN: 59342, FJI: 50000, FRA: 86670, GEO: 318000, GER: 22000, GBR: 144000, GRE: 100000, HKG: 769558, HUN: 150000, IDN: 346000, IRN: 295000, ISR: 263000, ITA: 213000, JPN: 45000, KAZ: 250000, KOS: 118683, KGZ: 117000, LIE: 27602, LTU: 183005, MYS: 236000, MEX: 169212, MNG: 35280, MAR: 225067, NED: 32614, NZL: 36118, NOR: 0, PHI: 200000, POL: 51572, RUS: 61000, ROU: 145800, SRB: 100000, SGP: 737000, SVK: 59342, SVN: 23737, RSA: 37000, KOR: 54767, ESP: 111562, SWE: 0, CHE: 44171, TPE: 720000, THA: 365150, TUR: 531638, UKR: 125000, UZB: 200000, OTH: 100000 }; const currencies = [ { symbol: "$", code: "USD" }, { symbol: "€", code: "EUR", rate: 0.92 }, { symbol: "£", code: "GBP", rate: 0.79 }, { symbol: "¥", code: "JPY", rate: 148.42 }, { symbol: "₹", code: "INR", rate: 83.12 }, { symbol: "₽", code: "RUB", rate: 91.21 }, { symbol: "₣", code: "CHF", rate: 0.87 }, { symbol: "$", code: "CAD", rate: 1.35 }, { symbol: "$", code: "AUD", rate: 1.52 }, { symbol: "₩", code: "KRW", rate: 1322.48 }, { symbol: "R$", code: "BRL", rate: 4.97 }, { symbol: "$", code: "HKD", rate: 7.82 }, { symbol: "kr", code: "SEK", rate: 10.42 }, { symbol: "$", code: "SGD", rate: 1.34 }, { symbol: "₺", code: "TRY", rate: 30.43 }, { symbol: "kr", code: "NOK", rate: 10.51 }, { symbol: "$", code: "MXN", rate: 17.12 }, { symbol: "zł", code: "PLN", rate: 4.01 }, { symbol: "kr", code: "DKK", rate: 6.86 }, { symbol: "₪", code: "ILS", rate: 3.67 }, { symbol: "Kč", code: "CZK", rate: 22.87 }, { symbol: "$", code: "CLP", rate: 944.97 }, { symbol: "₱", code: "PHP", rate: 55.95 }, { symbol: "R", code: "ZAR", rate: 18.71 }, { symbol: "Ft", code: "HUF", rate: 354.76 }, { symbol: "₡", code: "CRC", rate: 520.31 }, { symbol: "$", code: "ARS", rate: 823.5 }, { symbol: "RM", code: "MYR", rate: 4.71 }, { symbol: "₦", code: "NGN", rate: 907.54 }, { symbol: "₴", code: "UAH", rate: 38.24 }, { symbol: "Rp", code: "IDR", rate: 15683.45 }, { symbol: "₫", code: "VND", rate: 24585.0 }, { symbol: "₸", code: "KZT", rate: 449.82 }, { symbol: "S/", code: "PEN", rate: 3.71 }, { symbol: "د.إ", code: "AED", rate: 3.67 }, { symbol: "₼", code: "AZN", rate: 1.7 }, { symbol: "L", code: "RON", rate: 4.57 }, { symbol: "B/.", code: "PAB", rate: 1.0 }, { symbol: "Bs.", code: "VES", rate: 36.05 }, { symbol: "₾", code: "GEL", rate: 2.67 }, { symbol: "د.ك", code: "KWD", rate: 0.31 }, { symbol: "﷼", code: "QAR", rate: 3.64 }, { symbol: "﷼", code: "SAR", rate: 3.75 }, { symbol: "د.ا", code: "JOD", rate: 0.71 }, { symbol: "ل.ل", code: "LBP", rate: 15000.0 }, { symbol: "$", code: "TWD", rate: 31.23 }, { symbol: "B", code: "THB", rate: 35.37 }, { symbol: "$", code: "NZD", rate: 1.64 }, { symbol: "₨", code: "PKR", rate: 279.5 }, { symbol: "₨", code: "NPR", rate: 132.95 }, { symbol: "৳", code: "BDT", rate: 109.67 }, { symbol: "₭", code: "LAK", rate: 20845.0 }, { symbol: "៛", code: "KHR", rate: 4075.0 }, { symbol: "₮", code: "MNT", rate: 3450.0 }, { symbol: "₽", code: "BYN", rate: 3.27 } ]; const calculateSavings = useCallback(()=>{ const yearsLeft = 80 - age; const selectedCurrency = currencies.find((c)=>c.code === currency.code) || currencies[0]; const rate = selectedCurrency.rate || 1; const barberCostUSD = barberCost / rate; const annualBarberCostUSD = barberCostUSD * frequencies[frequency]; const inflationRate = 0.03; const hatCostUSD = likeHats ? 100 : 0; let annualProductCostUSD = 0; if (isAdvanced) { hairProducts.forEach((product)=>{ if (productDetails[product]) { const monthlyUses = 12 / productDetails[product].frequency; annualProductCostUSD += productDetails[product].cost / rate * monthlyUses; } }); } else { hairProducts.forEach((product)=>{ const costs = defaultProductCosts.USD; annualProductCostUSD += costs[product] * 4; }); } let annualBaldMaintenanceCostUSD = 0; if (baldMethod === "clipper") { if (isAdvanced) { annualBaldMaintenanceCostUSD = baldMaintenanceDetails.clipper.cost / rate / (baldMaintenanceDetails.clipper.lifespan / 12); } else { annualBaldMaintenanceCostUSD = 50 / 2; } } else { if (isAdvanced) { annualBaldMaintenanceCostUSD = baldMaintenanceDetails.wetShave.razorCost / rate * 12 / baldMaintenanceDetails.wetShave.frequency + baldMaintenanceDetails.wetShave.creamCost / rate * 12 / baldMaintenanceDetails.wetShave.frequency; } else { annualBaldMaintenanceCostUSD = 20 * 12 + 10 * 4; } } let annualSavingsUSD = annualBarberCostUSD + annualProductCostUSD - annualBaldMaintenanceCostUSD - hatCostUSD; if (aerodynamicAdvantage) { const olympicYears = Math.floor(yearsLeft / 4); let olympicRewardUSD = olympicRewards.OTH; if (nationality && olympicRewards[nationality]) { olympicRewardUSD = olympicRewards[nationality]; } annualSavingsUSD += olympicRewardUSD * olympicYears / yearsLeft; } if (showerEfficiency) { const costs = showerCosts.USD; const type = showerTypes[showerDetails.type]; const showersPerYear = showerDetails.frequency * 52; const minutesPerYear = showersPerYear * showerDetails.duration; const waterUsage = type.water * minutesPerYear; const energyUsage = type.energy * minutesPerYear; const currentCostUSD = waterUsage * costs.water + energyUsage * costs.energy; const baldCostUSD = currentCostUSD * 0.7; annualSavingsUSD += currentCostUSD - baldCostUSD; } let lifetimeSavingsUSD = 0; for(let year = 0; year < yearsLeft; year++){ let yearSavings = annualSavingsUSD * Math.pow(1 + inflationRate, year); if (domeDividend) { yearSavings *= Math.pow(1.08, yearsLeft - year); } lifetimeSavingsUSD += yearSavings; } const monthlySavings = annualSavingsUSD / 12 * rate; const yearlySavings = annualSavingsUSD * rate; const lifetimeSavings = lifetimeSavingsUSD * rate; setSavings({ monthly: wisdomAmplifier ? monthlySavings * 1.2 : monthlySavings, yearly: wisdomAmplifier ? yearlySavings * 1.2 : yearlySavings, lifetime: wisdomAmplifier ? lifetimeSavings * 1.2 : lifetimeSavings }); }, [ age, frequency, hairProducts, barberCost, productDetails, isAdvanced, baldMethod, baldMaintenanceDetails, likeHats, wisdomAmplifier, aerodynamicAdvantage, nationality, currency.code, showerEfficiency, showerDetails, domeDividend ]); const [predictions, setPredictions] = useState([]); const [showPredictions, setShowPredictions] = useState(false); const handleLocationSearch = useCallback(async (input)=>{ if (!input) { setPredictions([]); return; } try { const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?input=${encodeURIComponent(input)}&radius=500`); const data = await response.json(); if (data.predictions) { setPredictions(data.predictions); setShowPredictions(true); } } catch (error) { console.error("Error fetching predictions:", error); } }, []); const handleLocationSelect = (prediction)=>{ setLocation(prediction.description); setPredictions([]); setShowPredictions(false); if (prediction.description.toLowerCase().includes("bald")) { setAchievements((prev)=>[ ...prev, { id: "explorer", emoji: "🗺️", title: "Bald Explorer", description: "It's just where you feel most at home." } ]); } if (prediction.description.includes("New Zealand")) { setCurrency(currencies.find((c)=>c.code === "NZD")); setNationality("NZL"); } else if (prediction.description.includes("United States") || prediction.description.includes(", US") || prediction.description.includes("USA")) { setCurrency(currencies.find((c)=>c.code === "USD")); setNationality("USA"); } else if (prediction.description.includes("United Kingdom") || prediction.description.includes(", UK")) { setCurrency(currencies.find((c)=>c.code === "GBP")); setNationality("GBR"); } else if (prediction.description.includes("Japan")) { setCurrency(currencies.find((c)=>c.code === "JPY")); setNationality("JPN"); } }; const handleShare = (platform)=>{ const shareText = `I just calculated my bald savings with the Bald Savings Calculator! I'll save ${currency.symbol}${savings.lifetime.toFixed(2)} over my lifetime! 💰`; const shareUrl = "https://baldsavings.example.com"; const urls = { x: `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(shareUrl)}`, facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}"e=${encodeURIComponent(shareText)}`, linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(shareUrl)}&summary=${encodeURIComponent(shareText)}` }; if (platform === "copy") { navigator.clipboard.writeText(`${shareText}\n${shareUrl}`); return; } window.open(urls[platform], "_blank", "width=600,height=400"); }; const [moneyBagClicks, setMoneyBagClicks] = useState(0); const [achievements, setAchievements] = useState([]); const [showNotification, setShowNotification] = useState(false); const [currentAchievement, setCurrentAchievement] = useState(null); useEffect(()=>{ if (achievements.length > 0) { setCurrentAchievement(achievements[0]); setShowNotification(true); setUniqueAchievements((prev)=>new Set([ ...prev, achievements[0].id ])); const timer = setTimeout(()=>{ setShowNotification(false); setAchievements((prev)=>prev.slice(1)); }, 3000); return ()=>clearTimeout(timer); } }, [ achievements ]); useEffect(()=>{ if (savings && savings.lifetime > 100000000 && !achievements.some((a)=>a.id === "bezos")) { setAchievements((prev)=>[ ...prev, { id: "bezos", emoji: "🚀", title: "Big Bezos Energy", description: "Jeff, is that you?" } ]); } }, [ savings ]); useEffect(()=>{ if (currentEmoji === emojis.length - 1 && !achievements.some((a)=>a.id === "world")) { setAchievements((prev)=>[ ...prev, { id: "world", emoji: "🫂", title: "It's a small world", description: "A world united by bald" } ]); } }, [ currentEmoji ]); useEffect(()=>{ if (moneyBagClicks >= 5 && !achievements.some((a)=>a.id === "disco")) { setAchievements((prev)=>[ ...prev, { id: "disco", emoji: "🪩", title: "Disco Money", description: "Party, party, yeah, yeah" } ]); } }, [ moneyBagClicks ]); useEffect(()=>{ if (aerodynamicAdvantage && savings && !achievements.some((a)=>a.id === "olympian")) { setAchievements((prev)=>[ ...prev, { id: "olympian", emoji: "🥇", title: "Olympian", description: "Can you really compete till you're 80? Of course you can." } ]); } }, [ aerodynamicAdvantage, savings ]); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/acd7209c-06aa-453e-953d-2c77d62a99e4/-/format/auto/", __source: { fileName: "", lineNumber: 478, columnNumber: 7 }, __self: this }), showNotification && currentAchievement && /*#__PURE__*/ React.createElement("div", { className: "fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-lg p-4 z-50 flex items-center space-x-4 min-w-[300px]", __source: { fileName: "", lineNumber: 484, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl", __source: { fileName: "", lineNumber: 485, columnNumber: 11 }, __self: this }, currentAchievement.emoji), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 486, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 487, columnNumber: 13 }, __self: this }, currentAchievement.title), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 488, columnNumber: 13 }, __self: this }, currentAchievement.description))), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#f8f9fa] to-[#e9ecef] p-4", __source: { fileName: "", lineNumber: 494, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-xl shadow-lg p-6 relative", __source: { fileName: "", lineNumber: 495, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-8 font-roboto", __source: { fileName: "", lineNumber: 496, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { onClick: ()=>setCurrentEmoji((currentEmoji + 1) % emojis.length), className: "cursor-pointer hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 497, columnNumber: 13 }, __self: this }, emojis[currentEmoji]), " ", "Bald Savings Calculator", " ", /*#__PURE__*/ React.createElement("img", { src: moneyBagClicks >= 5 ? "https://ucarecdn.com/c1e383d6-a41b-4ce3-b382-b2a2faf97394/" : "https://ucarecdn.com/fc4e4859-c4e4-4f93-a885-95b729146172/-/format/auto/", alt: moneyBagClicks >= 5 ? "Animated bouncing money bag" : "Golden money bag with dollar sign", className: "inline-block w-8 h-8 cursor-pointer", onClick: ()=>setMoneyBagClicks((prev)=>prev + 1), __source: { fileName: "", lineNumber: 506, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 522, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 523, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end items-center space-x-4", __source: { fileName: "", lineNumber: 524, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: currency.code, onChange: (e)=>{ const selected = currencies.find((c)=>c.code === e.target.value); setCurrency(selected); }, className: "p-2 border rounded", __source: { fileName: "", lineNumber: 525, columnNumber: 17 }, __self: this }, currencies.map((c)=>/*#__PURE__*/ React.createElement("option", { key: c.code, value: c.code, __source: { fileName: "", lineNumber: 536, columnNumber: 21 }, __self: this }, c.code))), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 541, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: isAdvanced, onChange: (e)=>setIsAdvanced(e.target.checked), className: "sr-only peer", __source: { fileName: "", lineNumber: 542, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600", __source: { fileName: "", lineNumber: 548, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ms-3 text-sm font-medium", __source: { fileName: "", lineNumber: 549, columnNumber: 19 }, __self: this }, "Advanced Mode")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 553, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: goBigMode, onChange: (e)=>setGoBigMode(e.target.checked), className: "sr-only peer", __source: { fileName: "", lineNumber: 554, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600", __source: { fileName: "", lineNumber: 560, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ms-3 text-sm font-medium", __source: { fileName: "", lineNumber: 561, columnNumber: 19 }, __self: this }, "Go Big Mode"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 564, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 565, columnNumber: 17 }, __self: this }, "Your Age"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "age", value: age, onChange: (e)=>setAge(Number(e.target.value)), className: "w-full p-3 border rounded-lg", min: "18", max: "80", __source: { fileName: "", lineNumber: 566, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 576, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 577, columnNumber: 17 }, __self: this }, "Haircut Frequency"), /*#__PURE__*/ React.createElement("select", { name: "frequency", value: frequency, onChange: (e)=>setFrequency(e.target.value), className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 578, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "weekly", __source: { fileName: "", lineNumber: 584, columnNumber: 19 }, __self: this }, "Weekly"), /*#__PURE__*/ React.createElement("option", { value: "biweekly", __source: { fileName: "", lineNumber: 585, columnNumber: 19 }, __self: this }, "Biweekly"), /*#__PURE__*/ React.createElement("option", { value: "monthly", __source: { fileName: "", lineNumber: 586, columnNumber: 19 }, __self: this }, "Monthly"), /*#__PURE__*/ React.createElement("option", { value: "every-three-months", __source: { fileName: "", lineNumber: 587, columnNumber: 19 }, __self: this }, "Every Three Months"))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 590, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 591, columnNumber: 17 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", value: location, onChange: (e)=>{ setLocation(e.target.value); handleLocationSearch(e.target.value); if (e.target.value.toLowerCase().includes("bald")) { setAchievements((prev)=>[ ...prev, { id: "explorer", emoji: "🗺️", title: "Bald Explorer", description: "It's just where you feel most at home." } ]); } }, onFocus: ()=>setShowPredictions(true), placeholder: "Enter your city", className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 592, columnNumber: 17 }, __self: this }), showPredictions && predictions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white border rounded-lg shadow-lg max-h-60 overflow-y-auto", __source: { fileName: "", lineNumber: 616, columnNumber: 19 }, __self: this }, predictions.map((prediction)=>/*#__PURE__*/ React.createElement("div", { key: prediction.place_id, className: "p-2 hover:bg-gray-100 cursor-pointer", onClick: ()=>handleLocationSelect(prediction), __source: { fileName: "", lineNumber: 618, columnNumber: 23 }, __self: this }, prediction.description)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 629, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 630, columnNumber: 17 }, __self: this }, "Hair Products Used"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 631, columnNumber: 17 }, __self: this }, [ "Shampoo", "Conditioner", "Styling Products" ].map((product)=>/*#__PURE__*/ React.createElement("label", { key: product, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 634, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: product, checked: hairProducts.includes(product), onChange: (e)=>{ if (e.target.checked) { setHairProducts([ ...hairProducts, product ]); if (isAdvanced) { setProductDetails((prev)=>({ ...prev, [product]: { cost: (defaultProductCosts[currency.code] || defaultProductCosts.default)[product], frequency: 3 } })); } } else { setHairProducts(hairProducts.filter((p)=>p !== product)); if (isAdvanced) { const newDetails = { ...productDetails }; delete newDetails[product]; setProductDetails(newDetails); } } }, className: "w-5 h-5", __source: { fileName: "", lineNumber: 638, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 668, columnNumber: 25 }, __self: this }, product), !isAdvanced && /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 ml-2", __source: { fileName: "", lineNumber: 670, columnNumber: 27 }, __self: this }, "(", currency.symbol, (defaultProductCosts[currency.code] || defaultProductCosts.default)[product], "/bottle)"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 684, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 685, columnNumber: 17 }, __self: this }, "Average Haircut Cost (", currency.symbol, ")"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "barberCost", value: barberCost, onChange: (e)=>setBarberCost(Number(e.target.value)), className: "w-full p-3 border rounded-lg", min: "0", __source: { fileName: "", lineNumber: 688, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 697, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg mb-2", __source: { fileName: "", lineNumber: 698, columnNumber: 17 }, __self: this }, "Bald Maintenance Method"), /*#__PURE__*/ React.createElement("select", { name: "baldMethod", value: baldMethod, onChange: (e)=>setBaldMethod(e.target.value), className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 701, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "clipper", __source: { fileName: "", lineNumber: 707, columnNumber: 19 }, __self: this }, "Electric Clipper"), /*#__PURE__*/ React.createElement("option", { value: "wetShave", __source: { fileName: "", lineNumber: 708, columnNumber: 19 }, __self: this }, "Wet Shave"))), isAdvanced && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 713, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 714, columnNumber: 19 }, __self: this }, "Product Details"), hairProducts.map((product)=>/*#__PURE__*/ React.createElement("div", { key: product, className: "space-y-2", __source: { fileName: "", lineNumber: 716, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 717, columnNumber: 23 }, __self: this }, product, " Cost (", currency.symbol, ")"), /*#__PURE__*/ React.createElement("input", { type: "number", value: productDetails[product]?.cost || "", onChange: (e)=>setProductDetails((prev)=>({ ...prev, [product]: { ...prev[product], cost: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "0", __source: { fileName: "", lineNumber: 720, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 735, columnNumber: 23 }, __self: this }, "How many months do your ", product.toLowerCase(), " ", "typically last you?"), /*#__PURE__*/ React.createElement("input", { type: "number", value: productDetails[product]?.frequency || "", onChange: (e)=>setProductDetails((prev)=>({ ...prev, [product]: { ...prev[product], frequency: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "1", __source: { fileName: "", lineNumber: 739, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mt-6", __source: { fileName: "", lineNumber: 757, columnNumber: 19 }, __self: this }, "Bald Maintenance Details"), baldMethod === "clipper" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 761, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 762, columnNumber: 23 }, __self: this }, "Clipper Cost (", currency.symbol, ")"), /*#__PURE__*/ React.createElement("input", { type: "number", value: baldMaintenanceDetails.clipper.cost, onChange: (e)=>setBaldMaintenanceDetails((prev)=>({ ...prev, clipper: { ...prev.clipper, cost: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "0", __source: { fileName: "", lineNumber: 765, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 780, columnNumber: 23 }, __self: this }, "Clipper Lifespan (months)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: baldMaintenanceDetails.clipper.lifespan, onChange: (e)=>setBaldMaintenanceDetails((prev)=>({ ...prev, clipper: { ...prev.clipper, lifespan: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "1", __source: { fileName: "", lineNumber: 783, columnNumber: 23 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 800, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 801, columnNumber: 23 }, __self: this }, "Razor Cost per Month (", currency.symbol, ")"), /*#__PURE__*/ React.createElement("input", { type: "number", value: baldMaintenanceDetails.wetShave.razorCost, onChange: (e)=>setBaldMaintenanceDetails((prev)=>({ ...prev, wetShave: { ...prev.wetShave, razorCost: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "0", __source: { fileName: "", lineNumber: 804, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 819, columnNumber: 23 }, __self: this }, "Shaving Cream Cost (", currency.symbol, ")"), /*#__PURE__*/ React.createElement("input", { type: "number", value: baldMaintenanceDetails.wetShave.creamCost, onChange: (e)=>setBaldMaintenanceDetails((prev)=>({ ...prev, wetShave: { ...prev.wetShave, creamCost: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "0", __source: { fileName: "", lineNumber: 822, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block text-sm", __source: { fileName: "", lineNumber: 837, columnNumber: 23 }, __self: this }, "Cream Replacement Frequency (months)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: baldMaintenanceDetails.wetShave.frequency, onChange: (e)=>setBaldMaintenanceDetails((prev)=>({ ...prev, wetShave: { ...prev.wetShave, frequency: Number(e.target.value) } })), className: "w-full p-2 border rounded", min: "1", __source: { fileName: "", lineNumber: 840, columnNumber: 23 }, __self: this }))), goBigMode && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 861, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center space-x-2", __source: { fileName: "", lineNumber: 862, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: likeHats, onChange: (e)=>setLikeHats(e.target.checked), className: "w-5 h-5", __source: { fileName: "", lineNumber: 863, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 869, columnNumber: 21 }, __self: this }, "I Like Hats"), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 870, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-gray-500", __source: { fileName: "", lineNumber: 871, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute invisible group-hover:visible bg-black text-white p-2 rounded text-sm -top-12 left-1/2 transform -translate-x-1/2 w-64 text-center", __source: { fileName: "", lineNumber: 872, columnNumber: 23 }, __self: this }, "This will add an annual expense of $100USD for hat purchases, reducing your overall savings"))), /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center space-x-2", __source: { fileName: "", lineNumber: 878, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: domeDividend, onChange: (e)=>setDomeDividend(e.target.checked), className: "w-5 h-5", __source: { fileName: "", lineNumber: 879, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 885, columnNumber: 21 }, __self: this }, "Dome Dividend"), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 886, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-gray-500", __source: { fileName: "", lineNumber: 887, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute invisible group-hover:visible bg-black text-white p-2 rounded text-sm -top-12 left-1/2 transform -translate-x-1/2 w-64 text-center", __source: { fileName: "", lineNumber: 888, columnNumber: 23 }, __self: this }, "Invest my shiny savings in the S&P 500!"))), /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center space-x-2", __source: { fileName: "", lineNumber: 893, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: wisdomAmplifier, onChange: (e)=>setWisdomAmplifier(e.target.checked), className: "w-5 h-5", __source: { fileName: "", lineNumber: 894, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 900, columnNumber: 21 }, __self: this }, "Wisdom Amplifier"), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 901, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-gray-500", __source: { fileName: "", lineNumber: 902, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute invisible group-hover:visible bg-black text-white p-2 rounded text-sm -top-12 left-1/2 transform -translate-x-1/2 w-64 text-center", __source: { fileName: "", lineNumber: 903, columnNumber: 23 }, __self: this }, "Baldness signals sage-like wisdom, increasing perceived credibility, life insights and consequently earnings"))), /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center space-x-2", __source: { fileName: "", lineNumber: 909, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: showerEfficiency, onChange: (e)=>setShowerEfficiency(e.target.checked), className: "w-5 h-5", __source: { fileName: "", lineNumber: 910, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 916, columnNumber: 21 }, __self: this }, "Shower Efficiency Boost"), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 917, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-gray-500", __source: { fileName: "", lineNumber: 918, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute invisible group-hover:visible bg-black text-white p-2 rounded text-sm -top-12 left-1/2 transform -translate-x-1/2 w-64 text-center", __source: { fileName: "", lineNumber: 919, columnNumber: 23 }, __self: this }, "Bald heads cut shower time by 30%, saving water and energy"))), showerEfficiency && /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mt-4 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 926, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 927, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 928, columnNumber: 25 }, __self: this }, "How many times per week do you shower?"), /*#__PURE__*/ React.createElement("input", { type: "number", value: showerDetails.frequency, onChange: (e)=>setShowerDetails((prev)=>({ ...prev, frequency: Number(e.target.value) })), className: "w-full p-2 border rounded-lg", min: "1", max: "21", __source: { fileName: "", lineNumber: 931, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 945, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 946, columnNumber: 25 }, __self: this }, "Average shower duration (minutes)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: showerDetails.duration, onChange: (e)=>setShowerDetails((prev)=>({ ...prev, duration: Number(e.target.value) })), className: "w-full p-2 border rounded-lg", min: "1", max: "60", __source: { fileName: "", lineNumber: 949, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 963, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 964, columnNumber: 25 }, __self: this }, "Shower Type"), /*#__PURE__*/ React.createElement("select", { value: showerDetails.type, onChange: (e)=>setShowerDetails((prev)=>({ ...prev, type: e.target.value })), className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 967, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "eco", __source: { fileName: "", lineNumber: 977, columnNumber: 27 }, __self: this }, "Eco Showerhead (6L/min)"), /*#__PURE__*/ React.createElement("option", { value: "standard", __source: { fileName: "", lineNumber: 978, columnNumber: 27 }, __self: this }, "Standard Shower (9L/min)"), /*#__PURE__*/ React.createElement("option", { value: "power", __source: { fileName: "", lineNumber: 981, columnNumber: 27 }, __self: this }, "Power Shower (15L/min)")))), /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center space-x-2", __source: { fileName: "", lineNumber: 986, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: aerodynamicAdvantage, onChange: (e)=>setAerodynamicAdvantage(e.target.checked), className: "w-5 h-5", __source: { fileName: "", lineNumber: 987, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 995, columnNumber: 21 }, __self: this }, "Aerodynamic Advantage"), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 996, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-gray-500", __source: { fileName: "", lineNumber: 997, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute invisible group-hover:visible bg-black text-white p-2 rounded text-sm -top-12 left-1/2 transform -translate-x-1/2 w-96 text-center", __source: { fileName: "", lineNumber: 998, columnNumber: 23 }, __self: this }, "Adds potential Olympic gold medal earnings every four years based on your country's reward system. If your country isn't listed, uses the median reward of $100,000 USD converted to your currency."))), aerodynamicAdvantage && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1007, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1008, columnNumber: 23 }, __self: this }, "Nation you will represent at the Olympics"), /*#__PURE__*/ React.createElement("select", { value: nationality, onChange: (e)=>setNationality(e.target.value), className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 1011, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1016, columnNumber: 25 }, __self: this }, "Select a country"), /*#__PURE__*/ React.createElement("option", { value: "AUS", __source: { fileName: "", lineNumber: 1017, columnNumber: 25 }, __self: this }, "Australia ($20,000)"), /*#__PURE__*/ React.createElement("option", { value: "AUT", __source: { fileName: "", lineNumber: 1018, columnNumber: 25 }, __self: this }, "Austria ($21,986)"), /*#__PURE__*/ React.createElement("option", { value: "AZE", __source: { fileName: "", lineNumber: 1019, columnNumber: 25 }, __self: this }, "Azerbaijan ($235,000)"), /*#__PURE__*/ React.createElement("option", { value: "BEL", __source: { fileName: "", lineNumber: 1020, columnNumber: 25 }, __self: this }, "Belgium ($54,606)"), /*#__PURE__*/ React.createElement("option", { value: "BRA", __source: { fileName: "", lineNumber: 1021, columnNumber: 25 }, __self: this }, "Brazil ($49,000)"), /*#__PURE__*/ React.createElement("option", { value: "BUL", __source: { fileName: "", lineNumber: 1022, columnNumber: 25 }, __self: this }, "Bulgaria ($139,719)"), /*#__PURE__*/ React.createElement("option", { value: "CAN", __source: { fileName: "", lineNumber: 1023, columnNumber: 25 }, __self: this }, "Canada ($14,572)"), /*#__PURE__*/ React.createElement("option", { value: "CRC", __source: { fileName: "", lineNumber: 1024, columnNumber: 25 }, __self: this }, "Costa Rica ($16,000)"), /*#__PURE__*/ React.createElement("option", { value: "CZE", __source: { fileName: "", lineNumber: 1025, columnNumber: 25 }, __self: this }, "Czech Republic ($100,000)"), /*#__PURE__*/ React.createElement("option", { value: "DEN", __source: { fileName: "", lineNumber: 1026, columnNumber: 25 }, __self: this }, "Denmark ($15,962)"), /*#__PURE__*/ React.createElement("option", { value: "ECU", __source: { fileName: "", lineNumber: 1027, columnNumber: 25 }, __self: this }, "Ecuador ($150,000)"), /*#__PURE__*/ React.createElement("option", { value: "EST", __source: { fileName: "", lineNumber: 1028, columnNumber: 25 }, __self: this }, "Estonia ($117,500)"), /*#__PURE__*/ React.createElement("option", { value: "FIN", __source: { fileName: "", lineNumber: 1029, columnNumber: 25 }, __self: this }, "Finland ($59,342)"), /*#__PURE__*/ React.createElement("option", { value: "FJI", __source: { fileName: "", lineNumber: 1030, columnNumber: 25 }, __self: this }, "Fiji ($50,000)"), /*#__PURE__*/ React.createElement("option", { value: "FRA", __source: { fileName: "", lineNumber: 1031, columnNumber: 25 }, __self: this }, "France ($86,670)"), /*#__PURE__*/ React.createElement("option", { value: "GEO", __source: { fileName: "", lineNumber: 1032, columnNumber: 25 }, __self: this }, "Georgia ($318,000)"), /*#__PURE__*/ React.createElement("option", { value: "GER", __source: { fileName: "", lineNumber: 1033, columnNumber: 25 }, __self: this }, "Germany ($22,000)"), /*#__PURE__*/ React.createElement("option", { value: "GBR", __source: { fileName: "", lineNumber: 1034, columnNumber: 25 }, __self: this }, "Great Britain ($144,000)"), /*#__PURE__*/ React.createElement("option", { value: "GRE", __source: { fileName: "", lineNumber: 1035, columnNumber: 25 }, __self: this }, "Greece ($100,000)"), /*#__PURE__*/ React.createElement("option", { value: "HKG", __source: { fileName: "", lineNumber: 1036, columnNumber: 25 }, __self: this }, "Hong Kong ($769,558)"), /*#__PURE__*/ React.createElement("option", { value: "HUN", __source: { fileName: "", lineNumber: 1037, columnNumber: 25 }, __self: this }, "Hungary ($150,000)"), /*#__PURE__*/ React.createElement("option", { value: "IDN", __source: { fileName: "", lineNumber: 1038, columnNumber: 25 }, __self: this }, "Indonesia ($346,000)"), /*#__PURE__*/ React.createElement("option", { value: "IRN", __source: { fileName: "", lineNumber: 1039, columnNumber: 25 }, __self: this }, "Iran ($295,000)"), /*#__PURE__*/ React.createElement("option", { value: "ISR", __source: { fileName: "", lineNumber: 1040, columnNumber: 25 }, __self: this }, "Israel ($263,000)"), /*#__PURE__*/ React.createElement("option", { value: "ITA", __source: { fileName: "", lineNumber: 1041, columnNumber: 25 }, __self: this }, "Italy ($213,000)"), /*#__PURE__*/ React.createElement("option", { value: "JPN", __source: { fileName: "", lineNumber: 1042, columnNumber: 25 }, __self: this }, "Japan ($45,000)"), /*#__PURE__*/ React.createElement("option", { value: "KAZ", __source: { fileName: "", lineNumber: 1043, columnNumber: 25 }, __self: this }, "Kazakhstan ($250,000)"), /*#__PURE__*/ React.createElement("option", { value: "KOS", __source: { fileName: "", lineNumber: 1044, columnNumber: 25 }, __self: this }, "Kosovo ($118,683)"), /*#__PURE__*/ React.createElement("option", { value: "KGZ", __source: { fileName: "", lineNumber: 1045, columnNumber: 25 }, __self: this }, "Kyrgyzstan ($117,000)"), /*#__PURE__*/ React.createElement("option", { value: "LIE", __source: { fileName: "", lineNumber: 1046, columnNumber: 25 }, __self: this }, "Liechtenstein ($27,602)"), /*#__PURE__*/ React.createElement("option", { value: "LTU", __source: { fileName: "", lineNumber: 1047, columnNumber: 25 }, __self: this }, "Lithuania ($183,005)"), /*#__PURE__*/ React.createElement("option", { value: "MYS", __source: { fileName: "", lineNumber: 1048, columnNumber: 25 }, __self: this }, "Malaysia ($236,000)"), /*#__PURE__*/ React.createElement("option", { value: "MEX", __source: { fileName: "", lineNumber: 1049, columnNumber: 25 }, __self: this }, "Mexico ($169,212)"), /*#__PURE__*/ React.createElement("option", { value: "MNG", __source: { fileName: "", lineNumber: 1050, columnNumber: 25 }, __self: this }, "Mongolia ($35,280)"), /*#__PURE__*/ React.createElement("option", { value: "MAR", __source: { fileName: "", lineNumber: 1051, columnNumber: 25 }, __self: this }, "Morocco ($225,067)"), /*#__PURE__*/ React.createElement("option", { value: "NED", __source: { fileName: "", lineNumber: 1052, columnNumber: 25 }, __self: this }, "Netherlands ($32,614)"), /*#__PURE__*/ React.createElement("option", { value: "NZL", __source: { fileName: "", lineNumber: 1053, columnNumber: 25 }, __self: this }, "New Zealand ($36,118)"), /*#__PURE__*/ React.createElement("option", { value: "NOR", __source: { fileName: "", lineNumber: 1054, columnNumber: 25 }, __self: this }, "Norway ($0)"), /*#__PURE__*/ React.createElement("option", { value: "PHI", __source: { fileName: "", lineNumber: 1055, columnNumber: 25 }, __self: this }, "Philippines ($200,000)"), /*#__PURE__*/ React.createElement("option", { value: "POL", __source: { fileName: "", lineNumber: 1056, columnNumber: 25 }, __self: this }, "Poland ($51,572)"), /*#__PURE__*/ React.createElement("option", { value: "RUS", __source: { fileName: "", lineNumber: 1057, columnNumber: 25 }, __self: this }, "Russia ($61,000)"), /*#__PURE__*/ React.createElement("option", { value: "ROU", __source: { fileName: "", lineNumber: 1058, columnNumber: 25 }, __self: this }, "Romania ($145,800)"), /*#__PURE__*/ React.createElement("option", { value: "SRB", __source: { fileName: "", lineNumber: 1059, columnNumber: 25 }, __self: this }, "Serbia ($100,000)"), /*#__PURE__*/ React.createElement("option", { value: "SGP", __source: { fileName: "", lineNumber: 1060, columnNumber: 25 }, __self: this }, "Singapore ($737,000)"), /*#__PURE__*/ React.createElement("option", { value: "SVK", __source: { fileName: "", lineNumber: 1061, columnNumber: 25 }, __self: this }, "Slovakia ($59,342)"), /*#__PURE__*/ React.createElement("option", { value: "SVN", __source: { fileName: "", lineNumber: 1062, columnNumber: 25 }, __self: this }, "Slovenia ($23,737)"), /*#__PURE__*/ React.createElement("option", { value: "RSA", __source: { fileName: "", lineNumber: 1063, columnNumber: 25 }, __self: this }, "South Africa ($37,000)"), /*#__PURE__*/ React.createElement("option", { value: "KOR", __source: { fileName: "", lineNumber: 1064, columnNumber: 25 }, __self: this }, "South Korea ($54,767)"), /*#__PURE__*/ React.createElement("option", { value: "ESP", __source: { fileName: "", lineNumber: 1065, columnNumber: 25 }, __self: this }, "Spain ($111,562)"), /*#__PURE__*/ React.createElement("option", { value: "SWE", __source: { fileName: "", lineNumber: 1066, columnNumber: 25 }, __self: this }, "Sweden ($0)"), /*#__PURE__*/ React.createElement("option", { value: "CHE", __source: { fileName: "", lineNumber: 1067, columnNumber: 25 }, __self: this }, "Switzerland ($44,171)"), /*#__PURE__*/ React.createElement("option", { value: "TPE", __source: { fileName: "", lineNumber: 1068, columnNumber: 25 }, __self: this }, "Chinese Taipei ($720,000)"), /*#__PURE__*/ React.createElement("option", { value: "THA", __source: { fileName: "", lineNumber: 1069, columnNumber: 25 }, __self: this }, "Thailand ($365,150)"), /*#__PURE__*/ React.createElement("option", { value: "TUR", __source: { fileName: "", lineNumber: 1070, columnNumber: 25 }, __self: this }, "Turkey ($531,638)"), /*#__PURE__*/ React.createElement("option", { value: "UKR", __source: { fileName: "", lineNumber: 1071, columnNumber: 25 }, __self: this }, "Ukraine ($125,000)"), /*#__PURE__*/ React.createElement("option", { value: "UZB", __source: { fileName: "", lineNumber: 1072, columnNumber: 25 }, __self: this }, "Uzbekistan ($200,000)"), /*#__PURE__*/ React.createElement("option", { value: "OTH", __source: { fileName: "", lineNumber: 1073, columnNumber: 25 }, __self: this }, "Other ($100,000)")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1080, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "First Name (optional)", value: firstName, onChange: (e)=>setFirstName(e.target.value), className: "w-full p-3 border rounded-lg", name: "firstName", __source: { fileName: "", lineNumber: 1081, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: calculateSavings, className: "w-full bg-[#007bff] hover:bg-[#0056b3] text-white font-bold py-3 px-6 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 1089, columnNumber: 17 }, __self: this }, "Calculate Savings ✨"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-6 rounded-lg relative", __source: { fileName: "", lineNumber: 1098, columnNumber: 13 }, __self: this }, savings ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 1101, columnNumber: 19 }, __self: this }, firstName ? `${firstName}'s` : "Your", " Bald Savings 🌟"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1105, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 1106, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 1107, columnNumber: 23 }, __self: this }, "Monthly Savings:"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#28a745]", __source: { fileName: "", lineNumber: 1108, columnNumber: 23 }, __self: this }, currency.symbol, savings.monthly.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 1114, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 1115, columnNumber: 23 }, __self: this }, "Yearly Savings:"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#28a745]", __source: { fileName: "", lineNumber: 1116, columnNumber: 23 }, __self: this }, currency.symbol, savings.yearly.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow relative group", __source: { fileName: "", lineNumber: 1122, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 1123, columnNumber: 23 }, __self: this }, "Lifetime Savings:"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#28a745]", __source: { fileName: "", lineNumber: 1124, columnNumber: 23 }, __self: this }, currency.symbol, savings.lifetime.toFixed(2)), /*#__PURE__*/ React.createElement("div", { className: "absolute invisible group-hover:visible bg-black text-white p-2 rounded text-sm -top-12 left-1/2 transform -translate-x-1/2 w-48 text-center", __source: { fileName: "", lineNumber: 1128, columnNumber: 23 }, __self: this }, "This amount is adjusted for 3% annual inflation"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 1134, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 1135, columnNumber: 21 }, __self: this }, savings.yearly > 250000000 ? "👑 Supreme Sovereign of Smoothness" : savings.yearly > 100000000 ? "💰 Bald Billionaire (In Spirit)" : savings.yearly > 50000000 ? "😎 Smooth Operator" : savings.yearly > 10000000 ? "🦅 Frugal Bald Eagle" : savings.yearly > 5000000 ? "✨ Polished Prodigy" : savings.yearly > 1000000 ? "🌟 Chrome Dome Champ" : savings.yearly > 500000 ? "💫 Shiny Penny Pioneer" : savings.yearly > 100000 ? "✂️ Sleek Saver" : savings.yearly > 100 ? "💇‍♂️ Buzzcut Budgeter" : "🌱 Bald Beginner"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 italic", __source: { fileName: "", lineNumber: 1156, columnNumber: 21 }, __self: this }, '"Your future is looking bright and shiny!"'), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 1159, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 1160, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare("x"), className: "bg-black hover:bg-gray-800 text-white px-4 py-2 rounded-full flex items-center space-x-2", __source: { fileName: "", lineNumber: 1161, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 1165, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z", __source: { fileName: "", lineNumber: 1170, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1172, columnNumber: 27 }, __self: this }, "Share")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare("copy"), className: "bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-full flex items-center space-x-2", __source: { fileName: "", lineNumber: 1174, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 1178, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1179, columnNumber: 27 }, __self: this }, "Copy"))), /*#__PURE__*/ React.createElement("a", { href: "https://ko-fi.com/E1E019ISHV", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 1182, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { height: "36", style: { border: 0, height: "36px" }, src: "https://storage.ko-fi.com/cdn/kofi2.png?v=6", alt: "Buy Me a Coffee at ko-fi.com", __source: { fileName: "", lineNumber: 1187, columnNumber: 25 }, __self: this }))))) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 1198, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calculator text-6xl mb-4", __source: { fileName: "", lineNumber: 1199, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 1200, columnNumber: 19 }, __self: this }, "Fill out the form to see your potential savings!")), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 right-4 flex items-center space-x-2", __source: { fileName: "", lineNumber: 1205, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1206, columnNumber: 17 }, __self: this }, "🏆 ", uniqueAchievements.size, "/5"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowInfo(!showInfo), className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center hover:bg-gray-300 transition-colors", __source: { fileName: "", lineNumber: 1209, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info text-gray-600", __source: { fileName: "", lineNumber: 1213, columnNumber: 19 }, __self: this }))), showInfo && /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-16 right-4 w-72 bg-white p-4 rounded-lg shadow-lg text-sm", __source: { fileName: "", lineNumber: 1217, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1218, columnNumber: 19 }, __self: this }, "How the Calculator Works:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1219, columnNumber: 19 }, __self: this }, "This calculator takes into account your current hair care costs (haircuts and products) and compares them to the cost of maintaining a bald head. It factors in:", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1223, columnNumber: 21 }, __self: this }), "• Frequency of haircuts", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1224, columnNumber: 21 }, __self: this }), "• Cost of hair products", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1225, columnNumber: 21 }, __self: this }), "• Choice of bald maintenance method", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1226, columnNumber: 21 }, __self: this }), "• 3% annual inflation rate", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1227, columnNumber: 21 }, __self: this }), "• Expected lifespan of 80 years", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1228, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 1229, columnNumber: 21 }, __self: this }), "The difference between these costs, projected over your remaining years, gives you your total potential savings.")))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-2 right-2 text-xs text-gray-400", __source: { fileName: "", lineNumber: 1237, columnNumber: 11 }, __self: this }, "Version 0.08")))); }

👨‍🦲 Bald Savings Calculator