Merge pull request PapillonApp#402 from PapillonApp/account/identity

feat(account): Ajout des informations d'identité

Author: ecnivtwelve

src/stores/account/types.ts

@@ -65,6 +65,23 @@ export interface Personalization {
   }
 }
 
+export interface Identity {
+  firstName?: string,
+  lastName?: string,
+  civility?: string,
+  boursier?: boolean,
+  ine?: string,
+  birthDate?: Date,
+  birthPlace?: string,
+  phone?: string[],
+  email?: string[],
+  address?: {
+    street?: string,
+    zipCode?: string,
+    city?: string,
+  },
+}
+
 export interface CurrentAccountStore {
   /** Si un compte est en cours d'utilisation, on obtient l'ID, sinon `null`. */
   account: PrimaryAccount | null
@@ -96,19 +113,20 @@ export enum AccountService {
  * for EVERY accounts stored.
  */
 interface BaseAccount {
-  localID: string
-  isExternal: false
+  localID: string;
+  isExternal: false;
 
-  name: string
-  className?: string
-  schoolName?: string
-  linkedExternalLocalIDs: string[]
+  name: string;
+  className?: string;
+  schoolName?: string;
+  linkedExternalLocalIDs: string[];
+  identity: Partial<Identity>;
 
   studentName: {
-    first: string
-    last: string
-  },
-  personalization: Partial<Personalization>
+    first: string;
+    last: string;
+  };
+  personalization: Partial<Personalization>;
 }
 
 interface BaseExternalAccount {

src/views/login/IdentityProvider/actions/BackgroundIUTLannion.tsx

@@ -11,12 +11,39 @@ import { WebView } from "react-native-webview";
 import type { Screen } from "@/router/helpers/types";
 import { FadeInDown, FadeOutUp } from "react-native-reanimated";
 import { animPapillon } from "@/utils/ui/animations";
+import { da } from "date-fns/locale";
 
 const capitalizeFirst = (str: string) => {
   str = str.toLowerCase();
   return str.charAt(0).toUpperCase() + str.slice(1);
 };
 
+const buildIdentity = (data: any) => {
+  return {
+    firstName: capitalizeFirst(data["relevé"].etudiant.prenom || ""),
+    lastName: (data["relevé"].etudiant.nom || "").toUpperCase(),
+    civility: data["relevé"].etudiant.civilite || undefined,
+    boursier: data["relevé"].etudiant.boursier || false,
+    ine: data["relevé"].etudiant.code_ine || undefined,
+    birthDate: data["relevé"].etudiant.date_naissance ? (
+      new Date(data["relevé"].etudiant.date_naissance.split("/").reverse().join("-")).getTime()
+    ) : undefined,
+    birthPlace: data["relevé"].etudiant.lieu_naissance || undefined,
+    phone: [
+      data["relevé"].etudiant.telephonemobile ? (data["relevé"].etudiant.telephonemobile).replaceAll(".", " ") : undefined,
+    ],
+    email: [
+      data["relevé"].etudiant.email || undefined,
+      data["relevé"].etudiant.emailperso || undefined,
+    ],
+    address: {
+      street: data["relevé"].etudiant.domicile || undefined,
+      city: data["relevé"].etudiant.villedomicile || undefined,
+      zipCode: data["relevé"].etudiant.codepostaldomicile || undefined,
+    },
+  };
+};
+
 const BackgroundIUTLannion: Screen<"BackgroundIUTLannion"> = ({ route, navigation }) => {
   const params = route.params;
   let username = params?.username || null;
@@ -55,6 +82,8 @@ const BackgroundIUTLannion: Screen<"BackgroundIUTLannion"> = ({ route, navigatio
         rawData: data,
       });
 
+      mutateProperty("identity", buildIdentity(data));
+
       navigation.goBack();
     }
   };
@@ -70,6 +99,8 @@ const BackgroundIUTLannion: Screen<"BackgroundIUTLannion"> = ({ route, navigatio
         rawData: data,
       },
 
+      identity: buildIdentity(data),
+
       credentials: {
         username: username || "",
         password: password || ""

src/views/settings/SettingsProfile.tsx

@@ -3,11 +3,14 @@ import { Screen } from "@/router/helpers/types";
 import { useCurrentAccount } from "@/stores/account";
 import { useTheme } from "@react-navigation/native";
 import * as ImagePicker from "expo-image-picker";
-import { Camera, Plus, TextCursorInput, User2, UserCircle2, WholeWord } from "lucide-react-native";
+import { Camera, ChevronDown, ChevronUp, Plus, TextCursorInput, User2, UserCircle2, WholeWord } from "lucide-react-native";
 import React, { useEffect, useRef, useState } from "react";
-import { ActivityIndicator, Image, KeyboardAvoidingView, ScrollView, Switch, TextInput } from "react-native";
+import { ActivityIndicator, Alert, Image, KeyboardAvoidingView, ScrollView, Switch, TextInput } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
+import * as Clipboard from "expo-clipboard";
+import { TouchableOpacity } from "react-native-gesture-handler";
+
 const SettingsProfile: Screen<"SettingsProfile"> = ({ navigation }) => {
   const theme = useTheme();
   const insets = useSafeAreaInsets();
@@ -80,6 +83,48 @@ const SettingsProfile: Screen<"SettingsProfile"> = ({ navigation }) => {
     });
   }, [hideNameOnHomeScreen, hideProfilePicOnHomeScreen]);
 
+  const identityData = account.identity ? [
+    account.identity.civility && {
+      label: "Civilité",
+      value: account.identity.civility === "M" ? "Monsieur" : "Madame",
+    },
+    account.identity.birthDate && {
+      label: "Date de naissance",
+      value: new Date(account.identity.birthDate).toLocaleDateString("fr-FR", {
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+      }),
+    },
+    account.identity.birthPlace && {
+      label: "Lieu de naissance",
+      value: account.identity.birthPlace,
+    },
+    account.identity.ine && {
+      label: "INE",
+      value: account.identity.ine,
+    },
+    account.identity.boursier && {
+      label: "Boursier",
+      value: "Oui",
+    },
+    account.identity.email && {
+      label: "Email",
+      value: account.identity.email[0],
+    },
+    account.identity.phone && {
+      label: "Téléphone",
+      value: account.identity.phone[0],
+    },
+    account.identity.address && {
+      label: "Adresse",
+      value: `${account.identity.address.street}, ${account.identity.address.zipCode} ${account.identity.address.city}`,
+    },
+  ].filter(Boolean) as { label: string, value: string }[
+  ] : [];
+
+  const [showIdentity, setShowIdentity] = useState(false);
+
   return (
     <KeyboardAvoidingView
       behavior="padding"
@@ -228,6 +273,50 @@ const SettingsProfile: Screen<"SettingsProfile"> = ({ navigation }) => {
             </NativeText>
           </NativeItem>
         </NativeList>
+
+        {account.identity && Object.keys(account.identity) !== undefined && Object.keys(account.identity).length > 0 && (
+          <NativeListHeader
+            label="Informations d'identité"
+            trailing={
+              <TouchableOpacity
+                onPress={() => setShowIdentity(!showIdentity)}
+              >
+                {showIdentity ?
+                  <ChevronUp
+                    size={24}
+                    color={theme.colors.primary}
+                  /> :
+                  <ChevronDown
+                    size={24}
+                    color={theme.colors.primary}
+                  />
+                }
+              </TouchableOpacity>
+            }
+          />
+        )}
+
+        {showIdentity && (
+          <NativeList>
+            {identityData.map((item, index) => (
+              <NativeItem
+                key={"identityData_"+index}
+                onPress={async () => {
+                  await Clipboard.setStringAsync(item.value);
+                  Alert.alert("Copié", "L'information a été copiée dans le presse-papier.");
+                }}
+                chevron={false}
+              >
+                <NativeText variant="subtitle">
+                  {item.label}
+                </NativeText>
+                <NativeText variant="body">
+                  {item.value}
+                </NativeText>
+              </NativeItem>
+            ))}
+          </NativeList>
+        )}
       </ScrollView>
     </KeyboardAvoidingView>
   );