@skippr/live-agent-sdk 0.15.0 → 0.16.0

package/dist/esm/lib-exports.js

@@ -145,17 +145,21 @@ function useAuth({ appKey }) {
 }
 
 // src/hooks/useSession.ts
-import { useCallback as useCallback2, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
 var API_URL2 = "https://skipprapi-production.up.railway.app";
-function resolveAuthHeaders(authToken, appKey, userToken) {
-  const headers = {};
-  if (authToken)
-    headers.Authorization = `Bearer ${authToken}`;
-  if (appKey)
-    headers["X-App-Key"] = appKey;
-  if (userToken)
-    headers["X-User-Token"] = userToken;
-  return headers;
+async function exchangeForBearerToken(appKey, userToken) {
+  const resp = await fetch(`${API_URL2}/v1/auth/token-exchange`, {
+    method: "POST",
+    headers: {
+      "X-App-Key": appKey,
+      "X-User-Token": userToken
+    }
+  });
+  if (!resp.ok) {
+    throw new Error(`Token exchange failed: ${resp.status}`);
+  }
+  const { token } = await resp.json();
+  return token;
 }
 function useSession({ agentId, authToken, appKey, userToken }) {
   const [connection, setConnection] = useState2(null);
@@ -163,32 +167,53 @@ function useSession({ agentId, authToken, appKey, userToken }) {
   const [isStarting, setIsStarting] = useState2(false);
   const [error, setError] = useState2("");
   const [sessionId, setSessionId] = useState2(null);
-  const [sessionToken, setSessionToken] = useState2(null);
+  const [bearerToken, setBearerToken] = useState2(authToken ?? null);
+  useEffect2(() => {
+    let stale = false;
+    if (authToken) {
+      setBearerToken(authToken);
+      return;
+    }
+    if (appKey && userToken) {
+      exchangeForBearerToken(appKey, userToken).then((token) => {
+        if (!stale)
+          setBearerToken(token);
+      }).catch((e) => {
+        if (!stale)
+          setError(e instanceof Error ? e.message : "Token exchange failed");
+      });
+    }
+    return () => {
+      stale = true;
+    };
+  }, [authToken, appKey, userToken]);
   const startSession = useCallback2(async () => {
+    if (!bearerToken) {
+      setError("No auth token available");
+      return;
+    }
+    const headers = { Authorization: `Bearer ${bearerToken}` };
     setIsStarting(true);
     setError("");
     try {
-      const authHeaders = resolveAuthHeaders(authToken, appKey, userToken);
       const createResp = await fetch(`${API_URL2}/v1/sessions`, {
         method: "POST",
-        headers: { "Content-Type": "application/json", ...authHeaders },
+        headers: { "Content-Type": "application/json", ...headers },
         body: JSON.stringify({ agentId })
       });
       if (!createResp.ok) {
         throw new Error(`Failed to create session: ${createResp.status}`);
       }
       const { session } = await createResp.json();
-      const sessionHeaders = { "X-Session-Token": session.sessionToken };
       const startResp = await fetch(`${API_URL2}/v1/sessions/${session.id}/start`, {
         method: "POST",
-        headers: sessionHeaders
+        headers
       });
       if (!startResp.ok) {
         throw new Error(`Failed to start session: ${startResp.status}`);
       }
       const { connection: conn } = await startResp.json();
       setSessionId(session.id);
-      setSessionToken(session.sessionToken);
       setConnection({
         livekitUrl: conn.livekitUrl,
         token: conn.token
@@ -199,14 +224,13 @@ function useSession({ agentId, authToken, appKey, userToken }) {
     } finally {
       setIsStarting(false);
     }
-  }, [agentId, authToken, appKey, userToken]);
+  }, [agentId, bearerToken]);
   const disconnect = useCallback2(async () => {
-    if (sessionId && sessionToken) {
-      const sessionHeaders = { "X-Session-Token": sessionToken };
+    if (sessionId && bearerToken) {
       try {
         await fetch(`${API_URL2}/v1/sessions/${sessionId}/complete`, {
           method: "POST",
-          headers: { "Content-Type": "application/json", ...sessionHeaders },
+          headers: { "Content-Type": "application/json", Authorization: `Bearer ${bearerToken}` },
           body: JSON.stringify({})
         });
       } catch {}
@@ -215,15 +239,14 @@ function useSession({ agentId, authToken, appKey, userToken }) {
     setShouldConnect(false);
     setConnection(null);
     setSessionId(null);
-    setSessionToken(null);
-  }, [sessionId, sessionToken]);
+  }, [sessionId, bearerToken]);
   return { connection, shouldConnect, isStarting, error, startSession, disconnect };
 }
 
 // src/components/Sidebar.tsx
 import { useConnectionState } from "@livekit/components-react";
 import { ConnectionState } from "livekit-client";
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 
 // src/hooks/useCombinedMessages.ts
 import { useVoiceAssistant } from "@livekit/components-react";
@@ -321,11 +344,11 @@ import { useCallback as useCallback3 } from "react";
 
 // src/hooks/useAgentState.ts
 import { useRemoteParticipants } from "@livekit/components-react";
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 function useAgentState(attributeKey, parse, initial) {
   const [value, setValue] = useState3(initial);
   const remoteParticipants = useRemoteParticipants();
-  useEffect2(() => {
+  useEffect3(() => {
     const agentParticipant = remoteParticipants.find((p) => p.attributes?.[attributeKey]);
     if (agentParticipant) {
       const attr = agentParticipant.attributes?.[attributeKey];
@@ -666,7 +689,7 @@ function ChatHeader({ onClose }) {
 }
 
 // src/components/LoginFlow.tsx
-import { useCallback as useCallback5, useEffect as useEffect3, useRef, useState as useState4 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef, useState as useState4 } from "react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var OTP_LENGTH = 6;
 var DIGIT_KEYS = ["d0", "d1", "d2", "d3", "d4", "d5"];
@@ -765,14 +788,14 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
   const [resendCooldown, setResendCooldown] = useState4(0);
   const inputRefs = useRef([]);
   const submittedRef = useRef(false);
-  useEffect3(() => {
+  useEffect4(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (error)
       submittedRef.current = false;
   }, [error]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (resendCooldown <= 0)
       return;
     const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1000);
@@ -915,7 +938,7 @@ function OtpStep({ email, onSubmit, onResend, onBack, error, isSubmitting }) {
 // src/components/MeetingControls.tsx
 import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components-react";
 import { ScreenSharePresets } from "livekit-client";
-import { useCallback as useCallback6, useEffect as useEffect4, useRef as useRef2, useState as useState5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef2, useState as useState5 } from "react";
 
 // src/lib/format.ts
 function formatTime(seconds) {
@@ -950,7 +973,7 @@ function MeetingControls({ onHangUp }) {
   const isScreenSharing = localParticipant.isScreenShareEnabled;
   const endTimeRef = useRef2(null);
   const [remaining, setRemaining] = useState5(null);
-  useEffect4(() => {
+  useEffect5(() => {
     if (maxCallDuration === null || endTimeRef.current !== null)
       return;
     endTimeRef.current = Date.now() + maxCallDuration * 1000;
@@ -980,7 +1003,7 @@ function MeetingControls({ onHangUp }) {
       console.error("Failed to toggle screen share:", e);
     }
   }, [localParticipant, isScreenSharing]);
-  useEffect4(() => {
+  useEffect5(() => {
     toggleMute().then(() => toggleScreenShare());
   }, []);
   return /* @__PURE__ */ jsxs3("div", {
@@ -1038,7 +1061,7 @@ function MeetingControls({ onHangUp }) {
 }
 
 // src/components/MessageList.tsx
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
+import { useEffect as useEffect6, useRef as useRef3 } from "react";
 
 // src/components/ChatInput.tsx
 import { useState as useState6 } from "react";
@@ -1124,7 +1147,7 @@ function MessageList({
 }) {
   const scrollRef = useRef3(null);
   const lastMessage = messages.length > 0 ? messages[messages.length - 1] : undefined;
-  useEffect5(() => {
+  useEffect6(() => {
     scrollRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
@@ -1286,11 +1309,11 @@ function Sidebar() {
     verifyOtp,
     isAuthSubmitting
   } = useLiveAgent();
-  useEffect6(() => {
+  useEffect7(() => {
     document.body.style.transition = "margin-right 300ms ease-in-out";
     document.body.style.marginRight = isPanelOpen ? `${SIDEBAR_WIDTH}px` : "0px";
   }, [isPanelOpen]);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       document.body.style.marginRight = "";
       document.body.style.transition = "";