scribe-widget 1.0.16 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scribe-widget",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Floating panel widget for medical transcription using eka.scribe",
   "main": "dist/scribe-widget.umd.js",
   "module": "dist/scribe-widget.es.js",

package/src/App.tsx

@@ -1,4 +1,4 @@
-import { useState, useMemo, useCallback } from 'react';
+import { useState, useMemo, useCallback, useEffect } from 'react';
 import { FloatingPanel } from './components/FloatingPanel';
 import { ConfigState } from './components/ConfigState';
 import { IdleState } from './components/IdleState';
@@ -41,6 +41,7 @@ export function App({ config: initialConfig, onClose }: AppProps) {
     elapsedTime,
     result,
     errorMessage,
+    initializeSDK,
     startRecording,
     pauseRecording,
     resumeRecording,
@@ -49,6 +50,13 @@ export function App({ config: initialConfig, onClose }: AppProps) {
     reset,
   } = useScribeSession(config);
 
+  // Initialize SDK when credentials are set
+  useEffect(() => {
+    if (credentials?.baseUrl) {
+      initializeSDK();
+    }
+  }, [credentials, initializeSDK]);
+
   // Start new recording - goes back to config screen
   const handleStartNewRecording = useCallback(() => {
     reset();

package/src/components/IdleState.tsx

@@ -11,7 +11,7 @@ export function IdleState({ onStartRecording }: IdleStateProps) {
         <div className="logo-icon">
           <LogoIcon />
         </div>
-        <span className="logo-text">eka.scribe</span>
+        <span className="logo-text">scribe</span>
       </div>
       <button className="start-btn" onClick={onStartRecording}>
         Start Recording

package/src/hooks/useScribeSession.ts

@@ -7,6 +7,7 @@ interface UseScribeSessionReturn {
   elapsedTime: number;
   result: GetSessionStatusResponse | null;
   errorMessage: string;
+  initializeSDK: () => Promise<void>;
   startRecording: () => Promise<void>;
   pauseRecording: () => void;
   resumeRecording: () => void;
@@ -35,36 +36,35 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
     [config.debug]
   );
 
-  // Initialize SDK client only when baseUrl is provided
-  useEffect(() => {
+  // Initialize SDK client - can be called explicitly
+  const initializeSDK = useCallback(async () => {
     if (!config.baseUrl) {
       log('Skipping SDK init - no baseUrl provided');
       return;
     }
 
-    const initClient = async () => {
-      try {
-        // Use getInstance instead of new ScribeClient
-        clientRef.current = ScribeClient.getInstance({
-          accessToken: config.accessToken,
-          baseUrl: config.baseUrl,
-          debug: config.debug,
-        });
-        await clientRef.current.init();
-        log('SDK initialized');
-      } catch (error) {
-        log('Failed to initialize SDK', error);
-      }
-    };
-
-    initClient();
+    try {
+      // Use getInstance instead of new ScribeClient
+      clientRef.current = ScribeClient.getInstance({
+        accessToken: config.accessToken,
+        baseUrl: config.baseUrl,
+        debug: config.debug,
+      });
+      await clientRef.current.init();
+      log('SDK initialized');
+    } catch (error) {
+      log('Failed to initialize SDK', error);
+    }
+  }, [config.accessToken, config.baseUrl, config.debug, log]);
 
+  // Cleanup timer on unmount
+  useEffect(() => {
     return () => {
       if (timerRef.current) {
         clearInterval(timerRef.current);
       }
     };
-  }, [config.accessToken, config.baseUrl, config.debug, log]);
+  }, []);
 
   const startTimer = useCallback(() => {
     timerRef.current = window.setInterval(() => {
@@ -253,6 +253,7 @@ export function useScribeSession(config: ScribeWidgetConfig): UseScribeSessionRe
     elapsedTime,
     result,
     errorMessage,
+    initializeSDK,
     startRecording,
     pauseRecording,
     resumeRecording,