@spscommerce/max 0.11.2 → 0.13.0

package/lib/MaxPanel.d.ts

@@ -3,7 +3,7 @@ import { FeatureFlagsTitles } from "./models/FeatureFlagsTitles";
 import { CurrentApp } from "./models/CurrentApp";
 import { CurrentUser } from "./models/CurrentUser";
 import type { AdditionalContextProvider } from "./models/AdditionalContext";
-export declare function MaxPanel({ token, currentUser, hideAgentPanel, isAgentPanelOpen, isInCustomerView, flags, env, currentApp, context, currentConversationId, locale, }: {
+export declare function MaxPanel({ token, currentUser, hideAgentPanel, isAgentPanelOpen, isInCustomerView, flags, env, currentApp, context, currentConversationId, locale, trackEvent, }: {
     token: string | null;
     currentUser: CurrentUser | undefined;
     hideAgentPanel: () => void;
@@ -19,4 +19,5 @@ export declare function MaxPanel({ token, currentUser, hideAgentPanel, isAgentPa
     context: AdditionalContextProvider;
     currentConversationId?: string | null;
     locale?: string;
+    trackEvent?: (eventName: string, eventProperties?: Record<string, unknown>) => void;
 }): React.ReactNode;

package/lib/api-service.d.ts

@@ -8,9 +8,11 @@ export declare class AgentApiService {
     private readonly axios;
     private token;
     private socket;
+    private socketAwaitingApproval;
     constructor(env: string, token?: string | null);
     setToken(token?: string | null): void;
     getSocket(): WebSocket | null;
+    private detachSocket;
     fetchConversationMessages: (conversationId: string, options?: {
         cursor?: string;
         limit?: number;
@@ -20,5 +22,10 @@ export declare class AgentApiService {
     deleteConversation: (conversationId: string) => Promise<void>;
     postFeedback: (messageId: string, score: string, comment: string) => Promise<void>;
     fetchUsageStatus: (userId: string) => Promise<UsageStatus>;
-    postChat(message: string, currentAppName: string, currentConversationId: string | null, agentContext: AdditionalContext, currentUrl: string, appInitiated: boolean, userTimezone: string | null): Promise<unknown>;
+    postChat(message: string, currentAppName: string, currentConversationId: string | null, agentContext: AdditionalContext, currentUrl: string, appInitiated: boolean, userTimezone: string | null): Promise<number>;
+    respondToApproval(decisions: Array<{
+        tool_call_id: string;
+        type: "approve" | "reject";
+    }>, conversationId: string | null): void;
+    private openSocket;
 }

package/lib/components/AgentMessage.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { Chat } from "../models/Chat";
+import { ChatMessage } from "../models/Chat";
 import { Message } from "../models/Conversation";
 interface AgentMessageProps {
     children: React.ReactNode;
-    message?: Chat;
+    message?: ChatMessage;
     sendFeedback?: (messageId: string, score: string, comment: string) => void;
     fetchMessagePair?: (messageId: string) => Promise<Message | undefined>;
     handleSendMessage?: (message: string | undefined) => Promise<void>;

package/lib/components/AgentTextarea.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
-export declare function AgentTextarea({ onSendMessage, setMessage, message, isMessageLoading, isReadOnly, conversationFrozen, }: {
+export declare function AgentTextarea({ onSendMessage, setMessage, message, isMessageLoading, isReadOnly, conversationFrozen, onTrackEvent, }: {
     onSendMessage: (message: string, appInitiated: boolean, currentAppName?: string | undefined) => Promise<boolean>;
     setMessage: (message: string) => void;
     message: string;
     isMessageLoading: boolean;
     isReadOnly?: boolean;
     conversationFrozen?: boolean;
+    onTrackEvent?: (eventName: string, eventProperties?: Record<string, any>) => void;
 }): React.JSX.Element;

package/lib/components/MaxPanelHeaderActions.d.ts

@@ -9,6 +9,7 @@ type MaxPanelHeaderActionsProps = {
     onToggleConversationList: () => void;
     onStartNewConversation: () => void;
     onClosePanel: () => void;
+    onTrackEvent?: (eventName: string, eventProperties?: Record<string, any>) => void;
 };
-export declare function MaxPanelHeaderActions({ isCompact, showConversationList, conversationToggleLabel, newConversationLabel, newConversationCompactTitle, closePanelLabel, onToggleConversationList, onStartNewConversation, onClosePanel, }: MaxPanelHeaderActionsProps): React.ReactNode;
+export declare function MaxPanelHeaderActions({ isCompact, showConversationList, conversationToggleLabel, newConversationLabel, newConversationCompactTitle, closePanelLabel, onToggleConversationList, onStartNewConversation, onClosePanel, onTrackEvent, }: MaxPanelHeaderActionsProps): React.ReactNode;
 export {};

package/lib/components/ToolApprovalPrompt.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { ToolApprovalStatus } from "../models/Chat";
+interface ToolApprovalPromptProps {
+    toolName: string;
+    toolInput?: Record<string, unknown>;
+    status: ToolApprovalStatus;
+    source: "live" | "history";
+    onApprove: () => void;
+    onReject: () => void;
+    onRetry?: () => void;
+}
+export declare function ToolApprovalPrompt({ toolName, toolInput, status, onApprove, onReject, onRetry, }: ToolApprovalPromptProps): React.JSX.Element;
+export {};

package/lib/components/index.d.ts

@@ -1,2 +1,3 @@
 export { ConversationSwitchLoadingStatus, OlderMessagesLoadingStatus } from "./ChatLoadingStatus";
 export { MaxPanelHeaderActions } from "./MaxPanelHeaderActions";
+export { ToolApprovalPrompt } from "./ToolApprovalPrompt";

package/lib/hooks/useMaxChat.d.ts

@@ -23,7 +23,8 @@ export declare function useMaxChat(agentApi: AgentApiService, context: Additiona
     fetchConversationList: () => Promise<void>;
     sendFeedback: (messageId: string, score: string, comment: string) => Promise<void>;
     fetchMessagePair: (messageId: string) => Promise<Message | undefined>;
-    retrySendMessage: () => Promise<void>;
+    retrySendMessage: (messageOverride?: string) => Promise<void>;
+    respondToToolApproval: (toolCallId: string, approved: boolean, conversationId?: string) => void;
     messageHasBeenSent: boolean;
     fetchUsageStatus: () => Promise<import("../models/UsageStatus").UserStatus | undefined>;
     doesUserHaveAgentPerms: () => boolean;