scribe-widget 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scribe-widget",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "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.2",
+    "med-scribe-alliance-ts-sdk": "1.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/App.tsx

@@ -17,8 +17,8 @@ interface AppProps {
 
 export function App({ config: initialConfig, onClose }: AppProps) {
   const [isMinimized, setIsMinimized] = useState(false);
-  const [credentials, setCredentials] = useState<{ apiKey?: string; baseUrl: string } | null>(
-    initialConfig.baseUrl ? { apiKey: initialConfig.apiKey, baseUrl: initialConfig.baseUrl } : null
+  const [credentials, setCredentials] = useState<{ accessToken?: string; baseUrl: string } | null>(
+    initialConfig.baseUrl ? { accessToken: initialConfig.accessToken, baseUrl: initialConfig.baseUrl } : null
   );
 
   // Merge initial config with user-provided credentials
@@ -28,7 +28,7 @@ export function App({ config: initialConfig, onClose }: AppProps) {
     }
     return {
       ...initialConfig,
-      apiKey: credentials.apiKey,
+      accessToken: credentials.accessToken,
       baseUrl: credentials.baseUrl,
     };
   }, [initialConfig, credentials]);
@@ -51,8 +51,8 @@ export function App({ config: initialConfig, onClose }: AppProps) {
     return null;
   }
 
-  const handleConfigSubmit = (apiKey: string, baseUrl: string) => {
-    setCredentials({ apiKey, baseUrl });
+  const handleConfigSubmit = (accessToken: string, baseUrl: string) => {
+    setCredentials({ accessToken, baseUrl });
   };
 
   const renderContent = () => {
@@ -61,7 +61,7 @@ export function App({ config: initialConfig, onClose }: AppProps) {
       return (
         <ConfigState
           onSubmit={handleConfigSubmit}
-          initialApiKey={initialConfig.apiKey || ''}
+          initialAccessToken={initialConfig.accessToken || ''}
           initialBaseUrl={initialConfig.baseUrl || ''}
         />
       );

package/src/components/ConfigState.tsx

@@ -2,17 +2,17 @@ import { useState } from 'react';
 import { LogoIcon } from './Icons';
 
 interface ConfigStateProps {
-  onSubmit: (apiKey: string, baseUrl: string) => void;
-  initialApiKey?: string;
+  onSubmit: (accessToken: string, baseUrl: string) => void;
+  initialAccessToken?: string;
   initialBaseUrl?: string;
 }
 
 export function ConfigState({
   onSubmit,
-  initialApiKey = '',
+  initialAccessToken = '',
   initialBaseUrl = '',
 }: ConfigStateProps) {
-  const [apiKey, setApiKey] = useState(initialApiKey);
+  const [accessToken, setAccessToken] = useState(initialAccessToken);
   const [baseUrl, setBaseUrl] = useState(initialBaseUrl);
   const [error, setError] = useState('');
 
@@ -25,7 +25,7 @@ export function ConfigState({
     }
 
     setError('');
-    onSubmit(apiKey.trim(), baseUrl.trim());
+    onSubmit(accessToken.trim(), baseUrl.trim());
   };
 
   return (
@@ -44,13 +44,13 @@ export function ConfigState({
 
       <form className="config-form" onSubmit={handleSubmit}>
         <div className="form-group">
-          <label htmlFor="eka-api-key">API Key</label>
+          <label htmlFor="eka-access-token">Access Token</label>
           <input
-            id="eka-api-key"
+            id="eka-access-token"
             type="text"
-            value={apiKey}
-            onChange={(e) => setApiKey(e.target.value)}
-            placeholder="Enter your API key (optional)"
+            value={accessToken}
+            onChange={(e) => setAccessToken(e.target.value)}
+            placeholder="Enter your access token (optional)"
           />
         </div>
 

package/src/hooks/useScribeSession.ts

@@ -40,8 +40,9 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
 
     const initClient = async () => {
       try {
-        clientRef.current = new ScribeClient({
-          apiKey: config.apiKey,
+        // Use getInstance instead of new ScribeClient
+        clientRef.current = ScribeClient.getInstance({
+          accessToken: config.accessToken,
           baseUrl: config.baseUrl,
           debug: config.debug,
         });
@@ -59,7 +60,7 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
         clearInterval(timerRef.current);
       }
     };
-  }, [config.apiKey, config.baseUrl, config.debug, log]);
+  }, [config.accessToken, config.baseUrl, config.debug, log]);
 
   const startTimer = useCallback(() => {
     timerRef.current = window.setInterval(() => {

package/src/index.tsx

@@ -124,7 +124,9 @@ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
 
     console.log(widgetInstance, 'widget instance');
     if (!widgetInstance) {
-      init({});
+      init({
+        baseUrl: '',
+      });
     }
   };
 

package/src/types.ts

@@ -1,10 +1,17 @@
 import { GetSessionStatusResponse } from 'med-scribe-alliance-ts-sdk';
 
-export type WidgetState = 'idle' | 'permission' | 'recording' | 'paused' | 'processing' | 'results' | 'error';
+export type WidgetState =
+  | 'idle'
+  | 'permission'
+  | 'recording'
+  | 'paused'
+  | 'processing'
+  | 'results'
+  | 'error';
 
 export interface ScribeWidgetConfig {
-  apiKey?: string;
-  baseUrl?: string;
+  accessToken?: string;
+  baseUrl: string;
   templates?: string[];
   languageHint?: string[];
   position?: { bottom?: number; right?: number; top?: number; left?: number };

package/vite.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
       },
     },
     cssCodeSplit: false,
-    minify: 'terser',
+    minify: 'esbuild',
   },
   server: {
     port: 3000,