@spscommerce/max 0.0.1 → 0.1.0

package/lib/MaxPanel.d.ts

@@ -1,4 +1,16 @@
 import * as React from "react";
-export declare function MaxPanel({ currentUser, }: {
-    currentUser?: any;
+import { FeatureFlagsTitles } from "./models/FeatureFlagsTitles";
+import { CurrentApp } from "./models/CurrentApp";
+import { CurrentUser } from "./models/CurrentUser";
+export declare function MaxPanel({ token, currentUser, hideAgentPanel, isAgentPanelOpen, isInCustomerView, flags, env, currentApp, context, currentConversationId, }: {
+    token: string | null;
+    currentUser: CurrentUser | undefined;
+    hideAgentPanel: () => void;
+    isAgentPanelOpen: boolean;
+    isInCustomerView: boolean;
+    flags: FeatureFlagsTitles;
+    env: string;
+    currentApp: CurrentApp;
+    context: () => Record<any, any>;
+    currentConversationId?: string | null;
 }): React.ReactNode;

package/lib/api-service.d.ts

@@ -0,0 +1,20 @@
+import { ConversationList, ConversationMessages } from "./models/Conversation";
+import type { UsageStatus } from "./models/UsageStatus";
+export declare class AgentApiService {
+    private readonly url;
+    private readonly urlWs;
+    private readonly environment;
+    private readonly axios;
+    private token;
+    private socket;
+    constructor(env: string, token?: string | null);
+    setToken(token?: string | null): void;
+    getSocket(): WebSocket | null;
+    fetchConversationMessages: (conversationId: string) => Promise<ConversationMessages>;
+    fetchConversationList: () => Promise<ConversationList>;
+    renameConversation: (conversationId: string, newTitle: string) => Promise<void>;
+    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: object, currentUrl: string, appInitiated: boolean, userTimezone: string | null): Promise<unknown>;
+}

package/lib/components/AgentMessage.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Chat } from "../models/Chat";
+import { Message } from "../models/Conversation";
+import "../max.scss";
+interface AgentMessageProps {
+    children: React.ReactNode;
+    message?: Chat;
+    sendFeedback?: (messageId: string, score: string, comment: string) => void;
+    fetchMessagePair?: (messageId: string) => Promise<Message | undefined>;
+    handleSendMessage?: (message: string | undefined) => Promise<void>;
+    suggestedMessages?: string[];
+}
+export declare const AgentMessage: React.MemoExoticComponent<({ children, message, sendFeedback, fetchMessagePair, handleSendMessage, suggestedMessages, }: AgentMessageProps) => React.JSX.Element>;
+export {};

package/lib/components/AgentTextarea.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export declare function AgentTextarea({ onSendMessage, setMessage, message, isMessageLoading, }: {
+    onSendMessage: (message: string, appInitiated: boolean, currentAppName?: string | undefined) => Promise<void>;
+    setMessage: (message: string) => void;
+    message: string;
+    isMessageLoading: boolean;
+}): React.JSX.Element;

package/lib/components/ConversationList.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Conversation } from "../models/Conversation";
+export declare const ConversationList: ({ conversations, setShowConversationList, onLoadConversation, onRefreshConversationList, onLoading, isInCustomerView, }: {
+    conversations: Conversation[];
+    setShowConversationList: (show: boolean) => void;
+    onLoadConversation: (id: string) => void;
+    onRefreshConversationList: () => void;
+    onLoading: boolean;
+    isInCustomerView: boolean;
+}) => React.JSX.Element;

package/lib/components/DeleteConversationModal.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Conversation } from "../models/Conversation";
+export declare function DeleteConversationModal({ conversation, setShowModal, onDelete, }: {
+    conversation: Conversation | null;
+    setShowModal: (show: Conversation | null) => void;
+    onDelete: () => void;
+}): React.JSX.Element;

package/lib/components/MemoizedMarkdown.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { type Components } from "react-markdown";
+export declare const MemoizedMarkdown: React.MemoExoticComponent<({ content, components, useRehypeRaw, }: {
+    content: string | undefined;
+    components?: Components;
+    useRehypeRaw?: boolean;
+}) => React.JSX.Element>;

package/lib/components/RenameConversationModal.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Conversation } from "../models/Conversation";
+export declare function RenameConversationModal({ conversation, setShowModal, onRename, }: {
+    conversation: Conversation | null;
+    setShowModal: (show: Conversation | null) => void;
+    onRename: () => void;
+}): React.JSX.Element;

package/lib/components/ResponseLoader.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const ResponseLoader: () => React.ReactNode;

package/lib/components/StreamingMessage.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { Components } from "react-markdown";
+export declare const StreamingMessage: React.MemoExoticComponent<({ streamingResponse, isAgentThinking, markdownComponents, }: {
+    streamingResponse: string | undefined;
+    isAgentThinking: boolean;
+    markdownComponents?: Components;
+}) => React.JSX.Element>;

package/lib/components/SuggestedPrompt.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const SuggestedPrompt: ({ onClick, children, }: {
+    onClick: () => void;
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/lib/components/UserMessage.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const UserMessage: React.MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element>;

package/lib/hooks/AgentContext.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { AgentApiService } from "../api-service";
+import { CurrentUser } from "../models/CurrentUser";
+import { CurrentApp } from "../models/CurrentApp";
+import { FeatureFlagsTitles } from "../models/FeatureFlagsTitles";
+export type AgentContextValue = {
+    agentApiService: AgentApiService | null;
+    showAgentPanel: () => void;
+    hideAgentPanel: () => void;
+    toggleAgentPanelVisibility: () => void;
+    isAgentPanelOpen: boolean;
+    currentConversationId: string | null;
+    updateCurrentConversationId: (conversationId: string | null) => void;
+    lastSentUserMessage: string;
+    updateLastSentUserMessage: (message: string) => void;
+    usageStatus: "active" | "limited";
+    updateUsageStatus: (status: "active" | "limited") => void;
+    userHasAgentPerms: boolean;
+    updateUserHasAgentPerms: (value: boolean) => void;
+    isInPreprod: boolean;
+    updateIsInPreprod: (preprod: boolean) => void;
+    currentUser: CurrentUser | null;
+    flags: FeatureFlagsTitles | null;
+    isInCustomerView: boolean;
+    token: string | null;
+    env: string;
+    currentApp: CurrentApp | null;
+};
+export declare const AgentContext: React.Context<AgentContextValue>;
+export declare const useAgentContext: () => AgentContextValue;

package/lib/hooks/AgentProvider.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { AgentApiService } from "../api-service";
+import { CurrentApp } from "../models/CurrentApp";
+import { FeatureFlagsTitles } from "../models/FeatureFlagsTitles";
+import { CurrentUser } from "../models/CurrentUser";
+type AgentProviderProps = {
+    children?: React.ReactNode;
+    token: string | null;
+    env: string;
+    currentUser: CurrentUser | undefined;
+    flags: FeatureFlagsTitles;
+    isInCustomerView: boolean;
+    agentApiService: AgentApiService;
+    hideAgentPanelCallback: () => void;
+    isAgentPanelOpenProp: boolean;
+    currentApp: CurrentApp;
+    currentConversationId: string | null;
+};
+declare const AgentProvider: React.FC<AgentProviderProps>;
+export { AgentProvider };

package/lib/hooks/useAppContext.d.ts

@@ -0,0 +1 @@
+export declare const useAppContext: () => import("./AgentContext").AgentContextValue;

package/lib/hooks/useMaxChat.d.ts

@@ -0,0 +1,25 @@
+import { Chat } from "../models/Chat";
+import { Conversation, Message } from "../models/Conversation";
+import { AgentApiService } from "../api-service";
+export declare function useMaxChat(agentApi: AgentApiService, context: () => Record<any, any>): {
+    error: boolean;
+    loading: boolean;
+    isAgentThinking: boolean;
+    messages: Chat[];
+    displayedMessages: Chat[];
+    hasHiddenMessages: boolean;
+    expandRenderWindow: () => void;
+    streamingResponse: string | undefined;
+    sendMessage: (message: string, isAppInitiated: boolean, currentAppName?: string) => Promise<void>;
+    startNewConversation: () => void;
+    suggestedMessages: string[];
+    loadConversation: (conversationId: string) => Promise<void>;
+    conversationList: Conversation[];
+    fetchConversationList: () => Promise<void>;
+    sendFeedback: (messageId: string, score: string, comment: string) => Promise<void>;
+    fetchMessagePair: (messageId: string) => Promise<Message | undefined>;
+    retrySendMessage: () => Promise<void>;
+    messageHasBeenSent: boolean;
+    fetchUsageStatus: () => Promise<void>;
+    doesUserHaveAgentPerms: () => boolean;
+};

package/lib/icons/index.d.ts

@@ -0,0 +1,4 @@
+import ANIMATED_LOGO from "./AI-logo-animated.gif";
+import COLOR_LOGO from "./AI-logo-color.svg";
+import BETA_LOGO from "./AI-logo-color-beta.svg";
+export { ANIMATED_LOGO, COLOR_LOGO, BETA_LOGO };

package/lib/index.d.ts

@@ -1,2 +1,3 @@
 import "./max.scss";
+export * from "./icons";
 export * from "./MaxPanel";