more fixes and changes, crash, design …

src/providers/StripeProvider.js

@@ -1,10 +1,11 @@
 import React from "react";
-import { Linking, StyleSheet, View } from "react-native";
+import { Linking, Platform, StyleSheet, View } from "react-native";
 import {
   EmbeddedCheckout,
   EmbeddedCheckoutProvider,
 } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
+import * as WebBrowser from "expo-web-browser";
 
 import Overlay from "../components/Overlay";
 import Button from "../components/Button";
@@ -80,6 +81,26 @@ const StripeProvider = ({ children }) => {
       throw new Error("Navigation Stripe impossible dans cet environnement.");
     }
 
+    const isMobileApp =
+      Platform.OS === "ios" || Platform.OS === "android";
+
+    if (isMobileApp) {
+      try {
+        await WebBrowser.openBrowserAsync(checkoutUrl, {
+          enableDefaultShareMenu: false,
+          dismissButtonStyle: "close",
+          presentationStyle:
+            WebBrowser?.WebBrowserPresentationStyle?.PAGE_SHEET,
+        });
+        return;
+      } catch (webBrowserError) {
+        console.warn(
+          "[StripeProvider] WebBrowser checkout fallback",
+          webBrowserError,
+        );
+      }
+    }
+
     const canOpen = await Linking.canOpenURL(checkoutUrl);
     if (!canOpen) {
       throw new Error("Impossible d'ouvrir l'URL de paiement.");