@skippr/live-agent-sdk 0.129.0 → 0.130.0

package/dist/esm/lib-exports.js

@@ -4954,7 +4954,8 @@ var MATCH_DEBOUNCE_MS = 400;
 function useAdoptionGoals({
   enabled,
   bearerToken,
-  authedFetch
+  authedFetch,
+  agentId
 }) {
   const [candidates, setCandidates] = useState11([]);
   const [deepLinkedGoal, setDeepLinkedGoal] = useState11(null);
@@ -4968,7 +4969,8 @@ function useAdoptionGoals({
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           url: window.location.origin + window.location.pathname,
-          ...tipSlug ? { tipSlug } : {}
+          ...tipSlug ? { tipSlug } : {},
+          ...agentId ? { agentId } : {}
         })
       });
       if (!resp.ok) {
@@ -4986,7 +4988,7 @@ function useAdoptionGoals({
     } finally {
       setHasResolved(true);
     }
-  }, [authedFetch, tipSlug]);
+  }, [authedFetch, tipSlug, agentId]);
   useEffect13(() => {
     if (!enabled || !bearerToken) {
       setCandidates([]);
@@ -5021,17 +5023,7 @@ function useAdoptionGoals({
       return hashSpecific;
     return candidates.filter((goal) => goal.hashPattern === null);
   }, [candidates, hash]);
-  const postStatus = useCallback11((goalId, status) => {
-    authedFetch(`${API_URL}/v1/adoption/goals/${goalId}/status`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ status })
-    }).catch((e) => console.warn("[Skippr] adoption status update failed", e));
-  }, [authedFetch]);
-  const attendGoal = useCallback11((goalId) => {
-    postStatus(goalId, "attended" /* Attended */);
-  }, [postStatus]);
-  return { goals, deepLinkedGoal, hasTipSlug: tipSlug !== null, hasResolved, attendGoal };
+  return { goals, deepLinkedGoal, hasTipSlug: tipSlug !== null, hasResolved };
 }
 
 // src/hooks/useAuth.ts
@@ -5553,7 +5545,7 @@ function usePlanUpdates() {
 // src/hooks/useSession.ts
 import { useCallback as useCallback15, useEffect as useEffect20, useRef as useRef15, useState as useState17 } from "react";
 var API_URL4 = "https://app.skippr.ai/api";
-var SDK_VERSION = "0.129.0";
+var SDK_VERSION = "0.130.0";
 async function fetchSessionMessages(sessionId, authedFetch) {
   try {
     const resp = await authedFetch(`${API_URL4}/v1/sessions/${sessionId}/messages`);
@@ -8600,7 +8592,20 @@ function HighlightOverlay() {
 }
 
 // src/components/MinimizedBubble.tsx
-import { useContext as useContext11, useEffect as useEffect28, useRef as useRef22, useState as useState22 } from "react";
+import { useContext as useContext12, useEffect as useEffect28, useRef as useRef22, useState as useState22 } from "react";
+
+// src/hooks/useAdoptionTips.ts
+import { useContext as useContext11 } from "react";
+function useAdoptionTips() {
+  const ctx = useContext11(LiveAgentContext);
+  if (!ctx) {
+    throw new Error("useAdoptionTips must be used within a <LiveAgent> provider");
+  }
+  const { adoptionGoals, hasResolvedModules } = ctx;
+  if (hasLiveSession(ctx) || !hasResolvedModules || adoptionGoals.length === 0)
+    return [];
+  return adoptionGoals.slice(0, MAX_ADOPTION_TIPS);
+}
 
 // src/hooks/useLauncherDrag.ts
 import { useEffect as useEffect27, useRef as useRef21 } from "react";
@@ -9024,7 +9029,7 @@ function MinimizedBubble({
   onDismissWelcome
 }) {
   const copy = useChromeCopy();
-  const ctx = useContext11(LiveAgentContext);
+  const ctx = useContext12(LiveAgentContext);
   if (!ctx) {
     throw new Error("MinimizedBubble must be used within a <LiveAgent> provider");
   }
@@ -9033,13 +9038,11 @@ function MinimizedBubble({
     position,
     launcherBottomPx,
     popsDown,
-    adoptionGoals,
     startAdoptionSession,
     isAuthenticated,
     displayModules,
     defaultAgentId,
     startDefaultSession,
-    hasResolvedModules,
     isLoadingModules,
     selectModule,
     expandPanel,
@@ -9092,7 +9095,8 @@ function MinimizedBubble({
   const pillCandidates = actionableModules.filter((module) => module.mode !== AGENT_MODE.AlwaysOn);
   const onboardingModule = pillCandidates.find((module) => module.type === "onboarding");
   const modulePills = onboardingModule ? [onboardingModule] : pillCandidates.slice(0, MAX_MODULE_PILLS).reverse();
-  const goalsEligible = adoptionGoals.length > 0 && !onboardingModule && hasResolvedModules;
+  const tips = useAdoptionTips();
+  const goalsEligible = tips.length > 0;
   useEffect28(() => {
     if (!goalsEligible)
       return;
@@ -9105,7 +9109,7 @@ function MinimizedBubble({
     const timer = setTimeout(() => setGoalsAutoHidden(true), GOALS_AUTO_HIDE_MS);
     return () => clearTimeout(timer);
   }, [goalsEligible, visitHref]);
-  const matchedGoals = goalsEligible ? adoptionGoals.slice(0, MAX_GOAL_BUBBLES) : [];
+  const matchedGoals = goalsEligible ? tips.slice(0, MAX_GOAL_BUBBLES) : [];
   const goalsHidden = goalsAutoHidden && !isLauncherHovered;
   const [goalsUnmounted, setGoalsUnmounted] = useState22(false);
   useEffect28(() => {
@@ -9161,7 +9165,7 @@ function MinimizedBubble({
           }, module.id))
         ]
       }),
-      welcomeMessage && !welcomeDismissed && adoptionGoals.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx22(WelcomeBubble, {
+      welcomeMessage && !welcomeDismissed && tips.length === 0 && modulePills.length === 0 && /* @__PURE__ */ jsx22(WelcomeBubble, {
         message: welcomeMessage,
         position,
         popsDown,
@@ -9604,7 +9608,7 @@ function PageActionHandler() {
 }
 
 // src/components/SessionControlBar.tsx
-import { useCallback as useCallback22, useContext as useContext12, useEffect as useEffect33, useState as useState25 } from "react";
+import { useCallback as useCallback22, useContext as useContext13, useEffect as useEffect33, useState as useState25 } from "react";
 
 // src/hooks/useActionControl.ts
 import { useLocalParticipant as useLocalParticipant7 } from "@livekit/components-react/hooks";
@@ -10060,7 +10064,7 @@ function SessionControlBar() {
     variant,
     agentControls
   } = useLiveAgent();
-  const internalCtx = useContext12(LiveAgentContext);
+  const internalCtx = useContext13(LiveAgentContext);
   if (!internalCtx) {
     throw new Error("SessionControlBar must be used within a <LiveAgent> provider");
   }
@@ -10423,10 +10427,10 @@ function ShadowHost({
 }
 
 // src/components/Sidebar.tsx
-import { useCallback as useCallback28, useContext as useContext19, useEffect as useEffect41, useRef as useRef35 } from "react";
+import { useCallback as useCallback28, useContext as useContext20, useEffect as useEffect41, useRef as useRef35 } from "react";
 
 // src/hooks/useCombinedMessages.ts
-import { useContext as useContext13, useMemo as useMemo9 } from "react";
+import { useContext as useContext14, useMemo as useMemo9 } from "react";
 
 // src/hooks/useChatMessages.ts
 import { useChat, useLocalParticipant as useLocalParticipant10 } from "@livekit/components-react/hooks";
@@ -10508,7 +10512,7 @@ function useCombinedMessages() {
   const { transcriptMessages } = useStreamingTranscript();
   const { chatMessages, sendChatMessage, isSendingChat } = useChatMessages();
   const { state: agentState } = useAgentVoiceState();
-  const historyMessages = useContext13(LiveAgentContext)?.historyMessages ?? [];
+  const historyMessages = useContext14(LiveAgentContext)?.historyMessages ?? [];
   const liveMessages = useMemo9(() => {
     if (chatMessages.length === 0)
       return transcriptMessages;
@@ -10556,7 +10560,7 @@ function useLinkCard() {
 }
 
 // src/hooks/usePhaseUpdates.ts
-import { useCallback as useCallback24, useContext as useContext14, useEffect as useEffect34, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback24, useContext as useContext15, useEffect as useEffect34, useMemo as useMemo10 } from "react";
 function parsePhases(json) {
   try {
     const data = JSON.parse(json);
@@ -10569,7 +10573,7 @@ function parsePhases(json) {
 function usePhaseUpdates() {
   const parse = useCallback24(parsePhases, []);
   const livePhases = useAgentState("phases", parse, []);
-  const ctx = useContext14(LiveAgentContext);
+  const ctx = useContext15(LiveAgentContext);
   useEffect34(() => {
     if (livePhases.length > 0)
       ctx?.setPhasesSnapshot(livePhases);
@@ -10792,14 +10796,14 @@ function panelTransformOrigin(popsDown, isLeftAligned) {
 }
 
 // src/components/ChatHeader.tsx
-import { useContext as useContext16 } from "react";
+import { useContext as useContext17 } from "react";
 
 // src/hooks/useTextMode.ts
 import { useLocalParticipant as useLocalParticipant12 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback25, useContext as useContext15, useRef as useRef31 } from "react";
+import { useCallback as useCallback25, useContext as useContext16, useRef as useRef31 } from "react";
 var textEncoder7 = new TextEncoder;
 function useTextMode() {
-  const ctx = useContext15(LiveAgentContext);
+  const ctx = useContext16(LiveAgentContext);
   if (!ctx) {
     throw new Error("useTextMode must be used within a <LiveAgent> provider");
   }
@@ -10832,7 +10836,7 @@ import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var TABS_PILL_BASE = "skippr:cursor-pointer skippr:rounded-full skippr:border-none skippr:bg-transparent skippr:px-[9px] skippr:py-[3px] skippr:text-[11.5px] skippr:font-semibold skippr:text-[#8b877f] skippr:transition-colors";
 var TABS_PILL_ACTIVE = "skippr:bg-white skippr:text-[#2D2D3F] skippr:shadow-[0_1px_2px_rgba(45,45,63,0.08)]";
 function ChatHeader({ wasDraggedRef, draggable, headerRef }) {
-  const ctx = useContext16(LiveAgentContext);
+  const ctx = useContext17(LiveAgentContext);
   if (!ctx) {
     throw new Error("ChatHeader must be used within a <LiveAgent> provider");
   }
@@ -10988,11 +10992,11 @@ function AgentStatusLine({ status, detail, stage = "settling" }) {
 }
 
 // src/components/ChatInput.tsx
-import { useContext as useContext17, useEffect as useEffect37, useRef as useRef32, useState as useState29 } from "react";
+import { useContext as useContext18, useEffect as useEffect37, useRef as useRef32, useState as useState29 } from "react";
 import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
-  const ctx = useContext17(LiveAgentContext);
+  const ctx = useContext18(LiveAgentContext);
   const copy = useChromeCopy();
   const reportChatActivity = ctx?.reportChatActivity;
   const isPanelOpen = ctx?.isPanelOpen;
@@ -11486,10 +11490,10 @@ function MessageList({
 }
 
 // src/components/SessionAgenda.tsx
-import { useContext as useContext18 } from "react";
+import { useContext as useContext19 } from "react";
 import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
-  const ctx = useContext18(LiveAgentContext);
+  const ctx = useContext19(LiveAgentContext);
   const copy = useChromeCopy();
   const sessionTitle = ctx?.phaseLabels.agentId && ctx.phaseLabels.agentId === ctx.agentId ? ctx.phaseLabels.agentName : undefined;
   const title = sessionTitle ?? ctx?.activeModule?.name ?? copy.agendaTitle;
@@ -11617,7 +11621,7 @@ function Sidebar({
     displayModules
   } = useLiveAgent();
   const copy = useChromeCopy();
-  const internalCtx = useContext19(LiveAgentContext);
+  const internalCtx = useContext20(LiveAgentContext);
   const defaultAgentId = internalCtx?.defaultAgentId ?? null;
   const startDefaultSession = internalCtx?.startDefaultSession ?? (() => {});
   const talkDisabled = !(internalCtx?.hasResolvedModules ?? false);
@@ -11931,7 +11935,7 @@ function ConnectedBody({
 }
 
 // src/components/SidebarTrigger.tsx
-import { useContext as useContext20 } from "react";
+import { useContext as useContext21 } from "react";
 
 // src/components/Logo.tsx
 import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -11996,7 +12000,7 @@ function SidebarTrigger() {
     isPausing
   } = useLiveAgent();
   const copy = useChromeCopy();
-  const internalCtx = useContext20(LiveAgentContext);
+  const internalCtx = useContext21(LiveAgentContext);
   const launcherBottomPx = internalCtx?.launcherBottomPx ?? DEFAULT_LAUNCHER_BOTTOM_PX;
   const popsDown = internalCtx?.popsDown ?? false;
   const logoUrl = internalCtx?.appearance?.logoUrl ?? null;
@@ -12067,20 +12071,6 @@ function resolveSplashPresentation(splash) {
   };
 }
 
-// src/hooks/useAdoptionTips.ts
-import { useContext as useContext21 } from "react";
-function useAdoptionTips() {
-  const ctx = useContext21(LiveAgentContext);
-  if (!ctx) {
-    throw new Error("useAdoptionTips must be used within a <LiveAgent> provider");
-  }
-  const { adoptionGoals, agentMode, hasResolvedModules } = ctx;
-  const inStandardSession = hasLiveSession(ctx) && agentMode !== AGENT_MODE.AlwaysOn;
-  if (inStandardSession || !hasResolvedModules || adoptionGoals.length === 0)
-    return [];
-  return adoptionGoals.slice(0, MAX_ADOPTION_TIPS);
-}
-
 // src/hooks/useSplash.ts
 function useSplash(surface, onDismiss) {
   const ctx = useContext22(LiveAgentContext);
@@ -13049,26 +13039,18 @@ function useBarNotifications() {
     displayModules,
     defaultAgentId,
     activeModule,
-    agentMode,
     hasResolvedModules,
-    isConnected,
     previewStart,
-    selectModule,
-    attendGoal
+    selectModule
   } = ctx;
   const tips = useAdoptionTips();
-  const { sendChatMessage } = useChatMessages();
-  const inAlwaysOnSession = isConnected && agentMode === AGENT_MODE.AlwaysOn;
   const inSession = hasLiveSession(ctx);
   const tipNotifications = tips.map((goal) => ({
     id: goal.goalId,
     kind: NOTIFICATION_KIND.Tip,
     message: goal.displayMessage,
     accentColor: NOTIF_ACCENT_COLOR,
-    activate: inAlwaysOnSession ? () => {
-      attendGoal(goal.goalId);
-      sendChatMessage(goal.objective).catch((e) => console.warn("[Skippr] tip prompt send failed", e));
-    } : () => previewStart({ kind: PENDING_START_KIND.Goal, goal })
+    activate: () => previewStart({ kind: PENDING_START_KIND.Goal, goal })
   }));
   const moduleNotifications = !hasResolvedModules ? [] : displayModules.filter((module) => module.id !== defaultAgentId && module.id !== activeModule?.id).filter((module) => {
     const state = getModuleSessionState(module.currentSession, module.mode);
@@ -15246,12 +15228,12 @@ function LiveAgent(props) {
     goals: adoptionGoals,
     deepLinkedGoal,
     hasTipSlug,
-    hasResolved: hasResolvedAdoptionGoals,
-    attendGoal
+    hasResolved: hasResolvedAdoptionGoals
   } = useAdoptionGoals({
-    enabled: !isSessionLive || activeModule?.mode === AGENT_MODE.AlwaysOn || sessionAgentMode === AGENT_MODE.AlwaysOn,
+    enabled: !isSessionLive,
     bearerToken,
-    authedFetch
+    authedFetch,
+    agentId: hostAgentId ?? undefined
   });
   const buddyActive = isBuddyActive(appearance) && variant !== "sidebar" && !hostAgentId;
   const buddyShape = appearance?.buddy?.shape ?? DEFAULT_BUDDY_SHAPE;
@@ -15320,18 +15302,6 @@ function LiveAgent(props) {
       autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession, isSessionLive, operatingModule, disconnect]);
-  const startAdoptionSession = useCallback36((goal) => {
-    attendGoal(goal.goalId);
-    const found = availableModules.find((m) => m.id === goal.agentId);
-    if (found)
-      setActiveModule(found);
-    setSessionAgentMode(AGENT_MODE.AlwaysOn);
-    startSession({
-      agentId: goal.agentId,
-      agentControls: found?.controls,
-      adoptionGoalId: goal.goalId
-    });
-  }, [attendGoal, availableModules, startSession]);
   const previewStart = useCallback36((pending) => {
     setPendingStart(pending);
     setIsMinimized(false);
@@ -15470,7 +15440,7 @@ function LiveAgent(props) {
     await pauseSession();
     minimizePanel();
   }, [pauseSession, minimizePanel]);
-  const startDefaultSession = useCallback36(() => {
+  const startDefault = useCallback36((adoptionGoalId) => {
     const target = availableModules.find((m) => m.id === defaultAgentId);
     if (!target)
       return;
@@ -15479,9 +15449,12 @@ function LiveAgent(props) {
     startSession({
       agentId: target.id,
       agentControls: target.controls,
-      existingSessionId: defaultSelection.sessionId ?? undefined
+      existingSessionId: defaultSelection.sessionId ?? undefined,
+      adoptionGoalId
     });
   }, [defaultAgentId, availableModules, defaultSelection.sessionId, startSession]);
+  const startDefaultSession = useCallback36(() => startDefault(), [startDefault]);
+  const startAdoptionSession = useCallback36((goal) => startDefault(goal.goalId), [startDefault]);
   const startPrimarySession = useCallback36(() => {
     if (pendingStart) {
       const pending = pendingStart;
@@ -15703,7 +15676,6 @@ function LiveAgent(props) {
     adoptionGoals,
     hasResolvedAdoptionGoals,
     startAdoptionSession,
-    attendGoal,
     buddyActive,
     buddyShape,
     setAutoStartAfterLogin
@@ -15801,7 +15773,6 @@ function LiveAgent(props) {
     adoptionGoals,
     hasResolvedAdoptionGoals,
     startAdoptionSession,
-    attendGoal,
     buddyActive,
     buddyShape
   ]);