merge PapillonApp#537

Author: Lecloow

app.config.ts

@@ -63,6 +63,14 @@ module.exports = {
       "expo-router",
       "expo-font",
       "expo-localization",
+      [
+        "expo-notifications",
+        {
+          icon: "./assets/images/icon.png",
+          color: "#003A21",
+          defaultChannel: "default",
+        },
+      ],
       [
         "expo-image-picker",
         {

app/(settings)/settings.tsx

@@ -258,14 +258,14 @@ export default function SettingsIndex() {
                 {(level || establishment) &&
                   <Stack direction={"horizontal"} gap={6} style={{ marginTop: 4 }}>
                     {level &&
-                      <Stack direction={"horizontal"} gap={8} hAlign={"center"} radius={100} backgroundColor={colors.background} inline padding={[12, 3]} card flat style={{ flexShrink: 0 }}>
+                      <Stack direction={"horizontal"} gap={8} hAlign={"center"} radius={100} backgroundColor={colors.background} inline padding={[12, 3]} card flat>
                         <Typography variant={"body1"} color="secondary">
                           {level}
                         </Typography>
                       </Stack>
                     }
                     {establishment &&
-                      <Stack direction={"horizontal"} gap={8} hAlign={"center"} radius={100} backgroundColor={colors.background} inline padding={[12, 3]} card flat style={{ flex: 1 }}>
+                      <Stack direction={"horizontal"} gap={8} hAlign={"center"} radius={100} backgroundColor={colors.background} inline padding={[12, 3]} card flat>
                         <Typography
                           variant={"body1"}
                           color="secondary"

app/._layout.tsx.swp

@@ -33,6 +33,7 @@ import { AlertProvider } from '@/ui/components/AlertProvider';
 import { runsIOS26 } from '@/ui/utils/IsLiquidGlass';
 import { AppColors } from "@/utils/colors";
 import ModelManager from '@/utils/magic/ModelManager';
+import { registerQRCodeNotificationRouting } from '@/utils/restaurant/qrcode-notification';
 import { screenOptions } from '@/utils/theme/ScreenOptions';
 import { DarkTheme, DefaultTheme } from '@/utils/theme/Theme';
 
@@ -155,8 +156,8 @@ const RootLayoutNav = React.memo(function RootLayoutNav() {
   useEffect(() => {
     if (customLanguage) {
       // Changing language is asynchronous, so we don't await it
-      i18n.changeLanguage(customLanguage).catch((error) => {
-        console.error("Error changing language:", error);
+      i18n.changeLanguage(customLanguage).catch((error: unknown) => {
+        // Error changing language
       });
     }
   }, [customLanguage]);
@@ -213,6 +214,10 @@ const RootLayoutNav = React.memo(function RootLayoutNav() {
     }
   }, [magicEnabled]);
 
+  useEffect(() => {
+    void registerQRCodeNotificationRouting();
+  }, []);
+
   useEffect(() => {
     /*
     DONNÉES D'ANALYSE : serveur Countly (https://countly.papillon.bzh)

app/_layout.tsx

@@ -20,9 +20,10 @@ import Typography from "@/ui/components/Typography";
 import { MAGIC_URL } from "@/utils/endpoints";
 import { log } from "@/utils/logger/logger";
 import ModelManager from "@/utils/magic/ModelManager";
+import { sendSmartQRCodeNotification, testQRCodeNotification } from "@/utils/restaurant/qrcode-notification";
 
 export default function Devmode() {
-  const accountStore = useAccountStore();
+  const _accountStore = useAccountStore();
   const logsStore = useLogStore();
   const settingStore = useSettingsStore(state => state.personalization)
   const mutateProperty = useSettingsStore(state => state.mutateProperty)
@@ -33,8 +34,10 @@ export default function Devmode() {
   const { colors } = useTheme();
   const alert = useAlert();
 
-  const [showAccountStore, setShowAccountStore] = useState(false);
+  const [_showAccountStore, _setShowAccountStore] = useState(false);
   const [showLogsStore, setShowLogsStore] = useState(false);
+  const [isTestNotificationLoading, setIsTestNotificationLoading] = useState(false);
+  const [isSmartNotificationLoading, setIsSmartNotificationLoading] = useState(false);
 
   const [visibleLogsCount, setVisibleLogsCount] = useState(20);
 
@@ -264,6 +267,80 @@ export default function Devmode() {
         </Item>
 
       </List>
+      <Stack direction="horizontal" gap={10} vAlign="start" hAlign="center" style={{
+        paddingHorizontal: 6,
+        paddingVertical: 0,
+        marginBottom: 14,
+        opacity: 0.5,
+      }}>
+        <Icon>
+          <Papicons name={"QrCode"} size={18} />
+        </Icon>
+        <Typography>
+          QR Code
+        </Typography>
+      </Stack>
+
+      <List>
+        <Item
+          onPress={async () => {
+            if (isTestNotificationLoading) { return; } // Éviter les clics multiples
+
+            try {
+              setIsTestNotificationLoading(true);
+              await testQRCodeNotification();
+            } catch (error) {
+              Alert.alert("Erreur", `Erreur lors de l'envoi de la notification: ${String(error)}`);
+            } finally {
+              setTimeout(() => {
+                setIsTestNotificationLoading(false);
+              }, 3000);
+            }
+          }}
+        >
+          <Typography variant="title">
+            {isTestNotificationLoading ? "Envoi en cours..." : "Tester notification QR Code"}
+          </Typography>
+        </Item>
+        <Item
+          onPress={async () => {
+            if (isSmartNotificationLoading) { return; } // Éviter les clics multiples
+
+            try {
+              setIsSmartNotificationLoading(true);
+
+              // Vérifier d'abord si un service compatible est disponible
+              const { hasMealBookedToday } = await import("@/utils/restaurant/qrcode-notification");
+              const bookingInfo = await hasMealBookedToday();
+
+              // Priorité 1: Vérifier si un service compatible existe
+              if (!bookingInfo.serviceId || !bookingInfo.serviceType) {
+                Alert.alert("Aucun service compatible", "L'utilisateur n'a pas de service compatible (Turboself ou Izly)");
+                return;
+              }
+
+              // Priorité 2: Vérifier si une réservation existe
+              if (!bookingInfo.hasBooked) {
+                const serviceName = bookingInfo.serviceType === 1 ? "Turboself" : "Izly";
+                Alert.alert("Aucune réservation", `L'utilisateur n'a pas réservé de repas mais utilise ${serviceName}`);
+                return;
+              }
+
+              await sendSmartQRCodeNotification();
+            } catch (error) {
+              Alert.alert("Erreur", `Erreur lors de l'envoi de la notification intelligente: ${String(error)}`);
+            } finally {
+              setTimeout(() => {
+                setIsSmartNotificationLoading(false);
+              }, 3000);
+            }
+          }}
+        >
+          <Typography variant="title">
+            {isSmartNotificationLoading ? "Envoi en cours..." : "Tester notification intelligente"}
+          </Typography>
+        </Item>
+      </List>
       <Stack direction="horizontal" gap={10} vAlign="start" hAlign="center" style={{
         paddingHorizontal: 6,
         paddingVertical: 0,
@@ -326,7 +403,14 @@ export default function Devmode() {
           <Typography variant="title">ConsoleLog Magic Store</Typography>
         </Item>
         <Item
-          onPress={() => resetMagicCache()}
+          onPress={() => {
+            try {
+              magicStore.clear();
+              Alert.alert("Cache vidé", "Le cache des prédictions Magic a été vidé avec succès !");
+            } catch (error) {
+              Alert.alert("Erreur", `Erreur lors du vidage du cache: ${String(error)}`);
+            }
+          }}
         >
           <Typography variant="title">Reset Magic Cache</Typography>
         </Item>

app/devmode.tsx

@@ -63,6 +63,7 @@
     "expo-localization": "~17.0.7",
     "expo-location": "~19.0.7",
     "expo-network": "~8.0.7",
+    "expo-notifications": "~0.32.12",
     "expo-router": "~6.0.4",
     "expo-secure-store": "~15.0.7",
     "expo-splash-screen": "~31.0.10",