@paymanai/payman-ask-sdk 1.2.13 → 1.2.15

package/dist/index.d.mts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UserActionResult, UserActionRequest } from '@paymanai/payman-typescript-ask-sdk';
-export { StreamEvent, StreamOptions, UseVoiceReturn, UserActionRequest, UserActionResult, UserActionState, VoiceCallbacks, VoiceConfig, VoicePermissions, VoiceState, cancelUserAction, generateId, resendUserAction, streamWorkflowEvents, submitUserAction, useChat, useVoice } from '@paymanai/payman-typescript-ask-sdk';
 import * as React from 'react';
 import React__default from 'react';
+import { UserActionResult, UserActionRequest } from '@paymanai/payman-typescript-ask-sdk';
+export { StreamEvent, StreamOptions, UseVoiceReturn, UserActionRequest, UserActionResult, UserActionState, VoiceCallbacks, VoiceConfig, VoicePermissions, VoiceState, cancelUserAction, generateId, resendUserAction, streamWorkflowEvents, submitUserAction, useChat, useVoice } from '@paymanai/payman-typescript-ask-sdk';
 import { ClassValue } from 'clsx';
 
 type MessageRole = "user" | "assistant" | "system";
@@ -154,6 +153,18 @@ type ChatCallbacks = {
     /** Called on user action events (SUCCESS, INVALID, EXPIRED, REJECTED, RESENT, FAILED) */
     onUserActionEvent?: (eventType: string, message: string) => void;
 };
+type PaymanChatRef = {
+    /** Clear all messages and reset the session (clears both stores + generates new session ID) */
+    resetSession: () => void;
+    /** Clear all messages without resetting session ID */
+    clearMessages: () => void;
+    /** Cancel the current streaming operation */
+    cancelStream: () => void;
+    /** Get the current session ID */
+    getSessionId: () => string | undefined;
+    /** Get all messages */
+    getMessages: () => MessageDisplay[];
+};
 type PaymanChatProps = {
     /** Chat configuration - includes API config */
     config: ChatConfig;
@@ -409,7 +420,7 @@ type UserActionModalProps = {
     clearOtpTrigger: number;
 };
 
-declare function PaymanChat({ config, callbacks, className, style, children, onLoadMoreMessages, isLoadingMoreMessages, hasMoreMessages, }: PaymanChatProps): react_jsx_runtime.JSX.Element;
+declare const PaymanChat: React.ForwardRefExoticComponent<PaymanChatProps & React.RefAttributes<PaymanChatRef>>;
 
 interface PaymanChatContextValue {
     /**
@@ -471,4 +482,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function formatDate(timestamp: string | Date): string;
 
-export { type APIConfig, type AgentMessageProps, type ChatCallbacks, type ChatConfig, type ChatHeaderProps, type ChatInputProps, type ChunkDisplay, type MessageDisplay, type MessageListProps, type MessageRole, type MessageRowProps, type OtpInputProps, PaymanChat, PaymanChatContext, type PaymanChatContextValue, type PaymanChatProps, type SessionParams, type StreamProgress, type StreamingMessageProps, type StreamingStep, type UserActionModalProps, type UserMessageProps, type WorkflowStage, cn, formatDate, usePaymanChat };
+export { type APIConfig, type AgentMessageProps, type ChatCallbacks, type ChatConfig, type ChatHeaderProps, type ChatInputProps, type ChunkDisplay, type MessageDisplay, type MessageListProps, type MessageRole, type MessageRowProps, type OtpInputProps, PaymanChat, PaymanChatContext, type PaymanChatContextValue, type PaymanChatProps, type PaymanChatRef, type SessionParams, type StreamProgress, type StreamingMessageProps, type StreamingStep, type UserActionModalProps, type UserMessageProps, type WorkflowStage, cn, formatDate, usePaymanChat };

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UserActionResult, UserActionRequest } from '@paymanai/payman-typescript-ask-sdk';
-export { StreamEvent, StreamOptions, UseVoiceReturn, UserActionRequest, UserActionResult, UserActionState, VoiceCallbacks, VoiceConfig, VoicePermissions, VoiceState, cancelUserAction, generateId, resendUserAction, streamWorkflowEvents, submitUserAction, useChat, useVoice } from '@paymanai/payman-typescript-ask-sdk';
 import * as React from 'react';
 import React__default from 'react';
+import { UserActionResult, UserActionRequest } from '@paymanai/payman-typescript-ask-sdk';
+export { StreamEvent, StreamOptions, UseVoiceReturn, UserActionRequest, UserActionResult, UserActionState, VoiceCallbacks, VoiceConfig, VoicePermissions, VoiceState, cancelUserAction, generateId, resendUserAction, streamWorkflowEvents, submitUserAction, useChat, useVoice } from '@paymanai/payman-typescript-ask-sdk';
 import { ClassValue } from 'clsx';
 
 type MessageRole = "user" | "assistant" | "system";
@@ -154,6 +153,18 @@ type ChatCallbacks = {
     /** Called on user action events (SUCCESS, INVALID, EXPIRED, REJECTED, RESENT, FAILED) */
     onUserActionEvent?: (eventType: string, message: string) => void;
 };
+type PaymanChatRef = {
+    /** Clear all messages and reset the session (clears both stores + generates new session ID) */
+    resetSession: () => void;
+    /** Clear all messages without resetting session ID */
+    clearMessages: () => void;
+    /** Cancel the current streaming operation */
+    cancelStream: () => void;
+    /** Get the current session ID */
+    getSessionId: () => string | undefined;
+    /** Get all messages */
+    getMessages: () => MessageDisplay[];
+};
 type PaymanChatProps = {
     /** Chat configuration - includes API config */
     config: ChatConfig;
@@ -409,7 +420,7 @@ type UserActionModalProps = {
     clearOtpTrigger: number;
 };
 
-declare function PaymanChat({ config, callbacks, className, style, children, onLoadMoreMessages, isLoadingMoreMessages, hasMoreMessages, }: PaymanChatProps): react_jsx_runtime.JSX.Element;
+declare const PaymanChat: React.ForwardRefExoticComponent<PaymanChatProps & React.RefAttributes<PaymanChatRef>>;
 
 interface PaymanChatContextValue {
     /**
@@ -471,4 +482,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function formatDate(timestamp: string | Date): string;
 
-export { type APIConfig, type AgentMessageProps, type ChatCallbacks, type ChatConfig, type ChatHeaderProps, type ChatInputProps, type ChunkDisplay, type MessageDisplay, type MessageListProps, type MessageRole, type MessageRowProps, type OtpInputProps, PaymanChat, PaymanChatContext, type PaymanChatContextValue, type PaymanChatProps, type SessionParams, type StreamProgress, type StreamingMessageProps, type StreamingStep, type UserActionModalProps, type UserMessageProps, type WorkflowStage, cn, formatDate, usePaymanChat };
+export { type APIConfig, type AgentMessageProps, type ChatCallbacks, type ChatConfig, type ChatHeaderProps, type ChatInputProps, type ChunkDisplay, type MessageDisplay, type MessageListProps, type MessageRole, type MessageRowProps, type OtpInputProps, PaymanChat, PaymanChatContext, type PaymanChatContextValue, type PaymanChatProps, type PaymanChatRef, type SessionParams, type StreamProgress, type StreamingMessageProps, type StreamingStep, type UserActionModalProps, type UserMessageProps, type WorkflowStage, cn, formatDate, usePaymanChat };

package/dist/index.js

@@ -76,6 +76,8 @@ function ChatInput({
   isRecording = false
 }) {
   const textareaRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const prevWaitingRef = react.useRef(isWaitingForResponse);
   react.useEffect(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
@@ -87,6 +89,21 @@ function ChatInput({
       )}px`;
     }
   }, [value]);
+  react.useEffect(() => {
+    requestAnimationFrame(() => {
+      textareaRef.current?.focus();
+    });
+  }, []);
+  react.useEffect(() => {
+    const wasWaiting = prevWaitingRef.current;
+    prevWaitingRef.current = isWaitingForResponse;
+    if (wasWaiting && !isWaitingForResponse) {
+      requestAnimationFrame(() => {
+        textareaRef.current?.focus();
+        containerRef.current?.scrollIntoView({ block: "end", behavior: "smooth" });
+      });
+    }
+  }, [isWaitingForResponse]);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
@@ -94,7 +111,6 @@ function ChatInput({
     }
   };
   const isInputDisabled = disabled || isWaitingForResponse;
-  const showPauseButton = isWaitingForResponse && onPause;
   const showVoiceButton = enableVoice && onVoicePress != null;
   const isVoiceButtonDisabled = isWaitingForResponse || !voiceAvailable || !isSessionParamsConfigured;
   const canSend = !isInputDisabled && !!value.trim();
@@ -106,6 +122,7 @@ function ChatInput({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      ref: containerRef,
       className: cn("flex-shrink-0 w-full", className),
       style: { flexShrink: 0 },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pb-3 pt-1.5 w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full max-w-2xl mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -175,22 +192,7 @@ function ChatInput({
                   ]
                 }
               ),
-              showPauseButton ? /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onPause,
-                  className: cn(
-                    "flex items-center justify-center",
-                    "w-8 h-8 rounded-full",
-                    "payman-chat-input-btn-pause",
-                    "hover:opacity-90 active:scale-95",
-                    "transition-all duration-150"
-                  ),
-                  "aria-label": "Stop response",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "w-3.5 h-3.5", fill: "currentColor" })
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   type: "button",
@@ -617,7 +619,7 @@ function markdownComponents(_isError) {
     tbody: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "[&_tr:last-child]:border-0", children }),
     tr: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b transition-colors payman-agent-tr", children }),
     th: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "h-10 px-3 text-left align-middle font-medium whitespace-nowrap text-xs", children }),
-    td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 align-middle text-sm", children })
+    td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 align-middle text-sm whitespace-nowrap", children })
   };
 }
 function UserMessage({
@@ -1449,7 +1451,7 @@ var DEFAULT_USER_ACTION_STATE = {
 };
 var NOOP_ASYNC = async () => {
 };
-function PaymanChat({
+var PaymanChat = react.forwardRef(function PaymanChat2({
   config,
   callbacks = {},
   className,
@@ -1458,7 +1460,7 @@ function PaymanChat({
   onLoadMoreMessages,
   isLoadingMoreMessages = false,
   hasMoreMessages = false
-}) {
+}, ref) {
   const [inputValue, setInputValue] = react.useState("");
   const prevInputValueRef = react.useRef(inputValue);
   const chat = paymanTypescriptAskSdk.useChat(config, callbacks);
@@ -1521,6 +1523,13 @@ function PaymanChat({
       isWaitingForResponse
     ]
   );
+  react.useImperativeHandle(ref, () => ({
+    resetSession,
+    clearMessages,
+    cancelStream,
+    getSessionId,
+    getMessages
+  }), [resetSession, clearMessages, cancelStream, getSessionId, getMessages]);
   const { onExecutionTraceClick } = callbacks;
   const {
     placeholder = "Type your message...",
@@ -1672,7 +1681,7 @@ function PaymanChat({
       ]
     }
   ) });
-}
+});
 
 Object.defineProperty(exports, "cancelUserAction", {
   enumerable: true,