scribe-widget 1.0.12 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scribe-widget",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Floating panel widget for medical transcription using eka.scribe",
   "main": "dist/scribe-widget.umd.js",
   "module": "dist/scribe-widget.es.js",
@@ -14,7 +14,7 @@
     "prepublishOnly": "npm run clean && npm run build"
   },
   "dependencies": {
-    "med-scribe-alliance-ts-sdk": "1.0.5",
+    "med-scribe-alliance-ts-sdk": "1.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/App.tsx

@@ -1,4 +1,4 @@
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useCallback } from 'react';
 import { FloatingPanel } from './components/FloatingPanel';
 import { ConfigState } from './components/ConfigState';
 import { IdleState } from './components/IdleState';
@@ -7,6 +7,7 @@ import { RecordingState } from './components/RecordingState';
 import { ProcessingState } from './components/ProcessingState';
 import { ResultsState } from './components/ResultsState';
 import { ErrorState } from './components/ErrorState';
+import { PollingErrorState } from './components/PollingErrorState';
 import { useScribeSession } from './hooks/useScribeSession';
 import { ScribeWidgetConfig } from './types';
 
@@ -44,9 +45,16 @@ export function App({ config: initialConfig, onClose }: AppProps) {
     pauseRecording,
     resumeRecording,
     stopRecording,
+    retryPolling,
     reset,
   } = useScribeSession(config);
 
+  // Start new recording - goes back to config screen
+  const handleStartNewRecording = useCallback(() => {
+    reset();
+    setCredentials(null);
+  }, [reset]);
+
   if (isMinimized) {
     return null;
   }
@@ -90,10 +98,19 @@ export function App({ config: initialConfig, onClose }: AppProps) {
         return <ProcessingState />;
 
       case 'results':
-        return result ? <ResultsState result={result} onNewRecording={reset} /> : null;
+        return result ? <ResultsState result={result} onNewRecording={handleStartNewRecording} /> : null;
+
+      case 'polling_error':
+        return (
+          <PollingErrorState
+            message={errorMessage}
+            onRetry={retryPolling}
+            onStartNew={handleStartNewRecording}
+          />
+        );
 
       case 'error':
-        return <ErrorState message={errorMessage} onRetry={reset} />;
+        return <ErrorState message={errorMessage} onRetry={handleStartNewRecording} />;
 
       default:
         return <IdleState onStartRecording={startRecording} />;

package/src/components/PollingErrorState.tsx

@@ -0,0 +1,26 @@
+import { ErrorIcon } from './Icons';
+
+interface PollingErrorStateProps {
+  message: string;
+  onRetry: () => void;
+  onStartNew: () => void;
+}
+
+export function PollingErrorState({ message, onRetry, onStartNew }: PollingErrorStateProps) {
+  return (
+    <div className="polling-error-state">
+      <div className="error-icon">
+        <ErrorIcon />
+      </div>
+      <p className="error-message">{message}</p>
+      <div className="polling-error-actions">
+        <button className="retry-polling-btn" onClick={onRetry}>
+          Retry Fetching Results
+        </button>
+        <button className="start-new-btn" onClick={onStartNew}>
+          Start New Recording
+        </button>
+      </div>
+    </div>
+  );
+}

package/src/hooks/useScribeSession.ts

@@ -11,6 +11,7 @@ interface UseScribeSessionReturn {
   pauseRecording: () => void;
   resumeRecording: () => void;
   stopRecording: () => Promise<void>;
+  retryPolling: () => Promise<void>;
   reset: () => void;
 }
 
@@ -99,11 +100,50 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
     }
   };
 
-  const showError = useCallback((message: string) => {
+  const showError = useCallback((message: string, isPollingError: boolean = false) => {
     setErrorMessage(message);
-    setState('error');
+    setState(isPollingError ? 'polling_error' : 'error');
   }, []);
 
+  // Polling function - extracted to be reusable for retry
+  const pollForResults = useCallback(async (): Promise<boolean> => {
+    if (!clientRef.current) {
+      showError('SDK not initialized. Please try again.', true);
+      return false;
+    }
+
+    try {
+      setState('processing');
+      log('Polling for completion...');
+
+      const finalResult = await clientRef.current.pollForCompletion(undefined, {
+        maxAttempts: 60,
+        intervalMs: 2000,
+        onProgress: (status) => {
+          log('Status update:', status.status);
+        },
+      });
+
+      setResult(finalResult);
+      log('Final result:', finalResult);
+
+      setState('results');
+
+      if (config.onResult) {
+        config.onResult(finalResult);
+      }
+
+      return true;
+    } catch (error) {
+      log('Polling failed', error);
+      showError('Failed to fetch results. Please retry.', true);
+      if (config.onError && error instanceof Error) {
+        config.onError(error);
+      }
+      return false;
+    }
+  }, [config, log, showError]);
+
   const startRecording = useCallback(async () => {
     const permission = await checkMicrophonePermission();
 
@@ -130,7 +170,7 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
       setState('recording');
 
       await clientRef.current.startRecording({
-        templates: ['eka_emr_template'],
+        templates: config.templates || ['eka_emr_template'],
         languageHint: config.languageHint,
       });
 
@@ -184,23 +224,8 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
       const endResponse = await clientRef.current.endRecording();
       log('Recording ended', endResponse);
 
-      log('Polling for completion...');
-      const finalResult = await clientRef.current.pollForCompletion(undefined, {
-        maxAttempts: 60,
-        intervalMs: 2000,
-        onProgress: (status) => {
-          log('Status update:', status.status);
-        },
-      });
-
-      setResult(finalResult);
-      log('Final result:', finalResult);
-
-      setState('results');
-
-      if (config.onResult) {
-        config.onResult(finalResult);
-      }
+      // Poll for results
+      await pollForResults();
     } catch (error) {
       log('Failed to stop recording', error);
       showError('Failed to process recording. Please try again.');
@@ -208,7 +233,13 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
         config.onError(error);
       }
     }
-  }, [config, log, showError, stopTimer]);
+  }, [config, log, showError, stopTimer, pollForResults]);
+
+  // Retry polling - can be called when polling fails
+  const retryPolling = useCallback(async () => {
+    log('Retrying polling...');
+    await pollForResults();
+  }, [log, pollForResults]);
 
   const reset = useCallback(() => {
     setResult(null);
@@ -226,6 +257,7 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
     pauseRecording,
     resumeRecording,
     stopRecording,
+    retryPolling,
     reset,
   };
 }

package/src/styles/widget.css

@@ -493,3 +493,55 @@
 .config-submit-btn:hover {
   background: #1d4ed8;
 }
+
+/* Polling Error State */
+.polling-error-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding: 20px;
+  text-align: center;
+}
+
+.polling-error-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  margin-top: 8px;
+}
+
+.retry-polling-btn {
+  background: #2563eb;
+  color: white;
+  border: none;
+  padding: 12px 20px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s;
+  width: 100%;
+}
+
+.retry-polling-btn:hover {
+  background: #1d4ed8;
+}
+
+.start-new-btn {
+  background: transparent;
+  color: #6b7280;
+  border: 1px solid #d1d5db;
+  padding: 10px 20px;
+  border-radius: 8px;
+  font-size: 13px;
+  cursor: pointer;
+  transition: all 0.2s;
+  width: 100%;
+}
+
+.start-new-btn:hover {
+  background: #f3f4f6;
+  color: #374151;
+}

package/src/types.ts

@@ -7,7 +7,8 @@ export type WidgetState =
   | 'paused'
   | 'processing'
   | 'results'
-  | 'error';
+  | 'error'
+  | 'polling_error';
 
 export interface ScribeWidgetConfig {
   accessToken?: string;