web: fix web app on Safari

apps/web/src/global.d.ts

@@ -71,7 +71,7 @@ declare global {
   }
   interface Window {
     ApplePaySession?: {
-      canMakePayments(): boolean;
+      canMakePayments(): boolean | Promise<boolean>;
     };
   }
 }

apps/web/src/utils/feature-check.ts

@@ -22,9 +22,18 @@ const FEATURE_CHECKS = {
   cache: false,
   indexedDB: false,
   clonableCryptoKey: false,
-  applePaySupported: !!window.ApplePaySession?.canMakePayments()
+  applePaySupported: false
 };
 
+async function isApplePaySupported() {
+  try {
+    FEATURE_CHECKS.applePaySupported =
+      !!(await window.ApplePaySession?.canMakePayments());
+  } catch {
+    FEATURE_CHECKS.applePaySupported = false;
+  }
+}
+
 async function isOPFSSupported() {
   const hasGetDirectory =
     "getDirectory" in window.navigator.storage &&
@@ -93,7 +102,8 @@ export async function initializeFeatureChecks() {
     isOPFSSupported(),
     isCacheSupported(),
     isIndexedDBSupported(),
-    isCryptoKeyClonable()
+    isCryptoKeyClonable(),
+    isApplePaySupported()
   ]);
 }