Fix: New Pronote ✨ response format ✨

package.json

@@ -73,7 +73,7 @@
     "openid-client": "^5.7.0",
     "pawdirecte": "^1.7.1",
     "pawnilim": "^0.2.0",
-    "pawnote": "^1.3.4",
+    "pawnote": "^1.4.1",
     "pawrd": "^0.6.1",
     "react": "18.2.0",
     "react-native": "^0.74.3",

src/components/Global/AnimatedNumber.tsx

@@ -15,7 +15,7 @@ interface AnimatedNumberProps {
    * d'animer chaque chiffre et d'avoir un
    * flottant fixé, par exemple.
    */
-  value: string | any;
+  value: string | number;
 
   /**
    * Style du texte du nombre.
@@ -50,7 +50,7 @@ const AnimatedNumber: React.FC<AnimatedNumberProps> = ({
       }, contentContainerStyle]}
       layout={animPapillon(LinearTransition)}
     >
-      {value.toString().split("").map((n:number, i:number) => (
+      {value.toString().split("").map((n, i) => (
         <Reanimated.View
           key={i + "_" + n}
           entering={animPapillon(FadeInDown).delay(i * 20 + 20).mass(1).damping(30).stiffness(700)}
@@ -66,4 +66,4 @@ const AnimatedNumber: React.FC<AnimatedNumberProps> = ({
   );
 };
 
-export default AnimatedNumber;
+export default AnimatedNumber;

src/components/Global/PapillonPicker.tsx

@@ -10,17 +10,19 @@ import { NativeText } from "./NativeComponents";
 import { BlurView } from "expo-blur";
 import { Check } from "lucide-react-native";
 
-type PickerData = string[] | { label: string, icon?: JSX.Element, onPress: () => unknown, checked?: boolean }[];
+export type PickerDataItem = string | { label: string, icon?: JSX.Element, onPress?: () => unknown, checked?: boolean };
+
+type PickerData = PickerDataItem[];
 
 interface PapillonPickerProps {
   children: React.ReactNode
   data: PickerData
-  selected?: string
+  selected?: PickerDataItem
   contentContainerStyle?: StyleProp<AnimatedStyle<StyleProp<ViewStyle>>>
   delay?: number,
   direction?: "left" | "right",
   animated?: boolean,
-  onSelectionChange?: (item: string) => unknown
+  onSelectionChange?: any
 }
 
 const PapillonPicker: React.FC<PapillonPickerProps> = ({
@@ -37,7 +39,7 @@ const PapillonPicker: React.FC<PapillonPickerProps> = ({
   const [contentHeight, setContentHeight] = useState(0);
   const [opened, setOpened] = useState(false);
 
-  const handleSelectionChange = (item: string) => {
+  const handleSelectionChange = (item: PickerDataItem) => {
     if (onSelectionChange) {
       setTimeout(() => {
         onSelectionChange(item);
@@ -115,7 +117,7 @@ const PapillonPicker: React.FC<PapillonPickerProps> = ({
                       onPressItem();
                     } : () => {
                       setOpened(false);
-                      handleSelectionChange(item as string);
+                      handleSelectionChange(item);
                     }}
                     style={[
                       styles.item

src/components/Grades/GradeModal.tsx

@@ -4,28 +4,51 @@ import {
   View,
   Image,
   Text,
-  Alert, ScrollView, StyleSheet, Dimensions
+  Alert,
+  ScrollView,
+  StyleSheet,
+  Dimensions
 } from "react-native";
-import {Download, Trash2, Ellipsis} from "lucide-react-native";
+import { Download, Trash2, Ellipsis } from "lucide-react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { BlurView } from "expo-blur";
 import * as FileSystem from "expo-file-system";
 import * as MediaLibrary from "expo-media-library";
-import {PressableScale} from "react-native-pressable-scale";
-import {NativeText} from "@/components/Global/NativeComponents";
-import {Reel} from "@/services/shared/Reel";
-import {captureRef} from "react-native-view-shot";
+import { PressableScale } from "react-native-pressable-scale";
+import { NativeText } from "@/components/Global/NativeComponents";
+import { Reel } from "@/services/shared/Reel";
+import { captureRef } from "react-native-view-shot";
 import Constants from "expo-constants";
-import Animated, {Easing, FadeInRight, ZoomIn} from "react-native-reanimated";
+import Animated, { Easing, FadeInRight, ZoomIn } from "react-native-reanimated";
 import PapillonBottomSheet from "@/components/Modals/PapillonBottomSheet";
-import {useTheme} from "@react-navigation/native";
+import { useTheme } from "@react-navigation/native";
 interface GradeModalProps {
   isVisible: boolean;
   reel: Reel;
   onClose: () => void;
   DeleteGrade: () => void;
 }
 
+interface ShareOptions {
+  appId: string;
+  urls?: string[];
+  url?: string;
+  type?: string;
+  filename?: string;
+  message?: string;
+  title?: string;
+  subject?: string;
+  email?: string;
+  recipient?: string;
+  social: "facebook"|"facebookstories"|"pagesmanager"|"twitter"|"whatsapp"
+          |"whatsappbusiness" |"instagram"|"instagramstories"|"googleplus"
+          |"email"|"pinterest"|"linkedin"|"sms" |"telegram"|"snapchat"
+          |"messenger"|"viber"|"discord";
+  forceDialog?: boolean;
+  stickerImage?: string;
+  backgroundImage?: string;
+}
+
 const convertToBase64 = async (uri: string): Promise<string> => {
   const response = await fetch(uri);
   const blob = await response.blob();
@@ -47,7 +70,7 @@ const GradeModal: React.FC<GradeModalProps> = ({
   const stickersRef = React.useRef<View>(null);
   const [showDeleteWarning, setShowDeleteWarning] = React.useState(false);
 
-  const shareToSocial = async (option) => {
+  const shareToSocial = async (option: ShareOptions) => {
     const isExpoGo = Constants.appOwnership === "expo";
     if (isExpoGo) {
       Alert.alert("Fonctionnalité indisponible", "Cette fonctionnalité n'est pas disponible dans Expo Go. Pour l'utiliser, tu peux tester l'application sur ton propre appareil.");
@@ -507,4 +530,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default GradeModal;
+export default GradeModal;

src/components/Settings/ReelGallery.tsx

@@ -139,7 +139,7 @@ const ReelGallery = ({ reels }: ReelGalleryProps) => {
       {selectedReel && (
         <GradeModal
           isVisible={!!selectedReel}
-          imageBase64={selectedReel.image || ""}
+          reel={selectedReel}
           onClose={() => setSelectedReel(null)}
           DeleteGrade={() => selectedReel.id && deleteReel(selectedReel.id)}
         />

src/router/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
-import {NavigationContainer, NavigationState, PartialState, Theme} from "@react-navigation/native";
-import {Platform, StatusBar, View, useColorScheme } from "react-native";
+import { NavigationContainer, NavigationState, PartialState, Theme } from "@react-navigation/native";
+import { Platform, StatusBar, View, useColorScheme } from "react-native";
 import * as Linking from "expo-linking";
 import screens from "@/router/screens";
 import type { RouteParameters } from "@/router/helpers/types";
@@ -13,7 +13,7 @@ import * as NavigationBar from "expo-navigation-bar";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { useCurrentAccount } from "@/stores/account";
 import { navigatorScreenOptions } from "./helpers/create-screen";
-import {navigate} from "@/utils/logger/logger";
+import { navigate } from "@/utils/logger/logger";
 import { PapillonNavigation } from "./refs";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 
@@ -74,9 +74,9 @@ const Router: React.FC = () => {
 
 
   const account = useCurrentAccount(store => store.account!);
-  if (account && account.personalization?.color !== undefined) {
+  if (account?.personalization?.color) {
 
-    if (account.personalization?.color?.hex?.primary !== undefined) {
+    if (account.personalization?.color?.hex?.primary) {
       theme.colors.primary = account.personalization.color.hex.primary;
     }
   }

src/router/navigator/atoms/MenuItem.tsx

@@ -17,7 +17,7 @@ const MenuItem: React.FC<{
   const theme = useTheme();
 
   const { options } = descriptor;
-  const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
+  const label = options.tabBarLabel ?? options.title ?? route.name;
 
   const onPress = () => {
     const event = navigation.emit({
@@ -140,4 +140,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default React.memo(MenuItem);
+export default React.memo(MenuItem);

src/router/navigator/atoms/TabItem.tsx

@@ -1,9 +1,8 @@
 import * as React from "react";
 import { useTheme } from "@react-navigation/native";
-import { StyleSheet, Platform } from "react-native";
+import { StyleSheet, Platform, Pressable } from "react-native";
 import LottieView from "lottie-react-native";
 import colorsList from "@/utils/data/colors.json";
-import { Pressable } from "react-native-gesture-handler";
 import * as Haptics from "expo-haptics";
 import Reanimated, { FadeIn, FadeOut, LinearTransition, ZoomIn } from "react-native-reanimated";
 import { anim2Papillon } from "@/utils/ui/animations";
@@ -18,7 +17,7 @@ const TabItem: React.FC<{
   const theme = useTheme();
 
   const { options } = descriptor;
-  const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
+  const label: string = options.tabBarLabel ?? options.title ?? route.name;
 
   const onPress = () => {
     const event = navigation.emit({

src/router/navigator/menu.tsx

@@ -123,4 +123,4 @@ const styles = StyleSheet.create({
   menuBarIOS: {},
 });
 
-export default PapillonNavigatorMenu;
+export default PapillonNavigatorMenu;

src/router/navigator/navigator.tsx

@@ -59,4 +59,4 @@ const BottomTabNavigator: React.ComponentType<any> = ({
   );
 };
 
-export default createNavigatorFactory(BottomTabNavigator);
+export default createNavigatorFactory(BottomTabNavigator);

src/router/navigator/tabs.tsx

@@ -69,4 +69,4 @@ const styles = StyleSheet.create({
   tabBarIOS: {},
 });
 
-export default PapillonNavigatorTabs;
+export default PapillonNavigatorTabs;

src/services/evaluation.ts

@@ -1,8 +1,8 @@
 import { type Account, AccountService } from "@/stores/account/types";
 import type { Period } from "./shared/Period";
-import {useEvaluationStore} from "@/stores/evaluation";
-import {Evaluation} from "@/services/shared/Evaluation";
-import {error} from "@/utils/logger/logger";
+import { useEvaluationStore } from "@/stores/evaluation";
+import { Evaluation } from "@/services/shared/Evaluation";
+import { error } from "@/utils/logger/logger";
 
 const getDefaultPeriod = (periods: Period[]): string => {
   const now = Date.now();
@@ -47,6 +47,6 @@ export async function updateEvaluationsInCache <T extends Account> (account: T,
     useEvaluationStore.getState().updateEvaluations(periodName, evaluations);
   }
   catch (err) {
-    error(`not updated, see:${err}`, "updateGradesAndAveragesInCache");
+    error(`evaluations not updated, see:${err}`, "updateGradesAndAveragesInCache");
   }
-}
+}

src/services/grades.ts

@@ -2,7 +2,7 @@ import { type Account, AccountService } from "@/stores/account/types";
 import { useGradesStore } from "@/stores/grades";
 import type { Period } from "./shared/Period";
 import type { AverageOverview, Grade } from "./shared/Grade";
-import {error } from "@/utils/logger/logger";
+import { error } from "@/utils/logger/logger";
 import { checkIfSkoSupported } from "./skolengo/default-personalization";
 
 const getDefaultPeriod = (periods: Period[]): string => {
@@ -126,6 +126,6 @@ export async function updateGradesAndAveragesInCache <T extends Account> (accoun
     useGradesStore.getState().updateGradesAndAverages(periodName, grades, averages);
   }
   catch (err) {
-    error(`not updated, see:${err}`, "updateGradesAndAveragesInCache");
+    error(`grades not updated, see:${err}`, "updateGradesAndAveragesInCache");
   }
 }

src/services/homework.ts

@@ -51,7 +51,7 @@ export async function updateHomeworkForWeekInCache <T extends Account> (account:
     useHomeworkStore.getState().updateHomeworks(dateToEpochWeekNumber(date), homeworks);
   }
   catch (err) {
-    error(`not updated, see:${err}`, "updateHomeworkForWeekInCache");
+    error(`homeworks not updated, see:${err}`, "updateHomeworkForWeekInCache");
   }
 }