{"version":3,"file":"App-BZ7S0MmB.js","sources":["../../../app/javascript/entrypoints/App/App.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { BrowserRouter, Routes, Route } from \"react-router-dom\";\nimport { ThemeProvider } from '@mui/material/styles';\nimport { Box, CircularProgress } from \"@mui/material\";\nimport { theme, colors } from \"../lib/theme\";\nimport Header from \"./Header\";\nimport { useAuth } from \"../../shared/useAuth\";\nimport Home from \"../Home/Home\";\nimport Checkout from \"../Checkout/Checkout\";\nimport Dashboard from \"../Dashboard/Dashboard\";\nimport Questionnaire from \"../Questionnaire/Questionnaire\";\nimport Welcome from \"../Welcome/Welcome\";\nimport User from \"../User/User\";\nimport Login from \"../Login/Login\";\nimport GetStarted from \"../GetStarted/GetStarted\";\nimport Album from \"../Album/Album\";\nimport Track from \"../Track/Track\";\nimport Register from \"../Register/Register\";\nimport { createAndRenderApp } from \"../AppWrapper/AppWrapper\";\nimport { getUserData } from \"../../shared/firebase\";\nimport Profile from \"../Profile/Profile\";\nimport CreateAlbum from \"../CreateAlbum/CreateAlbum\";\nimport VerifyEmail from \"../VerifyEmail/VerifyEmail\";\nimport EmailCallback from \"../EmailCallback/EmailCallback\";\n\nconst detectCountry = async () => {\n  // Check if country is already stored in localStorage\n  const storedCountry = localStorage.getItem('userCountry');\n  if (storedCountry) return;\n\n  // Check browser language\n  const language = navigator.language || navigator.userLanguage;\n  if (language.toLowerCase().includes('en-gb')) {\n    localStorage.setItem('userCountry', 'UK');\n    return;\n  }\n\n  // If not clearly UK, use geolocation API\n  try {\n    const response = await fetch('https://ipapi.co/json/');\n    const data = await response.json();\n    const country = data.country_code === 'GB' ? 'UK' : 'US';\n    localStorage.setItem('userCountry', country);\n  } catch (error) {\n    console.error('Error detecting country:', error);\n    localStorage.setItem('userCountry', 'US'); // Default to US if detection fails\n  }\n};\n\nconst App = ({ config }) => {\n  const { user } = useAuth();\n  const [userData, setUserData] = useState(null);\n  const [loadingUserData, setLoadingUserData] = useState(false);\n  const [loadingCountry, setLoadingCountry] = useState(false);\n\n  useEffect(() => {\n    const fetchUserData = async () => {\n      if (user) {\n        setLoadingUserData(true);\n        const data = await getUserData(user.uid);\n        setUserData(data);\n        setLoadingUserData(false);\n      }\n    };\n\n    fetchUserData();\n  }, [user]);\n\n  useEffect(() => {\n    const detectCountryWithLoading = async () => {\n      setLoadingCountry(true);\n      await detectCountry();\n      setLoadingCountry(false);\n    };\n\n    detectCountryWithLoading();\n  }, []);\n\n  if (loadingUserData || loadingCountry) {\n    return (\n      <Box\n        sx={{\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          height: \"100vh\",\n        }}\n      >\n        <CircularProgress sx={{ color: colors.gold }} />\n      </Box>\n    );\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n      <BrowserRouter>\n        <div>\n          <Header user={user || null} userData={userData || null} />\n          <div className=\"flex-grow\">\n            <div className=\"main-container\">\n              <Box className=\"main-content\" sx={{ px: { xs: 1.25, lg: 0 }, py: { xs: 3, lg: 5 }  }}>\n                <Routes>\n                  <Route path=\"/\" element={<Home />} />\n                  <Route path=\"/checkout\" element={<Checkout />} />\n                  <Route path=\"/album/create\" element={<CreateAlbum config={config} />} />\n                  <Route path=\"/questionnaire\" element={<Questionnaire config={config} />} />\n                  <Route path=\"/welcome\" element={<Welcome />} />\n                  <Route path=\"/album/:uuid/get-started/:userId\" element={<GetStarted />} />\n                  <Route path=\"/album/:uuid/\" element={<Album />} />\n                  <Route path=\"/album/:album_id/track/:uuid\" element={<Track />} />\n                  <Route path=\"/user/:uuid\" element={<User />} />\n                  <Route path=\"/login\" element={<Login />} />\n                  <Route path=\"/register\" element={<Register />} />\n                  <Route path=\"/dashboard\" element={<Dashboard user={user} userData={userData} />} />\n                  <Route path=\"/profile\" element={<Profile config={config} />} />\n                  <Route path=\"/verify-email\" element={<VerifyEmail />} />\n                  <Route path=\"/email-callback\" element={<EmailCallback />} />\n                </Routes>\n              </Box>\n            </div>\n          </div>\n        </div>\n      </BrowserRouter>\n    </ThemeProvider>\n  );\n};\n\nexport default createAndRenderApp(App);\n"],"names":["detectCountry","country","error","App","config","user","useAuth","userData","setUserData","useState","loadingUserData","setLoadingUserData","loadingCountry","setLoadingCountry","useEffect","data","getUserData","React","Box","CircularProgress","colors","ThemeProvider","theme","BrowserRouter","Header","Routes","Route","Home","Checkout","CreateAlbum","Questionnaire","Welcome","GetStarted","Album","Track","User","Login","Register","Dashboard","Profile","VerifyEmail","EmailCallback","createAndRenderApp"],"mappings":"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"}