From b7e40cfb6b201e7c7f771eefbca988bd5cf814ba Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Thu, 2 Nov 2023 16:22:31 -0700
Subject: [PATCH] Enable Speech Recognition on IPhone

---
 src/apps/call/CallWizard.tsx                  | 5 +++--
 src/common/components/useCapabilities.ts      | 1 +
 src/common/components/useSpeechRecognition.ts | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/apps/call/CallWizard.tsx b/src/apps/call/CallWizard.tsx
index 7736f06c5..6081f936c 100644
--- a/src/apps/call/CallWizard.tsx
+++ b/src/apps/call/CallWizard.tsx
@@ -152,9 +152,10 @@ export function CallWizard(props: { strict?: boolean, conversationId: string, ch
     <StatusCard
       icon={<MicIcon />}
       text={
-        (overriddenRecognition ? 'Speech recognition should be good to go.' : 'There might be a speech recognition issue.')
+        ((overriddenRecognition && !recognition.warnings.length) ? 'Speech recognition should be good to go.' : 'There might be a speech recognition issue.')
         + (recognition.isApiAvailable ? '' : ' Your browser does not support the speech recognition API.')
-        + (recognition.isDeviceNotSupported ? ' Your device does not provide this feature (IPhone?).' : '')
+        + (recognition.isDeviceNotSupported ? ' Your device does not provide this feature.' : '')
+        + (recognition.warnings.length ? ' ⚠️ ' + recognition.warnings.join(' · ') : '')
       }
       button={overriddenRecognition ? undefined : (
         <Button variant='outlined' onClick={handleOverrideRecognition} sx={{ mx: 1 }}>
diff --git a/src/common/components/useCapabilities.ts b/src/common/components/useCapabilities.ts
index bb2fee73c..8508b9256 100644
--- a/src/common/components/useCapabilities.ts
+++ b/src/common/components/useCapabilities.ts
@@ -16,6 +16,7 @@ export interface CapabilityBrowserSpeechRecognition {
   mayWork: boolean; // Is the SpeechRecognition API available in the user's browser and device
   isApiAvailable: boolean; // Is the SpeechRecognition API available in the user's browser
   isDeviceNotSupported: boolean; // Is the user's device not supported (e.g., iPhone)
+  warnings: string[];
 }
 
 export { browserSpeechRecognitionCapability as useCapabilityBrowserSpeechRecognition } from './useSpeechRecognition';
diff --git a/src/common/components/useSpeechRecognition.ts b/src/common/components/useSpeechRecognition.ts
index d527a6336..e32af065a 100644
--- a/src/common/components/useSpeechRecognition.ts
+++ b/src/common/components/useSpeechRecognition.ts
@@ -17,11 +17,12 @@ let cachedCapability: CapabilityBrowserSpeechRecognition | null = null;
 export const browserSpeechRecognitionCapability = (): CapabilityBrowserSpeechRecognition => {
   if (!cachedCapability) {
     const isApiAvailable = !!getSpeechRecognition();
-    const isDeviceNotSupported = isIPhone();
+    const isDeviceNotSupported = false;
     cachedCapability = {
       mayWork: isApiAvailable && !isDeviceNotSupported,
       isApiAvailable,
       isDeviceNotSupported,
+      warnings: isIPhone() ? ['Not tested on this browser/device.'] : [],
     };
   }
   return cachedCapability;