.\n"
},
{
"path": "README.md",
"content": "\n
\n\n\n L'application libre et open source ultime pour gérer toute ta vie scolaire sans compromis.\n
\n\n\n
\n\n#\n\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n
\n\n#\n\n
\n Si tu souhaites contribuer à Papillon, tu es au bon endroit !
\n\n\n\n
\n\n#\n\n
\n
\n\n\n
Vince
\n\n \n\n\n\n
Lucas
\n\n \n\n\n\n
Rémy
\n\n \n\n\n\n
Tom
\n\n \n\n\n\n
Mael
\n\n \n\n\n\n
Raphaël
\n\n \n
\n\n\n"
},
{
"path": "app/(features)/(cards)/cards.tsx",
"content": "import { getManager } from \"@/services/shared\";\nimport { Balance } from \"@/services/shared/balance\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport Button from \"@/ui/new/Button\";\nimport ChipButton from \"@/ui/components/ChipButton\";\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport { EmptyItem } from \"@/ui/components/EmptyItem\";\nimport Icon from \"@/ui/components/Icon\";\nimport { NativeHeaderPressable, NativeHeaderSide, NativeHeaderTitle } from \"@/ui/components/NativeHeader\";\nimport Stack from \"@/ui/components/Stack\";\nimport TabHeader from \"@/ui/components/TabHeader\";\nimport TabHeaderTitle from \"@/ui/components/TabHeaderTitle\";\nimport Typography from \"@/ui/components/Typography\";\nimport { PapillonAppearIn, PapillonAppearOut } from \"@/ui/utils/Transition\";\nimport { getServiceBackground, getServiceLogo, getServiceName } from \"@/utils/services/helper\";\nimport { Papicons, Plus } from \"@getpapillon/papicons\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { router, useFocusEffect } from \"expo-router\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Image, Platform, Pressable, View } from \"react-native\";\nimport { ScrollView } from \"react-native-gesture-handler\";\n\nexport default function QRCodeAndCardsPage() {\n const [wallets, setWallets] = useState([]);\n const accounts = useAccountStore((state) => state.accounts);\n const lastUsedAccount = useAccountStore((state) => state.lastUsedAccount);\n\n const account = accounts.find((a) => a.id === lastUsedAccount);\n\n async function fetchWallets() {\n const manager = getManager()\n const balances = await manager.getCanteenBalances()\n const result: Balance[] = []\n for (const balance of balances) {\n result.push(balance)\n }\n setWallets(result);\n }\n\n useEffect(() => {\n setWallets([])\n fetchWallets();\n }, [accounts])\n\n const { t } = useTranslation();\n\n const [headerHeight, setHeaderHeight] = useState(0);\n\n return (\n <>\n {\n router.dismiss();\n }}\n />\n )}\n />\n\n \n {wallets.map((c, i) => {\n return (\n \n service.id === c.createdByAccount)?.serviceId ?? Services.TURBOSELF}\n totalCards={wallets.length}\n />\n \n );\n })}\n\n {wallets.length === 0 && (\n \n \n \n \n \n );\n}\n\nexport function Card({\n index = 0,\n wallet,\n service,\n disabled,\n}: {\n index: number;\n wallet: Balance;\n service: Services;\n disabled?: boolean;\n inSpecificView?: boolean;\n totalCards?: number;\n}) {\n const [pressed, setPressed] = useState(false);\n\n return (\n {\n if (!disabled) {\n router.push({\n pathname: \"/(features)/(cards)/specific\",\n params: { serviceName: getServiceName(service), service: service, wallet: JSON.stringify(wallet) }\n });\n }\n }}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n style={{\n width: \"100%\",\n minHeight: 210,\n borderRadius: 20,\n overflow: \"hidden\",\n marginTop: index === 0 ? 0 : -140,\n zIndex: 100 + index,\n top: 0,\n left: 0,\n right: 0,\n }}\n disabled={disabled}\n >\n \n \n \n {getServiceName(service)} \n \n\n \n \n {wallet.label}\n \n \n {(wallet.amount / 100).toFixed(2)} {wallet.currency}\n \n \n \n \n \n )\n}\n"
},
{
"path": "app/(features)/(cards)/qrcode.tsx",
"content": "import Barcode, { Format } from \"@aramir/react-native-barcode\";\nimport { Phone } from \"@getpapillon/papicons\";\nimport { BlurView } from \"expo-blur\";\nimport { router, useLocalSearchParams } from \"expo-router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Dimensions, Platform } from \"react-native\";\nimport { Gesture, GestureDetector } from \"react-native-gesture-handler\";\nimport QRCode from \"react-native-qrcode-svg\";\nimport Reanimated, {\n FlipInEasyX,\n runOnJS,\n useSharedValue,\n withSpring,\n ZoomInDown,\n} from \"react-native-reanimated\";\n\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport { Services } from \"@/stores/account/types\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\n\nexport default function QRCodePage() {\n\n const search = useLocalSearchParams();\n const qr = String(search.qrcode);\n const type = String(search.type || \"QR\");\n const service = Number(search.service || Services.TURBOSELF);\n\n const { t } = useTranslation();\n\n const translationY = useSharedValue(0);\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n\n const finalTranslation = Dimensions.get(\"window\").height / 2;\n\n const panGesture = Gesture.Pan()\n .onUpdate((e) => {\n translationY.value = e.translationY < 0 ? e.translationY / 10 : e.translationY;\n if (e.translationY < 0) { return; }\n opacity.value = 1 - Math.min(Math.abs(e.translationY) / 300, 0.7);\n scale.value = 1 - Math.min(Math.abs(e.translationY) / 600, 0.4);\n })\n .onEnd((e) => {\n if (e.translationY > 150) {\n translationY.value = withSpring(finalTranslation, { damping: 150, stiffness: 1500 });\n opacity.value = withSpring(0, { damping: 150, stiffness: 1500 });\n scale.value = withSpring(0.6, { damping: 150, stiffness: 1500 });\n setTimeout(() => {\n runOnJS(router.back)();\n }, 200);\n return;\n }\n translationY.value = withSpring(0, { damping: 150, stiffness: 1500 });\n opacity.value = withSpring(1, { damping: 150, stiffness: 1500 });\n scale.value = withSpring(1, { damping: 150, stiffness: 1500 });\n });\n\n\n return (\n \n \n \n \n {type === \"QR\" ? (\n \n {t(\"Profile_Cards_Scan_Orientation\")} \n \n \n \n \n );\n}"
},
{
"path": "app/(features)/(cards)/specific.tsx",
"content": "import { useCallback, useEffect, useState, useMemo } from \"react\";\nimport { Platform, ScrollView, View } from \"react-native\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { router, useLocalSearchParams } from \"expo-router\";\nimport { Switch } from \"react-native-gesture-handler\";\n\nimport adjust from \"@/utils/adjustColor\";\nimport { getCodeType, getServiceColor } from \"@/utils/services/helper\";\nimport { warn } from \"@/utils/logger/logger\";\nimport { getWeekNumberFromDate } from \"@/database/useHomework\";\n\nimport { getManager } from \"@/services/shared\";\nimport { Balance } from \"@/services/shared/balance\";\nimport { BookingDay, CanteenHistoryItem, CanteenKind } from \"@/services/shared/canteen\";\n\nimport ContainedNumber from \"@/ui/components/ContainedNumber\";\nimport Icon from \"@/ui/components/Icon\";\nimport { NativeHeaderPressable, NativeHeaderSide, NativeHeaderTitle } from \"@/ui/components/NativeHeader\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport List from \"@/ui/components/List\";\nimport Item, { Trailing } from \"@/ui/components/Item\";\nimport Calendar from \"@/ui/components/Calendar\";\nimport { Card } from \"./cards\";\n\nimport { Calendar as CalendarIcon, ChevronDown, Clock, Papicons, QrCode } from \"@getpapillon/papicons\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport { Services } from \"@/stores/account/types\";\nimport { useTranslation } from \"react-i18next\";\nimport { Capabilities } from \"@/services/shared/types\";\nimport i18n from \"@/utils/i18n\";\nimport TabHeader from \"@/ui/components/TabHeader\";\nimport TabHeaderTitle from \"@/ui/components/TabHeaderTitle\";\nimport ChipButton from \"@/ui/components/ChipButton\";\nimport ActivityIndicator from \"@/ui/components/ActivityIndicator\";\nimport NativeSwitch from \"@/ui/native/NativeSwitch\";\n\nexport default function QRCodeAndCardsPage() {\n const alert = useAlert();\n const search = useLocalSearchParams();\n const serviceName = String(search.serviceName);\n const service = Number(search.service) as Services;\n const wallet = JSON.parse(String(search.wallet)) as Balance;\n\n const theme = useTheme();\n const { colors } = theme;\n\n const manager = getManager();\n const hasBookingCapacity = manager?.clientHasCapatibility(Capabilities.CANTEEN_BOOKINGS, wallet.createdByAccount)\n\n const [history, setHistory] = useState([]);\n const [qrcode, setQR] = useState(\"\");\n const [accountKind, setAccountKind] = useState(CanteenKind.ARGENT)\n const [date, setDate] = useState(new Date());\n const [weekNumber, setWeekNumber] = useState(getWeekNumberFromDate(date));\n const [bookingWeek, setBookingWeek] = useState([]);\n const [showDatePicker, setShowDatePicker] = useState(false);\n\n const bookingDay = useMemo(() => {\n const target = new Date(date);\n target.setUTCHours(0, 0, 0, 0);\n return bookingWeek.find(day => {\n const dayDate = new Date(day.date);\n dayDate.setUTCHours(0, 0, 0, 0);\n return dayDate.getTime() === target.getTime();\n });\n }, [date, bookingWeek]);\n\n const fetchQRCode = useCallback(async () => {\n try {\n const { data } = await manager.getCanteenQRCodes(wallet.createdByAccount);\n setQR(data);\n } catch (error) {\n warn(String(error));\n }\n }, [manager, wallet.createdByAccount]);\n\n const [loadingHistory, setLoadingHistory] = useState(false);\n\n const fetchHistory = useCallback(async () => {\n setLoadingHistory(true);\n const history = await manager.getCanteenTransactionsHistory(wallet.createdByAccount);\n setHistory(history);\n setLoadingHistory(false);\n }, [manager, wallet.createdByAccount]);\n\n const fetchBookingWeek = useCallback(async () => {\n const bookings = await manager.getCanteenBookingWeek(weekNumber, wallet.createdByAccount);\n setBookingWeek(bookings);\n }, [manager, weekNumber, wallet.createdByAccount]);\n\n const fetchKind = useCallback(async () => {\n const kind = await manager.getCanteenKind(wallet.createdByAccount);\n setAccountKind(kind);\n }, [manager, weekNumber, wallet.createdByAccount]);\n\n useEffect(() => {\n fetchQRCode();\n fetchHistory();\n fetchKind();\n }, [fetchQRCode, fetchHistory]);\n\n useEffect(() => {\n fetchBookingWeek();\n }, [fetchBookingWeek]);\n\n const handleDateChange = useCallback(\n (newDate: Date) => {\n setDate(newDate);\n const newWeek = getWeekNumberFromDate(newDate);\n if (newWeek !== weekNumber) setWeekNumber(newWeek);\n if (Platform.OS === \"ios\") setShowDatePicker(false);\n },\n [weekNumber]\n );\n\n const serviceColor = useMemo(() => adjust(getServiceColor(service), -0.1), [service]);\n\n const handleToggle = async (index: number) => {\n if (!bookingDay) return;\n const updatedBookingDay = { ...bookingDay };\n const item = updatedBookingDay.available[index];\n const previous = item.booked;\n item.booked = !previous;\n setBookingWeek(prev =>\n prev.map(day => (day.date === bookingDay.date ? updatedBookingDay : day))\n );\n\n try {\n await manager.setMealAsBooked(item);\n } catch (error) {\n alert.showAlert({\n title: \"Erreur lors de la réservation\",\n description: \"Une erreur est survenue lors de la réservation de ton repas, il n'a donc pas été réservé.\",\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n technical: String(error),\n withoutNavbar: false\n });\n item.booked = previous;\n setBookingWeek(prev =>\n prev.map(day => (day.date === bookingDay.date ? updatedBookingDay : day))\n );\n }\n };\n\n const { t } = useTranslation();\n\n const [headerHeight, setHeaderHeight] = useState(0);\n\n return (\n <>\n {\n router.dismiss();\n }}\n />\n }\n />\n\n \n \n router.push({ pathname: \"/(features)/(cards)/qrcode\", params: { qrcode, type: getCodeType(service), service } })}\n style={{\n width: \"100%\",\n backgroundColor: colors.background,\n paddingVertical: 18,\n borderRadius: 25,\n borderWidth: 1,\n borderColor: colors.border,\n }}\n >\n \n Afficher le QR-Code \n \n \n )}\n\n \n \n \n \n Solde \n \n {(wallet.amount / 100).toFixed(2)} {wallet.currency}\n \n \n\n \n \n \n Repas restants \n {wallet.lunchPrice > 0 ? String(Math.floor(wallet.amount / wallet.lunchPrice)) : \"Indéterminé\"} \n \n \n\n {hasBookingCapacity && (\n \n setShowDatePicker(prev => !prev)}>\n \n \n Réserver mon repas \n \n \n \n {date.toLocaleDateString(i18n.language, { weekday: \"long\", day: \"numeric\", month: \"long\" })}\n \n \n {bookingDay ? (\n \n {bookingDay.available.map((item, index) => (\n - \n
\n Borne {item.label}\n \n \n handleToggle(index)}\n />\n \n \n ))}\n
\n ) : (\n \n \n \n \n \n {t(\"Profile_Cards_No_Reservation\")}\n \n \n {t(\"Profile_Cards_No_Available_Reservation\")}\n \n \n \n )}\n \n \n \n )}\n\n {loadingHistory && history.length === 0 && (\n \n \n {t(\"Profile_Cards_Loading_History\")}\n \n \n {t(\"Profile_Cards_Loading_History_Description\")}\n \n \n )}\n\n {history.length > 0 && (\n \n \n \n \n {t(\"Profile_Cards_History\")} \n \n \n {history.slice(0, 10).map((c, index) =>\n - \n
\n \n {c.amount > 0 ? \"+\" : \"\"}{(c.amount / 100).toFixed(2)} {c.currency}\n \n \n {c.label} \n \n {c.date.toLocaleDateString(i18n.language, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" })} \n \n {c.date.toLocaleTimeString(i18n.language, { hour: \"2-digit\", minute: \"2-digit\", hour12: false })}\n \n \n )}\n
\n \n )}\n \n \n \n );\n}\n"
},
{
"path": "app/(features)/(news)/specific.tsx",
"content": "import { getManager } from \"@/services/shared\";\nimport { News } from \"@/services/shared/news\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport Stack from \"@/ui/components/Stack\";\nimport TypographyLegacy from \"@/ui/components/Typography\";\nimport { useLocalSearchParams, useNavigation } from \"expo-router\"\nimport { useEffect, useState } from \"react\";\nimport { Linking, Platform, ScrollView, StyleSheet, View } from \"react-native\";\nimport { Attachment, News as SkolengoNews } from \"skolengojs\"\nimport * as Papicons from '@getpapillon/papicons';\n\nimport { VARIANTS } from \"@/ui/components/Typography\";\n\nimport HTMLView from 'react-native-htmlview';\nimport * as WebBrowser from 'expo-web-browser';\nimport { useTheme } from \"@react-navigation/native\";\nimport { NativeHeaderPressable, NativeHeaderSide } from \"@/ui/components/NativeHeader\";\nimport { MenuView } from \"@react-native-menu/menu\";\nimport Icon from \"@/ui/components/Icon\";\nimport { t } from \"i18next\";\nimport ListLegacy from \"@/ui/components/List\";\nimport Item from \"@/ui/components/Item\";\nimport ActionMenu from \"@/ui/components/ActionMenu\";\nimport Typography from \"@/ui/new/Typography\";\nimport List from \"@/ui/new/List\";\n\nexport default function NewsPage() {\n const search = useLocalSearchParams();\n const news = JSON.parse(String(search.news)) as News\n\n const navigation = useNavigation()\n\n useEffect(() => {\n const acknowledgeNews = async () => {\n if (!news.acknowledged) {\n const manager = getManager();\n\n const store = useAccountStore.getState()\n const account = store.accounts.find(account => account.id === store.lastUsedAccount)\n const service = account?.services.find(service => service.id === news.createdByAccount)\n\n if (service?.serviceId === Services.SKOLENGO) {\n const attachment = new Attachment(\"\", \"\", \"\")\n const ref = new SkolengoNews(news.id, news.createdAt, news.title ?? \"\", news.content, news.content, { id: \"\", name: \"\" }, \"\", attachment)\n news.ref = ref\n }\n\n await manager.setNewsAsDone(news);\n }\n };\n\n acknowledgeNews();\n }, [])\n\n\n const { colors } = useTheme();\n\n const styles = {\n \"papillon\": {\n background: colors.background,\n foreground: colors.text,\n html: StyleSheet.create({\n ...VARIANTS,\n p: {\n ...VARIANTS.body1,\n },\n div: {\n ...VARIANTS.body1,\n },\n a: {\n color: colors.primary,\n textDecorationLine: 'underline',\n },\n })\n },\n \"reading\": {\n background: \"#ffe1a9ff\",\n foreground: \"#634000ff\",\n html: StyleSheet.create({\n ...VARIANTS,\n p: {\n fontFamily: \"serif_medium\"\n },\n div: {\n fontFamily: \"serif_medium\"\n },\n h1: {\n fontFamily: \"serif_bold\"\n },\n a: {\n color: \"#a26900ff\",\n textDecorationLine: 'underline',\n fontFamily: \"serif_medium\"\n },\n })\n }\n };\n\n const [style, setStyle] = useState(\"papillon\");\n\n useEffect(() => {\n navigation.setOptions({\n headerTitle: news.title ?? \"News\",\n headerTitleStyle: {\n color: styles[style].foreground,\n fontFamily: styles[style].html.p.fontFamily\n },\n headerLargeTitleStyle: {\n color: styles[style].foreground,\n fontFamily: styles[style].html.h1.fontFamily\n }\n })\n }, [styles, style])\n\n // Replace all color properties in currentHTMLStyle with foreground\n const foreground = styles[style].foreground;\n const currentHTMLStyle = (() => {\n const htmlStyle = { ...styles[style].html };\n Object.keys(htmlStyle).forEach(key => {\n htmlStyle[key] = { ...htmlStyle[key], color: foreground };\n });\n return htmlStyle;\n })();\n\n const themes = [\n {\n title: t(\"News_Theme_Papillon_Title\"),\n description: t(\"News_Theme_Papillon_Description\"),\n value: \"papillon\"\n },\n {\n title: t(\"News_Theme_Reading_Title\"),\n description: t(\"News_Theme_Reading_Description\"),\n value: \"reading\"\n }\n ]\n\n return (\n <>\n \n {news.attachments.length > 0 && (\n \n \n {news.attachments.map((attachment, i) => (\n - {\n WebBrowser.openBrowserAsync(\n attachment.url,\n {\n controlsColor: colors.primary,\n dismissButtonStyle: 'done'\n }\n )\n }}\n >\n
\n {attachment.type === 0 ? (\n \n {attachment.name} \n {attachment.url} \n \n ))}\n \n \n )}\n\n \n \n \n Cette news contient un sondage\n \n \n
\n\n \n ({\n id: theme.value,\n title: theme.title,\n subtitle: theme.description,\n state: theme.value === style ? 'on' : 'off'\n }))\n }\n onPressAction={({ nativeEvent }) => {\n const selectedTheme = themes.find(theme => theme.value === nativeEvent.event);\n if (selectedTheme) {\n setStyle(selectedTheme.value);\n }\n }}\n >\n \n \n \n \n \n \n \n )\n}"
},
{
"path": "app/(features)/attendance.tsx",
"content": "import Icon from \"@/ui/components/Icon\";\nimport { NativeHeaderHighlight, NativeHeaderPressable, NativeHeaderSide, NativeHeaderTitle } from \"@/ui/components/NativeHeader\";\nimport { router, useLocalSearchParams } from \"expo-router\";\nimport { Platform, ScrollView, View } from \"react-native\";\nimport { Papicons } from \"@getpapillon/papicons\"\nimport { useTheme } from \"@react-navigation/native\";\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport { MenuView } from \"@react-native-menu/menu\";\nimport { Period } from \"@/services/shared/grade\";\nimport { getPeriodName, getPeriodNumber, isPeriodWithNumber } from \"@/utils/services/periods\";\nimport { useMemo, useState } from \"react\";\nimport { Attendance } from \"@/services/shared/attendance\";\nimport Stack from \"@/ui/components/Stack\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport AnimatedNumber from \"@/ui/components/AnimatedNumber\";\nimport adjust from \"@/utils/adjustColor\";\nimport { error } from \"@/utils/logger/logger\";\nimport { getManager } from \"@/services/shared\";\nimport { t } from \"i18next\";\nimport i18n from \"@/utils/i18n\";\nimport ActionMenu from \"@/ui/components/ActionMenu\";\nimport AndroidBackButton from \"@/utils/theme/AndroidBackButton\";\nimport TabHeader from \"@/ui/components/TabHeader\";\nimport TabHeaderTitle from \"@/ui/components/TabHeaderTitle\";\nimport List from \"@/ui/new/List\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport Typography from \"@/ui/new/Typography\";\nimport { formatDate, formatDistanceToNow, formatDistanceToNowStrict } from \"date-fns\";\nimport * as DateLocale from 'date-fns/locale';\n\nconst formatEventTime = (durationData: number, detailed: boolean) => {\n if(detailed) {\n return durationData >= 60\n ? t(\"Attendance_Duration_HoursMinutes_Detailed\", { hours: Math.floor(durationData / 60), minutes: lz(durationData % 60) })\n : t(\"Attendance_Duration_Minutes\", { value: durationData })\n }\n\n return durationData >= 60\n ? t(\"Attendance_Duration_HoursMinutes_Compact\", { hours: Math.floor(durationData / 60), minutes: lz(durationData % 60) })\n : t(\"Attendance_Duration_Minutes\", { value: durationData })\n}\n\nexport default function AttendanceView() {\n try {\n const theme = useTheme()\n const { colors } = theme;\n const header = useHeaderHeight();\n\n const search = useLocalSearchParams();\n const currentPeriod = JSON.parse(String(search.currentPeriod)) as Period;\n const periods = JSON.parse(String(search.periods)) as Period[];\n const attendancesFromSearch = JSON.parse(String(search.attendances)) as Attendance[];\n\n const [attendances, setAttendances] = useState(attendancesFromSearch);\n const [period, setPeriod] = useState(currentPeriod);\n\n const { missedTime, missedTimeUnjustified, unjustifiedAbsenceCount, unjustifiedDelayCount, absenceCount, delayCount } = useMemo(() => {\n let missed = 0;\n let unjustified = 0;\n let unjustifiedAbs = 0;\n let unjustifiedDelays = 0;\n let Abs = 0\n let Delays = 0\n for (const attendance of attendances) {\n for (const absence of attendance.absences) {\n Abs += 1;\n missed += absence.timeMissed;\n if (!absence.justified) {\n unjustified += absence.timeMissed;\n unjustifiedAbs += 1;\n }\n }\n for (const delay of attendance.delays) {\n Delays += 1;\n if (!delay.justified) {\n unjustifiedDelays += 1;\n unjustified += delay.duration\n }\n missed += delay.duration\n }\n }\n return { missedTime: missed, missedTimeUnjustified: unjustified, unjustifiedAbsenceCount: unjustifiedAbs, unjustifiedDelayCount: unjustifiedDelays, absenceCount: Abs, delayCount: Delays };\n }, [period, attendances]);\n\n const [headerHeight, setHeaderHeight] = useState(0);\n const insets = useSafeAreaInsets();\n\n const dangerColor = adjust(\"#C50000\", theme.dark ? 0.4 : -0.1);\n const dangerBg = adjust(\"#C50000\", theme.dark ? -0.65 : 0.85);\n\n const successColor = adjust(\"#00C851\", theme.dark ? 0.3 : -0.1);\n const successBg = adjust(\"#00C851\", theme.dark ? -0.75 : 0.85);\n\n return (\n <>\n {\n const actionId = nativeEvent.event;\n\n if (actionId.startsWith(\"period:\")) {\n const selectedPeriodId = actionId.replace(\"period:\", \"\");\n const selectedPeriod: Period | undefined = periods.find(item => item.id === selectedPeriodId)\n\n if (!selectedPeriod) {\n error(t(\"Attendance_InvalidPeriod\"))\n }\n\n const manager = getManager()\n const attendancesFetched = await manager.getAttendanceForPeriod(selectedPeriod.name)\n\n setAttendances(attendancesFetched)\n setPeriod(selectedPeriod)\n }\n }}\n actions={\n periods.map((item) => ({\n id: \"period:\" + item.id,\n title: (getPeriodName(item.name || \"\") + \" \" + (isPeriodWithNumber(item.name || \"\") ? getPeriodNumber(item.name || \"0\") : \"\")).trim(),\n subtitle: `${new Date(item.start).toLocaleDateString(i18n.language, {\n month: \"short\",\n year: \"numeric\",\n })} - ${new Date(item.end).toLocaleDateString(i18n.language, {\n month: \"short\",\n year: \"numeric\",\n })}`,\n state: String(period?.id ?? \"\") === String(item.id ?? \"\") ? \"on\" : \"off\",\n image: Platform.select({\n ios: (getPeriodNumber(item.name || \"0\")) + \".calendar\"\n }),\n imageColor: colors.text,\n }))}\n >\n \n {attendances.some(attendance => attendance.absences.length == 0) && attendances.some(attendance => attendance.delays.length == 0) ? (\n \n \n \n \n \n\n \n {t(\"Attendance_NoEvent_Title\")}\n \n \n {t(\"Attendance_NoEvent_Description\")}\n \n \n ) : (\n \n {missedTimeUnjustified > 0 ? (\n \n \n \n \n \n\n \n {t(\"Attendance_Hours_Unjustified_Value\", { duration: formatEventTime(missedTimeUnjustified, true) })}\n \n \n {t(\"Attendance_Unjustified_Description\")}\n \n \n ) : (\n \n \n \n \n \n\n \n {t(\"Attendance_NoUnjustified_Title\")}\n \n \n {t(\"Attendance_NoUnjustified_Description\")}\n \n \n )}\n\n \n \n {t(\"Attendance_Hours_Missed\")}\n \n \n 0 ? dangerColor : \"textSecondary\"}>\n {formatEventTime(missedTime, true)}\n \n \n \n \n )}\n\n {attendances.some(attendance => attendance.absences.length > 0) && (\n \n \n \n \n \n {t(\"Attendance_Missing\")}\n \n \n {absenceCount}\n \n \n\n {attendances.map((attendance, index) =>\n attendance.absences.map((absence, absenceIndex) => {\n const fromDate = new Date(absence.from);\n const dateString = formatDistanceToNowStrict(fromDate, {\n locale: DateLocale[i18n.language as keyof typeof DateLocale] || DateLocale.enUS,\n addSuffix: true\n })\n const dayString = formatDate(fromDate, \"eeee d MMMM\", {\n locale: DateLocale[i18n.language as keyof typeof DateLocale] || DateLocale.enUS,\n })\n\n return (\n \n \n {absence.reason || t(\"Attendance_NoReason\")}\n \n \n {dateString} · {dayString}\n \n \n \n \n )\n })\n )}\n \n )}\n\n {attendances.some(attendance => attendance.delays.length > 0) && (\n \n \n \n \n \n {t(\"Attendance_Delays\")}\n \n \n {delayCount}\n \n \n\n {attendances.map((attendance, index) =>\n attendance.delays.map((delay, absenceIndex) => {\n const fromDate = new Date(delay.givenAt);\n const date = fromDate.getTime();\n const dateString = formatDistanceToNowStrict(date, {\n locale: DateLocale[i18n.language as keyof typeof DateLocale] || DateLocale.enUS,\n addSuffix: true\n })\n const dayFormatted = formatDate(date, \"eeee d MMMM\", {\n locale: DateLocale[i18n.language as keyof typeof DateLocale] || DateLocale.enUS,\n })\n \n return (\n \n \n {delay.reason || t(\"Attendance_NoReason\")}\n \n \n {dateString} · {dayFormatted}\n \n \n \n \n )\n })\n )}\n \n )}\n\n \n \n )\n } catch (err) {\n error(err.toString());\n return null;\n }\n}\n\nconst lz = (num: number) => num.toString().padStart(2, \"0\");\n\nconst AttendanceTimer = ({ evt }: { evt: any }) => {\n const theme = useTheme();\n const { colors } = theme;\n\n const dangerColor = adjust(\"#C50000\", theme.dark ? 0.4 : -0.1);\n const dangerBg = dangerColor + \"30\";\n\n const durationData = evt.timeMissed || evt.duration || 0;\n\n const durationText = formatEventTime(durationData);\n\n return (\n \n {!evt.justified && (\n \n \n )}\n \n {durationText} \n \n \n )\n}\n"
},
{
"path": "app/(features)/soon.tsx",
"content": "import Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport { Papicons } from \"@getpapillon/papicons\";\nimport React from \"react\";\nimport { Linking, View } from \"react-native\";\n\nexport default function Soon() {\n return (\n \n \n \n \n \n Promis, ça arrive (vraiment) bientôt !\n \n \n L'onglet est toujours en cours de développement. Il arrivera prochainement dans une version future de Papillon.\n \n {\n Linking.openURL(\"https://www.instagram.com/thepapillonapp/\");\n }} style={{\n textDecorationLine: \"underline\",\n }}>\n Et pour rester au courant, tu peux nous suivre sur les réseaux sociaux !\n \n \n \n );\n}"
},
{
"path": "app/(modals)/address.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport * as Linking from \"expo-linking\";\nimport * as Location from \"expo-location\";\nimport * as React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n ActivityIndicator,\n Dimensions,\n KeyboardAvoidingView,\n Platform,\n ScrollView,\n TouchableNativeFeedback,\n View,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport Transit from \"@/services/transit\";\nimport { PlaceSuggestion } from \"@/services/transit/models/PlaceSuggestion\";\nimport { Stop } from \"@/services/transit/models/Stop\";\nimport { TransportAddress } from \"@/stores/account/types\";\nimport Button from \"@/ui/components/Button\";\nimport Item, { Leading, Trailing } from \"@/ui/components/Item\";\nimport List from \"@/ui/components/List\";\nimport Search from \"@/ui/components/Search\";\nimport Typography from \"@/ui/components/Typography\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport AndroidBackButton, { AndroidBackButtonStyles } from \"@/utils/theme/AndroidBackButton\";\nimport Icon from \"@/ui/components/Icon\";\n\nexport interface AddressModalProps {\n canUseCurrentLocation: boolean;\n onCancel: () => void;\n onConfirm: (address: TransportAddress) => void;\n}\n\ninterface AddressItemProps {\n icon: string;\n firstLine: string;\n secondLine: string;\n convertFunction: () => Promise;\n save: (addess: TransportAddress) => void;\n lineLimit?: number;\n}\n\nconst AddressItem = ({\n icon,\n firstLine,\n secondLine,\n convertFunction,\n save,\n lineLimit = 1,\n}: AddressItemProps) => {\n const theme = useTheme();\n\n const [savingAddress, setSavingAddress] = useState(false);\n\n const saveAddress = async () => {\n setSavingAddress(true);\n const address = await convertFunction();\n save(address);\n setSavingAddress(false);\n };\n\n return (\n - \n
\n \n {savingAddress && (\n \n \n )}\n \n {firstLine}\n \n \n {secondLine}\n \n \n );\n};\n\nexport const AddressModal = ({\n canUseCurrentLocation,\n onCancel,\n onConfirm,\n}: AddressModalProps) => {\n const theme = useTheme();\n const { t } = useTranslation();\n const insets = useSafeAreaInsets();\n const transit = new Transit();\n\n const [status, requestPermission] = Location.useForegroundPermissions();\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [searchPlaceResults, setSearchPlaceResults] = useState<\n PlaceSuggestion[]\n >([]);\n const [searchStopResults, setSearchStopResults] = useState([]);\n\n let timeout: number | null = null;\n\n const search = async () => {\n const location = await Location.getCurrentPositionAsync();\n const res = await transit.suggestions(\n location.coords.latitude,\n location.coords.longitude,\n searchTerm\n );\n\n setSearchPlaceResults(res.suggestions.places);\n setSearchStopResults(res.suggestions.stops);\n };\n\n const currentLocationToTransportAddress =\n async (): Promise => {\n return new Promise(resolve => {\n resolve({\n firstTitle: \"current_location\",\n secondTitle: \"current_location\",\n address: \"current_location\",\n latitude: -1,\n longitude: -1,\n });\n });\n };\n\n const placeToTransportAddress = async (\n place: PlaceSuggestion\n ): Promise => {\n const details = await transit.locationDetails(place.place_id);\n\n return {\n firstTitle: place.structured_formatting.main_text,\n secondTitle: place.structured_formatting.secondary_text,\n address: details.placeDetails.result.formatted_address,\n latitude: details.placeDetails.result.geometry.location.lat,\n longitude: details.placeDetails.result.geometry.location.lng,\n };\n };\n\n const stopToTransportAddress = async (\n stop: Stop\n ): Promise => {\n return new Promise(resolve => {\n resolve({\n firstTitle: stop.stop_name,\n secondTitle: stop.city_name,\n address: `${stop.stop_name}, ${stop.city_name}`,\n latitude: stop.stop_lat,\n longitude: stop.stop_lon,\n });\n });\n };\n\n useEffect(() => {\n if (timeout !== null) {\n clearTimeout(timeout);\n }\n if (searchTerm.length === 0) {\n setSearchPlaceResults([]);\n setSearchStopResults([]);\n return;\n }\n timeout = setTimeout(() => search(), 200);\n }, [searchTerm]);\n\n const finalHeaderHeight = Platform.select({\n android: insets.top,\n default: 0\n });\n\n return (\n \n \n {Platform.OS === \"android\" && (\n \n \n \n \n \n \n )}\n \n \n {searchTerm.length === 0 && canUseCurrentLocation && (\n \n
\n )}\n\n {searchPlaceResults.length > 0 && (\n <>\n \n {t(\"Settings_Transport_Place\")}\n \n \n {searchPlaceResults.map((item: PlaceSuggestion) => (\n placeToTransportAddress(item)}\n save={onConfirm}\n />\n ))}\n
\n \n )}\n\n {searchStopResults.length > 0 && (\n <>\n \n {t(\"Settings_Transport_Stops\")}\n \n \n {searchStopResults.map((item: Stop) => (\n stopToTransportAddress(item)}\n save={onConfirm}\n />\n ))}\n
\n \n )}\n \n \n \n \n {t(\"Settings_Transport_Localisation_Needed\")}\n \n \n {t(\"Settings_Transport_Localisation_Needed_Description\")}\n \n {\n if (status?.canAskAgain) {\n requestPermission();\n } else {\n Linking.openSettings();\n }\n }}\n />\n \n )}\n \n );\n};"
},
{
"path": "app/(modals)/course.tsx",
"content": "import { Papicons } from '@getpapillon/papicons';\nimport { useRoute, useTheme } from \"@react-navigation/native\";\nimport { formatDistanceStrict, formatDistanceToNow } from 'date-fns'\nimport * as DateLocale from 'date-fns/locale';\nimport i18n, { t } from \"i18next\";\nimport React from \"react\";\nimport { Platform } from 'react-native';\nimport LinearGradient from \"react-native-linear-gradient\";\n\nimport ModalOverhead from \"@/components/ModalOverhead\";\nimport { Course as SharedCourse } from \"@/services/shared/timetable\";\nimport Icon from \"@/ui/components/Icon\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { getSubjectName } from '@/utils/subjects/name';\n\nimport { getStatusText } from \"../(tabs)/calendar/components/CalendarDay\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\ninterface SubjectInfo {\n name: string;\n originalName: string;\n emoji: string;\n color: string;\n}\n\ninterface GradesModalProps {\n course: SharedCourse;\n subjectInfo: SubjectInfo;\n}\n\nexport default function CourseModal() {\n const { params } = useRoute();\n const { colors } = useTheme();\n\n if (!params) {\n return null;\n }\n\n const { course, subjectInfo } = params as GradesModalProps;\n const item = course;\n\n const startTime = Math.floor(course.from.getTime() / 1000);\n const endTime = Math.floor(course.to.getTime() / 1000);\n\n const insets = useSafeAreaInsets();\n const finalHeaderHeight = Platform.select({\n android: insets.top + 32,\n default: 0\n });\n\n return (\n <>\n {Platform.OS !== 'android' && (\n \n \n \n \n \n \n \n {getStatusText(course.status)}\n \n \n \n ) : null}\n\n \n \n {t(\"Modal_Course_Time\")} \n \n\n \n \n \n \n \n \n {t(\"Modal_Course_Start\")}\n \n \n {formatDistanceToNow(startTime * 1000, {\n locale: DateLocale[i18n.language as keyof typeof DateLocale] || DateLocale.enUS,\n addSuffix: true\n })}\n \n \n \n {new Date(startTime * 1000).toLocaleString(undefined, {\n hour: \"numeric\",\n minute: \"numeric\"\n })}\n \n \n \n\n \n \n \n \n \n \n {t(\"Modal_Course_End\")}\n \n \n \n {new Date(endTime * 1000).toLocaleString(undefined, {\n hour: \"numeric\",\n minute: \"numeric\"\n })}\n \n \n \n \n\n \n \n {t(\"Modal_Course_Details\")} \n \n\n \n \n \n \n \n \n {t(\"Modal_Course_Teacher\")}\n \n \n {item.teacher}\n \n \n\n \n \n \n \n \n \n {t(\"Modal_Course_Room\")}\n \n \n {item.room || t(\"No_Course_Room\")}\n \n \n\n \n \n \n \n \n \n {t(\"Modal_Course_Duration\")}\n \n \n {formatDistanceStrict(startTime * 1000, endTime * 1000, {\n locale: DateLocale[i18n.language as keyof typeof DateLocale] || DateLocale.enUS\n })}\n \n \n \n \n \n )\n}\n"
},
{
"path": "app/(modals)/grade.tsx",
"content": "import { Papicons } from '@getpapillon/papicons';\nimport { useRoute, useTheme } from \"@react-navigation/native\";\nimport { t } from \"i18next\";\nimport React from \"react\";\nimport { Platform, View } from \"react-native\";\nimport LinearGradient from \"react-native-linear-gradient\";\n\nimport ModalOverhead, { ModalOverHeadScore } from '@/components/ModalOverhead';\nimport { Grade as SharedGrade } from \"@/services/shared/grade\";\nimport ContainedNumber from \"@/ui/components/ContainedNumber\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport TableFlatList from \"@/ui/components/TableFlatList\";\nimport TypographyLegacy from \"@/ui/components/Typography\";\nimport adjust from '@/utils/adjustColor';\nimport { colorCheck } from '@/utils/colorCheck';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport List from '@/ui/new/List';\nimport Typography from '@/ui/new/Typography';\n\ninterface SubjectInfo {\n name: string;\n originalName: string;\n emoji: string;\n color: string;\n}\n\ninterface GradesModalProps {\n grade: SharedGrade;\n subjectInfo: SubjectInfo;\n avgInfluence: number;\n avgClass: number;\n}\n\ninterface GradeBadgeProps {\n icon: string;\n label: string;\n color: string;\n theme: any;\n is_outlined?: boolean;\n}\n\nconst GradeBadge = ({ icon, label, color, theme, is_outlined = false }: GradeBadgeProps) => {\n const backgroundColor = is_outlined ? \"transparent\" : adjust(color, theme.dark ? 0.3 : -0.3);\n const textColor = is_outlined ? color : (colorCheck(\"#FFFFFF\", [backgroundColor]) ? \"#FFFFFF\" : \"#000000\");\n const borderStyle = is_outlined ? { borderWidth: 1, borderColor: color } : undefined;\n\n return (\n \n \n {label}\n \n \n );\n};\n\nexport default function GradesModal() {\n const { params } = useRoute();\n const theme = useTheme();\n const colors = theme.colors;\n\n if (!params) {\n return null;\n }\n const { grade, subjectInfo, avgInfluence = 0, avgClass = 0 } = params as GradesModalProps;\n\n const insets = useSafeAreaInsets();\n const finalHeaderHeight = Platform.select({\n android: insets.top + 32,\n default: 0\n });\n\n return (\n <>\n {Platform.OS !== 'android' && (\n \n \n \n \n \n \n {t(\"Grades_Coefficient\")}\n \n \n x{(grade.coefficient ?? 1).toFixed(2)}\n \n \n \n \n \n \n {t(\"Grades_Avg_Group_Short\")}\n \n \n {grade.averageScore?.value.toFixed(2)}\n \n \n \n \n }\n style={{ backgroundColor: \"transparent\" }}\n contentContainerStyle={{ padding: 16,\n paddingBottom: 16 + insets.bottom }}\n >\n \n \n {t(\"Grades_Details_Title\")} \n \n\n {grade.studentScore && grade.outOf && grade.outOf.value !== 20 ? (\n \n \n \n \n \n \n {t(\"Grades_NormalizedGrade_Title\")}\n \n \n {t(\"Grades_NormalizedGrade_Description\")}\n \n \n \n {((grade.studentScore.value / grade.outOf.value) * 20).toFixed(2)}\n \n \n \n ) : null}\n\n \n \n \n \n \n \n {t(\"Grades_HighestGrade_Title\")}\n \n \n {t(\"Grades_HighestGrade_Description\")}\n \n \n \n {grade.maxScore?.value.toFixed(2)}\n \n \n \n\n \n \n \n \n \n \n {t(\"Grades_LowestGrade_Title\")}\n \n \n {t(\"Grades_LowestGrade_Description\")}\n \n \n \n {grade.minScore?.value.toFixed(2)}\n \n \n \n \n\n \n \n {t(\"Grades_Influence_Title\")} \n \n\n \n \n \n \n \n \n {t(\"Grades_Avg_All_Title\")}\n \n \n = 0 ? \"#2e8900\" : \"#990000\"}\n denominator=\"pts\"\n >\n {avgInfluence >= 0 ? `+${avgInfluence.toFixed(2)}` : avgInfluence.toFixed(2)}\n \n \n \n\n \n \n \n \n \n \n {t(\"Grades_Avg_Group_Title\")}\n \n \n = 0 ? \"#2e8900\" : \"#990000\"}\n denominator=\"pts\"\n >\n {avgClass >= 0 ? `+${avgClass.toFixed(2)}` : avgClass.toFixed(2)}\n \n \n \n \n \n \n )\n}\n"
},
{
"path": "app/(modals)/news.tsx",
"content": "import { getManager } from \"@/services/shared\";\nimport { News } from \"@/services/shared/news\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport Stack from \"@/ui/components/Stack\";\nimport TypographyLegacy from \"@/ui/components/Typography\";\nimport { useLocalSearchParams, useNavigation, useRouter } from \"expo-router\"\nimport { useEffect, useState } from \"react\";\nimport { Linking, Platform, ScrollView, StyleSheet, View } from \"react-native\";\nimport { Attachment, News as SkolengoNews } from \"skolengojs\"\n\nimport { VARIANTS } from \"@/ui/components/Typography\";\n\nimport HTMLView from 'react-native-htmlview';\nimport * as WebBrowser from 'expo-web-browser';\nimport { useTheme } from \"@react-navigation/native\";\nimport { NativeHeaderPressable, NativeHeaderSide } from \"@/ui/components/NativeHeader\";\nimport { MenuView } from \"@react-native-menu/menu\";\nimport Icon from \"@/ui/components/Icon\";\nimport { t } from \"i18next\";\nimport ListLegacy from \"@/ui/components/List\";\nimport Item, { Leading } from \"@/ui/components/Item\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { cleanHtmlForArticle } from \"@/utils/news/cleanUpHTMLNews\";\nimport { news } from \"pawnote\";\nimport Avatar from \"@/ui/components/Avatar\";\nimport { getInitials } from \"@/utils/chats/initials\";\nimport { HeaderBackButton } from \"@react-navigation/elements\";\nimport { runsIOS26 } from \"@/ui/utils/IsLiquidGlass\";\nimport { IconNames, Papicons } from \"@getpapillon/papicons\";\nimport { getAttachmentIcon } from \"@/utils/news/getAttachmentIcon\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\n\nconst NewsModal = () => {\n const search = useLocalSearchParams();\n const news = JSON.parse(String(search.news)) as News\n const insets = useSafeAreaInsets();\n\n const navigation = useNavigation()\n const router = useRouter()\n\n useEffect(() => {\n const acknowledgeNews = async () => {\n if (!news.acknowledged) {\n const manager = getManager();\n\n const store = useAccountStore.getState()\n const account = store.accounts.find(account => account.id === store.lastUsedAccount)\n const service = account?.services.find(service => service.id === news.createdByAccount)\n\n if (service?.serviceId === Services.SKOLENGO) {\n const attachment = new Attachment(\"\", \"\", \"\")\n const ref = new SkolengoNews(news.id, news.createdAt, news.title ?? \"\", news.content, news.content, { id: \"\", name: \"\" }, \"\", attachment)\n news.ref = ref\n }\n\n await manager.setNewsAsDone(news);\n }\n };\n\n acknowledgeNews();\n }, [])\n\n\n const { colors } = useTheme();\n\n const stylesheet = StyleSheet.create({\n ...VARIANTS,\n p: {\n ...VARIANTS.body1,\n color: colors.text,\n },\n div: {\n ...VARIANTS.body1,\n color: colors.text,\n },\n a: {\n color: colors.primary,\n textDecorationLine: 'underline'\n },\n ul: {\n ...VARIANTS.body1,\n paddingHorizontal: 4,\n color: colors.text,\n },\n });\n\n const [HTMLCleanupEnabled, setHTMLCleanupEnabled] = useState(true)\n const cleanedContent = HTMLCleanupEnabled ? cleanHtmlForArticle(news.content) : news.content\n\n return (\n \n {\n Platform.OS === 'ios' && (\n \n router.back()}\n\n style={{\n marginLeft: runsIOS26 ? 3 : -32,\n }}\n />\n \n )\n }\n\n \n \n \n {news.category}\n \n \n\n \n {news.title}\n \n\n \n \n \n {news.author}\n \n \n\n \n {new Date(news.createdAt).toLocaleDateString(undefined, {\n day: '2-digit',\n month: 'short',\n year: 'numeric'\n })}\n \n \n \n\n {news.question && (\n \n \n \n \n \n \n \n Cette actualité contient un sondage\n \n \n PRONOTE ne nous permet pas d'afficher les sondages pour le moment.\n \n \n
\n )}\n\n \n {news.attachments.map((attachment, index) => (\n - Linking.openURL(attachment.url)}>\n
\n \n \n \n \n {attachment.name}\n \n \n {attachment.url}\n \n \n ))}\n \n )}\n\n \n \n Si cette actualité ne s'affiche pas correctement,\n \n setHTMLCleanupEnabled(!HTMLCleanupEnabled)}>\n {HTMLCleanupEnabled ? \"désactiver\" : \"activer\"} le formattage automatique\n \n \n \n );\n};\n\nexport default NewsModal;"
},
{
"path": "app/(modals)/notifications.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\n\nexport default function NotificationsModal() {\n const { colors } = useTheme();\n const { t } = useTranslation();\n\n return (\n \n \n {t(\"Feature_Soon\")}\n \n \n {t(\"Feature_Soon_Notification\")}\n \n \n )\n}"
},
{
"path": "app/(modals)/profile.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { MenuView, NativeActionEvent } from \"@react-native-menu/menu\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useTheme } from \"@react-navigation/native\";\nimport * as ImagePicker from \"expo-image-picker\"\nimport { router } from \"expo-router\";\nimport React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Alert,\n KeyboardAvoidingView,\n Platform,\n ScrollView,\n View,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { useAccountStore } from \"@/stores/account\";\nimport Avatar from \"@/ui/components/Avatar\";\nimport Button from \"@/ui/components/Button\";\nimport Icon from \"@/ui/components/Icon\";\nimport { NativeHeaderPressable, NativeHeaderSide } from \"@/ui/components/NativeHeader\";\nimport Typography from \"@/ui/components/Typography\";\nimport { getInitials } from \"@/utils/chats/initials\";\nimport ActionMenu from \"@/ui/components/ActionMenu\";\n\nexport default function CustomProfileScreen() {\n const { t } = useTranslation();\n const store = useAccountStore.getState();\n const accounts = useAccountStore((state) => state.accounts);\n const lastUsedAccount = useAccountStore((state) => state.lastUsedAccount);\n\n const account = accounts.find((a) => a.id === lastUsedAccount);\n\n const [firstName, setFirstName] = useState(account?.firstName ?? \"\");\n const [lastName, setLastName] = useState(account?.lastName ?? \"\");\n const [profilePictureUrl, setProfilePictureUrl] = useState(account?.customisation?.profilePicture ? `data:image/png;base64,${account.customisation.profilePicture}` : null);\n\n useEffect(() => {\n if (account) {\n setFirstName(account.firstName);\n setLastName(account.lastName);\n setProfilePictureUrl(account.customisation?.profilePicture ? `data:image/png;base64,${account.customisation.profilePicture}` : null);\n }\n }, [account]);\n\n const insets = useSafeAreaInsets()\n\n const updateProfilePictureFromLibrary = async () => {\n const result = await ImagePicker.launchImageLibraryAsync({\n mediaTypes: ['images', 'videos'],\n allowsEditing: true,\n aspect: [4, 3],\n quality: 1,\n base64: true\n });\n\n if (!result.canceled) {\n const b64 = result.assets[0].base64 ?? \"\";\n store.setAccountProfilePicture(lastUsedAccount, b64);\n }\n }\n\n const updateProfilePictureFromService = async () => {\n Alert.alert(\n t(\"Feature_Soon\"),\n \"Cette fonctionnalité n'est pas encore disponible, mais elle le sera dans une prochaine mise à jour.\",\n [{ text: \"OK\" }]\n );\n }\n\n const { colors } = useTheme();\n const height = useHeaderHeight();\n\n return (\n \n \n \n {\n switch (e.nativeEvent.event) {\n case 'photo_library':\n updateProfilePictureFromLibrary();\n break;\n case 'from_service':\n updateProfilePictureFromService();\n break;\n case 'remove_photo':\n store.setAccountProfilePicture(lastUsedAccount, \"\");\n break;\n }\n }}\n >\n \n\n \n \n Prénom \n Nom \n \n \n \n {\n useAccountStore.getState().setAccountName(lastUsedAccount, firstName, lastName);\n router.back();\n }}\n >\n \n \n \n\n \n \n \n );\n}"
},
{
"path": "app/(modals)/task.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useRoute, useTheme } from \"@react-navigation/native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport * as WebBrowser from \"expo-web-browser\";\nimport { t } from \"i18next\";\nimport React, { useState } from \"react\";\n\nimport ModalOverhead from \"@/components/ModalOverhead\";\nimport Homework from \"@/database/models/Homework\";\nimport { updateHomeworkIsDone } from \"@/database/useHomework\";\nimport { getManager } from \"@/services/shared\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport TableFlatList from \"@/ui/components/TableFlatList\";\nimport { formatHTML } from \"@/utils/format/html\";\nimport { generateId } from \"@/utils/generateId\";\nimport { getAttachmentIcon } from \"@/utils/news/getAttachmentIcon\";\nimport { getSubjectColor } from \"@/utils/subjects/colors\";\nimport { getSubjectEmoji } from \"@/utils/subjects/emoji\";\nimport { getSubjectName } from \"@/utils/subjects/name\";\nimport { Platform } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\n\nconst Task = () => {\n const { params } = useRoute();\n const theme = useTheme();\n const colors = theme.colors;\n\n const { task } = params as { task: Homework };\n\n const subjectInfo = {\n color: getSubjectColor(task.subject),\n emoji: getSubjectEmoji(task.subject),\n name: getSubjectName(task.subject)\n }\n\n const [isDone, setIsDone] = useState(task.isDone);\n\n const setAsDone = async (done: boolean) => {\n const manager = getManager();\n await manager.setHomeworkCompletion(task, done);\n\n const id = generateId(\n task.subject +\n task.content +\n task.createdByAccount +\n new Date(task.dueDate).toDateString()\n );\n\n updateHomeworkIsDone(id, done);\n setIsDone(done);\n }\n\n const insets = useSafeAreaInsets();\n const finalHeaderHeight = Platform.select({\n android: insets.top + 32,\n default: 0\n });\n\n return (\n <>\n {Platform.OS !== 'android' && (\n \n \n {t(\"Modal_Task_Status\")} \n \n\n \n \n setAsDone(!isDone)}>\n \n {isDone &&\n \n \n \n {isDone ? t(\"Task_Done\") : t(\"Task_Undone\")}\n \n \n \n\n \n \n {t(\"Modal_Task_Description\")} \n \n\n \n \n {formatHTML(task.content)}\n \n \n \n\n \n \n {t(\"Modal_Task_Attachments\")} \n \n\n {task.attachments.map((attachment) => (\n WebBrowser.openBrowserAsync(attachment.url, {\n presentationStyle: \"formSheet\"\n })}>\n \n \n \n \n \n {attachment.name || attachment.url}\n \n \n {attachment.url}\n \n \n ))}\n \n \n \n );\n};\n\nexport default Task;\n"
},
{
"path": "app/(modals)/wallpaper.tsx",
"content": "import { useAccountStore } from \"@/stores/account\"\nimport { useSettingsStore } from \"@/stores/settings\"\nimport { Wallpaper } from \"@/stores/settings/types\"\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\"\nimport Stack from \"@/ui/components/Stack\"\nimport Typography from \"@/ui/components/Typography\"\nimport { useTheme } from \"@react-navigation/native\"\nimport React, { useEffect, useState } from \"react\"\nimport { FlatList, Image, Platform, RefreshControl, View } from \"react-native\"\nimport { File, Directory, Paths } from 'expo-file-system';\nimport ActivityIndicator from \"@/components/ActivityIndicator\"\nimport { NativeHeaderPressable, NativeHeaderSide } from \"@/ui/components/NativeHeader\"\nimport Icon from \"@/ui/components/Icon\"\nimport { router } from \"expo-router\";\nimport { Papicons } from \"@getpapillon/papicons\"\nimport { t } from \"i18next\";\n\nimport * as ImagePicker from 'expo-image-picker';\nimport ActionMenu from \"@/ui/components/ActionMenu\"\n\nconst COLLECTIONS_SOURCE = \"https://raw.githubusercontent.com/PapillonApp/datasets/refs/heads/main/wallpapers/index.json\";\n\ninterface Collection {\n name: string;\n icon?: string;\n link?: string;\n images: Wallpaper[];\n}\n\nconst WallpaperModal = () => {\n const { colors } = useTheme()\n\n const [collections, setCollections] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const fetchCollections = async () => {\n try {\n setLoading(true);\n const response = await fetch(COLLECTIONS_SOURCE);\n const data = await response.json();\n setCollections(data);\n } catch (error) {\n setError(error as string);\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n fetchCollections();\n }, []);\n\n\n\n const [currentlyDownloading, setCurrentlyDownloading] = useState([]);\n\n const settingsStore = useSettingsStore(state => state.personalization);\n const mutateProperty = useSettingsStore(state => state.mutateProperty);\n\n const currentWallpaper = settingsStore.wallpaper;\n const selectedId = currentWallpaper?.id;\n const hasCustomWallpaper = selectedId?.startsWith(\"custom:\") ?? false;\n\n const flatListRef = React.useRef(null);\n\n useEffect(() => {\n if (collections.length > 0 && currentWallpaper) {\n const collectionIndex = collections.findIndex((collection) => collection.images.find((image) => image.id === currentWallpaper.id));\n if (collectionIndex !== -1) {\n setTimeout(() => {\n flatListRef.current?.scrollToIndex({ index: collectionIndex, animated: true });\n }, 500);\n }\n }\n }, [collections, currentWallpaper]);\n\n const wallpaperDirectory = new Directory(Paths.document, \"wallpapers\");\n\n const downloadAndSelect = (wallpaper: Wallpaper) => {\n const fileName = `${wallpaper.id}.jpg`;\n\n const wallpaperFile = new File(wallpaperDirectory, fileName);\n if (wallpaperFile.exists) {\n mutateProperty(\"personalization\", {\n wallpaper: {\n id: wallpaper.id,\n path: {\n directory: wallpaperDirectory.name,\n name: wallpaperFile.name\n }\n }\n })\n return;\n }\n\n setCurrentlyDownloading((prev) => [...prev, wallpaper.id]);\n\n if (!wallpaperDirectory.exists) {\n wallpaperDirectory.create();\n }\n File.downloadFileAsync(wallpaper.url!, wallpaperFile).then((result) => {\n mutateProperty(\"personalization\", {\n wallpaper: {\n id: wallpaper.id,\n path: {\n directory: wallpaperDirectory.name,\n name: result.name\n }\n }\n })\n }).finally(() => {\n setCurrentlyDownloading((prev) => prev.filter((id) => id !== wallpaper.id));\n })\n }\n\n const uploadCustomWallpaper = () => {\n try {\n ImagePicker.launchImageLibraryAsync({\n allowsEditing: true,\n aspect: [4, 3],\n quality: 1,\n }).then((result) => {\n if (result.canceled) return;\n\n const asset = result.assets[0];\n const sourceFile = new File(asset.uri);\n\n if (!wallpaperDirectory.exists) {\n wallpaperDirectory.create();\n }\n\n const newFileName = `custom:${Date.now()}.jpg`;\n const destFile = new File(wallpaperDirectory, newFileName);\n\n sourceFile.copy(destFile);\n\n mutateProperty(\"personalization\", {\n wallpaper: {\n id: `custom:${Date.now()}`,\n path: {\n directory: wallpaperDirectory.name,\n name: destFile.name\n }\n }\n })\n })\n } catch (error) {\n console.log(error);\n }\n }\n\n return (\n <>\n (\n \n \n {item.icon &&\n {item.name} \n\n {item.images.find((image) => image.id === currentWallpaper?.id) && item.images.find((image) => image.id === currentWallpaper?.id)?.credit &&\n {item.images.find((image) => image.id === currentWallpaper?.id)?.credit} \n }\n \n\n downloadAndSelect(item)} selectedId={currentWallpaper?.id} isDownloading={currentlyDownloading.includes(item.id)} />}\n getItemLayout={(data, index) => (\n { length: 160 + 6, offset: (160 + 6) * index, index }\n )}\n initialScrollIndex={item.images.findIndex((image) => image.id === currentWallpaper?.id) !== -1 ? item.images.findIndex((image) => image.id === currentWallpaper?.id) : undefined}\n />\n \n )}\n refreshControl={\n \n {Platform.OS === 'android' ? (\n router.back()}>\n \n \n \n ) : (\n uploadCustomWallpaper()}>\n \n \n \n )}\n \n\n \n {Platform.OS === 'android' && (\n uploadCustomWallpaper()}>\n \n \n \n )}\n {\n const action = nativeEvent.event;\n if (action === \"downloads:clear\") {\n wallpaperDirectory.delete();\n mutateProperty(\"personalization\", {\n wallpaper: undefined\n })\n }\n if (action === \"background:clear\") {\n mutateProperty(\"personalization\", {\n wallpaper: undefined\n })\n }\n }}\n >\n \n \n \n \n \n \n \n )\n}\n\nconst WallpaperImage = ({ item, onPress, selectedId, isDownloading }: { item: WallpaperCollection, onPress: () => void, selectedId: string, isDownloading: boolean }) => {\n const [imageLoaded, setImageLoaded] = useState(false);\n const { colors } = useTheme();\n\n return (\n\n \n \n {\n (!imageLoaded || isDownloading) &&\n \n setImageLoaded(true)}\n />\n \n \n );\n};\n\nexport default WallpaperModal\n"
},
{
"path": "app/(modals)/wrapped/_layout.tsx",
"content": "import { Stack } from \"expo-router\";\nimport React from \"react\";\n\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\n\nexport default function Layout() {\n return (\n \n \n );\n}\n"
},
{
"path": "app/(modals)/wrapped/index.tsx",
"content": "import React, { useEffect, useRef, useState } from 'react';\nimport { Dimensions, FlatList, Pressable, StatusBar, View } from 'react-native';\n\nimport { useVideoPlayer, VideoView, VideoPlayer } from 'expo-video';\nimport { useEvent } from \"expo\";\nimport AnimatedPressable from '@/ui/components/AnimatedPressable';\n\nimport { LiquidGlassView } from '@sbaiahmed1/react-native-blur';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { Papicons } from '@getpapillon/papicons';\nimport { useNavigation } from 'expo-router';\n\nimport Reanimated, { FadeIn, FadeInDown, FadeInLeft, FadeInRight, FadeInUp, FadeOut, FadeOutUp, LinearTransition, ZoomIn, ZoomOut } from 'react-native-reanimated';\nimport Typography from '@/ui/components/Typography';\nimport { Cooking, Warning } from '@/app/(modals)/wrapped/stories/consent';\nimport { Welcome } from '@/app/(modals)/wrapped/stories/welcome';\n\nconst WrappedView = () => {\n const insets = useSafeAreaInsets();\n const navigation = useNavigation();\n\n const [aboutToExit, setAboutToExit] = useState(false);\n const [currentIndex, setCurrentIndex] = useState(0);\n\n const mainBackground = useVideoPlayer({\n assetId: require('@/assets/video/wrapped.mp4'),\n }, player => {\n player.loop = true;\n player.play();\n });\n\n const altBackground = useVideoPlayer({\n assetId: require('@/assets/video/wrapped_alt.mp4'),\n }, player => {\n player.loop = true;\n player.play();\n });\n\n const redBackground = useVideoPlayer({\n assetId: require('@/assets/video/wrapped_red.mp4'),\n }, player => {\n player.loop = true;\n player.play();\n });\n\n const slides = [Welcome, Warning, Cooking];\n const sliderRef = useRef(null);\n\n return (\n \n {!aboutToExit && (\n <>\n {(currentIndex == 0 || currentIndex == 1 || currentIndex == 2) && (\n <>\n \n {\n setTimeout(() => {\n setAboutToExit(true);\n }, 0);\n setTimeout(() => {\n navigation.goBack();\n }, 50);\n }}\n >\n \n {slides.map((_, index) => (\n \n\n (\n \n \n \n \n \n {item.title} \n \n onToggle(index)} trackColor={TRACK_COLOR} />\n \n \n \n));\n\nConsentButton.displayName = 'ConsentButton';\n\nconst INITIAL_ITEMS: ConsentItem[] = [\n { title: \"Mes notes\", icon: \"Pie\", enabled: true },\n { title: \"Absences et retards\", icon: \"Chair\", enabled: true },\n { title: \"Emploi du temps\", icon: \"Calendar\", enabled: true },\n { title: \"Tâches\", icon: \"Tasks\", enabled: true }\n];\n\nconst ICON_COLOR = '#31424A';\nconst TRACK_COLOR = { true: \"#C50000\" };\n\nexport const Warning = ({ isCurrent }: { isCurrent: boolean, sliderRef: React.RefObject }) => {\n const { colors } = useTheme();\n const [consentItems, setConsentItems] = useState(INITIAL_ITEMS);\n\n const toggleConsent = useCallback((index: number) => {\n setConsentItems(prev => prev.map((item, i) =>\n i === index ? { ...item, enabled: !item.enabled } : item\n ));\n }, []);\n\n const renderItem = useCallback(({ item, index }: { item: ConsentItem; index: number }) => (\n \n {isCurrent && (\n \n \n \n Ton Yearbook contient un récap de toutes tes statistiques liées à ta vie d'étudiant, choisis ce que tu souhaites afficher avant de commencer :\n \n \n )}\n \n );\n};\n\nexport const Cooking = ({ isCurrent }: { isCurrent: boolean, sliderRef: React.RefObject }) => {\n const { colors } = useTheme();\n\n return (\n \n {isCurrent && (\n \n \n Ton Yearbook contient un récap de toutes tes statistiques liées à ta vie d'étudiant, choisis ce que tu souhaites afficher avant de commencer :\n \n \n )}\n \n );\n};\n\nconst styles = StyleSheet.create({\n title: {\n width: 350,\n marginBottom: 40\n },\n listContent: {\n gap: 20,\n alignItems: \"center\"\n }\n})"
},
{
"path": "app/(modals)/wrapped/stories/welcome.tsx",
"content": "import Stack from '@/ui/components/Stack';\nimport Typography from '@/ui/components/Typography';\nimport { Papicons } from '@getpapillon/papicons';\nimport React from 'react';\nimport { Dimensions, FlatList, View } from 'react-native';\nimport Reanimated, { FadeOut, ZoomIn } from 'react-native-reanimated';\n\n\nexport const Welcome = ({ isCurrent }: { isCurrent: boolean, sliderRef: React.RefObject }) => {\n return (\n \n {isCurrent && (\n <>\n \n \n Swipe pour le révéler \n \n \n \n )}\n \n );\n};"
},
{
"path": "app/(new)/_layout.tsx",
"content": "import { Stack } from \"expo-router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\n\nexport default function Layout() {\n const { t } = useTranslation();\n\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n headerLargeTitle: false\n }), []);\n\n return (\n \n \n );\n}\n"
},
{
"path": "app/(new)/event.tsx",
"content": "import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';\nimport { useTheme } from \"@react-navigation/native\";\nimport * as Localization from \"expo-localization\";\nimport { useRouter } from \"expo-router\";\nimport { CalendarDays, Check, Clock4Icon, MapPinIcon, TypeIcon, User2Icon, X } from \"lucide-react-native\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport React, { Platform, Pressable, ScrollView, StyleSheet, TextInput } from \"react-native\";\n\nimport { useDatabase } from \"@/database/DatabaseProvider\";\nimport Icon from \"@/ui/components/Icon\";\nimport Item, { Trailing } from \"@/ui/components/Item\";\nimport List from \"@/ui/components/List\";\nimport { NativeHeaderPressable, NativeHeaderSide } from \"@/ui/components/NativeHeader\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\n\nexport default function NewEventScreen() {\n const router = useRouter();\n const { colors } = useTheme();\n const { t } = useTranslation();\n const database = useDatabase();\n\n const [canSave, setCanSave] = useState(false);\n\n const [inputTitle, setInputTitle] = useState(\"\");\n const [inputLocation, setInputLocation] = useState(\"\");\n\n const [inputOrganizer, setInputOrganizer] = useState(\"\");\n\n const [inputStartDate, setInputStartDate] = useState(new Date());\n\n const inHour = new Date();\n inHour.setHours(new Date().getHours() + 1, 0, 0, 0); // Set to one hour later\n\n const [inputEndDate, setInputEndDate] = useState(inHour);\n\n const checkCanSave = () => {\n const titleValid = inputTitle.length > 0;\n const locationValid = inputLocation.length > 0;\n const organizerValid = inputOrganizer.length > 0;\n\n const startDateValid = inputStartDate instanceof Date && !isNaN(inputStartDate.getTime());\n const endDateValid = inputEndDate instanceof Date && !isNaN(inputEndDate.getTime());\n\n const endDateAfterStartDate = inputEndDate.getTime() > inputStartDate.getTime();\n\n setCanSave(titleValid && locationValid && organizerValid && startDateValid && endDateValid && endDateAfterStartDate);\n };\n\n useEffect(() => {\n checkCanSave();\n }, [inputTitle, inputLocation, inputOrganizer, inputStartDate, inputEndDate]);\n\n\n // Helper to create an event without linking to subject\n async function createEvent(eventData: {\n title: string;\n start: number;\n end: number;\n color?: string;\n room?: string;\n teacher?: string;\n status?: string;\n canceled?: boolean;\n }) {\n await database.write(async () => {\n await database.get('events').create((ev: Event) => {\n ev.title = eventData.title;\n ev.start = eventData.start;\n ev.end = eventData.end;\n if (eventData.color) {ev.color = eventData.color;}\n if (eventData.room) {ev.room = eventData.room;}\n if (eventData.teacher) {ev.teacher = eventData.teacher;}\n if (eventData.status) {ev.status = eventData.status;}\n if (typeof eventData.canceled === 'boolean') {ev.canceled = eventData.canceled;}\n });\n });\n }\n\n const saveEvent = useCallback(async () => {\n if (!canSave) {return;}\n\n // Create event data\n const eventData = {\n title: inputTitle,\n start: inputStartDate.getTime(),\n end: inputEndDate.getTime(),\n color: \"#888888\", // Default color, can be changed later\n room: inputLocation,\n teacher: inputOrganizer,\n status: null, // Default status\n canceled: false // Default not canceled\n };\n\n createEvent(eventData)\n .then(() => {\n router.back();\n })\n .catch((error) => {\n console.error(\"Error creating event:\", error);\n alert(t(\"Error_CreatingEvent\"));\n });\n }, [canSave, inputTitle, inputLocation, inputOrganizer, inputStartDate, inputEndDate, router, t, database]);\n\n return (\n <>\n \n { router.back() }}>\n \n \n \n \n\n \n { saveEvent() }}>\n \n \n\n \n \n - \n
\n 0 ? 1 : 0.5} />\n \n \n - \n
\n 0 ? 1 : 0.5} />\n \n \n
\n\n \n - \n
\n 0 ? 1 : 0.5} />\n \n {\n setInputOrganizer(text);\n }}\n style={{ flex: 1, paddingVertical: 8, fontSize: 16, fontFamily: \"medium\" }}\n />\n \n
\n\n \n - \n
\n \n \n {t(\"Form_Start\")}\n \n \n {Platform.OS === \"ios\" ? (\n {\n if (date) {\n // When changing the start date, update the date part of end date to match, but keep the time part\n setInputStartDate(date);\n setInputEndDate(prevEnd => {\n const newEnd = new Date(date);\n newEnd.setHours(prevEnd.getHours(), prevEnd.getMinutes(), 0, 0);\n // If new end is before or equal to new start, add 1 hour\n if (newEnd.getTime() <= date.getTime()) {\n newEnd.setTime(date.getTime() + 60 * 60 * 1000);\n }\n return newEnd;\n });\n }\n }}\n />\n ) : (\n \n {\n DateTimePickerAndroid.open({\n value: inputStartDate,\n mode: \"date\",\n design: \"material\",\n locale: Localization.getLocales()[0].languageTag,\n onChange: (event, date) => {\n if (date) {\n setInputStartDate(date);\n }\n }\n });\n }}\n >\n \n {inputStartDate.toLocaleDateString(Localization.getLocales()[0].languageTag, {\n day: \"2-digit\",\n month: \"short\",\n year: \"numeric\"\n })}{\" \"}\n \n \n\n {\n DateTimePickerAndroid.open({\n value: inputStartDate,\n mode: \"time\",\n design: \"material\",\n locale: Localization.getLocales()[0].languageTag,\n onChange: (event, date) => {\n if (date) {\n setInputStartDate(date);\n }\n }\n });\n }}\n >\n \n {inputStartDate.toLocaleTimeString(Localization.getLocales()[0].languageTag, {\n hour: \"2-digit\",\n minute: \"2-digit\"\n })}{\" \"}\n \n \n \n )}\n \n \n - \n
\n \n \n {t(\"Form_End\")}\n \n \n {Platform.OS === \"ios\" ? (\n {\n if (date) {\n // Only update the time part of end date, keep the date part\n setInputEndDate(prevEnd => {\n const newEnd = new Date(prevEnd);\n newEnd.setHours(date.getHours(), date.getMinutes(), 0, 0);\n // If new end is before or equal to start, move to next day\n if (newEnd.getTime() <= inputStartDate.getTime()) {\n newEnd.setDate(newEnd.getDate() + 1);\n }\n return newEnd;\n });\n }\n }}\n />\n ) : (\n \n {\n DateTimePickerAndroid.open({\n value: inputEndDate,\n mode: \"time\",\n design: \"material\",\n locale: Localization.getLocales()[0].languageTag,\n onChange: (event, date) => {\n if (date) {\n setInputEndDate(date);\n }\n }\n });\n }}\n >\n \n {inputEndDate.toLocaleTimeString(Localization.getLocales()[0].languageTag, {\n hour: \"2-digit\",\n minute: \"2-digit\"\n })}{\" \"}\n \n \n \n )}\n \n \n
\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n padding: 16\n },\n containerContent: {\n justifyContent: \"center\",\n alignItems: \"center\",\n }\n});\n"
},
{
"path": "app/(onboarding)/_layout.tsx",
"content": "import React from 'react';\nimport { Platform, StatusBar, View } from 'react-native';\nimport { Stack } from \"expo-router\";\n\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport AndroidHeaderBackground, { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\nimport { t } from 'i18next';\n\nexport default function OnboardingLayout() {\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n\n return (\n \n \n null, headerShown: false, headerBackground: null }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/ageSelection.tsx",
"content": "import { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { useNavigation } from \"expo-router\";\nimport React, { useState } from \"react\";\nimport { FlatList, StatusBar, View } from \"react-native\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport Stack from \"@/ui/components/Stack\";\nimport Button from \"@/ui/new/Button\";\nimport Divider from \"@/ui/new/Divider\";\nimport Typography from \"@/ui/new/Typography\";\n\nimport HighSchoolIllustration from \"./components/ageSelection/illustrations/highSchool\";\nimport MiddleSchoolIllustration from \"./components/ageSelection/illustrations/middleSchool\";\nimport ParentsIllustration from \"./components/ageSelection/illustrations/parents\";\nimport SupSchoolIllustration from \"./components/ageSelection/illustrations/supSchool\";\nimport TeacherIllustration from \"./components/ageSelection/illustrations/teacher\";\nimport OnboardingSelector from \"./components/OnboardingSelector\";\n\nconst LEVELS = [\n {\n key: \"middle-school\",\n labelKey: \"ONBOARDING_LEVEL_MIDDLE_SCHOOL\",\n color: \"#008CFF\",\n icon: MiddleSchoolIllustration,\n type: \"school\"\n },\n {\n key: \"high-school\",\n labelKey: \"ONBOARDING_LEVEL_HIGH_SCHOOL\",\n color: \"#FFC800\",\n icon: HighSchoolIllustration,\n type: \"school\"\n },\n {\n key: \"sup-school\",\n labelKey: \"ONBOARDING_LEVEL_UNIVERSITY\",\n color: \"#68F000\",\n icon: SupSchoolIllustration,\n type: \"univ\"\n },\n {\n type: 'separator'\n },\n {\n key: \"parents\",\n labelKey: \"ONBOARDING_LEVEL_PARENT\",\n color: \"#ff4d4d\",\n icon: ParentsIllustration,\n type: \"parents\"\n },\n {\n key: \"teacher\",\n labelKey: \"ONBOARDING_LEVEL_TEACHER\",\n color: \"#FF0084\",\n icon: TeacherIllustration,\n type: \"teacher\"\n }\n]\n\nexport default function AgeSelection() {\n const headerHeight = useHeaderHeight();\n const theme = useTheme();\n const { colors } = theme;\n const insets = useSafeAreaInsets();\n const navigation = useNavigation();\n const { t } = useTranslation();\n\n const [selectedLevel, setSelectedLevel] = useState(null);\n\n return (\n \n (\n \n {t(\"ONBOARDING_AGE_TITLE\")} \n {t(\"ONBOARDING_AGE_DESCRIPTION\")} \n \n )}\n data={LEVELS.map((level) => (\"labelKey\" in level ? { ...level, label: t(level.labelKey) } : level))}\n renderItem={({ item }) => \n {\n navigation.navigate(\"serviceSelection\", {\n type: LEVELS.find((level) => level.key === selectedLevel)?.type\n })\n }}\n disabled={!selectedLevel}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/components/LoginView.tsx",
"content": "import { useTheme } from '@react-navigation/native';\nimport React from 'react';\nimport { Alert, Image, View } from 'react-native';\nimport { useTranslation } from \"react-i18next\";\n\nimport ActivityIndicator from '@/ui/components/ActivityIndicator';\nimport { Dynamic } from '@/ui/components/Dynamic';\nimport Stack from '@/ui/components/Stack';\nimport Button from '@/ui/new/Button';\nimport TextInput from '@/ui/new/TextInput';\nimport Typography from '@/ui/new/Typography';\n\ninterface LoginViewProps {\n color: string;\n serviceName: string;\n serviceIcon: any;\n loading?: boolean;\n fields?: {\n name: string;\n placeholder: string;\n secureTextEntry: boolean;\n textContentType?: \"username\" | \"password\";\n keyboardType?: \"default\" | \"number-pad\" | \"decimal-pad\" | \"email-address\" | \"phone-pad\" | \"url\" | \"numeric\";\n }[];\n actions?: {\n label: string;\n variant?: \"primary\" | \"secondary\" | \"outlined\" | \"ghost\" | \"text\";\n submit?: boolean;\n onPress?: () => void;\n }[];\n onSubmit?: (fieldValues: { [key: string]: string }) => void;\n}\n\nexport default function LoginView({\n color,\n serviceName,\n serviceIcon,\n loading = false,\n fields,\n actions,\n onSubmit,\n}: LoginViewProps) {\n const { colors } = useTheme();\n const { t } = useTranslation();\n\n const [fieldValues, setFieldValues] = React.useState<{ [key: string]: string }>({});\n\n const defaultFields = fields ?? [\n {\n name: \"username\",\n placeholder: t(\"INPUT_USERNAME\"),\n secureTextEntry: false,\n textContentType: \"username\" as const,\n },\n {\n name: \"password\",\n placeholder: t(\"INPUT_PASSWORD\"),\n secureTextEntry: true,\n textContentType: \"password\" as const,\n }\n ];\n\n const defaultActions = actions ?? [\n {\n label: t(\"LOGIN_BTN\"),\n variant: \"primary\" as const,\n submit: true,\n },\n {\n label: t(\"ONBOARDING_LOGIN_HELP_ACTION\"),\n variant: \"secondary\" as const,\n onPress: () => {\n Alert.alert(t(\"ONBOARDING_LOGIN_HELP_TITLE\"), t(\"ONBOARDING_LOGIN_HELP_DESCRIPTION\"));\n },\n }\n ];\n\n const handleChange = (name: string, value: string) => {\n setFieldValues(prev => ({ ...prev, [name]: value }));\n };\n\n const handleSubmit = () => {\n if (onSubmit) {\n onSubmit(fieldValues);\n }\n };\n\n return (\n \n \n {serviceIcon && (\n \n {serviceName[0]}\n \n )}\n \n\n \n {t(\"ONBOARDING_LOGIN_TO_SERVICE\")}\n \n\n \n \n \n {serviceName || t(\"ONBOARDING_UNKNOWN_SERVICE\")}\n \n \n {loading &&\n \n \n }\n \n\n \n {defaultFields.map((field, index) => (\n handleChange(field.name, value)}\n textContentType={field.textContentType ? field.textContentType : undefined}\n keyboardType={field.keyboardType ? field.keyboardType : 'default'}\n />\n ))}\n \n\n \n {defaultActions.map((action, index) => (\n \n {t(\"ONBOARDING_LOGIN_DISCLAIMER\", { service: serviceName || t(\"ONBOARDING_THIS_SERVICE\") })}\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/components/OnboardingSelector.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport React from \"react\";\nimport { View } from \"react-native\";\n\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport Divider from \"@/ui/new/Divider\";\nimport Ripple from \"@/ui/new/RippleEffect\";\nimport Typography from \"@/ui/new/Typography\";\nimport { PapillonZoomIn, PapillonZoomOut } from \"@/ui/utils/Transition\";\nimport adjust from \"@/utils/adjustColor\";\nimport { LayoutAnimationConfig } from \"react-native-reanimated\";\n\n\n\nexport default function OnboardingSelector({ item, selected, setSelected }) {\n const theme = useTheme();\n const { colors } = theme;\n\n if (item.type == 'separator') {\n return \n { selected == item.key ? setSelected(null) : setSelected(item.key) }}\n >\n {selected == item.key && (\n \n {selected == item.key && (\n \n \n \n \n )}\n \n {item.label} \n \n \n\n \n \n \n \n )\n};"
},
{
"path": "app/(onboarding)/components/OnboardingWebView.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport React from \"react\";\nimport { Platform, View } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport WebView from \"react-native-webview\";\n\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Typography from \"@/ui/new/Typography\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport AndroidBackButton from \"@/utils/theme/AndroidBackButton\";\n\nexport default function OnboardingWebView({ webViewRef, ...props }: React.ComponentProps) {\n const insets = useSafeAreaInsets();\n const { colors } = useTheme();\n\n const [currentUrl, setCurrentUrl] = React.useState(props.source.uri || \"\");\n const [loading, setLoading] = React.useState(true);\n const [loadingProgress, setLoadingProgress] = React.useState(0);\n\n const extractDomain = (url: string) => {\n try {\n if (url.trim().length === 0) { return \"about:blank\"; }\n\n const { hostname } = new URL(url);\n return hostname.replace(\"www.\", \"\");\n } catch (e) {\n return url;\n }\n }\n\n const finalHeaderHeight = Platform.select({\n android: insets.top,\n default: 0\n });\n\n return (\n \n {Platform.OS === 'android' && (\n )}\n\n \n \n {currentUrl.startsWith(\"https://\") && (\n \n \n )}\n \n \n {extractDomain(currentUrl)}\n \n \n \n\n {loading && (\n \n {\n setCurrentUrl(navState.url);\n if (props.onNavigationStateChange) {\n props.onNavigationStateChange(navState);\n }\n }}\n onLoadStart={(args) => {\n setLoading(true);\n if (props.onLoadStart) {\n props.onLoadStart(args);\n }\n }}\n onLoadEnd={(args) => {\n setLoading(false);\n if (props.onLoadEnd) {\n props.onLoadEnd(args);\n }\n }}\n onLoadProgress={(args) => {\n setLoadingProgress(args.nativeEvent.progress);\n if (props.onLoadProgress) {\n props.onLoadProgress(args);\n }\n }}\n ref={webViewRef}\n />\n \n )\n}"
},
{
"path": "app/(onboarding)/components/ageSelection/illustrations/highSchool.tsx",
"content": "import * as React from \"react\";\nimport type { SvgProps } from \"react-native-svg\";\nimport Svg, { Path } from \"react-native-svg\";\nconst HighSchoolIllustration = (props: SvgProps) => (\n \n \n \n \n \n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/restaurants/alise.tsx",
"content": "import { router, useLocalSearchParams } from \"expo-router\";\nimport LottieView from \"lottie-react-native\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Keyboard, KeyboardAvoidingView, View } from \"react-native\";\nimport Reanimated, { useSharedValue, withTiming } from \"react-native-reanimated\";\n\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport { t } from \"i18next\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { Alise } from \"@/services/alise\";\nimport { authenticateWithCredentials } from \"alise-api\";\nimport { initializeAccountManager } from \"@/services/shared\";\n\nconst ANIMATION_DURATION = 100;\n\nexport default function AliseLoginWithCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [siteId, setSiteId] = useState(\"\");\n const params = useLocalSearchParams();\n const action = String(params.action);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n const alert = useAlert();\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n const loginAlise = async () => {\n try {\n const accountId = uuid();\n const store = useAccountStore.getState();\n\n const client = await authenticateWithCredentials(username, password, siteId);\n\n const alise = new Alise(accountId);\n const auth = {\n additionals: {\n username,\n password,\n site: siteId\n }\n };\n\n alise.session = client;\n alise.authData = auth;\n\n const service = {\n id: accountId,\n auth,\n serviceId: Services.ALISE,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n };\n if (action === \"addService\") {\n store.addServiceToAccount(store.lastUsedAccount, service);\n await initializeAccountManager()\n router.back();\n return router.back();\n }\n store.addAccount({\n id: accountId,\n firstName: client.account?.firstName || \"\",\n lastName: client.account?.lastName || \"\",\n schoolName: client.account?.establishment || \"\",\n services: [service],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n });\n store.setLastUsedAccount(accountId);\n return router.push({\n pathname: \"../end/color\",\n params: { accountId },\n });\n } catch (error) {\n alert.showAlert({\n title: t(\"Alert_Auth_Error\"),\n description: t(\"ONBOARDING_ALERT_ALISE_LOGIN_ABORTED\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n technical: String(error),\n withoutNavbar: true,\n });\n }\n };\n\n return (\n \n \n \n \n \n \n \n {t(\"STEP\")} 2\n \n \n {t(\"STEP_OUTOF\")} 3\n \n \n \n {t(\"ONBOARDING_LOGIN_CREDENTIALS\")} Alise\n \n \n \n \n {\n Keyboard.dismiss();\n loginAlise();\n },\n returnKeyType: \"done\",\n }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/restaurants/ard.tsx",
"content": "/* eslint-disable @typescript-eslint/no-require-imports */\nimport { useTheme } from \"@react-navigation/native\";\nimport { router, useLocalSearchParams, useNavigation } from \"expo-router\";\nimport { t } from \"i18next\";\nimport LottieView from \"lottie-react-native\";\n// import { Authenticator } from \"pawrd\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Alert, Keyboard, KeyboardAvoidingView, ScrollView, View } from \"react-native\";\nimport Reanimated, {\n useSharedValue,\n withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { fetchARDHistory } from \"@/services/ard/history\";\nimport { initializeAccountManager } from \"@/services/shared\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport { detectMealPrice } from \"@/utils/restaurant/detect-price\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport LoginView from \"../components/LoginView\";\n\nconst ANIMATION_DURATION = 100;\n\nexport default function TurboSelfLoginWithCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n const navigation = useNavigation();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [siteId, setSiteId] = useState(\"\");\n const [isLoggingIn, setIsLoggingIn] = useState(false);\n const params = useLocalSearchParams();\n const action = String(params.action);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n const alert = useAlert();\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n const loginARD = async () => {\n try {\n throw new Error(\"ARD service is currently unavailable\");\n setIsLoggingIn(true);\n const authenticator = new Authenticator();\n // ARD require 2 connections, WHY ?\n const authentification = await authenticator.fromCredentials(siteId, username, password);\n const accountId = uuid();\n const store = useAccountStore.getState();\n\n const history = await fetchARDHistory(authentification, \"\")\n const mealPrice = detectMealPrice(history)\n\n const service = {\n id: accountId,\n auth: {\n additionals: {\n schoolId: siteId,\n password,\n username,\n mealPrice: String(mealPrice)\n },\n },\n serviceId: Services.ARD,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n };\n setIsLoggingIn(false);\n\n if (action === \"addService\") {\n store.addServiceToAccount(store.lastUsedAccount, service);\n await initializeAccountManager()\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n }\n\n store.addAccount({\n id: accountId,\n firstName: \"\",\n lastName: \"\",\n schoolName: authentification.schoolName,\n services: [service],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n });\n\n store.setLastUsedAccount(accountId);\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n return router.push(\"/\");\n } catch (error) {\n setIsLoggingIn(false);\n Alert.alert(t(\"Alert_Auth_Error\"), t(\"ONBOARDING_ALERT_LOGIN_ABORTED\"));\n }\n };\n\n return (\n \n \n {\n if (!isLoggingIn && values.username && values.password) {\n setPassword(values.password);\n setUsername(values.username);\n setSiteId(values.siteId);\n loginARD();\n }\n }}\n />\n \n \n );\n\n return (\n \n \n \n \n \n \n {t(\"STEP\")} 2\n \n \n {t(\"STEP_OUTOF\")} 3\n \n \n \n {t(\"ONBOARDING_LOGIN_CREDENTIALS\")} ARD\n \n \n \n \n {\n Keyboard.dismiss();\n // Trigger login\n loginARD();\n },\n returnKeyType: \"done\",\n }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/restaurants/izly.tsx",
"content": "/* eslint-disable @typescript-eslint/no-require-imports */\nimport { useTheme } from \"@react-navigation/native\";\nimport { router, useLocalSearchParams, useNavigation } from \"expo-router\";\nimport { login, tokenize } from \"ezly\";\nimport LottieView from \"lottie-react-native\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n ActivityIndicator,\n Alert,\n Keyboard,\n KeyboardAvoidingView,\n Linking,\n ScrollView,\n View,\n} from \"react-native\";\nimport Reanimated, {\n useSharedValue,\n withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { initializeAccountManager } from \"@/services/shared\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { ServiceAccount, Services } from \"@/stores/account/types\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport { log } from \"@/utils/logger/logger\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport LoginView from \"../components/LoginView\";\n\nconst ANIMATION_DURATION = 100;\n\nexport default function TurboSelfLoginWithCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n const navigation = useNavigation();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [linkSended, setLinkSended] = useState(false);\n const [isLoggingIn, setIsLoggingIn] = useState(false);\n\n const params = useLocalSearchParams();\n const action = String(params.action);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n const { t } = useTranslation();\n const alert = useAlert();\n\n const handleActivation = useCallback(async (url: string) => {\n const id = uuid();\n const { identification, profile } = await tokenize(url);\n const service: ServiceAccount = {\n id,\n auth: {\n session: identification,\n additionals: {\n secret: password,\n },\n },\n serviceId: Services.IZLY,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n };\n\n const store = useAccountStore.getState();\n\n if (action === \"addService\") {\n store.addServiceToAccount(store.lastUsedAccount, service);\n await initializeAccountManager()\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n }\n\n store.addAccount({\n id,\n firstName: profile.firstName,\n lastName: profile.lastName,\n services: [service],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n });\n store.setLastUsedAccount(id);\n\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n return router.push('/')\n }, [password, action]);\n\n useEffect(() => {\n const handleDeepLink = (event: { url: string }) => {\n const url = event.url;\n const scheme = url.split(\":\")[0];\n if (scheme === \"izly\") {\n log(\"[IzlyActivation] Activation link received:\", url);\n handleActivation(url);\n } else {\n log(\"[IzlyActivation] Ignoring link:\", url);\n }\n };\n\n Linking.getInitialURL().then((url) => {\n if (url) {\n handleDeepLink({ url });\n }\n });\n\n const listener = Linking.addEventListener(\"url\", handleDeepLink);\n\n return () => {\n listener?.remove();\n };\n }, [handleActivation]);\n\n async function handleLogin(username: string, password: string) {\n try {\n setIsLoggingIn(true);\n await login(username, password)\n setIsLoggingIn(false);\n setLinkSended(true);\n Alert.alert(t(\"ONBOARDING_SMS_SENT_TITLE\"), t(\"ONBOARDING_IZLY_SMS_SENT_DESCRIPTION\"));\n } catch (error) {\n setIsLoggingIn(false);\n Alert.alert(t(\"Alert_Auth_Error\"), t(\"ONBOARDING_ALERT_LOGIN_ABORTED\"));\n }\n }\n\n return (\n \n \n {\n if (!isLoggingIn && values.username && values.password) {\n handleLogin(values.username, values.password);\n }\n }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/restaurants/method.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useRoute, useTheme } from \"@react-navigation/native\";\nimport { useRouter } from \"expo-router\";\nimport React, { useMemo, useState } from \"react\";\nimport { Image, ScrollView, View } from \"react-native\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport Button from \"@/ui/new/Button\";\nimport Divider from \"@/ui/new/Divider\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { PapillonZoomIn, PapillonZoomOut } from \"@/ui/utils/Transition\";\nimport adjust from \"@/utils/adjustColor\";\n\nimport { GetSupportedServices } from './utils/constants';\nimport { GetSupportedRestaurants } from \"../utils/constants\";\n\nexport default function ServiceSelection() {\n const headerHeight = useHeaderHeight();\n const theme = useTheme();\n const { colors } = theme;\n const insets = useSafeAreaInsets();\n const router = useRouter();\n const { t } = useTranslation();\n\n const { params } = useRoute();\n const { type } = params;\n\n const [selectedService, setSelectedService] = useState(null);\n\n const services = GetSupportedRestaurants((path: { pathname: string }) => {\n router.push({\n pathname: path.pathname as unknown as RelativePathString,\n params: path.options ?? {} as unknown as UnknownInputParams\n });\n });\n\n const filteredServices = services;\n\n const titleString = t(\"ONBOARDING_RESTAURANT_SELECTION_TITLE\");\n\n const hasServiceRoute = services.find(service => service.name === selectedService)?.route || services.find(service => service.name === selectedService)?.onPress;\n\n const loginToService = (serviceName: string) => {\n const serviceRoute = services.find(service => service.name === serviceName)?.route;\n if(!serviceRoute) {\n services.find(service => service.name === serviceName)?.onPress();\n return;\n }\n const newRoute = './services/' + serviceRoute;\n router.push(newRoute);\n };\n\n return (\n \n (\n \n {titleString} \n {t(\"ONBOARDING_SERVICE_SELECTION_DESCRIPTION\")} \n \n )}\n contentContainerStyle={{\n padding: 16,\n flexGrow: 1,\n gap: 10,\n paddingTop: headerHeight + 20\n }}\n style={{ flex: 1 }}\n >\n {filteredServices.map((app) => (\n setSelectedService(app.name)} style={{\n backgroundColor: selectedService === app.name ? adjust(colors.primary, theme.dark ? -0.8 : 0.9) : colors.card,\n minHeight: 62\n }}>\n \n \n {selectedService === app.name && \n \n \n \n {app.title} \n ))}\n \n\n \n { loginToService(selectedService) }}\n disabled={!selectedService || !hasServiceRoute}\n />\n { router.back() }}\n variant=\"secondary\"\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/restaurants/turboself.tsx",
"content": "/* eslint-disable @typescript-eslint/no-require-imports */\nimport { useTheme } from \"@react-navigation/native\";\nimport { router, useLocalSearchParams, useNavigation } from 'expo-router';\nimport LottieView from 'lottie-react-native';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Alert, Keyboard, KeyboardAvoidingView, ScrollView, View } from \"react-native\";\nimport Reanimated, {\n useSharedValue,\n withTiming\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { authenticateWithCredentials } from 'turboself-api'\n\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { initializeAccountManager } from \"@/services/shared\";\nimport { useAccountStore } from '@/stores/account';\nimport { Services } from '@/stores/account/types';\nimport { useAlert } from '@/ui/components/AlertProvider';\nimport Button from '@/ui/components/Button';\nimport Stack from '@/ui/components/Stack';\nimport Typography from '@/ui/components/Typography';\nimport uuid from '@/utils/uuid/uuid';\nimport LoginView from \"../components/LoginView\";\n\nconst ANIMATION_DURATION = 100;\n\nexport default function TurboSelfLoginWithCredentials() {\n const theme = useTheme();\n const insets = useSafeAreaInsets();\n const { t } = useTranslation();\n const navigation = useNavigation();\n\n const [username, setUsername] = useState(\"\")\n const [password, setPassword] = useState(\"\");\n const [isLoggingIn, setIsLoggingIn] = useState(false);\n const params = useLocalSearchParams();\n const action = String(params.action);\n\n const opacity = useSharedValue(1);\n const alert = useAlert();\n const scale = useSharedValue(1);\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n const loginTurboself = async () => {\n try {\n setIsLoggingIn(true);\n const authentification = await authenticateWithCredentials(username, password, true, false)\n const siblings = await authentification.getSiblings();\n if (siblings.length === 0) {\n const accountId = uuid()\n const store = useAccountStore.getState()\n const service = {\n id: accountId,\n auth: {\n additionals: {\n username,\n password,\n \"hoteId\": authentification.host?.id ?? \"N/A\"\n }\n },\n serviceId: Services.TURBOSELF,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n\n if (action === \"addService\") {\n store.addServiceToAccount(store.lastUsedAccount, service)\n await initializeAccountManager()\n router.back();\n router.back();\n return router.back();\n }\n\n store.addAccount({\n id: accountId,\n firstName: authentification.host?.firstName ?? \"N/A\",\n lastName: authentification.host?.lastName ?? \"N/A\",\n schoolName: authentification.establishment?.name,\n className: authentification.host?.division,\n services: [service],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n })\n\n store.setLastUsedAccount(accountId)\n setIsLoggingIn(false);\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n\n router.back();\n router.dismissAll();\n }\n setIsLoggingIn(false);\n\n const global = [authentification.host, ...siblings].flat()\n return router.push({\n pathname: \"/(onboarding)/restaurants/turboselfHost\",\n params: {\n siblings: JSON.stringify(global),\n username,\n password\n }\n });\n } catch (error) {\n setIsLoggingIn(false);\n Alert.alert(t(\"Alert_Auth_Error\"), t(\"ONBOARDING_ALERT_BAD_CREDENTIALS_TURBOSELF\"));\n }\n }\n\n return (\n \n \n {\n if (!isLoggingIn && values.username && values.password) {\n setPassword(values.password);\n setUsername(values.username);\n loginTurboself();\n }\n }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/restaurants/turboselfHost.tsx",
"content": "import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { StyleSheet, Pressable, TextInput, Keyboard, View, FlatList } from 'react-native';\nimport { router, useFocusEffect, useLocalSearchParams } from 'expo-router';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport LottieView from 'lottie-react-native';\n\nimport Typography from '@/ui/components/Typography';\nimport Stack from '@/ui/components/Stack';\n\nimport { Papicons } from '@getpapillon/papicons';\nimport { authenticateWithCredentials, Host } from 'turboself-api'\nimport Icon from '@/ui/components/Icon';\nimport ViewContainer from '@/ui/components/ViewContainer';\nimport Reanimated, {\n Extrapolate,\n interpolate,\n useAnimatedStyle,\n useSharedValue,\n withTiming\n} from 'react-native-reanimated';\nimport Button from '@/ui/components/Button';\nimport uuid from '@/utils/uuid/uuid';\nimport { useAccountStore } from '@/stores/account';\nimport { Services } from '@/stores/account/types';\nimport { useTheme } from '@react-navigation/native';\nimport AnimatedPressable from '@/ui/components/AnimatedPressable';\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport { useTranslation } from 'react-i18next';\n\nconst INITIAL_HEIGHT = 570;\nconst COLLAPSED_HEIGHT = 270;\n\nconst staticStyles = StyleSheet.create({\n container: {\n flex: 1,\n },\n pressableContainer: {\n flex: 1,\n },\n stackContainer: {\n alignItems: 'center',\n justifyContent: 'flex-end',\n borderBottomLeftRadius: 42,\n borderBottomRightRadius: 42,\n paddingBottom: 34,\n borderCurve: \"continuous\",\n height: \"100%\",\n },\n backButton: {\n position: 'absolute',\n left: 16,\n zIndex: 200,\n backgroundColor: '#ffffff42',\n padding: 10,\n borderRadius: 100,\n },\n inputContainer: {\n flex: 1,\n padding: 20,\n backgroundColor: \"#F2F2F2\",\n borderRadius: 300,\n borderWidth: 1,\n borderColor: \"#0000001F\",\n },\n textInput: {\n color: \"#5B5B5B\",\n fontSize: 18,\n fontWeight: \"600\",\n flex: 1,\n },\n iconBackground: {\n backgroundColor: \"transparent\",\n },\n});\n\nexport default function TurboSelfSelectHost() {\n const insets = useSafeAreaInsets();\n const animation = React.useRef(null);\n\n const search = useLocalSearchParams();\n const height = useSharedValue(INITIAL_HEIGHT);\n\n const siblings = useMemo(() => {\n const parsedRef = Array.isArray(search.siblings)\n ? search.siblings\n : typeof search.siblings === \"string\"\n ? JSON.parse(search.siblings)\n : [];\n\n return parsedRef.map(\n (sibling: any) =>\n new Host(\n sibling.id,\n sibling.localId,\n sibling.etabId,\n sibling.firstName,\n sibling.lastName,\n sibling.mode,\n sibling.quality,\n sibling.division,\n sibling.lunchPrice,\n sibling.type,\n sibling.cardNumber,\n sibling.cafeteriaUrl,\n sibling.premissions\n )\n );\n }, [search.siblings]);\n\n const AnimatedHeaderStyle = useAnimatedStyle(() => {\n 'worklet';\n const heightDiff = height.value - COLLAPSED_HEIGHT;\n\n return {\n maxHeight: interpolate(\n 0,\n [0, heightDiff],\n [height.value, COLLAPSED_HEIGHT],\n Extrapolate.CLAMP\n ),\n height: height.value,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n zIndex: 2,\n };\n }, []);\n\n const AnimatedInputContainerStyle = useAnimatedStyle(() => {\n 'worklet';\n return {\n paddingTop: height.value + 16,\n paddingHorizontal: 21,\n gap: 9\n };\n }, []);\n\n const animationCallback = useCallback(() => {\n if (animation.current) {\n animation.current.reset();\n animation.current.play();\n }\n }, []);\n\n useFocusEffect(animationCallback);\n\n const AnimatedLottieContainerStyle = useAnimatedStyle(() => {\n 'worklet';\n return {\n shadowColor: \"#000\",\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 0.25,\n shadowRadius: 4,\n elevation: 4,\n paddingBottom: 20\n };\n }, []);\n\n const theme = useTheme();\n const { colors } = theme;\n\n const { t } = useTranslation();\n\n return (\n \n \n \n \n \n \n \n \n \n {t(\"STEP\")} 3\n \n \n {t(\"STEP_OUTOF\")} 3\n \n \n \n {t(\"ONBOARDING_TURBOSELF_SELECTHOST\")}\n \n \n \n \n\n \n (\n {\n const user = item as Host\n const authentification = await authenticateWithCredentials(String(search.username), String(search.password), true, false, user.id)\n const accountId = uuid()\n const store = useAccountStore.getState()\n\n store.addAccount({\n id: accountId,\n firstName: authentification.host?.firstName ?? \"N/A\",\n lastName: authentification.host?.lastName ?? \"N/A\",\n schoolName: authentification.establishment?.name,\n className: authentification.host?.division,\n services: [{\n id: accountId,\n auth: {\n additionals: {\n username: String(search.username),\n password: String(search.password),\n \"hoteId\": authentification.host?.id ?? \"N/A\"\n }\n },\n serviceId: Services.TURBOSELF,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n })\n\n store.setLastUsedAccount(accountId)\n return router.push({\n pathname: \"../end/color\",\n params: {\n accountId\n }\n });\n }}>\n \n \n \n \n {`${(item as Host).lastName.toUpperCase()} ${(item as Host).firstName}`}\n \n \n \n )}\n keyExtractor={item => item.firstName}\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={{ justifyContent: \"space-between\" }}\n />\n \n \n \n );\n}"
},
{
"path": "app/(onboarding)/serviceSelection.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useRoute, useTheme } from \"@react-navigation/native\";\nimport { useRouter } from \"expo-router\";\nimport React, { useMemo, useState } from \"react\";\nimport { Image, ScrollView, View } from \"react-native\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport Button from \"@/ui/new/Button\";\nimport Divider from \"@/ui/new/Divider\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { PapillonZoomIn, PapillonZoomOut } from \"@/ui/utils/Transition\";\nimport adjust from \"@/utils/adjustColor\";\n\nimport { GetSupportedServices } from './utils/constants';\n\nexport default function ServiceSelection() {\n const headerHeight = useHeaderHeight();\n const theme = useTheme();\n const { colors } = theme;\n const insets = useSafeAreaInsets();\n const router = useRouter();\n const { t } = useTranslation();\n\n const { params } = useRoute();\n const { type } = params;\n\n const [selectedService, setSelectedService] = useState(null);\n\n const services = GetSupportedServices((path: { pathname: string, options?: UnknownInputParams }) => {\n router.push({\n pathname: path.pathname as unknown as RelativePathString,\n params: path.options ?? {} as unknown as UnknownInputParams\n });\n });\n\n const filteredServices = useMemo(() => {\n return services.filter((service) => service.type.includes(type));\n }, [services, type]);\n\n const titleString = useMemo(() => {\n switch (type) {\n case \"univ\":\n return t(\"ONBOARDING_SERVICE_SELECTION_TITLE_UNIV\");\n default:\n return t(\"ONBOARDING_SERVICE_SELECTION_TITLE_SCHOOL\");\n }\n }, [type, t]);\n\n\n const hasServiceRoute = services.find(service => service.name === selectedService)?.route || services.find(service => service.name === selectedService)?.onPress;\n\n const loginToService = (serviceName: string) => {\n const serviceRoute = services.find(service => service.name === serviceName)?.route;\n if(!serviceRoute) {\n services.find(service => service.name === serviceName)?.onPress();\n return;\n }\n const newRoute = './services/' + serviceRoute;\n router.push(newRoute);\n };\n\n if (![\"school\", \"univ\"].includes(type)) {\n return (\n \n \n {t(\"ONBOARDING_UNSUPPORTED_TITLE\")} \n {t(\"ONBOARDING_UNSUPPORTED_DESCRIPTION\")} \n {\n router.back();\n }}\n fullWidth\n />\n \n \n )\n }\n\n return (\n \n (\n \n {titleString} \n {t(\"ONBOARDING_SERVICE_SELECTION_DESCRIPTION\")} \n \n )}\n contentContainerStyle={{\n padding: 16,\n flexGrow: 1,\n gap: 10,\n paddingTop: headerHeight + 20\n }}\n style={{ flex: 1 }}\n >\n {filteredServices.map((app) => (\n setSelectedService(app.name)} style={{\n backgroundColor: selectedService === app.name ? adjust(colors.tint, theme.dark ? -0.8 : 0.9) : colors.item,\n minHeight: 62\n }}>\n \n \n {selectedService === app.name && \n \n \n \n {app.title} \n ))}\n \n\n \n { loginToService(selectedService) }}\n disabled={!selectedService || !hasServiceRoute}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/appscho/_layout.tsx",
"content": "import React from 'react';\n\nimport { Stack } from 'expo-router';\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport { Platform } from 'react-native';\nimport { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\n\nexport default function OnboardingLayout() {\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: false,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n\n return (\n \n \n );\n}"
},
{
"path": "app/(onboarding)/services/appscho/credentials.tsx",
"content": "import { router, useLocalSearchParams } from \"expo-router\";\nimport LottieView from \"lottie-react-native\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport {\n ActivityIndicator,\n Keyboard,\n KeyboardAvoidingView,\n View,\n} from \"react-native\";\nimport Reanimated, {\n useSharedValue,\n withTiming,\n} from \"react-native-reanimated\";\n\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { ServiceAccount, Services } from \"@/stores/account/types\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport { useTranslation } from \"react-i18next\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { INSTANCES, loginWithCredentials } from \"appscho\";\n\nconst ANIMATION_DURATION = 100;\n\nexport default function AppSchoCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n const { instanceId } = useLocalSearchParams<{ instanceId: string }>();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n\n const instance = INSTANCES.find(inst => inst.id === instanceId);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n const { t } = useTranslation();\n const alert = useAlert();\n\n async function handleLogin(username: string, password: string) {\n if (!instance) {\n alert.showAlert({\n title: t(\"ONBOARDING_ERROR\"),\n description: t(\"ONBOARDING_APPSCHO_INSTANCE_NOT_FOUND\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n withoutNavbar: true,\n });\n return;\n }\n\n if (!username.trim() || !password.trim()) {\n alert.showAlert({\n title: t(\"ONBOARDING_REQUIRED_FIELDS\"),\n description: t(\"ONBOARDING_FILL_ALL_FIELDS\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n withoutNavbar: true,\n });\n return;\n }\n\n setIsLoading(true);\n\n try {\n const response = await loginWithCredentials(instance.id, username, password);\n\n const id = uuid();\n const service: ServiceAccount = {\n id,\n auth: {\n additionals: {\n instanceId: instance.id,\n username: username,\n password: password,\n },\n },\n serviceId: Services.APPSCHO,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n };\n\n const store = useAccountStore.getState();\n\n store.addAccount({\n id,\n firstName: response.firstname,\n lastName: response.lastname,\n schoolName: instance.name,\n className: response.program ?? undefined,\n services: [service],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n });\n\n store.setLastUsedAccount(id);\n\n return router.push({\n pathname: \"/(onboarding)/end/color\",\n params: {\n accountId: id,\n },\n });\n } catch (error) {\n alert.showAlert({\n title: t(\"Alert_Auth_Error\"),\n description: t(\"ONBOARDING_ALERT_LOGIN_ABORTED\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n technical: String(error),\n withoutNavbar: true,\n });\n } finally {\n setIsLoading(false);\n }\n }\n\n return (\n \n \n \n \n \n \n {t(\"STEP\")} 2\n \n \n {t(\"STEP_OUTOF\")} 3\n \n \n \n {t(\"ONBOARDING_LOGIN_CREDENTIALS\")} {instance?.name || \"AppScho\"}\n \n \n \n\n {isLoading ? (\n \n \n \n {t(\"WAITING\")}\n \n \n {t(\"ONBOARDING_LOADING_LOGIN\")}\n \n \n \n ) : (\n \n {\n Keyboard.dismiss();\n handleLogin(username, password);\n },\n returnKeyType: \"done\",\n }}\n />\n handleLogin(username, password)}\n />\n \n )}\n \n (\"\");\n const { t } = useTranslation();\n\n const filteredInstances = useMemo(() => {\n if (!search.trim()) return INSTANCES;\n return INSTANCES.filter(instance => \n instance.name.toLowerCase().includes(search.toLowerCase())\n );\n }, [search]);\n\n return (\n {\n if (item.isSearchBar) {\n return (\n \n \n );\n }\n\n return (\n \n {\n requestAnimationFrame(() => {\n if (item.casurl) {\n router.push({pathname: '/(onboarding)/services/appscho/webview', params: { instanceId: item.id }})\n } else {\n router.push({pathname: '/(onboarding)/services/appscho/credentials', params: { instanceId: item.id }})\n }\n });\n }}\n style={{\n paddingHorizontal: 18,\n paddingVertical: 14,\n borderColor: colors.border,\n borderWidth: 1.5,\n borderRadius: 80,\n borderCurve: \"continuous\",\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'flex-start',\n display: 'flex',\n gap: 16,\n }}\n >\n \n {UNIVERSITY_LOGOS[item.id] ? (\n \n {item.name} \n \n \n );\n }}\n />\n );\n}"
},
{
"path": "app/(onboarding)/services/appscho/webview.tsx",
"content": "import OnboardingWebview from \"@/components/onboarding/OnboardingWebview\";\nimport { router, useLocalSearchParams } from \"expo-router\";\nimport { INSTANCES, getCASURL, loginWithOAuth } from \"appscho\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { ServiceAccount, Services } from \"@/stores/account/types\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport { useState } from \"react\";\n\nexport default function AppschoWebView() {\n const { instanceId } = useLocalSearchParams<{ instanceId: string }>();\n const { t } = useTranslation();\n const alert = useAlert();\n const [isProcessing, setIsProcessing] = useState(false);\n \n const instance = INSTANCES.find(inst => inst.id === instanceId);\n const loginURL = getCASURL(instance?.id as string);\n\n const handleRequest = async (url: string) => {\n \n const urlObj = new URL(url);\n const code = urlObj.searchParams.get('code');\n \n if (code && !isProcessing && instance) {\n setIsProcessing(true);\n \n try {\n const response = await loginWithOAuth(instance.id, code);\n\n const id = uuid();\n const service: ServiceAccount = {\n id,\n auth: {\n additionals: {\n instanceId: instance.id,\n code: code,\n refreshToken: response.refreshToken || \"\",\n },\n },\n serviceId: Services.APPSCHO,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n };\n\n const store = useAccountStore.getState();\n\n store.addAccount({\n id,\n firstName: response.firstname || t(\"ONBOARDING_DEFAULT_USER_FIRSTNAME\"),\n lastName: response.lastname || instance.name,\n schoolName: response.program || instance.name,\n className: response.department ?? undefined,\n services: [service],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n });\n \n store.setLastUsedAccount(id);\n\n return router.push({\n pathname: \"/(onboarding)/end/color\",\n params: {\n accountId: id,\n },\n });\n } catch (error) {\n Error(`OAuth login error: ${error}`);\n alert.showAlert({\n title: t(\"Alert_Auth_Error\"),\n description: t(\"ONBOARDING_ALERT_OAUTH_LOGIN_ABORTED\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n technical: String(error),\n withoutNavbar: true,\n });\n setIsProcessing(false);\n }\n }\n };\n\n return (\n ${t(\"ONBOARDING_LOADING\")}` },\n onShouldStartLoadWithRequest: (request) => {\n handleRequest(request.url);\n return true;\n }\n }}\n />\n );\n}\n"
},
{
"path": "app/(onboarding)/services/ed/_layout.tsx",
"content": "import React from 'react';\nimport { useTranslation } from \"react-i18next\";\n\nimport { Stack } from 'expo-router';\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport { Platform } from 'react-native';\nimport { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\n\nexport default function OnboardingLayout() {\n const { t } = useTranslation();\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n\n return (\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/ed/credentials.tsx",
"content": "\nimport { Client, DoubleAuthQuestions, DoubleAuthResult, Require2FA } from \"@blockshub/blocksdirecte\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { router } from \"expo-router\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Alert,\n Keyboard,\n KeyboardAvoidingView,\n Modal,\n Platform,\n Pressable,\n View,\n} from \"react-native\";\nimport Reanimated, {\n FadeInDown,\n FadeOutUp,\n useSharedValue,\n withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport OnboardingScrollingFlatList from \"@/components/onboarding/OnboardingScrollingFlatList\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Account, Services } from \"@/stores/account/types\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport LoginView from \"../../components/LoginView\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\n\nconst ANIMATION_DURATION = 170;\nexport const PlatformPressable = Platform.OS === 'android' ? Pressable : AnimatedPressable;\n\nexport default function EDLoginWithCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n const { colors } = theme;\n\n const alert = useAlert();\n const { t } = useTranslation();\n\n const [challengeModalVisible, setChallengeModalVisible] = useState(false);\n const [doubleAuthChallenge, setDoubleAuthChallenge] = useState(null);\n\n const [session, setSession] = useState(null);\n const [token, setToken] = useState();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n\n const [isLoggingIn, setIsLoggingIn] = useState(false);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n const handleLogin = async (username: string, password: string, keys?: DoubleAuthResult) => {\n const client = new Client();\n const device = uuid();\n const store = useAccountStore.getState();\n\n try {\n const tokens = await client.auth.loginUsername(username, password, keys?.cn, keys?.cv, true, device);\n if (tokens) {\n client.auth.setAccount(0);\n const authentication = client.auth.getAccount();\n const account: Account = {\n id: device,\n firstName: authentication.prenom,\n lastName: authentication.nom,\n schoolName: authentication.nomEtablissement,\n services: [\n {\n id: device,\n auth: {\n additionals: {\n \"username\": username,\n \"token\": authentication.accessToken,\n \"cn\": keys?.cn ?? \"\",\n \"cv\": keys?.cv ?? \"\",\n \"deviceUUID\": device\n }\n },\n serviceId: Services.ECOLEDIRECTE,\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n },\n ],\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString(),\n };\n\n store.addAccount(account);\n store.setLastUsedAccount(device);\n\n queueMicrotask(() => {\n router.push({\n pathname: \"../end/color\",\n params: { accountId: device },\n });\n });\n }\n } catch (e) {\n setIsLoggingIn(false);\n if (e instanceof Require2FA) {\n const questions = await client.auth.get2FAQuestion(e.token);\n setDoubleAuthChallenge(questions);\n setSession(client);\n setChallengeModalVisible(true);\n setToken(e.token);\n } else {\n Alert.alert(t(\"Alert_Auth_Error\"), t(\"ONBOARDING_ALERT_LOGIN_ABORTED\"));\n }\n }\n }\n\n const loginED = async () => {\n if (!username.trim() || !password.trim()) { return; }\n setIsLoggingIn(true);\n Keyboard.dismiss();\n await handleLogin(username, password);\n setIsLoggingIn(false);\n };\n\n async function handleChallenge(index: number) {\n setChallengeModalVisible(false);\n\n if (!session || !doubleAuthChallenge?.propositions?.[index]) { return }\n try {\n const keys = await session.auth.send2FAQuestion(doubleAuthChallenge.propositions[index], token ?? \"\");\n queueMicrotask(() => void handleLogin(username, password, keys));\n } catch {\n throw new Error(\"2FA challenge failed\");\n }\n }\n\n function questionComponent({ item, index }: { item: unknown; index: number }) {\n return (\n \n {\n handleChallenge(index);\n }}\n style={{\n paddingHorizontal: 10,\n paddingVertical: 10,\n paddingRight: 18,\n borderColor: colors.border,\n borderWidth: 1.5,\n borderRadius: 80,\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: 16,\n }}\n >\n \n \n {index + 1}\n \n \n \n \n {String(item)}\n \n \n \n \n );\n }\n\n const headerHeight = useHeaderHeight();\n const finalHeaderHeight = Platform.select({\n android: headerHeight,\n default: insets.top\n });\n\n return (\n \n \n {\n if (!isLoggingIn && values.username && values.password) {\n setUsername(values.username);\n setPassword(values.password);\n loginED();\n }\n }}\n />\n \n\n setChallengeModalVisible(false)}\n >\n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/lannion/_layout.tsx",
"content": "import React from 'react';\nimport { useTranslation } from \"react-i18next\";\n\nimport { Stack } from 'expo-router';\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport { Platform } from 'react-native';\nimport { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\n\nexport default function OnboardingLayout() {\n const { t } = useTranslation();\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n\n return (\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/lannion/credentials.tsx",
"content": "import { useTheme } from \"@react-navigation/native\";\nimport { router, useNavigation } from \"expo-router\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Alert,\n Keyboard,\n KeyboardAvoidingView,\n Platform,\n View,\n} from \"react-native\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport {\n useSharedValue,\n withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport { authenticateWithCredentials, LannionAPI } from \"@/services/lannion/module\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Account, Services } from \"@/stores/account/types\";\nimport { useSettingsStore } from \"@/stores/settings\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport uuid from \"@/utils/uuid/uuid\";\n\nimport LoginView from \"../../components/LoginView\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\n\nconst ANIMATION_DURATION = 170;\n\nconst upperFirst = (str: string) => {\n return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();\n}\n\nexport default function LannionCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n const navigation = useNavigation();\n\n const alert = useAlert();\n const { t } = useTranslation();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n\n const [isLoggingIn, setIsLoggingIn] = useState(false);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n\n const university = \"IUT de Lannion\";\n const color = \"#e0001a\";\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n async function handleLogin(password: string, username: string) {\n setIsLoggingIn(true);\n try {\n const store = useAccountStore.getState();\n\n const client = await authenticateWithCredentials(username, password);\n\n const api = new LannionAPI(client);\n const relevesResult = await api.getAllReleves();\n\n if (!relevesResult.success || !relevesResult.data || relevesResult.data.length === 0) {\n throw new Error(relevesResult.error || \"Failed to fetch student data\");\n }\n const firstReleve: any = relevesResult.data[0];\n const etudiant = firstReleve.relevé?.etudiant;\n\n const accountUUID = String(uuid());\n const studentName = upperFirst(etudiant?.nom) || t(\"ONBOARDING_UNKNOWN_NAME\");\n const studentFirstName = upperFirst(etudiant?.prenom) || t(\"ONBOARDING_UNKNOWN_STUDENT\");\n\n const account: Account = {\n id: accountUUID,\n firstName: studentFirstName,\n lastName: studentName,\n schoolName: university,\n services: [\n {\n id: uuid(),\n auth: {\n additionals: {\n username: username,\n password: password\n },\n },\n serviceId: Services.LANNION,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n ],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n };\n\n store.addAccount(account);\n store.setLastUsedAccount(accountUUID);\n\n const settingsStore = useSettingsStore.getState();\n const disabledTabs = settingsStore.personalization.disabledTabs || [];\n const newDisabledTabs = Array.from(new Set([...disabledTabs, \"news\", \"tasks\"]));\n\n settingsStore.mutateProperty(\"personalization\", {\n disabledTabs: newDisabledTabs\n });\n\n setIsLoggingIn(false);\n\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n return router.push(\"/\");\n } catch (error) {\n console.error(error);\n if (error instanceof Error) {\n Alert.alert(t(\"Alert_Auth_Error\"), t(\"Alert_Auth_Bad_Creds\"));\n }\n setIsLoggingIn(false);\n }\n }\n\n const headerHeight = useHeaderHeight();\n const finalHeaderHeight = Platform.select({\n android: headerHeight,\n default: insets.top\n });\n\n\n if (Platform.OS === 'android') {\n return (\n \n \n {t(\"ONBOARDING_LANNION_ANDROID_TITLE\")}\n \n \n {t(\"ONBOARDING_LANNION_ANDROID_DESCRIPTION\")}\n \n router.back()}\n />\n \n )\n }\n\n return (\n \n \n {\n if (!isLoggingIn && values.username && values.password) {\n handleLogin(values.password, values.username);\n }\n }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/multi/_layout.tsx",
"content": "import React from 'react';\n\nimport { Stack } from 'expo-router';\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport { useLocalSearchParams } from 'expo-router';\nimport { useTranslation } from \"react-i18next\";\nimport { Platform } from 'react-native';\nimport { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\n\nexport default function OnboardingLayout() {\n const { t } = useTranslation();\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n \n const param = useLocalSearchParams();\n\n return (\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/multi/credentials.tsx",
"content": "\nimport { useTheme } from \"@react-navigation/native\";\nimport { authWithCredentials } from 'esup-multi.js';\nimport { router, useLocalSearchParams, useNavigation } from \"expo-router\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Keyboard,\n KeyboardAvoidingView,\n Platform,\n ScrollView,\n View,\n} from \"react-native\";\nimport Reanimated, {\n useSharedValue,\n withTiming,\n} from \"react-native-reanimated\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport OnboardingBackButton from \"@/components/onboarding/OnboardingBackButton\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { Account, Services } from \"@/stores/account/types\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport Button from \"@/ui/components/Button\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport uuid from \"@/utils/uuid/uuid\";\nimport LoginView from \"../../components/LoginView\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\n\nconst ANIMATION_DURATION = 170;\n\nexport default function MultiLoginWithCredentials() {\n const insets = useSafeAreaInsets();\n const theme = useTheme();\n const navigation = useNavigation();\n\n const alert = useAlert();\n const { t } = useTranslation();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n\n const [isLoggingIn, setIsLoggingIn] = useState(false);\n\n const opacity = useSharedValue(1);\n const scale = useSharedValue(1);\n\n const param = useLocalSearchParams();\n console.log(param);\n const instanceUrl = String(param.url);\n const university = String(param.university);\n const color = String(param.color);\n\n const keyboardListeners = useMemo(() => ({\n show: () => {\n \"worklet\";\n opacity.value = withTiming(0, { duration: ANIMATION_DURATION });\n scale.value = withTiming(0.8, { duration: ANIMATION_DURATION });\n },\n hide: () => {\n \"worklet\";\n opacity.value = withTiming(1, { duration: ANIMATION_DURATION });\n scale.value = withTiming(1, { duration: ANIMATION_DURATION });\n },\n }), [opacity]);\n\n useEffect(() => {\n const showSub = Keyboard.addListener(\"keyboardWillShow\", keyboardListeners.show);\n const hideSub = Keyboard.addListener(\"keyboardWillHide\", keyboardListeners.hide);\n\n return () => {\n showSub.remove();\n hideSub.remove();\n };\n }, [keyboardListeners]);\n\n async function handleLogin(password: string, username: string) {\n setIsLoggingIn(true);\n try {\n const store = useAccountStore.getState()\n const MultiAccount = await authWithCredentials(instanceUrl, { username, password });\n const accountUUID = String(uuid());\n\n const account: Account = {\n id: accountUUID,\n firstName: MultiAccount?.userData.firstname ?? \"\",\n lastName: MultiAccount?.userData.name ?? \"\",\n schoolName: university,\n services: [\n {\n id: uuid(),\n auth: {\n refreshToken: MultiAccount.userData.refreshAuthToken,\n additionals: { instanceUrl: instanceUrl },\n },\n serviceId: Services.MULTI,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n ],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n\n store.addAccount(account)\n store.setLastUsedAccount(accountUUID)\n\n setIsLoggingIn(false);\n\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n return router.push(\"/\");\n } catch (error) {\n if (error instanceof Error) {\n alert.showAlert({\n title: t(\"Alert_Auth_Error\"),\n description: t(\"Alert_Auth_Bad_Creds\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n withoutNavbar: true\n });\n }\n setIsLoggingIn(false);\n }\n }\n\n const headerHeight = useHeaderHeight();\n const finalHeaderHeight = Platform.select({\n android: headerHeight,\n default: insets.top\n });\n\n return (\n \n \n {\n if (!isLoggingIn && values.username && values.password) {\n handleLogin(values.password, values.username);\n }\n }}\n />\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/pronote/2fa.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport * as Device from \"expo-device\"\nimport { router } from \"expo-router\";\nimport { finishLoginManually, SecurityError, securitySave, securitySource, SessionHandle } from \"pawnote\";\nimport React, { useCallback, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { FlatList, View } from \"react-native\";\nimport { ScrollView } from \"react-native-gesture-handler\";\nimport Reanimated from \"react-native-reanimated\"\n\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport { useAlert } from \"@/ui/components/AlertProvider\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\n\nimport { PlatformPressable } from \"../ed/credentials\";\n\nexport function Pronote2FAModal({ doubleAuthSession, doubleAuthError, setChallengeModalVisible, deviceId }: { doubleAuthSession: SessionHandle | null, doubleAuthError: SecurityError | null, setChallengeModalVisible: (visible: boolean) => void, deviceId: string }) {\n const { t } = useTranslation();\n const { colors, dark } = useTheme();\n const alert = useAlert();\n\n const [pinCode, setPinCode] = useState(\"\");\n\n const solveDoubleAuth = async (pinCode: string) => {\n try {\n if (!doubleAuthSession || !doubleAuthError) { return; }\n\n const error = doubleAuthError\n const session = doubleAuthSession\n const deviceName = Device.deviceName\n const source = \"Papillon sur \" + deviceName\n await securitySource(session, source.length > 30 ? \"Papillon\" : \"Papillon sur \" + deviceName)\n await securitySave(session, error.handle, {\n pin: pinCode,\n deviceName: source.length > 30 ? \"Papillon\" : \"Papillon sur \" + deviceName || \"Papillon\"\n })\n\n const context = error.handle.context;\n const refresh = await finishLoginManually(\n session,\n context.authentication,\n context.identity,\n context.initialUsername\n )\n const splittedUsername = session.user.name.split(\" \")\n const firstName = splittedUsername[splittedUsername.length - 1]\n const lastName = splittedUsername.slice(0, splittedUsername.length - 1).join(\" \")\n const schoolName = session.user.resources[0].establishmentName\n const className = session.user.resources[0].className\n\n const account = {\n id: deviceId,\n firstName,\n lastName,\n schoolName,\n className,\n services: [{\n id: deviceId,\n auth: {\n accessToken: refresh.token,\n refreshToken: refresh.token,\n additionals: {\n instanceURL: refresh.url,\n kind: refresh.kind,\n username: refresh.username,\n deviceUUID: deviceId\n }\n },\n serviceId: Services.PRONOTE,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n\n const store = useAccountStore.getState()\n store.addAccount(account)\n store.setLastUsedAccount(deviceId)\n\n router.push({\n pathname: \"../end/color\",\n params: {\n accountId: deviceId\n }\n });\n } catch (error) {\n return alert.showAlert({\n title: t(\"Alert_Auth_Error\"),\n description: t(\"ONBOARDING_ALERT_BAD_CREDENTIALS_PRONOTE\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n technical: String(error),\n withoutNavbar: true\n })\n }\n }\n\n function addPinCodeChar(char: string): void {\n if (pinCode.length < 4) {\n setPinCode((prev) => prev + char);\n }\n }\n\n const data = [\n {\n name: \"1\",\n onPress: () => {\n addPinCodeChar(\"1\")\n }\n },\n {\n name: \"2\",\n onPress: () => {\n addPinCodeChar(\"2\")\n }\n },\n {\n name: \"3\",\n onPress: () => {\n addPinCodeChar(\"3\")\n }\n },\n {\n name: \"4\",\n onPress: () => {\n addPinCodeChar(\"4\")\n }\n },\n {\n name: \"5\",\n onPress: () => {\n addPinCodeChar(\"5\")\n }\n },\n {\n name: \"6\",\n onPress: () => {\n addPinCodeChar(\"6\")\n }\n },\n {\n name: \"7\",\n onPress: () => {\n addPinCodeChar(\"7\")\n }\n },\n {\n name: \"8\",\n onPress: () => {\n addPinCodeChar(\"8\")\n }\n },\n {\n name: \"9\",\n onPress: () => {\n addPinCodeChar(\"9\")\n }\n },\n {\n name: \"del\",\n icon: \n {!item.icon ? ({item.name} ) : (item.icon)}\n \n ), [data]);\n\n return (\n \n \n \n \n \n {t(\"STEP\")} 3\n \n \n {t(\"STEP_OUTOF\")} 3\n \n \n \n {t(\"ONBOARDING_LOGIN_PINCODE\")}\n \n \n \n \n \n \n \n {pinCode.trim() ? pinCode : t(\"INPUT_PIN\")} \n \n \n \n \n )\n}\n"
},
{
"path": "app/(onboarding)/services/pronote/_layout.tsx",
"content": "import React from 'react';\nimport { Platform, PlatformColor, View } from 'react-native';\nimport { useTranslation } from \"react-i18next\";\n\nimport { Stack } from 'expo-router';\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport AndroidHeaderBackground, { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\n\nexport default function OnboardingLayout() {\n const { t } = useTranslation();\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n\n return (\n \n \n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/pronote/browser.tsx",
"content": "import { useRoute, useTheme } from \"@react-navigation/native\";\nimport { router, useNavigation } from \"expo-router\";\nimport { AccountKind, createSessionHandle, loginToken, SecurityError, SessionHandle } from \"pawnote\";\nimport React, { createRef, RefObject, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Alert, KeyboardAvoidingView, Modal } from \"react-native\";\nimport Reanimated, { FadeIn, FadeOut } from \"react-native-reanimated\";\nimport WebView from \"react-native-webview\";\nimport { WebViewErrorEvent, WebViewMessage, WebViewNavigationEvent } from \"react-native-webview/lib/WebViewTypes\";\n\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport ActivityIndicator from \"@/ui/components/ActivityIndicator\";\nimport Stack from \"@/ui/components/Stack\";\nimport Divider from \"@/ui/new/Divider\";\nimport Typography from \"@/ui/new/Typography\";\nimport { URLToBase64 } from \"@/utils/attachments/helper\";\nimport { customFetcher } from \"@/utils/pronote/fetcher\";\nimport { GetIdentityFromPronoteUsername } from \"@/utils/pronote/name\";\nimport uuid from \"@/utils/uuid/uuid\";\n\nimport OnboardingWebView from \"../../components/OnboardingWebView\";\nimport { Pronote2FAModal } from \"./2fa\";\nimport Button from \"@/ui/new/Button\";\n\nexport default function PronoteENTLogin() {\n const { colors } = useTheme();\n const { t } = useTranslation();\n const navigation = useNavigation();\n const { params } = useRoute();\n const { url, school } = params;\n const baseURL = url.split(\"/pronote\")[0];\n\n // UI Logic\n const [browserVisible, setBrowserVisible] = React.useState(false);\n\n const [hasLoadingBeenTooLong, setHasLoadingBeenTooLong] = useState(false);\n const [loadingHidden, setLoadingHidden] = useState(false);\n\n useEffect(() => {\n navigation.setOptions({ headerShown: false });\n }, []);\n\n useEffect(() => {\n if (browserVisible) {\n setHasLoadingBeenTooLong(false);\n return;\n }\n\n const timeout = setTimeout(() => {\n setHasLoadingBeenTooLong(true);\n }, 15000);\n\n return () => clearTimeout(timeout);\n }, [browserVisible]);\n\n const webViewRef: RefObject | null> = createRef();\n\n // Login logic\n const infoMobileURL = url + \"/InfoMobileApp.json?id=0D264427-EEFC-4810-A9E9-346942A862A4\";\n\n const [deviceUUID] = useState(uuid());\n const [received, setReceived] = useState(false);\n console.log(\"WebViewScreen initialized with URL:\", url);\n\n const [challengeModalVisible, setChallengeModalVisible] = useState(false);\n const [doubleAuthError, setDoubleAuthError] = useState(null);\n const [doubleAuthSession, setDoubleAuthSession] = useState(null);\n const [deviceId, setDeviceId] = useState(\"\");\n const [hasShownConnectionErrorAlert, setHasShownConnectionErrorAlert] = useState(false);\n\n const PRONOTE_COOKIE_EXPIRED = new Date(0).toUTCString();\n const PRONOTE_COOKIE_VALIDATION_EXPIRES = new Date(\n new Date().getTime() + 5 * 60 * 1000,\n ).toUTCString();\n const PRONOTE_COOKIE_LANGUAGE_EXPIRES = new Date(\n new Date().getTime() + 365 * 24 * 60 * 60 * 1000,\n ).toUTCString();\n\n const INJECT_PRONOTE_INITIAL_LOGIN_HOOK = `\n window.hookAccesDepuisAppli = function() {\n this.passerEnModeValidationAppliMobile('', '${deviceUUID}');\n };\n try {\n window.GInterface.passerEnModeValidationAppliMobile('', '${deviceUUID}', '', '', '{\"model\": \"random\", \"platform\": \"android\"}');\n } catch {}\n `.trim();\n\n const INJECT_PRONOTE_JSON = `\n (function () {\n try {\n const json = JSON.parse(document.body.innerText);\n const lJetonCas = !!json && !!json.CAS && json.CAS.jetonCAS;\n \n document.cookie = \"appliMobile=; expires=${PRONOTE_COOKIE_EXPIRED}\"\n\n if (!!lJetonCas) {\n document.cookie = \"validationAppliMobile=\" + lJetonCas + \"; expires=${PRONOTE_COOKIE_VALIDATION_EXPIRES}\";\n document.cookie = \"uuidAppliMobile=${deviceUUID}; expires=${PRONOTE_COOKIE_VALIDATION_EXPIRES}\";\n // 1036 = French\n document.cookie = \"ielang=1036; expires=${PRONOTE_COOKIE_LANGUAGE_EXPIRES}\";\n }\n\n console.log(lJetonCas)\n\n window.location.assign(\"${url}/mobile.eleve.html?fd=1\");\n }\n catch (error) {\n console.error(\"Error parsing JSON or injecting cookies:\", error);\n }\n })();\n `.trim();\n\n const INJECT_PRONOTE_CURRENT_LOGIN_STATE = `\n (function () {\n setInterval(function() {\n const state = window && window.loginState ? window.loginState : void 0;\n\n window.ReactNativeWebView.postMessage(JSON.stringify({\n type: 'pronote.loginState',\n data: state\n }));\n }, 1000);\n })();\n `.trim();\n\n const INJECT_PRONOTE_CONNECTION_ERROR_WATCHER = `\n (function () {\n if (window.__pronoteConnImpossibleWatcherInstalled) return;\n window.__pronoteConnImpossibleWatcherInstalled = true;\n\n function hasConnectionError() {\n const nodes = document.querySelectorAll('div');\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n const raw = node && node.textContent ? node.textContent : \"\";\n const text = raw\n .normalize(\"NFD\")\n .replace(/[\\\\u0300-\\\\u036f]/g, \"\")\n .toLowerCase()\n .trim();\n\n if (!text) continue;\n if (text.includes(\"connexion impossible\") || text.includes(\"erreur\")) {\n return true;\n }\n }\n\n return false;\n }\n\n function notifyIfNeeded() {\n if (window.__pronoteConnImpossibleSent) return;\n if (!hasConnectionError()) return;\n window.__pronoteConnImpossibleSent = true;\n window.ReactNativeWebView.postMessage(JSON.stringify({\n type: 'pronote.connectionError'\n }));\n }\n\n notifyIfNeeded();\n setInterval(notifyIfNeeded, 1000);\n\n const observer = new MutationObserver(notifyIfNeeded);\n observer.observe(document.documentElement || document.body, { childList: true, subtree: true, characterData: true });\n })();\n `.trim();\n\n const onWebviewMessage = async ({ nativeEvent }: { nativeEvent: WebViewMessage }) => {\n let message: { type?: string; data?: any };\n try {\n message = JSON.parse(nativeEvent.data);\n } catch {\n return;\n }\n console.log(\"Message received from WebView:\", message);\n\n if (message.type === \"pronote.connectionError\") {\n setBrowserVisible(true);\n if (!hasShownConnectionErrorAlert) {\n setHasShownConnectionErrorAlert(true);\n Alert.alert(\"Connexion impossible\", \"La connexion à Pronote est impossible. Cele vient probablement de votre établissement ou d'une erreur de configuration.\");\n }\n return;\n }\n\n if (received) { return; }\n\n if (message.type === \"pronote.loginState\") {\n console.log(\"Login state message received:\", message.data);\n\n if (!message.data) {\n console.warn(\"No login data in message\");\n return;\n }\n if (message.data.status !== 0) {\n console.warn(\"Login status is not valid:\", message.data.status);\n return;\n }\n setReceived(true);\n\n console.log(message.data.login, message.data.mdp);\n console.log(\"Creating session handle...\");\n const session = createSessionHandle(customFetcher);\n try {\n const refresh = await loginToken(\n session,\n {\n url: url,\n kind: AccountKind.STUDENT,\n username: message.data.login,\n token: message.data.mdp,\n deviceUUID,\n },\n );\n\n if (!refresh) {\n throw new Error(\"Erreur lors de la connexion\");\n }\n\n console.log(\"Login successful, adding account to store...\");\n const schoolName = session.user.resources[0].establishmentName;\n const className = session.user.resources[0].className;\n const { firstName, lastName } = GetIdentityFromPronoteUsername(session.user.name)\n\n let pp = \"\";\n if (session.user.resources[0].profilePicture?.url) {\n pp = await URLToBase64(session.user.resources[0].profilePicture?.url)\n }\n\n useAccountStore.getState().addAccount({\n id: deviceUUID,\n firstName,\n lastName,\n schoolName,\n className,\n customisation: {\n profilePicture: pp,\n subjects: {}\n },\n services: [{\n id: deviceUUID,\n auth: {\n accessToken: refresh.token,\n refreshToken: refresh.token,\n additionals: {\n instanceURL: refresh.url,\n kind: refresh.kind,\n username: refresh.username,\n deviceUUID,\n },\n },\n serviceId: Services.PRONOTE,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n }],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString(),\n });\n useAccountStore.getState().setLastUsedAccount(deviceUUID);\n\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n\n router.back();\n router.dismissAll();\n return router.push(\"/\");\n } catch (error) {\n if (error instanceof SecurityError && !error.handle.shouldCustomPassword && !error.handle.shouldCustomDoubleAuth) {\n setDoubleAuthError(error)\n setDoubleAuthSession(session)\n setDeviceId(deviceUUID)\n setChallengeModalVisible(true)\n } else {\n console.error(\"Error during login:\", error);\n Alert.alert(\"Erreur\", \"Une erreur est survenue lors de la connexion à Pronote. Veuillez réessayer.\");\n throw error;\n }\n }\n }\n };\n\n const onWebviewLoadEnd = (e: WebViewNavigationEvent | WebViewErrorEvent) => {\n const { url } = e.nativeEvent;\n console.log(\"WebView finished loading URL:\", url);\n\n if (url === infoMobileURL) {\n setBrowserVisible(false);\n } else {\n setBrowserVisible(true);\n }\n\n webViewRef.current?.injectJavaScript(\n INJECT_PRONOTE_INITIAL_LOGIN_HOOK,\n );\n\n if (url.startsWith(baseURL)) {\n webViewRef.current?.injectJavaScript(\n INJECT_PRONOTE_CONNECTION_ERROR_WATCHER,\n );\n }\n\n if (url === infoMobileURL) {\n console.log(\"Injecting JSON script for InfoMobileURL\");\n webViewRef.current?.injectJavaScript(INJECT_PRONOTE_JSON);\n } else if (url.includes(\"mobile.eleve.html\")) {\n console.log(\"Injecting login state scripts for student account\");\n webViewRef.current?.injectJavaScript(\n INJECT_PRONOTE_INITIAL_LOGIN_HOOK,\n );\n webViewRef.current?.injectJavaScript(\n INJECT_PRONOTE_CURRENT_LOGIN_STATE,\n );\n }\n };\n\n return (\n \n {!browserVisible && !loadingHidden &&\n \n \n {t(\"ONBOARDING_LOGIN_TO\")} {school && school.name ? school.name : t(\"ONBOARDING_YOUR_SCHOOL\")} \n {t(\"ONBOARDING_SCHOOLS_SEARCHING_HINT\")} \n\n {hasLoadingBeenTooLong && (\n setLoadingHidden(true)} />\n )}\n \n \n }\n\n {\n webViewRef.current?.stopLoading();\n webViewRef.current?.injectJavaScript(`window.location.assign(\"${evt.nativeEvent.targetUrl}\");`); // Yes, this is tricky, but it's in official documentation\n }}\n injectedJavaScript={`\n var meta = document.createElement('meta');\n meta.setAttribute('name', 'viewport');\n meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');\n document.getElementsByTagName('head')[0].appendChild(meta);\n `}\n />\n\n setChallengeModalVisible(false)}\n >\n \n )\n}\n"
},
{
"path": "app/(onboarding)/services/pronote/locate.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useNavigation } from \"expo-router\";\nimport React, { memo, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { KeyboardAvoidingView, Platform } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport ActivityIndicator from \"@/ui/components/ActivityIndicator\";\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Icon from \"@/ui/components/Icon\";\nimport Search from \"@/ui/components/Search\";\nimport Stack from \"@/ui/components/Stack\";\nimport Divider from \"@/ui/new/Divider\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { GeographicSearchCities } from \"@/utils/native/georeverse\";\n\nconst convertPostalCode\n= (postalCode: string) => {\n if (postalCode.length < 5) {\n return \"0\" + postalCode;\n }\n return postalCode;\n}\n\nexport interface School {\n name: string,\n distance: number,\n url: string\n}\n\nconst PronoteSearchHeader = memo(({\n city,\n setCity,\n loading,\n showElse,\n t\n}: {\n city: string,\n setCity: (text: string) => void,\n loading: boolean,\n showElse: boolean,\n t: (key: string, options?: any) => string\n}) => (\n \n {t(\"ONBOARDING_SEARCH_TITLE\")} \n {t(\"ONBOARDING_PRONOTE_LOCATION_HELP\")} \n \n \n {t(\"ONBOARDING_SCHOOLS_SEARCHING\")} \n {t(\"ONBOARDING_SCHOOLS_SEARCHING_HINT\")} \n \n \n }\n\n \n));\n\nexport default function PronoteLoginMethod() {\n const headerHeight = useHeaderHeight();\n const insets = useSafeAreaInsets();\n const navigation = useNavigation();\n const { t } = useTranslation();\n\n const [city, setCity] = useState(\"\");\n const [debouncedCity, setDebouncedCity] = useState(\"\");\n const [cities, setCities] = useState>([]);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setDebouncedCity(city.trim());\n }, 350);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [city]);\n\n useEffect(() => {\n if(!debouncedCity || debouncedCity.length < 3) {\n setCities([]);\n setLoading(false);\n } else {\n let canceled = false;\n\n setLoading(true);\n GeographicSearchCities(debouncedCity)\n .then((cities) => {\n if(canceled) {\n return;\n }\n setCities(cities.sort((a, b) => b.importance - a.importance).splice(0, 10));\n })\n .finally(() => {\n if(canceled) {\n return;\n }\n setLoading(false);\n });\n\n return () => {\n canceled = true;\n };\n }\n }, [debouncedCity]);\n\n const selectCity = (city: School) => {\n navigation.navigate(`select`, { city: city });\n }\n\n return (\n \n navigation.navigate(\"qrcode\")}>\n \n \n {t(\"ONBOARDING_PRONOTE_LOGIN_QRCODE\")} \n \n {t(\"ONBOARDING_PRONOTE_LOGIN_QRCODE_DESCRIPTION\")}\n \n \n )}\n\n {cities.length === 0 && !loading && (\n navigation.navigate(\"url\")}>\n \n \n {t(\"ONBOARDING_PRONOTE_LOGIN_URL\")} \n \n )}\n\n {cities.map((city, i) => (\n {selectCity(city)}}>\n \n \n {city.city} \n \n {city.context}\n \n \n \n {convertPostalCode(city.postalCode.toString())}\n \n \n \n ))}\n \n \n )\n}\n"
},
{
"path": "app/(onboarding)/services/pronote/qrcode.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport MaskedView from \"@react-native-masked-view/masked-view\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { CameraView, useCameraPermissions } from \"expo-camera\";\nimport * as Haptics from \"expo-haptics\";\nimport { router, useGlobalSearchParams } from \"expo-router\";\nimport { AuthenticateError, createSessionHandle, loginQrCode, SecurityError } from \"pawnote\";\nimport React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ActivityIndicator, Keyboard, KeyboardAvoidingView, Modal, StyleSheet, TextInput, View } from \"react-native\";\nimport Reanimated, { FadeInUp, FadeOutUp, LinearTransition } from \"react-native-reanimated\";\nimport { SafeAreaView, useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport Button from \"@/ui/components/Button\";\nimport Icon from \"@/ui/components/Icon\";\nimport Typography from \"@/ui/components/Typography\";\nimport { URLToBase64 } from \"@/utils/attachments/helper\";\nimport { customFetcher } from \"@/utils/pronote/fetcher\";\nimport { GetIdentityFromPronoteUsername } from \"@/utils/pronote/name\";\nimport uuid from \"@/utils/uuid/uuid\";\n\nexport default function PronoteLoginWithQR() {\n const theme = useTheme();\n const insets = useSafeAreaInsets();\n\n const { colors } = theme;\n const [permission, requestPermission] = useCameraPermissions();\n const [scanned, setScanned] = useState(false);\n\n const [keyboardOpen, setKeyboardOpen] = useState(false);\n\n const [QRValidationCode, setQRValidationCode] = useState(\"\");\n const [pinModalVisible, setPinModalVisible] = useState(false);\n\n const [loadingModalVisible, setLoadingModalVisible] = useState(false);\n\n const codeInput = React.createRef();\n const [QRData, setQRData] = useState(null);\n\n async function loginQR() {\n setScanned(false);\n setLoadingModalVisible(true);\n\n if (QRValidationCode === \"\" || QRValidationCode.length !== 4) {\n // Handle error\n return;\n }\n\n const accountID = uuid();\n\n try {\n const decodedJSON = JSON.parse(QRData!);\n\n const data = {\n jeton: decodedJSON.jeton,\n login: decodedJSON.login,\n url: decodedJSON.url,\n };\n\n const session = createSessionHandle(customFetcher);\n const refresh = await loginQrCode(session, {\n qr: data,\n pin: QRValidationCode,\n deviceUUID: accountID\n }).catch((error) => {\n if (error instanceof SecurityError && !error.handle.shouldCustomPassword && !error.handle.shouldCustomDoubleAuth) {\n router.push({\n pathname: \"/(onboarding)/services/pronote/2fa\",\n params: {\n error: JSON.stringify(error),\n session: JSON.stringify(session),\n deviceId: accountID\n }\n });\n } else {\n throw error;\n }\n });\n\n if (!refresh) { throw AuthenticateError; }\n\n const user = session.user.resources[0];\n const schoolName = user.establishmentName;\n const className = user.className;\n const { firstName, lastName } = GetIdentityFromPronoteUsername(session.user.name)\n let pp = \"\";\n if (session.user.resources[0].profilePicture?.url) {\n pp = await URLToBase64(session.user.resources[0].profilePicture?.url)\n }\n\n useAccountStore.getState().addAccount({\n id: accountID,\n firstName,\n lastName,\n schoolName,\n className,\n customisation: {\n profilePicture: pp,\n subjects: {}\n },\n services: [{\n id: accountID,\n auth: {\n accessToken: refresh.token,\n refreshToken: refresh.token,\n additionals: {\n instanceURL: refresh.url,\n kind: refresh.kind,\n username: refresh.username,\n deviceUUID: accountID\n }\n },\n serviceId: Services.PRONOTE,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n });\n useAccountStore.getState().setLastUsedAccount(accountID)\n setTimeout(() => {\n setLoadingModalVisible(false);\n router.push({\n pathname: \"../end/color\",\n params: {\n accountId: accountID\n }\n });\n }, 1000);\n } catch (error) {\n console.error(error);\n // Handle error\n }\n }\n\n useEffect(() => {\n if (!permission?.granted) {\n requestPermission();\n }\n }, [permission?.granted, requestPermission]);\n\n const handleBarCodeScanned = ({\n type,\n data,\n }: {\n type: string;\n data: string;\n }) => {\n setScanned(true);\n Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);\n setQRData(data);\n setPinModalVisible(true);\n };\n\n useEffect(() => {\n if (!pinModalVisible) {\n setScanned(false);\n setQRData(null);\n }\n }, [pinModalVisible]);\n\n const keyboardDidShow = () => setKeyboardOpen(true);\n const keyboardDidHide = () => setKeyboardOpen(false);\n\n useEffect(() => {\n const keyboardDidShowListener = Keyboard.addListener(\"keyboardDidShow\", keyboardDidShow);\n const keyboardDidHideListener = Keyboard.addListener(\"keyboardDidHide\", keyboardDidHide);\n\n return () => {\n keyboardDidShowListener?.remove();\n keyboardDidHideListener?.remove();\n };\n }, []);\n\n const local = useGlobalSearchParams();\n\n const { t } = useTranslation();\n\n return (\n \n \n \n \n {t(\"ONBOARDING_LOADING_LOGIN\")}\n \n\n \n {t(\"ONBOARDING_QRCODE_WAIT\")}\n \n\n \n {\n setLoadingModalVisible(false);\n router.back();\n }}\n />\n \n \n \n\n {\n setPinModalVisible(!pinModalVisible);\n }}\n >\n \n \n \n {t(\"ONBOARDING_QRCODE_VALIDATION\")}\n \n \n\n \n \n {t(\"ONBOARDING_PRONOTE_PIN\")}\n \n \n\n \n setQRValidationCode(text)}\n ref={codeInput}\n autoFocus\n />\n \n\n \n {\n setPinModalVisible(false);\n loginQR();\n }}\n />\n {\n setPinModalVisible(false);\n }}\n />\n \n \n \n\n \n \n \n \n {t(\"ONBOARDING_LOGIN_TO\")} PRONOTE\n \n \n {t(\"ONBOARDING_SCAN_QRCODE\")}\n \n \n\n \n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: \"black\",\n },\n maskContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: \"rgba(0, 0, 0, 0.3)\",\n },\n transparentSquare: {\n position: \"absolute\",\n width: 300,\n height: 300,\n backgroundColor: \"black\",\n borderWidth: 2,\n borderColor: \"#fff\",\n borderRadius: 30,\n borderCurve: \"continuous\",\n alignSelf: \"center\",\n top: \"35%\",\n },\n backButton: {\n position: 'absolute',\n left: 16,\n zIndex: 200,\n backgroundColor: '#ffffff42',\n padding: 10,\n borderRadius: 100,\n },\n transparentSquareBorder: {\n position: \"absolute\",\n width: 300,\n height: 300,\n backgroundColor: \"transparent\",\n borderWidth: 2,\n borderColor: \"#fff\",\n borderRadius: 30,\n borderCurve: \"continuous\",\n alignSelf: \"center\",\n top: \"35%\",\n },\n\n explainations: {\n position: \"absolute\",\n alignItems: \"center\",\n justifyContent: \"center\",\n marginHorizontal: 24,\n gap: 4,\n zIndex: 9999,\n },\n title: {\n fontSize: 18,\n fontWeight: \"600\",\n color: \"white\",\n textAlign: \"center\",\n },\n text: {\n fontSize: 16,\n fontWeight: \"400\",\n color: \"white\",\n textAlign: \"center\",\n opacity: 0.8,\n },\n});\n"
},
{
"path": "app/(onboarding)/services/pronote/select.tsx",
"content": "import { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useRoute, useTheme } from \"@react-navigation/native\";\nimport { useNavigation } from \"expo-router\";\nimport { geolocation } from \"pawnote\";\nimport React, { memo, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Image, KeyboardAvoidingView, Platform } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport ActivityIndicator from \"@/ui/components/ActivityIndicator\";\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Search from \"@/ui/components/Search\";\nimport Stack from \"@/ui/components/Stack\";\nimport Divider from \"@/ui/new/Divider\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\n\n\nexport interface School {\n name: string,\n distance: number,\n url: string\n}\n\nconst PronoteSearchHeader = memo(({\n search,\n setSearch,\n loading,\n t\n}: {\n search: string,\n setSearch: (text: string) => void,\n loading: boolean,\n t: (key: string, options?: any) => string\n}) => (\n \n {t(\"ONBOARDING_SELECT_SCHOOL\")} \n {t(\"ONBOARDING_PRONOTE_LOCATION_HELP\")} \n \n \n {t(\"ONBOARDING_SCHOOLS_SEARCHING\")} \n {t(\"ONBOARDING_SCHOOLS_SEARCHING_HINT\")} \n \n \n }\n\n \n));\n\nexport default function PronoteLoginSelectEtab() {\n const headerHeight = useHeaderHeight();\n const { colors } = useTheme();\n const insets = useSafeAreaInsets();\n const navigation = useNavigation();\n const { t } = useTranslation();\n\n const { params } = useRoute();\n const { city } = params;\n\n const [search, setSearch] = useState(\"\");\n const [schools, setSchools] = useState>([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n if(!city) {return;}\n navigation.setOptions({ headerTitle: t(\"ONBOARDING_SCHOOLS_IN_CITY\", { city: city.city }) });\n geolocation({ latitude: city?.latitude ?? 0, longitude: city?.longitude ?? 0 }).then((schoolsFound) => {\n setSchools(schoolsFound);\n setLoading(false);\n });\n }, [city, navigation, t]);\n\n const filteredSchools = schools.filter(school => school.name.toLowerCase().includes(search.toLowerCase()));\n\n const selectSchool = (school: School) => {\n navigation.navigate(\"browser\", { url: school.url, school });\n }\n\n return (\n \n selectSchool(school)}>\n \n \n \n {school.name}\n \n \n {school.url}\n \n \n ))}\n \n \n )\n}\n"
},
{
"path": "app/(onboarding)/services/pronote/url.tsx",
"content": "import { useHeaderHeight } from \"@react-navigation/elements\";\nimport { useNavigation } from \"expo-router\";\nimport React, { memo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { KeyboardAvoidingView } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport Search from \"@/ui/components/Search\";\nimport Stack from \"@/ui/components/Stack\";\nimport Button from \"@/ui/new/Button\";\nimport Divider from \"@/ui/new/Divider\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\n\nconst PronoteSearchHeader = memo(({\n}: {\n}) => {\n const navigation = useNavigation();\n const { t } = useTranslation();\n const [url, setUrl] = React.useState(\"\");\n\n const submitURL = () => {\n if (url.trim().length === 0) {return;}\n navigation.navigate(\"browser\", { url });\n };\n\n const urlValid = url.trim().length > 0 && (url.startsWith(\"http://\") || url.startsWith(\"https://\"));\n\n return (\n \n {t(\"ONBOARDING_URL\")} \n {t(\"ONBOARDING_PRONOTE_LOCATION_HELP\")} \n submitURL()} disabled={!urlValid} />\n\n \n )\n});\n\nexport default function PronoteLoginURL() {\n const headerHeight = useHeaderHeight();\n const insets = useSafeAreaInsets();\n\n return (\n \n \n )\n}\n"
},
{
"path": "app/(onboarding)/services/skolengo/_layout.tsx",
"content": "import React from 'react';\nimport { useTranslation } from \"react-i18next\";\n\nimport { Stack } from 'expo-router';\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport { Platform } from 'react-native';\nimport { AndroidHeaderProps } from '@/components/AndroidHeaderBackground';\n\nexport default function OnboardingLayout() {\n const { t } = useTranslation();\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n ...AndroidHeaderProps,\n headerTransparent: true,\n headerBackButtonDisplayMode: \"minimal\",\n headerLargeTitle: false,\n }), []);\n\n return (\n \n \n );\n}\n"
},
{
"path": "app/(onboarding)/services/skolengo/locate.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { router, useNavigation } from \"expo-router\";\nimport React, { memo, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { KeyboardAvoidingView, Platform } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { SearchSchools } from \"skolengojs\";\n\nimport ActivityIndicator from \"@/ui/components/ActivityIndicator\";\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Icon from \"@/ui/components/Icon\";\nimport Search from \"@/ui/components/Search\";\nimport Stack from \"@/ui/components/Stack\";\nimport Divider from \"@/ui/new/Divider\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\n\n\nexport interface School {\n name: string,\n distance: number,\n url: string\n}\n\nconst PronoteSearchHeader = memo(({\n city,\n setCity,\n loading,\n showElse,\n t\n}: {\n city: string,\n setCity: (text: string) => void,\n loading: boolean,\n showElse: boolean,\n t: (key: string, options?: any) => string\n}) => (\n \n {t(\"ONBOARDING_SEARCH_TITLE\")} \n {t(\"ONBOARDING_PRONOTE_LOCATION_HELP\")} \n \n \n {t(\"ONBOARDING_SCHOOLS_SEARCHING\")} \n {t(\"ONBOARDING_SCHOOLS_SEARCHING_HINT\")} \n \n \n }\n\n \n));\n\nexport default function PronoteLoginMethod() {\n const headerHeight = useHeaderHeight();\n const insets = useSafeAreaInsets();\n const navigation = useNavigation();\n const { t } = useTranslation();\n\n const [city, setCity] = useState(\"\");\n const [debouncedCity, setDebouncedCity] = useState(\"\");\n const [schools, setSchools] = useState>([]);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setDebouncedCity(city.trim());\n }, 350);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [city]);\n\n useEffect(() => {\n if(!debouncedCity || debouncedCity.length < 3) {\n setSchools([]);\n setLoading(false);\n } else {\n let canceled = false;\n\n setLoading(true);\n SearchSchools(debouncedCity, 50)\n .then((schools) => {\n if(canceled) {\n return;\n }\n console.log(schools);\n setSchools(schools);\n })\n .finally(() => {\n if(canceled) {\n return;\n }\n setLoading(false);\n });\n\n return () => {\n canceled = true;\n };\n }\n }, [debouncedCity]);\n\n const selectSchool = (school: School) => {\n router.push(`/(onboarding)/services/skolengo/webview?ref=${JSON.stringify(school)}`);\n }\n\n return (\n \n {selectSchool(school)}}>\n \n \n {school.name} \n \n {school.location.city} ({school.location.zipCode})\n \n \n ))}\n \n \n )\n}\n"
},
{
"path": "app/(onboarding)/services/skolengo/webview.tsx",
"content": "import * as Linking from \"expo-linking\";\nimport { router, useLocalSearchParams, useNavigation } from \"expo-router\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { KeyboardAvoidingView } from \"react-native\";\nimport { AuthFlow, ChallengeMethod, School } from \"skolengojs\";\n\nimport { useAccountStore } from \"@/stores/account\";\nimport { Account, Services } from \"@/stores/account/types\";\nimport { log } from \"@/utils/logger/logger\";\nimport uuid from \"@/utils/uuid/uuid\";\n\nimport OnboardingWebView from \"../../components/OnboardingWebView\";\n\nexport default function WebViewScreen() {\n const navigation = useNavigation();\n const [loginURL, setLoginURL] = useState(undefined);\n const [flow, setFlow] = useState();\n const { ref } = useLocalSearchParams();\n const parsedRef = typeof ref === \"string\" ? JSON.parse(ref) : {};\n const school = new School(parsedRef.id, parsedRef.name, parsedRef.emsCode, parsedRef.OIDCWellKnown, parsedRef.location, parsedRef.homepage);\n\n useEffect(() => {\n const handleDeepLink = (event: { url: string }) => {\n const url = event.url;\n const scheme = url.split(\":\")[0];\n if (scheme === \"skoapp-prod\") {\n log(\"[Skolengo] Activation link received:\", url);\n handleRequest(url);\n } else {\n log(\"[Skolengo] Ignoring link:\", url);\n }\n };\n\n Linking.getInitialURL().then((url) => {\n if (url) {\n handleDeepLink({ url });\n }\n });\n\n Linking.addEventListener(\"url\", handleDeepLink);\n }, []);\n\n const flowRef = useRef(null);\n\n const initLogin = useCallback(async () => {\n const flow = await school.initializeLogin(ChallengeMethod.PLAIN);\n flowRef.current = flow;\n setFlow(flow);\n setLoginURL(flow.loginURL);\n }, []);\n\n useEffect(() => {\n initLogin();\n }, [initLogin]);\n\n const handleRequest = async (url: string) => {\n if (url.startsWith(\"skoapp-prod://\")) {\n const code = url.match(/code=([^&]*)/)\n const state = url.match(/state=([^&]*)/)\n\n if (!code || !state) { return false; }\n if (!flowRef.current) {\n return false;\n }\n const auth = await flowRef.current.finalizeLogin(code[1], state[1])\n const store = useAccountStore.getState();\n const id = uuid()\n\n const account: Account = {\n id,\n firstName: auth?.firstName ?? \"\",\n lastName: auth?.lastName ?? \"\",\n schoolName: auth?.school.name,\n className: auth?.className,\n services: [\n {\n id: id,\n auth: {\n accessToken: auth.refreshToken,\n refreshToken: auth.refreshToken,\n additionals: {\n refreshUrl: auth.refreshURL,\n wellKnown: flowRef.current.endpoints.wellKnown,\n tokenEndpoint: flowRef.current.endpoints.tokenEndpoint,\n emsCode: flowRef.current.school.emsCode\n }\n },\n serviceId: Services.SKOLENGO,\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n ],\n createdAt: (new Date()).toISOString(),\n updatedAt: (new Date()).toISOString()\n }\n\n store.addAccount(account)\n store.setLastUsedAccount(id)\n\n const parent = navigation.getParent();\n if (parent) {\n parent.goBack();\n \n const parentsParent = parent.getParent();\n if (parentsParent) {\n parentsParent.goBack();\n }\n }\n \n router.back();\n router.dismissAll();\n return router.push(\"/\");\n }\n return true;\n };\n\n const { t } = useTranslation();\n\n return (\n \n ${t(\"ONBOARDING_LOADING\")}` }}\n onShouldStartLoadWithRequest={(request) => {\n handleRequest(request.url)\n return true;\n }}\n />\n \n );\n}\n"
},
{
"path": "app/(onboarding)/utils/constants.tsx",
"content": "/* eslint-disable @typescript-eslint/no-require-imports */\nimport { Papicons } from '@getpapillon/papicons';\nimport { useTheme } from '@react-navigation/native';\nimport { RelativePathString, UnknownInputParams } from 'expo-router';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { Services } from '@/stores/account/types';\nimport { t } from 'i18next';\nexport interface SupportedService {\n name: string;\n route?: string;\n title: string;\n type: string[];\n hasLimitedSupport?: boolean;\n image?: NodeRequire;\n onPress: () => void;\n variant?: string;\n color?: string;\n icon?: React.ReactNode;\n style?: StyleProp;\n}\n\nexport function GetSupportedServices(redirect: (path: { pathname: string, options?: UnknownInputParams }) => void): SupportedService[] {\n const theme = useTheme();\n const { colors } = theme;\n const { t } = useTranslation()\n\n return [\n {\n name: \"pronote\",\n route: \"pronote\",\n title: t(\"ONBOARDING_SERVICE_PRONOTE\"),\n type: [\"school\", \"univ\"],\n image: require(\"@/assets/images/service_pronote.png\"),\n onPress: () => {\n redirect({ pathname: './school/method', options: { service: Services.PRONOTE } });\n },\n variant: 'service' as const,\n color: 'light' as const,\n },\n {\n name: \"ed\",\n route: \"ed\",\n title: t(\"ONBOARDING_SERVICE_ED\"),\n type: [\"school\"],\n image: require(\"@/assets/images/service_ed.png\"),\n onPress: () => {\n redirect({ pathname: './ecoledirecte/credentials', options: { service: Services.ECOLEDIRECTE } });\n },\n variant: 'service' as const,\n color: 'light' as const,\n },\n {\n name: \"skolengo\",\n route: \"skolengo\",\n title: t(\"ONBOARDING_SERVICE_SKOLENGO\"),\n type: [\"school\"],\n image: require(\"@/assets/images/service_skolengo.png\"),\n onPress: () => {\n redirect({ pathname: './school/method', options: { service: Services.SKOLENGO } });\n },\n variant: 'service' as const,\n color: 'light' as const,\n },\n {\n name: \"lannion\",\n route: \"lannion\",\n title: t(\"ONBOARDING_SERVICE_LANNION\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_lannion.png\"),\n type: [\"univ\"],\n onPress: () => {\n redirect({ pathname: './lannion/credentials' });\n },\n },\n {\n name: \"univ-lorraine\",\n title: t(\"ONBOARDING_SERVICE_UNIV_LORRAINE\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_lorraine.png\"),\n type: [\"univ\"],\n onPress: () => {\n redirect({ pathname: './services/multi/credentials', options: { color: \"#000000\", university: \"ULorraine\", url: \"https://mobile-back.univ-lorraine.fr\" } });\n },\n },\n {\n name: \"univ-nimes\",\n title: t(\"ONBOARDING_SERVICE_UNIV_NIMES\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_nimes.png\"),\n type: [\"univ\"],\n onPress: () => {\n redirect({ pathname: './services/multi/credentials', options: { color: \"#FF341B\", university: \"UNîmes\", url: \"https://mobile-back.unimes.fr\" } });\n },\n },\n {\n name: \"univ-uphf\",\n title: t(\"ONBOARDING_SERVICE_UNIV_UPHF\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_uphf.png\"),\n type: [\"univ\"],\n onPress: () => {\n redirect({ pathname: './services/multi/credentials', options: { color: \"#008DB0\", university: \"UPHF\", url: \"https://appmob.uphf.fr/backend\" } });\n },\n },\n ]\n}\n\nexport interface SupportedUniversity {\n name: string;\n title: string;\n hasLimitedSupport: boolean;\n image?: NodeRequire;\n type: string;\n onPress: () => void;\n}\n\nexport function GetSupportedUniversities(redirect: (path: { pathname: string, options?: UnknownInputParams }) => void): SupportedUniversity[] {\n const { t } = useTranslation();\n\n return [\n {\n name: \"lannion\",\n title: t(\"ONBOARDING_SERVICE_LANNION\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_lannion.png\"),\n type: \"main\",\n onPress: () => {\n redirect({ pathname: './lannion/credentials' });\n },\n },\n {\n name: \"univ-lorraine\",\n title: t(\"ONBOARDING_SERVICE_UNIV_LORRAINE\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_lorraine.png\"),\n type: \"main\",\n onPress: () => {\n redirect({ pathname: './services/multi/credentials', options: { color: \"#000000\", university: \"ULorraine\", url: \"https://mobile-back.univ-lorraine.fr\" } });\n },\n },\n {\n name: \"univ-nimes\",\n title: t(\"ONBOARDING_SERVICE_UNIV_NIMES\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_nimes.png\"),\n type: \"main\",\n onPress: () => {\n redirect({ pathname: './services/multi/credentials', options: { color: \"#FF341B\", university: \"UNîmes\", url: \"https://mobile-back.unimes.fr\" } });\n },\n },\n {\n name: \"univ-uphf\",\n title: t(\"ONBOARDING_SERVICE_UNIV_UPHF\"),\n hasLimitedSupport: false,\n image: require(\"@/assets/images/univ_uphf.png\"),\n type: \"main\",\n onPress: () => {\n redirect({ pathname: './services/multi/credentials', options: { color: \"#008DB0\", university: \"UPHF\", url: \"https://appmob.uphf.fr/backend\" } });\n },\n },\n /*{\n name: \"limited-functions\",\n title: t(\"Feature_Limited\"),\n hasLimitedSupport: true,\n image: require(\"@/assets/images/univ_lannion.png\"),\n type: \"separator\",\n onPress: () => { }\n },\n {\n name: \"univ-rennes-1\",\n title: \"Université de Rennes 1\",\n hasLimitedSupport: true,\n image: require(\"@/assets/images/univ_rennes1.png\"),\n type: \"main\",\n onPress: () => { }\n },\n {\n name: \"univ-rennes-2\",\n title: \"Université de Rennes 2\",\n hasLimitedSupport: true,\n image: require(\"@/assets/images/univ_rennes2.png\"),\n type: \"main\",\n onPress: () => { }\n },\n {\n name: \"univ-limoges\",\n title: \"Université de Limoges\",\n type: \"main\",\n hasLimitedSupport: true,\n image: require(\"@/assets/images/univ_limoges.png\"),\n onPress: () => { }\n },\n {\n name: \"univ_paris_sorbonne\",\n title: \"Université de Sorbonne Paris Nord\",\n hasLimitedSupport: true,\n image: require(\"@/assets/images/univ_paris_sorbonne.png\"),\n type: \"main\",\n onPress: () => { }\n } */\n ]\n}\n\nexport interface LoginMethod {\n id: string,\n availableFor: Array,\n description: string,\n icon: React.ReactNode,\n onPress: () => void;\n}\n\nexport function GetLoginMethods(redirect: (path: { pathname: RelativePathString }) => void): LoginMethod[] {\n const { t } = useTranslation();\n\n return [\n {\n id: \"map\",\n availableFor: [Services.PRONOTE, Services.SKOLENGO],\n description: t(\"ONBOARDING_METHOD_POSITION\"),\n icon: , city?: string): Promise {\n let pos = null;\n if (!city) {\n pos = await getCurrentPosition();\n\n if (pos === null) {\n alert.showAlert({\n title: t(\"Alert_No_Pos\"),\n description: t(\"ONBOARDING_ALERT_NO_POSITION_DESCRIPTION\"),\n icon: \"AlertTriangle\",\n color: \"#D60046\",\n withoutNavbar: true,\n });\n }\n }\n\n if (city && service !== Services.SKOLENGO) {\n pos = await GeographicQuerying(city);\n }\n\n if (service === Services.PRONOTE) {\n const schools = await geolocation({ latitude: pos?.latitude ?? 0, longitude: pos?.longitude ?? 0 });\n return schools.map(item => ({\n name: item.name,\n distance: item.distance / 10,\n url: item.url,\n }));\n }\n\n if (service === Services.SKOLENGO) {\n let cityName: string | undefined;\n\n if (city) {\n cityName = city;\n }\n else if (pos?.latitude && pos?.longitude) {\n cityName = (await GeographicReverse(pos.latitude, pos.longitude)).city;\n }\n else {\n return [];\n }\n\n const schools = await SearchSchools(cityName, 50);\n const list: School[] = [];\n\n for (const school of schools) {\n let distance = 0;\n\n if (pos?.latitude && pos?.longitude) {\n if (school.location.addressLine?.trim() && school.location.city?.trim() && school.location.zipCode?.trim()) {\n const position = await GeographicQuerying(\n `${school.location.addressLine} ${school.location.city} ${school.location.zipCode}`\n );\n distance = calculateDistanceBetweenPositions(\n pos.latitude,\n pos.longitude,\n position.longitude,\n position.latitude\n );\n }\n }\n\n list.push({\n name: school.name,\n distance: distance / 1000,\n url: \"\",\n ref: school,\n });\n }\n\n return list;\n }\n\n\n return [];\n}\n\ntype SchoolItem = {\n title: string,\n description: string,\n initials: string,\n distance: number,\n onPress: () => void\n}\n"
},
{
"path": "app/(onboarding)/welcome.tsx",
"content": "import { useFocusEffect, useIsFocused, useTheme } from \"@react-navigation/native\";\nimport { useRouter } from \"expo-router\";\nimport * as WebBrowser from 'expo-web-browser';\nimport React from \"react\";\nimport { Image, StatusBar, View } from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport Reanimated, { FadeIn, FadeOut } from \"react-native-reanimated\";\n\nimport Stack from \"@/ui/components/Stack\";\nimport Button from \"@/ui/new/Button\";\nimport Divider from \"@/ui/new/Divider\";\nimport PapillonLogo from \"@/ui/new/symbols/PapillonLogo\";\nimport Typography from \"@/ui/new/Typography\";\nimport { useVideoPlayer, VideoView } from \"expo-video\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { useTranslation } from \"react-i18next\";\n\nexport default function Welcome() {\n const insets = useSafeAreaInsets();\n const { colors } = useTheme();\n const router = useRouter();\n const { t } = useTranslation();\n\n const openHelpWebPage = () => {\n WebBrowser.openBrowserAsync(\"https://docs.papillon.bzh/support\", {\n presentationStyle: WebBrowser.WebBrowserPresentationStyle.PAGE_SHEET\n });\n }\n\n const openLegalWebPage = () => {\n WebBrowser.openBrowserAsync(\"https://docs.papillon.bzh/terms\", {\n presentationStyle: WebBrowser.WebBrowserPresentationStyle.PAGE_SHEET\n });\n }\n\n const openDevMenu = () => {\n router.push(\"/devmode\");\n }\n\n const player = useVideoPlayer({\n assetId: require('@/assets/video/welcome.mp4'),\n }, player => {\n player.loop = true;\n player.muted = true;\n player.volume = 0;\n player.showNowPlayingNotification = false;\n player.playbackRate = 0.5;\n player.audioMixingMode = \"mixWithOthers\";\n player.play();\n });\n\n const isFocused = useIsFocused();\n\n useFocusEffect(\n React.useCallback(() => {\n if (isFocused) {\n player.play();\n }\n }, [isFocused])\n );\n\n return (\n \n {isFocused &&\n \n \n \n {t(\"ONBOARDING_WELCOME_DESCRIPTION\")}\n \n\n \n { openHelpWebPage() }}\n fullWidth\n variant=\"secondary\"\n color=\"#FFFFFF\"\n />\n\n { openLegalWebPage() }} onLongPress={() => { openDevMenu() }}>\n {t(\"ONBOARDING_WELCOME_LEGAL\")}\n \n \n \n );\n}\n"
},
{
"path": "app/(settings)/_layout.tsx",
"content": "import { Stack } from \"expo-router\";\nimport React from \"react\";\nimport { Platform, StatusBar } from \"react-native\";\n\nimport { runsIOS26 } from \"@/ui/utils/IsLiquidGlass\";\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport { t } from \"i18next\";\nimport AndroidHeaderBackground from \"@/components/AndroidHeaderBackground\";\n\nexport default function Layout() {\n\n const newScreenOptions = React.useMemo(() => ({\n ...screenOptions,\n headerShown: true,\n headerLargeTitle: false,\n headerTransparent: runsIOS26,\n headerShadowVisible: false,\n headerBackground: AndroidHeaderBackground\n }), []);\n\n return (\n <>\n {Platform.OS === \"ios\" && \n \n \n );\n}\n"
},
{
"path": "app/(settings)/about.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { useRouter } from \"expo-router\";\nimport { Github, Languages, Users } from \"lucide-react-native\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Alert, Linking } from \"react-native\";\n\nimport SettingsHeader from \"@/components/SettingsHeader\";\nimport packageJson from \"@/package.json\";\nimport { useSettingsStore } from \"@/stores/settings\";\nimport Avatar from \"@/ui/components/Avatar\";\nimport Icon from \"@/ui/components/Icon\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { getInitials } from \"@/utils/chats/initials\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nexport const Team = [\n {\n title: \"Vince Linise\",\n description: \"Président\",\n login: \"ecnivtwelve\",\n leading: (\n \n \n \n\n \n {Team.map((item, index) => (\n \n \n {item.leading} \n \n\n {item.title} \n\n \n {item.description}\n \n\n \n \n \n \n \n ))}\n \n\n \n {CommunityLinks.map((item, index) => (\n \n \n {item.leading} \n \n\n {item.title} \n\n \n {item.description}\n \n\n \n \n \n \n \n ))}\n \n\n \n {DeveloperLinks.map((item, index) => (\n \n \n {item.leading} \n \n\n {item.title} \n\n \n {item.description}\n \n\n \n \n \n \n \n ))}\n \n\n \n {Infos.map((item, index) => (\n \n \n {item.leading} \n \n\n {item.title} \n\n \n {item.description}\n \n \n ))}\n \n \n );\n}\n"
},
{
"path": "app/(settings)/accounts.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { MenuView, NativeActionEvent } from \"@react-native-menu/menu\";\nimport { router } from \"expo-router\";\nimport React from \"react\";\nimport { Alert, Image, ScrollView } from \"react-native\";\n\nimport { removeBalanceFromDatabase } from \"@/database/useBalance\";\nimport { getManager } from \"@/services/shared\";\nimport { useAccountStore } from \"@/stores/account\";\nimport Avatar from \"@/ui/components/Avatar\";\nimport Icon from \"@/ui/components/Icon\";\nimport Stack from \"@/ui/components/Stack\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { getInitials } from \"@/utils/chats/initials\";\nimport { formatSchoolName } from \"@/utils/format/formatSchoolName\";\nimport { getServiceLogo, getServiceName } from \"@/utils/services/helper\";\nimport ActionMenu from \"@/ui/components/ActionMenu\";\n\nexport default function AccountsView() {\n const accounts = useAccountStore(state => state.accounts);\n const lastUsedAccount = useAccountStore(state => state.lastUsedAccount);\n const account = accounts.find(a => a.id === lastUsedAccount);\n const store = useAccountStore.getState();\n\n const services = account?.services;\n\n const askDeleteAccount = (targetAccount: (typeof accounts)[number]) => {\n Alert.alert(\n \"Supprimer le compte\",\n `${targetAccount.firstName} ${targetAccount.lastName}`,\n [\n {\n text: \"Annuler\",\n style: \"cancel\",\n },\n {\n text: \"Supprimer\",\n style: \"destructive\",\n onPress: () => {\n store.removeAccount(targetAccount);\n },\n },\n ]\n );\n };\n\n const askDeleteService = (serviceId: string, serviceName: string) => {\n Alert.alert(serviceName, \"Supprimer ce service ?\", [\n {\n text: \"Annuler\",\n style: \"cancel\",\n },\n {\n text: \"Supprimer\",\n style: \"destructive\",\n onPress: () => {\n store.removeServiceFromAccount(serviceId);\n removeBalanceFromDatabase(serviceId);\n const manager = getManager();\n if (manager) {\n manager.removeService(serviceId);\n }\n },\n },\n ]);\n };\n\n return (\n \n \n \n \n \n Profils utilisateur\n \n \n\n \n {accounts.map(account => (\n \n \n \n \n {account.firstName} {account.lastName}\n \n \n {account.className ? account.className + \" \" : \"\"}\n {formatSchoolName(account.schoolName ?? \"\")}\n \n \n {\n if (event.nativeEvent.event === \"delete\") {\n askDeleteAccount(account);\n }\n }}\n >\n \n \n \n \n \n ))}\n \n router.push({\n pathname: \"/(onboarding)/ageSelection\",\n params: { action: \"addService\" },\n })\n }\n >\n \n \n \n \n \n Nouveau compte\n \n \n
\n\n \n \n \n \n Services et cartes\n \n \n\n \n {services?.map(service => (\n \n \n \n \n {getServiceName(service.serviceId)}\n \n \n Connecté le{\" \"}\n {new Date(service.createdAt).toLocaleDateString(undefined, {\n day: \"2-digit\",\n month: \"short\",\n year: \"numeric\",\n })}\n \n \n {\n if (event.nativeEvent.event === \"delete\") {\n askDeleteService(\n service.id,\n getServiceName(service.serviceId)\n );\n }\n }}\n >\n \n \n \n \n \n ))}\n \n router.navigate({\n pathname: \"/(onboarding)/restaurants/method\",\n })\n }\n >\n \n \n \n \n \n Ajouter un nouveau service\n \n \n
\n \n );\n}\n"
},
{
"path": "app/(settings)/cards.tsx",
"content": "/* eslint-disable @typescript-eslint/no-require-imports */\nimport { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { useRouter } from \"expo-router\";\nimport { Alert, Image, ScrollView, View } from \"react-native\";\n\nimport { useAccountStore } from \"@/stores/account\";\nimport { Services } from \"@/stores/account/types\";\nimport Button from \"@/ui/components/Button\";\nimport Icon from \"@/ui/components/Icon\";\nimport Item, { Leading, Trailing } from \"@/ui/components/Item\";\nimport List from \"@/ui/components/List\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\nimport SettingsHeader from \"@/components/SettingsHeader\";\nimport { getServiceBackground, getServiceName, isSelfModuleEnabledED } from \"@/utils/services/helper\";\nimport { useTranslation } from \"react-i18next\";\nimport { removeBalanceFromDatabase } from \"@/database/useBalance\";\nimport { getManager } from \"@/services/shared\";\nimport i18n from \"@/utils/i18n\";\n\nexport default function CardView() {\n const router = useRouter();\n const accounts = useAccountStore((state) => state.accounts);\n const lastUsedAccount = useAccountStore((state) => state.lastUsedAccount);\n const account = accounts.find((a) => a.id === lastUsedAccount);\n const selfCompatible = account?.services.filter(\n service => {\n if (service.serviceId === Services.ECOLEDIRECTE) {\n return isSelfModuleEnabledED(service.additionals);\n }\n return [Services.TURBOSELF, Services.ARD, Services.IZLY].includes(service.serviceId);\n },\n );\n\n const theme = useTheme();\n const { colors } = theme;\n const { t } = useTranslation();\n\n return (\n \n Mes cartes \n \n \n \n {selfCompatible?.map(service => {\n return (\n {\n if (service.serviceId === Services.ECOLEDIRECTE) {\n Alert.alert(\"Tu ne peux pas supprimer cette carte\", \"Cette carte est liée à ton service scolaire.\");\n return;\n }\n Alert.alert(getServiceName(service.serviceId), \"Que souhaitez-vous faire ?\", [\n {\n text: \"Supprimer\",\n style: \"destructive\",\n onPress: () => {\n useAccountStore.getState().removeServiceFromAccount(service.id);\n removeBalanceFromDatabase(service.id)\n const manager = getManager()\n if (manager) {\n manager.removeService(service.id)\n }\n },\n },\n {\n text: \"Annuler\",\n style: \"cancel\",\n },\n ]);\n }}\n >\n \n \n \n \n {getServiceName(service.serviceId)} \n Ajoutée\n le {new Date(service.createdAt).toLocaleDateString(i18n.language, {\n day: \"2-digit\",\n month: \"2-digit\",\n })} \n \n );\n })}\n
\n \n \n {t(\"Feature_Add_Card\")} \n \n ) : (\n \n \n \n \n \n {t(\"Settings_Cards_None_Title\")}\n \n \n {t(\"Settings_Cards_None_Description\")}\n \n \n ([]);\n const [isLoading, setIsLoading] = useState(true);\n\n useEffect(() => {\n getContributors()\n .then(allContributors => {\n setContributors(\n allContributors.filter(\n contributor => !TEAM_LOGINS.includes(contributor.login)\n )\n );\n })\n .finally(() => {\n setIsLoading(false);\n });\n }, []);\n\n const contributorItems = useMemo(\n () =>\n contributors.map(item => (\n Linking.openURL(item.html_url)}\n >\n \n \n {item.login} \n \n {item.contributions}{\" \"}\n {item.contributions > 1 ? \"contributions\" : \"contribution\"}\n \n \n \n \n \n \n )),\n [contributors]\n );\n\n return (\n \n {isLoading && (\n \n \n Chargement des contributeurs...\n \n \n )}\n {!isLoading && contributorItems}\n \n );\n}\n"
},
{
"path": "app/(settings)/edit_subject.tsx",
"content": "import Stack from \"@/ui/components/Stack\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport Typography from \"@/ui/components/Typography\";\nimport { CompactGrade } from \"@/ui/components/CompactGrade\";\nimport {\n Dimensions,\n ScrollView,\n View,\n Platform,\n Modal,\n} from \"react-native\";\nimport OnboardingInput from \"@/components/onboarding/OnboardingInput\";\nimport { Colors } from \"@/utils/subjects/colors\";\nimport { memo, ReactNode, useCallback, useMemo, useRef, useState } from \"react\";\nimport { router, useLocalSearchParams } from \"expo-router\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport TabHeaderTitle from \"@/ui/components/TabHeaderTitle\";\nimport ChipButton from \"@/ui/components/ChipButton\";\nimport TabHeader from \"@/ui/components/TabHeader\";\nimport { useTranslation } from \"react-i18next\";\nimport Button from \"@/ui/new/Button\";\nimport { UnicodeEmojis } from \"@/constants/UnicodeEmojis\";\nimport Animated, { useAnimatedStyle, useSharedValue, withSpring } from \"react-native-reanimated\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { PapillonZoomIn, PapillonZoomOut } from \"@/ui/utils/Transition\";\nimport { ListTouchable } from \"@/ui/new/List\";\nimport { LegendList, LegendListRef } from \"@legendapp/list\";\nimport { FlashList } from \"@shopify/flash-list\";\n\nconst EmojiItem = memo(({ item, onPress, isSelected }: {item: string, onPress: (emoji: string) => void, isSelected: boolean}) => {\n const theme = useTheme();\n return (\n onPress(item)}\n style={{\n flex: 1,\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n \n \n {item}\n \n \n \n );\n});\n\nfunction EmojiPicker({\n onCancel,\n onSelect,\n}: {\n onCancel: () => void;\n onSelect: (emoji: string) => void;\n}): ReactNode {\n const theme = useTheme();\n const { t } = useTranslation();\n const insets = useSafeAreaInsets();\n\n const flatListRef = useRef(null);\n const scale = useSharedValue(1);\n\n const emojis = useMemo(() => {\n return Object.keys(UnicodeEmojis)\n .map(key => {\n const value = UnicodeEmojis[key];\n const uniqueCodes = [...new Set(value.emojis)];\n\n return uniqueCodes.length > 0\n ? {\n title: value.icon,\n data: uniqueCodes,\n }\n : null;\n })\n .filter(v => v !== null);\n }, []);\n\n const flatEmojis = useMemo(() => {\n return emojis.flatMap(section =>\n section.data.map(item => String.fromCodePoint(item))\n );\n }, [emojis]);\n\n const handleSelect = useCallback(item => {\n setSelectedEmoji(item);\n }, []);\n\n const [headerHeight, setHeaderHeight] = useState(0);\n const [selectedEmoji, setSelectedEmoji] = useState(\"😀\");\n\n const emojiContainerStyle = {\n height: 180,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n\n const [selectedTab, setSelectedTab] = useState(emojis[0].title);\n\n const selectTab = (tab) => {\n setSelectedTab(tab);\n const section = emojis.find(s => s.title === tab);\n if (section) {\n const index = emojis\n .slice(0, emojis.indexOf(section))\n .reduce((acc, curr) => acc + curr.data.length, 0);\n flatListRef.current?.scrollToOffset({ offset: index * 56, animated: false });\n }\n }\n\n return (\n \n \n \n {selectedEmoji}\n \n \n \n {emojis.map((value, index) => (\n selectTab(value.title)}\n >\n {\n selectTab(value.title);\n }}\n >\n item + index}\n showsVerticalScrollIndicator={false}\n contentContainerStyle={{\n padding: 5,\n paddingBottom: 80,\n }}\n renderItem={({ item }) => (\n \n onSelect(selectedEmoji)}\n />\n \n \n );\n}\n\nexport default function EditSubject() {\n const { colors } = useTheme();\n const insets = useSafeAreaInsets();\n\n const params = useLocalSearchParams();\n\n const [selectedName, setSelectedName] = useState(String(params.name));\n const [selectedColor, setSelectedColor] = useState(Colors.find(c => c === String(params.color)) || Colors[0]);\n const [selectedEmoji, setSelectedEmoji] = useState(String(params.emoji));\n const [showEmojiPicker, setShowEmojiPicker] = useState(false);\n\n const AvailableEmojis = [\n \"📖\",\n \"🧮\",\n \"🌍\",\n \"🎨\",\n \"⚽\",\n \"🎵\",\n \"🧪\",\n \"custom\",\n ];\n\n\n return (\n \n \n {\n router.back();\n }}\n >\n Modifier la matière \n {\n const store = useAccountStore.getState();\n\n store.setSubjectName(String(params.id), selectedName);\n store.setSubjectEmoji(String(params.id), selectedEmoji);\n store.setSubjectColor(String(params.id), selectedColor);\n\n router.back();\n }}\n >\n \n \n\n \n \n Nom de la matière \n \n \n \n \n Couleur \n \n \n {Colors.map(color => (\n setSelectedColor(color)}\n >\n {selectedColor === color && (\n \n Emoji \n \n \n {!AvailableEmojis.includes(selectedEmoji) && (\n \n \n {selectedEmoji}\n \n \n )}\n {AvailableEmojis.map(emoji => (\n {\n if (emoji === \"custom\") {\n setShowEmojiPicker(true);\n } else {\n setSelectedEmoji(emoji);\n }\n }}\n >\n {emoji === \"custom\" ? (\n \n {emoji}\n \n )}\n \n ))}\n \n \n setShowEmojiPicker(false)}\n >\n setShowEmojiPicker(false)}\n onSelect={emoji => {\n setSelectedEmoji(emoji);\n setShowEmojiPicker(false);\n }}\n />\n \n \n );\n};\n"
},
{
"path": "app/(settings)/language.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Alert, Platform } from \"react-native\";\n\nimport { useSettingsStore } from \"@/stores/settings\";\nimport Icon from \"@/ui/components/Icon\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { resources } from \"@/utils/i18n\";\n\nconst LanguagePersonalization = () => {\n const { i18n } = useTranslation();\n const { colors } = useTheme();\n\n const settingStore = useSettingsStore(state => state.personalization);\n const mutateProperty = useSettingsStore(state => state.mutateProperty);\n\n const languages = Object.keys(resources).map(key => ({\n id: key,\n name: resources[key].label,\n emoji: resources[key].emoji,\n }));\n\n const rtlLanguages = [\"ar\", \"he\", \"fa\", \"ur\"];\n\n const setLanguage = (lang: string) => {\n requestAnimationFrame(() => {\n if (rtlLanguages.includes(lang)) {\n Alert.alert(\n \"Inverted layout is not supported yet\",\n \"The selected language may not be displayed correctly.\"\n );\n }\n\n setTimeout(() => {\n i18n.changeLanguage(lang);\n mutateProperty(\"personalization\", { ...settingStore, language: lang });\n }, 90);\n });\n };\n\n return (\n \n {languages.map(lang => {\n const isSelected = i18n.language === lang.id;\n\n return (\n {\n setLanguage(lang.id);\n }}\n >\n \n {lang.emoji} \n \n\n \n {lang.name}\n \n\n {isSelected && (\n \n \n \n \n )}\n \n );\n })}\n \n );\n};\n\nexport default LanguagePersonalization;\n"
},
{
"path": "app/(settings)/magic.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { t } from \"i18next\";\nimport React, { useEffect, useState } from \"react\";\nimport { Alert } from \"react-native\";\n\nimport SettingsHeader from \"@/components/SettingsHeader\";\nimport packageJson from \"@/package.json\";\nimport { useSettingsStore } from \"@/stores/settings\";\nimport Icon from \"@/ui/components/Icon\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { MAGIC_URL } from \"@/utils/endpoints\";\nimport { log } from \"@/utils/logger/logger\";\nimport ModelManager from \"@/utils/magic/ModelManager\";\nimport { checkAndUpdateModel, getCurrentPtr } from \"@/utils/magic/updater\";\n\nfunction getMagicURL(): string {\n return useSettingsStore.getState().personalization.magicModelURL || MAGIC_URL;\n}\n\nexport default function SettingsMagic() {\n const theme = useTheme();\n const { colors } = theme;\n\n const settingsStore = useSettingsStore(state => state.personalization);\n const mutateProperty = useSettingsStore(state => state.mutateProperty);\n\n const [modelStatus, setModelStatus] = useState(null);\n const [currentPtr, setCurrentPtr] = useState(null);\n const [isUpdating, setIsUpdating] = useState(false);\n const [lastUpdateCheck, setLastUpdateCheck] = useState(null);\n\n useEffect(() => {\n const updateStatus = async () => {\n const status = ModelManager.getStatus();\n setModelStatus(status);\n\n try {\n const ptr = await getCurrentPtr();\n setCurrentPtr(ptr);\n } catch (error) {\n log(\"Erreur lors de la récupération du pointeur: \" + error);\n }\n };\n\n updateStatus();\n }, []);\n\n const refreshStatus = async () => {\n const status = ModelManager.getStatus();\n setModelStatus(status);\n\n try {\n const ptr = await getCurrentPtr();\n setCurrentPtr(ptr);\n } catch (error) {\n log(\"Erreur lors de la récupération du pointeur: \" + error);\n }\n };\n\n const showDetailedStatus = () => {\n if (!modelStatus) {\n return;\n }\n\n log(\n \"Statut détaillé du modèle:\" +\n JSON.stringify({\n hasModel: modelStatus.hasModel,\n modelType: modelStatus.modelType,\n hasInitialized: modelStatus.hasInitialized,\n isInitializing: modelStatus.isInitializing,\n maxLen: modelStatus.maxLen,\n batchSize: modelStatus.batchSize,\n labelsCount: modelStatus.labelsCount,\n wordIndexSize: modelStatus.wordIndexSize,\n oovIndex: modelStatus.oovIndex,\n tokenizerInfo: modelStatus.tokenizerInfo,\n })\n );\n };\n\n const checkForUpdates = async () => {\n if (isUpdating) {\n return;\n }\n\n setIsUpdating(true);\n setLastUpdateCheck(new Date());\n\n try {\n const result = await checkAndUpdateModel(\n packageJson.version,\n getMagicURL()\n );\n\n if (result.updated) {\n await ModelManager.safeInit();\n refreshStatus();\n }\n } catch (error) {\n log(\"Erreur lors de la vérification:\" + error);\n } finally {\n setIsUpdating(false);\n }\n };\n\n const resetModel = async () => {\n try {\n const result = await ModelManager.reset();\n if (result.success) {\n refreshStatus();\n }\n } catch (error) {\n log(\"Erreur lors de la réinitialisation:\" + error);\n }\n };\n\n return (\n \n \n {\n if (settingsStore.magicEnabled && !isSwitchOn) {\n Alert.alert(\n \"Désactivation de Magic+\",\n \"Papillon Magic+ sera désactivé au prochain redémarrage\",\n [{ text: \"OK\", style: \"default\" }]\n );\n }\n\n mutateProperty(\"personalization\", {\n magicEnabled: !settingsStore.magicEnabled,\n });\n setTimeout(refreshStatus, 100);\n }}\n switchValue={settingsStore.magicEnabled}\n showSwitch={true}\n switchColor={\"#DD007D\"}\n />\n \n\n {settingsStore.magicEnabled && (\n \n \n \n \n \n \n Statut du modèle \n \n \n {modelStatus?.hasModel ? \"Chargé\" : \"Non chargé\"}\n \n \n \n\n \n \n \n \n \n Modèle actuel \n \n \n {currentPtr\n ? `${currentPtr.name} v${currentPtr.version}`\n : \"Aucun\"}\n \n \n \n \n )}\n\n {settingsStore.magicEnabled && (\n \n \n \n \n \n \n Vérifier les mises à jour \n \n \n \n \n \n\n \n \n \n \n \n Réinitialiser le modèle \n \n \n \n \n \n \n )}\n\n \n \n {t(\"Settings_MagicPlus_ExplanationLocal\")}\n \n \n \n );\n}\n"
},
{
"path": "app/(settings)/personalization.tsx",
"content": "import { Alert, Platform, ScrollView, Switch } from \"react-native\";\nimport Stack from \"@/ui/components/Stack\";\nimport { EarthIcon } from \"lucide-react-native\";\nimport React, { useEffect } from \"react\";\nimport Typography from \"@/ui/new/Typography\";\nimport Icon from \"@/ui/components/Icon\";\nimport { Papicons, PapillonApp } from \"@getpapillon/papicons\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport { useTheme } from \"@react-navigation/native\";\nimport AppColorsSelector from \"@/components/AppColorsSelector\";\nimport { AppColors } from \"@/utils/colors\";\nimport LinearGradient from \"react-native-linear-gradient\";\nimport adjust from \"@/utils/adjustColor\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { DEFAULT_MATERIAL_YOU_ENABLED, useSettingsStore } from \"@/stores/settings\";\nimport { useTranslation } from \"react-i18next\";\nimport { router } from \"expo-router\";\nimport { useHeaderHeight } from \"@react-navigation/elements\";\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport { FadeIn, FadeOut } from \"react-native-reanimated\";\nimport List from \"@/ui/new/List\";\nimport NativeSwitch from \"@/ui/native/NativeSwitch\";\n\n\nconst PersonalizationSettings = () => {\n const theme = useTheme();\n const { t } = useTranslation()\n\n const store = useAccountStore.getState();\n const settingsStore = useSettingsStore(state => state.personalization);\n const mutateProperty = useSettingsStore(state => state.mutateProperty);\n const useMaterialYou = settingsStore.useMaterialYou ?? DEFAULT_MATERIAL_YOU_ENABLED;\n\n const defaultColorData = AppColors.find(color => color.colorEnum === settingsStore.colorSelected) || AppColors[0];\n const [selectedColor, setSelectedColor] = React.useState(defaultColorData.mainColor);\n const [selectedTheme, setSelectedTheme] = React.useState<\"light\" | \"dark\" | \"auto\">(\"auto\");\n\n const height = useHeaderHeight()\n\n useEffect(() => {\n if (settingsStore.theme) {\n setSelectedTheme(settingsStore.theme);\n }\n }, []);\n\n useEffect(() => {\n mutateProperty('personalization', { theme: selectedTheme });\n }, [selectedTheme]);\n\n return (\n <>\n \n \n \n {!useMaterialYou &&\n \n \n Choix de la couleur \n \n \n {\n setSelectedColor(color);\n setTimeout(() => {\n const colorData = AppColors.find(appColor => appColor.mainColor === color);\n if (colorData) {\n mutateProperty('personalization', {\n colorSelected: colorData.colorEnum\n });\n }\n }, 50);\n }}\n accountId={store.lastUsedAccount}\n />\n \n \n }\n\n \n \n Options du thème \n \n {Platform.OS === \"android\" && Platform.Version >= 31 && (\n \n \n \n \n \n {t(\"Global_Recommended\")} \n {t(\"Settings_Personalization_MaterialYou_Title\")} \n \n {t(\"Settings_Personalization_MaterialYou_Description\")}\n \n \n {\n mutateProperty(\"personalization\", { useMaterialYou: value });\n }}\n disabled={typeof Platform.Version !== \"number\" || Platform.Version < 31}\n />\n \n \n )}\n \n \n \n \n \n {t(\"Settings_Personalization_Theme\")} \n \n \n setSelectedTheme(\"light\")}\n style={{ overflow: \"hidden\", height: \"100%\" }}\n >\n \n \n \n setSelectedTheme(\"dark\")}\n style={{ overflow: \"hidden\", height: \"100%\" }}\n >\n \n \n \n setSelectedTheme(\"auto\")}\n style={{ overflow: \"hidden\", height: \"100%\" }}\n >\n \n Auto \n \n \n \n \n \n \n\n \n \n Options des matières \n \n {\n router.push(\"/(settings)/subject_personalization\");\n }}\n >\n \n \n \n \n {t(\"Settings_Personalization_Subject_Title\")} \n \n {t(\"Settings_Personalization_Subject_Description\")}\n \n \n \n \n \n \n \n\n \n \n Options de l'application \n \n {\n router.push(\"/(settings)/tabs\");\n }}\n >\n \n \n \n \n {t(\"Settings_Tabs_Title\")} \n {t(\"Settings_Tabs_Description\")} \n \n \n \n \n \n {\n router.push(\"/(settings)/language\");\n }}\n >\n \n \n \n \n {t(\"Settings_Language_Title\")} \n {t(\"Settings_Language_Description\")} \n \n \n \n \n \n \n \n \n )\n};\n\nexport default PersonalizationSettings;\n"
},
{
"path": "app/(settings)/services.tsx",
"content": "import { UserX2Icon } from \"lucide-react-native\";\nimport React from \"react\";\nimport { ScrollView } from \"react-native\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAccountStore } from \"@/stores/account\";\nimport Icon from \"@/ui/components/Icon\";\nimport Item from \"@/ui/components/Item\";\nimport List from \"@/ui/components/List\";\nimport Stack from \"@/ui/components/Stack\";\nimport Typography from \"@/ui/components/Typography\";\n\nexport default function SettingsServices() {\n const accountStore = useAccountStore();\n const { t } = useTranslation();\n\n return (\n \n {accountStore.lastUsedAccount && (\n \n - \n
\n {t('Settings_Services_Title_LastAccountUsed')}\n \n \n {accountStore.lastUsedAccount}\n \n \n
\n )}\n\n {accountStore.accounts.length === 0 && (\n \n \n \n \n Aucun compte lié\n \n \n Ajoute un compte en appuyant sur le bouton ci-dessus.\n \n \n )}\n \n );\n}\n"
},
{
"path": "app/(settings)/settings.tsx",
"content": "import { Papicons } from '@getpapillon/papicons';\nimport { useTheme } from \"@react-navigation/native\";\nimport { LinearGradient } from 'expo-linear-gradient';\nimport { useNavigation, useRouter } from \"expo-router\";\nimport * as WebBrowser from \"expo-web-browser\";\nimport { t } from \"i18next\";\nimport { BusIcon, HeartIcon, InfoIcon } from \"lucide-react-native\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { Alert, Image, Platform, Pressable, View } from \"react-native\";\n\nimport { ClearDatabaseForAccount } from \"@/database/DatabaseProvider\";\nimport { useAccountStore } from \"@/stores/account\";\nimport { useSettingsStore } from \"@/stores/settings\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport Avatar from \"@/ui/components/Avatar\";\nimport Icon from \"@/ui/components/Icon\";\nimport { NativeHeaderSide } from \"@/ui/components/NativeHeader\";\nimport Stack from \"@/ui/components/Stack\";\nimport TableFlatList from \"@/ui/components/TableFlatList\";\nimport TypographyLegacy from \"@/ui/components/Typography\";\nimport adjust from \"@/utils/adjustColor\";\nimport { getInitials } from \"@/utils/chats/initials\";\nimport { error } from \"@/utils/logger/logger\";\n\nimport packagejson from \"../../package.json\"\nimport { formatSchoolName } from '@/utils/format/formatSchoolName';\nimport List, { ListTouchable } from '@/ui/new/List';\nimport Typography from '@/ui/new/Typography';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useHeaderHeight } from '@react-navigation/elements';\n\nexport default function SettingsIndex() {\n const router = useRouter();\n const navigation = useNavigation();\n\n const theme = useTheme();\n const { colors } = theme;\n\n const accountStore = useAccountStore();\n const accounts = useAccountStore((state) => state.accounts);\n const lastUsedAccount = useAccountStore((state) => state.lastUsedAccount);\n\n const settingsStore = useSettingsStore(state => state.personalization);\n const currentVersion = packagejson.version;\n const releaseNotesUrl = `https://papillon.bzh/release-notes/${currentVersion}`;\n\n const account = accounts.find((a) => a.id === lastUsedAccount);\n\n const [firstName, lastName, level, establishment] = useMemo(() => {\n if (!account) { return [null, null, null, null]; }\n\n const firstName = account.firstName;\n const lastName = account.lastName;\n const level = account.className;\n const establishment = account.schoolName;\n\n return [firstName, lastName, level, establishment];\n }, [account]);\n\n const logout = useCallback(() => {\n const accounts = useAccountStore.getState().accounts;\n for (const account of accounts) {\n useAccountStore.getState().removeAccount(account);\n }\n router.replace(\"/(onboarding)/welcome\");\n\n }, [account, accountStore, router]);\n\n const MoreSettingsList = [\n {\n title: t(\"Settings_Preferences\"),\n content: [\n /*{\n title: t('Settings_Accessibility_Title'),\n description: t('Settings_Accessibility_Description'),\n papicon: \n {Array.from({ length: Math.ceil(BigButtons.length / 2) }, (_, rowIndex) => (\n \n {BigButtons.slice(rowIndex * 2, rowIndex * 2 + 2).map((button, _) => {\n const newButtonColor = adjust(button.color, theme.dark ? 0.2 : -0.2);\n\n return (\n \n \n \n {Platform.OS === 'ios' && (\n \n {button.icon}\n \n \n {button.title} \n {button.description} \n \n \n \n \n )\n })}\n \n ))}\n \n );\n }, [theme.dark]);\n \n const insets = useSafeAreaInsets();\n\n const headerHeight = useHeaderHeight();\n const finalHeaderHeight = Platform.select({\n android: headerHeight -16,\n default: 0\n });\n\n return (\n <>\n \n \n \n {firstName || lastName ? `${firstName || ''} ${lastName || ''}`.trim() : t('Settings_NoAccount')}\n \n {establishment &&\n \n {level} {(level && establishment) && \" — \"} {formatSchoolName(establishment)}\n \n }\n \n \n {Platform.OS === 'android' && (\n \n {section.title} \n \n )}\n {section.content.map(item => (\n \n \n \n {item.papicon}\n \n \n {item.title} \n \n {item.description}\n \n \n ))}\n \n ))}\n \n \n );\n};\n"
},
{
"path": "app/(settings)/subject_personalization.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { router } from \"expo-router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Alert, View } from \"react-native\";\n\nimport { useAccountStore } from \"@/stores/account\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport Icon from \"@/ui/components/Icon\";\nimport {\n NativeHeaderPressable,\n NativeHeaderSide,\n} from \"@/ui/components/NativeHeader\";\nimport Stack from \"@/ui/components/Stack\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\n\nexport default function SubjectPersonalization() {\n const { colors } = useTheme();\n\n const accounts = useAccountStore(state => state.accounts);\n const lastUsedAccount = useAccountStore(state => state.lastUsedAccount);\n const store = useAccountStore.getState();\n\n const account = accounts.find(a => a.id === lastUsedAccount);\n const subjects = Object.entries(account?.customisation?.subjects ?? {})\n .map(([key, value]) => ({\n id: key,\n ...value,\n }))\n .filter(item => item.name && item.emoji && item.color);\n\n const resetAllSubjects = () => {\n Alert.alert(\n t(\"Settings_Subjects_Reset_Title\"),\n t(\"Settings_Subjects_Reset_Message\"),\n [\n {\n text: t(\"CANCEL_BTN\"),\n style: \"cancel\",\n },\n {\n text: t(\"Settings_Subjects_Reset_Button\"),\n style: \"destructive\",\n onPress: () => {\n store.setSubjects({});\n },\n },\n ]\n );\n };\n\n function renderItem(emoji: string, name: string, id: string, color: string) {\n return (\n {\n router.push({\n pathname: \"/(settings)/edit_subject\",\n params: {\n id,\n emoji,\n color,\n name,\n },\n });\n }}\n >\n \n \n \n {emoji}\n \n \n \n {name} \n \n \n \n \n \n );\n }\n\n const { t } = useTranslation();\n\n return (\n <>\n \n resetAllSubjects()}>\n \n \n \n \n\n \n {subjects.length > 0 ? (\n subjects.map(item =>\n renderItem(item.emoji, item.name, item.id, item.color)\n )\n ) : (\n \n \n \n \n \n {t(\"Settings_Subjects_None_Title\")}\n \n \n {t(\"Settings_Subjects_None_Description\")}\n \n \n \n \n )}\n \n \n );\n}\n"
},
{
"path": "app/(settings)/tabs.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Switch } from \"react-native\";\n\nimport { useSettingsStore } from \"@/stores/settings\";\nimport Icon from \"@/ui/components/Icon\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport NativeSwitch from \"@/ui/native/NativeSwitch\";\n\nconst SettingsTabs = () => {\n const { t } = useTranslation();\n\n const settingsStore = useSettingsStore(state => state.personalization);\n const mutateProperty = useSettingsStore(state => state.mutateProperty);\n\n const disabledTabs = settingsStore?.disabledTabs || [];\n\n const tabs = [\n {\n id: \"calendar\",\n name: t(\"Tab_Calendar\"),\n icon: \"calendar\",\n enabled: !disabledTabs.includes(\"calendar\"),\n },\n {\n id: \"tasks\",\n name: t(\"Tab_Tasks\"),\n icon: \"tasks\",\n enabled: !disabledTabs.includes(\"tasks\"),\n },\n {\n id: \"grades\",\n name: t(\"Tab_Grades\"),\n icon: \"grades\",\n enabled: !disabledTabs.includes(\"grades\"),\n },\n {\n id: \"news\",\n name: t(\"Tab_News\"),\n icon: \"newspaper\",\n enabled: !disabledTabs.includes(\"news\"),\n },\n ];\n\n const toggleTab = (tabId: string) => {\n if (disabledTabs.includes(tabId)) {\n mutateProperty(\"personalization\", {\n ...settingsStore,\n disabledTabs: disabledTabs.filter(id => id !== tabId),\n });\n } else {\n mutateProperty(\"personalization\", {\n ...settingsStore,\n disabledTabs: [...disabledTabs, tabId],\n });\n }\n };\n\n return (\n \n {tabs.map(tab => (\n \n \n \n \n \n {tab.name} \n \n toggleTab(tab.id)}\n />\n \n \n ))}\n \n );\n};\n\nexport default SettingsTabs;\n"
},
{
"path": "app/(settings)/transport.tsx",
"content": "import { Papicons } from \"@getpapillon/papicons\";\nimport { useTheme } from \"@react-navigation/native\";\nimport * as React from \"react\";\nimport { useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Image, Modal } from \"react-native\";\n\nimport SettingsHeader from \"@/components/SettingsHeader\";\nimport { AvailableTransportServices } from \"@/constants/AvailableTransportServices\";\nimport { useAccountStore } from \"@/stores/account\";\nimport List from \"@/ui/new/List\";\nimport Typography from \"@/ui/new/Typography\";\nimport { AddressModal } from \"@/app/(modals)/address\";\nimport { TransportAddress } from \"@/stores/account/types\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { runsIOS26 } from \"@/ui/utils/IsLiquidGlass\";\n\nexport default function TransportView() {\n const accountStore = useAccountStore();\n const accounts = useAccountStore(state => state.accounts);\n const lastUsedAccount = useAccountStore(state => state.lastUsedAccount);\n const { transport } = accounts.find(a => a.id === lastUsedAccount)!;\n\n const theme = useTheme();\n const { t } = useTranslation();\n\n const [transportEnabled, setTransportEnabled] = React.useState(\n transport?.enabled ?? false\n );\n\n const [showAddressSelect, setShowAddressSelect] = React.useState(false);\n const [\n addressSelectCanBeCurrentLocation,\n setAddressSelectCanBeCurrentLocation,\n ] = React.useState(false);\n\n const openAddressSelect = (currentLocationEnabled: boolean) => {\n setAddressSelectCanBeCurrentLocation(currentLocationEnabled);\n setShowAddressSelect(true);\n };\n\n const formatAddress = (address: TransportAddress | undefined): string => {\n if (address === undefined) {\n return t(\"Settings_Transport_Address_Not_Set\");\n }\n if (address.firstTitle === \"current_location\") {\n return t(\"Settings_Transport_Current_Position\");\n }\n return `${address.firstTitle}, ${address.secondTitle}`;\n };\n\n useEffect(\n () => accountStore.setTransportEnabled(transportEnabled),\n [transportEnabled]\n );\n\n const insets = useSafeAreaInsets();\n\n return (\n \n \n \n\n \n {t(\"Settings_Transport_Address_Title\")} \n \n \n {\n if (transportEnabled) {\n openAddressSelect(true);\n }\n }}\n style={{ opacity: transportEnabled ? 1 : 0.5 }}\n >\n \n \n \n {t(\"Settings_Transport_Address_Home_Title\")}\n \n \n {formatAddress(transport?.homeAddress)}\n \n \n \n \n {\n if (transportEnabled) {\n openAddressSelect(false);\n }\n }}\n style={{ opacity: transportEnabled ? 1 : 0.5 }}\n >\n \n \n \n {t(\"Settings_Transport_Address_School_Title\")}\n \n \n {formatAddress(transport?.schoolAddress)}\n \n \n \n \n \n \n \n {t(\"Settings_Transport_Address_Description\")}\n \n \n\n \n \n {t(\"Settings_Transport_Default_Application_Title\")}\n \n \n \n {AvailableTransportServices.map(service => (\n {\n if (transportEnabled) {\n accountStore.setTransportService(service.id);\n }\n }}\n key={service.id}\n style={{ opacity: transportEnabled ? 1 : 0.5 }}\n >\n \n \n {(transport?.defaultApp ?? \"transit\") === service.id && (\n \n \n )}\n \n {service.name}\n \n \n ))}\n \n \n setShowAddressSelect(false)}\n animationType={\"slide\"}\n >\n setShowAddressSelect(false)}\n onConfirm={(item: TransportAddress) => {\n if (addressSelectCanBeCurrentLocation) {\n // Home\n accountStore.setTransportHomeAddress(item);\n } else {\n // School\n accountStore.setTransportSchoolAddress(item);\n }\n setShowAddressSelect(false);\n }}\n />\n \n \n \n );\n}\n"
},
{
"path": "app/(tabs)/_layout.tsx",
"content": "import { runsIOS26 } from '@/ui/utils/IsLiquidGlass';\nimport { useTheme } from '@react-navigation/native';\nimport { NativeTabs } from 'expo-router/unstable-native-tabs';\nimport { useTranslation } from 'react-i18next';\nimport { Platform } from 'react-native';\n\n// Static platform detection - computed once at module load\nconst IS_IOS_WITH_PADDING = runsIOS26;\nconst IS_ANDROID = Platform.OS === 'android';\n\nconst TAB_LABEL_STYLE = {\n fontFamily: 'medium',\n fontSize: Platform.OS === 'ios' ? 13 : 13,\n} as const;\n\nexport default function TabLayout() {\n const theme = useTheme();\n const { t } = useTranslation();\n\n return (\n \n \n {t(\"Tab_Home\")} \n \n \n {t(\"Tab_Calendar\")} \n \n \n {t(\"Tab_Tasks\")} \n \n \n {t(\"Tab_Grades\")} \n \n \n {t(\"Tab_News\")} \n \n \n );\n}\n"
},
{
"path": "app/(tabs)/calendar/_layout.tsx",
"content": "import { Stack } from \"expo-router\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { screenOptions } from \"@/utils/theme/ScreenOptions\";\nimport AndroidHeaderBackground from \"@/components/AndroidHeaderBackground\";\n\nexport default function Layout() {\n const { t } = useTranslation();\n\n return (\n \n \n );\n}\n"
},
{
"path": "app/(tabs)/calendar/components/CalendarDay.tsx",
"content": "import { useNavigation } from \"expo-router\";\nimport { t } from \"i18next\";\nimport React, { useMemo, useRef } from \"react\";\nimport { Dimensions,FlatList, Platform, RefreshControl, StyleSheet, View } from 'react-native';\n\nimport { Transit } from \"@/components/Transit\";\nimport { Course as SharedCourse, CourseStatus } from \"@/services/shared/timetable\";\nimport { TransportStorage } from \"@/stores/account/types\";\nimport Course from \"@/ui/components/Course\";\nimport { Colors, getSubjectColor } from \"@/utils/subjects/colors\";\nimport { getSubjectEmoji } from \"@/utils/subjects/emoji\";\nimport { getSubjectName } from '@/utils/subjects/name';\n\nimport { EmptyCalendar } from './EmptyCalendar';\n\ninterface CalendarDayProps {\n dayDate: Date;\n courses: SharedCourse[];\n isRefreshing: boolean;\n onRefresh: () => void;\n colors: { primary: string, background: string };\n headerHeight: number;\n insets: any;\n tabBarHeight: number;\n transportInfo?: TransportStorage;\n}\n\nexport const CalendarDay = React.memo(({ dayDate, courses, isRefreshing, onRefresh, colors, headerHeight, insets, tabBarHeight, transportInfo }: CalendarDayProps) => {\n const navigation = useNavigation();\n\n // Cache to preserve event object identity by id\n const eventCache = useRef<{ [id: string]: any }>({});\n\n // Shallow compare function\n function shallowEqual(objA: any, objB: any) {\n if (objA === objB) { return true; }\n if (!objA || !objB) { return false; }\n const keysA = Object.keys(objA);\n const keysB = Object.keys(objB);\n if (keysA.length !== keysB.length) { return false; }\n for (const key of keysA) {\n if (objA[key] !== objB[key]) { return false; }\n }\n return true;\n }\n\n const dayEvents = useMemo(() => {\n const cache = eventCache.current;\n const next: { [id: string]: any } = {};\n const result = (courses ?? []).map(ev => {\n if (cache[ev.id] && shallowEqual(ev, cache[ev.id])) {\n next[ev.id] = cache[ev.id];\n return cache[ev.id];\n }\n next[ev.id] = ev;\n return ev;\n });\n eventCache.current = next;\n return result;\n }, [courses]);\n\n const threshold = 30;\n\n const enrichedEvents = useMemo(() => {\n if (!dayEvents || dayEvents.length === 0) {return dayEvents;}\n const result: any[] = [];\n\n // Add transport departure\n if (transportInfo?.enabled ?? false) {\n result.push({\n type: \"transit\",\n isDeparture: true,\n targetTime: dayEvents[0].from.getTime() / 1000,\n });\n }\n\n // Add separator between events\n for (let i = 0; i < dayEvents.length; i++) {\n result.push(dayEvents[i]);\n if (i < dayEvents.length - 1) {\n const current = dayEvents[i];\n const next = dayEvents[i + 1];\n if (current.to && next.from) {\n const diffMinutes =\n (next.from.getTime() - current.to.getTime()) / (1000 * 60);\n if (diffMinutes > threshold) {\n result.push({\n id: `separator-${current.id}-${next.id}`,\n type: \"separator\" as any,\n from: new Date(current.to),\n to: new Date(next.from),\n });\n }\n }\n }\n }\n\n // Add transport arrival\n if (transportInfo?.enabled ?? false) {\n result.push({\n type: \"transit\",\n isDeparture: false,\n targetTime: result[result.length - 1].to.getTime() / 1000,\n });\n }\n\n return result;\n }, [dayEvents]);\n\n const isEmpty = enrichedEvents.length === 0;\n\n return (\n \n {\n navigation.navigate(\"(modals)/course\", {\n course: item,\n subjectInfo: {\n id: item.subject,\n name: getSubjectName(item.subject),\n color: getSubjectColor(item.subject) || Colors[0],\n emoji: getSubjectEmoji(item.subject),\n },\n });\n }}\n />\n );\n }\n\n return (\n {\n navigation.navigate(\"(modals)/course\", {\n course: item,\n subjectInfo: {\n id: item.subject,\n name: getSubjectName(item.subject),\n color: getSubjectColor(item.subject) || Colors[0],\n emoji: getSubjectEmoji(item.subject),\n },\n });\n }}\n />\n );\n }}\n />\n \n );\n}, (prevProps, nextProps) => {\n return (\n prevProps.dayDate.getTime() === nextProps.dayDate.getTime() &&\n prevProps.isRefreshing === nextProps.isRefreshing &&\n prevProps.onRefresh === nextProps.onRefresh &&\n prevProps.headerHeight === nextProps.headerHeight &&\n JSON.stringify(prevProps.courses) === JSON.stringify(nextProps.courses)\n );\n});\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n\nexport function getStatusText(status?: CourseStatus): string {\n switch (status) {\n case CourseStatus.ONLINE:\n return t(\"Online_Course\")\n case CourseStatus.EDITED:\n return t(\"Edited_Course\")\n case CourseStatus.CANCELED:\n return t(\"Canceled_Course\")\n case CourseStatus.EVALUATED:\n return t(\"Evaluated_Course\")\n default:\n return \"\"\n }\n}\n"
},
{
"path": "app/(tabs)/calendar/components/CalendarHeader.tsx",
"content": "import React from 'react';\nimport { Platform } from 'react-native';\nimport { useTheme } from '@react-navigation/native';\nimport { useRouter } from 'expo-router';\nimport { t } from 'i18next';\nimport TabHeader from '@/ui/components/TabHeader';\nimport TabHeaderTitle from '@/ui/components/TabHeaderTitle';\nimport ChipButton from '@/ui/components/ChipButton';\nimport Calendar from \"@/ui/components/Calendar\";\nimport i18n from '@/utils/i18n';\n\ninterface CalendarHeaderProps {\n date: Date;\n onDateChange: (date: Date) => void;\n onHeaderHeightChange: (height: number) => void;\n calendarRef: any;\n isLoading?: boolean;\n}\n\nexport const CalendarHeader = React.memo(({ date, onDateChange, onHeaderHeightChange, calendarRef, isLoading }: CalendarHeaderProps) => {\n const { colors } = useTheme();\n const router = useRouter();\n\n const toggleDatePicker = () => {\n calendarRef.current?.toggle();\n };\n\n // know if date is today, yesterday, or tomorrow\n const isToday = date.toDateString() === new Date().toDateString();\n const isYesterday = date.toDateString() === new Date(new Date().setDate(new Date().getDate() - 1)).toDateString();\n const isTomorrow = date.toDateString() === new Date(new Date().setDate(new Date().getDate() + 1)).toDateString();\n\n const subtitle = isToday ? t(\"Today\") : isYesterday ? t(\"Yesterday\") : isTomorrow ? t(\"Tomorrow\") : \"\";\n\n return (\n <>\n toggleDatePicker()}\n loading={isLoading}\n />\n }\n trailing={\n {\n if (nativeEvent.event === 'manage_icals') {\n router.push({\n pathname: \"./calendar/icals\",\n params: {}\n });\n }\n }}\n />\n }\n />\n \n );\n});\n"
},
{
"path": "app/(tabs)/calendar/components/EmptyCalendar.tsx",
"content": "import React, { memo } from 'react';\nimport { t } from \"i18next\";\nimport { Papicons } from '@getpapillon/papicons';\nimport { Dynamic } from \"@/ui/components/Dynamic\";\nimport Stack from \"@/ui/components/Stack\";\nimport Icon from \"@/ui/components/Icon\";\nimport Typography from \"@/ui/components/Typography\";\n\nexport const EmptyCalendar = memo(() => (\n \n \n \n \n \n {t('Tab_Calendar_Empty')}\n \n \n {t('Tab_Calendar_Empty_Description')}\n \n \n \n));\n"
},
{
"path": "app/(tabs)/calendar/event/[id].tsx",
"content": "import { MenuView } from '@react-native-menu/menu';\nimport { useTheme } from \"@react-navigation/native\";\nimport { useLocalSearchParams, useNavigation, useRouter } from \"expo-router\";\nimport { t } from 'i18next';\nimport { MoreVertical } from \"lucide-react-native\";\nimport { useEffect, useLayoutEffect, useState } from 'react';\nimport React, { Alert, Platform, ScrollView, StyleSheet } from \"react-native\";\n\nimport UnderConstructionNotice from \"@/components/UnderConstructionNotice\";\nimport { useDatabase } from '@/database/DatabaseProvider';\nimport { useEventById } from '@/database/useEventsById';\nimport { NativeHeaderPressable, NativeHeaderSide } from '@/ui/components/NativeHeader';\nimport ActionMenu from '@/ui/components/ActionMenu';\n\nexport default function TabOneScreen() {\n const { id, title } = useLocalSearchParams();\n const database = useDatabase();\n const router = useRouter();\n const navigation = useNavigation();\n const [isLoading, setIsLoading] = useState(true);\n\n const { colors } = useTheme();\n\n // Ensure id is a string or number, not an array\n const eventId = Array.isArray(id) ? id[0] : id;\n const event = useEventById(eventId);\n\n useEffect(() => {\n if (event && event.id) {\n setIsLoading(false);\n }\n }, [event]);\n\n useLayoutEffect(() => {\n navigation.setOptions({\n headerTitle: event ? event.title : title ?? t(\"Event_EventDetails\"),\n });\n }, [event, navigation]);\n\n return (\n <>\n \n {\n if (nativeEvent.event === 'delete') {\n Alert.alert(\n t(\"Event_DeleteEvent\"),\n t(\"Event_Confirm_DeleteEvent\"),\n [\n {\n text: t(\"Context_Cancel\"),\n style: \"cancel\"\n },\n {\n text: t(\"Event_DeleteEvent\"),\n style: \"destructive\",\n onPress: async () => {\n try {\n await database.write(async () => {\n const eventToDelete = await database.get('events').find(eventId);\n await eventToDelete.destroyPermanently();\n });\n router.back();\n } catch (error) {\n console.error(\"Error deleting event:\", error);\n Alert.alert(\n \"Erreur\",\n \"Une erreur est survenue lors de la suppression de l’événement.\",\n [{ text: \"OK\" }]\n );\n }\n }\n }\n ]\n );\n }\n }}\n >\n \n \n \n \n\n \n >(null);\n const referenceDate = useRef(new Date());\n const windowWidth = Dimensions.get(\"window\").width;\n\n useEffect(() => {\n referenceDate.current.setHours(0, 0, 0, 0);\n }, []);\n\n const getDateFromIndex = useCallback((index: number) => {\n const d = new Date(referenceDate.current);\n d.setDate(referenceDate.current.getDate() + (index - INITIAL_INDEX));\n return d;\n }, []);\n\n const getIndexFromDate = useCallback((d: Date) => {\n const base = new Date(referenceDate.current);\n base.setHours(0, 0, 0, 0);\n const target = new Date(d);\n target.setHours(0, 0, 0, 0);\n const diff = Math.round((target.getTime() - base.getTime()) / (1000 * 60 * 60 * 24));\n return INITIAL_INDEX + diff;\n }, []);\n\n const handleDateChange = useCallback((newDate: Date) => {\n setDate(newDate);\n const newWeekNumber = getWeekNumberFromDate(newDate);\n if (newWeekNumber !== weekNumber) {\n setWeekNumber(newWeekNumber);\n }\n }, [weekNumber]);\n\n // Sync FlatList with date\n useEffect(() => {\n const newIndex = getIndexFromDate(date);\n let newWeekNumber = getWeekNumberFromDate(date);\n\n if (date.getDay() === 0) {\n newWeekNumber += 1;\n }\n\n if (newIndex !== currentIndex) {\n setCurrentIndex(newIndex);\n if (flatListRef.current) {\n try {\n flatListRef.current.scrollToIndex({\n index: newIndex,\n animated: false,\n });\n } catch (e) {\n warn(String(e))\n }\n }\n }\n\n if (newWeekNumber !== weekNumber) {\n setWeekNumber(newWeekNumber);\n }\n }, [date, getIndexFromDate, currentIndex, weekNumber]);\n\n const onMomentumScrollEnd = useCallback((e: any) => {\n const newIndex = Math.round(e.nativeEvent.contentOffset.x / windowWidth);\n if (newIndex !== currentIndex) {\n setCurrentIndex(newIndex);\n const newDate = getDateFromIndex(newIndex);\n setDate((prev) => prev.getTime() !== newDate.getTime() ? newDate : prev);\n }\n }, [windowWidth, currentIndex, getDateFromIndex]);\n\n const lastEmittedIndex = useRef(currentIndex);\n\n const onScroll = useCallback((e: any) => {\n const offsetX = e.nativeEvent.contentOffset.x;\n const newIndex = Math.round(offsetX / windowWidth);\n if (newIndex !== lastEmittedIndex.current) {\n lastEmittedIndex.current = newIndex;\n setCurrentIndex(newIndex);\n const newDate = getDateFromIndex(newIndex);\n setDate((prev) => prev.getTime() !== newDate.getTime() ? newDate : prev);\n const newWeekNumber = getWeekNumberFromDate(newDate);\n if (newWeekNumber !== weekNumber) {\n setWeekNumber(newWeekNumber);\n }\n }\n }, [windowWidth, getDateFromIndex, weekNumber]);\n\n return {\n date,\n setDate,\n weekNumber,\n setWeekNumber,\n currentIndex,\n flatListRef,\n getDateFromIndex,\n getIndexFromDate,\n handleDateChange,\n onMomentumScrollEnd,\n onScroll,\n INITIAL_INDEX,\n windowWidth\n };\n}\n"
},
{
"path": "app/(tabs)/calendar/hooks/useTimetableData.ts",
"content": "import { useCallback, useEffect, useMemo,useRef, useState } from 'react';\n\nimport { useTimetable } from '@/database/useTimetable';\nimport { getManager, subscribeManagerUpdate } from \"@/services/shared\";\nimport { useAccountStore } from '@/stores/account';\nimport { log, warn } from \"@/utils/logger/logger\";\n\nexport function useTimetableData(weekNumber: number, currentDate: Date = new Date()) {\n const safeDate = currentDate;\n const [isLoading, setIsLoading] = useState(false);\n const [refresh, setRefresh] = useState(0);\n const [manualRefreshing, setManualRefreshing] = useState(false);\n const [fetchedWeeks, setFetchedWeeks] = useState([]);\n const fetchTimeoutRef = useRef | null>(null);\n\n let manager: ReturnType | null;\n\n try {\n manager = getManager();\n } catch (error) {\n warn('Manager not initialized, iCal events will still work');\n manager = null;\n }\n\n const store = useAccountStore.getState();\n const account = store.accounts.find(account => store.lastUsedAccount);\n const services: string[] = account?.services?.map((service: { id: string }) => service.id) ?? [];\n \n const rawTimetable = useTimetable(refresh, [weekNumber - 1, weekNumber, weekNumber + 1], safeDate);\n \n const timetable = useMemo(() => {\n return rawTimetable.map(day => ({\n ...day,\n courses: day.courses.filter(course =>\n services.includes(course.createdByAccount) || course.createdByAccount.startsWith('ical_')\n )\n })).filter(day => day.courses.length > 0);\n }, [rawTimetable, services]);\n\n const fetchWeeklyTimetable = useCallback(async (targetWeekNumber: number, forceRefresh = false) => {\n setIsLoading(true);\n if (fetchTimeoutRef.current) {\n clearTimeout(fetchTimeoutRef.current);\n fetchTimeoutRef.current = null;\n }\n\n fetchTimeoutRef.current = setTimeout(async () => {\n if (forceRefresh) {\n setManualRefreshing(true);\n }\n try {\n if (!manager) {\n warn('Manager is null, skipping timetable fetch');\n return;\n }\n\n const candidates = [targetWeekNumber - 1, targetWeekNumber, targetWeekNumber + 1].map(week => {\n const targetDate = new Date(safeDate);\n targetDate.setDate(targetDate.getDate() + (week - targetWeekNumber) * 7);\n const year = targetDate.getFullYear();\n const key = `${year}-${week}`;\n return { week, targetDate, key };\n });\n\n const toFetch = candidates.filter(c => !fetchedWeeks.includes(c.key));\n\n if (toFetch.length > 0) {\n await Promise.all(\n toFetch.map((c) => {\n return manager.getWeeklyTimetable(c.week, c.targetDate)\n })\n );\n\n setRefresh(prev => prev + 1);\n setFetchedWeeks((prevFetchedWeeks) => [\n ...prevFetchedWeeks,\n ...toFetch.map(c => c.key),\n ]);\n }\n } catch (error) {\n log('Error fetching weekly timetable: ' + error);\n } finally {\n setIsLoading(false);\n setManualRefreshing(false);\n fetchTimeoutRef.current = null;\n }\n }, 100);\n }, [fetchedWeeks, manager, safeDate]);\n\n useEffect(() => {\n fetchWeeklyTimetable(weekNumber);\n }, [weekNumber, fetchWeeklyTimetable]);\n\n useEffect(() => {\n const unsubscribe = subscribeManagerUpdate((updatedManager) => {\n if (updatedManager) {\n fetchWeeklyTimetable(weekNumber);\n }\n });\n return () => unsubscribe();\n }, [weekNumber, fetchWeeklyTimetable]);\n\n useEffect(() => {\n return () => {\n if (fetchTimeoutRef.current) {\n clearTimeout(fetchTimeoutRef.current);\n }\n };\n }, []);\n\n const handleRefresh = useCallback(() => {\n setRefresh(prev => prev + 1);\n fetchWeeklyTimetable(weekNumber, true);\n }, [weekNumber]);\n\n return {\n timetable,\n refresh,\n manualRefreshing,\n handleRefresh,\n isLoading\n };\n}\n"
},
{
"path": "app/(tabs)/calendar/icals.tsx",
"content": "import { t } from \"i18next\";\nimport { Calendar, Link2Icon, TypeIcon, Brain } from \"lucide-react-native\";\nimport React, { useState } from \"react\";\nimport { Alert, ScrollView, StyleSheet, TextInput, Switch } from \"react-native\";\n\nimport { useAddIcal, useIcals, useRemoveIcal, useUpdateIcalParsing } from \"@/database/useIcals\";\nimport { isValidUrl, normalizeUrl } from \"@/services/local/ical-utils\";\nimport { fetchAndParseICal } from \"@/services/local/ical\";\nimport { enhanceADEUrl } from \"@/services/local/parsers/ade-parser\";\nimport Button from \"@/ui/components/Button\";\nimport Icon from \"@/ui/components/Icon\";\nimport Item, { Trailing } from \"@/ui/components/Item\";\nimport List from \"@/ui/components/List\";\nimport Typography from \"@/ui/components/Typography\";\nimport { useTheme } from \"@react-navigation/native\";\nimport { Papicons } from \"@getpapillon/papicons\";\nimport AnimatedPressable from \"@/ui/components/AnimatedPressable\";\nimport NativeSwitch from \"@/ui/native/NativeSwitch\";\n\nexport default function TabOneScreen() {\n const [icalUrl, setIcalUrl] = useState(\"\");\n const [icalTitle, setIcalTitle] = useState(\"\");\n const [intelligentParsing, setIntelligentParsing] = useState(false);\n const [refresh, setRefresh] = useState(0);\n const icals = useIcals(refresh);\n const addIcal = useAddIcal();\n const removeIcal = useRemoveIcal();\n const updateIcalParsing = useUpdateIcalParsing();\n\n const handleAdd = async () => {\n if (!icalUrl.trim() || !icalTitle.trim()) {\n Alert.alert(t(\"Tab_Calendar_Icals_Add_Title\"), t(\"Tab_Calendar_Icals_Add_Description\"));\n return;\n }\n\n const normalizedUrl = normalizeUrl(icalUrl);\n\n try {\n const parsedData = await fetchAndParseICal(normalizedUrl);\n const shouldEnableParsing = (parsedData.isADE || parsedData.isHyperplanning) ? true : intelligentParsing;\n\n const finalUrl = parsedData.isADE ? enhanceADEUrl(normalizedUrl) : normalizedUrl;\n\n await addIcal(icalTitle, finalUrl, shouldEnableParsing, parsedData.provider);\n setIcalUrl(\"\");\n setIcalTitle(\"\");\n setIntelligentParsing(false);\n setRefresh(r => r + 1);\n } catch (error) {\n Alert.alert(\"Erreur\", \"Impossible de traiter l'URL iCal. Vérifiez qu'elle est valide.\");\n }\n };\n\n const handleRemove = async (id: string) => {\n await removeIcal(id);\n setRefresh(r => r + 1);\n };\n\n\n const theme = useTheme();\n const { colors } = theme;\n\n return (\n