@paymanai/payman-ask-sdk 1.2.13 → 1.2.15

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { useChat, useVoice } from '@paymanai/payman-typescript-ask-sdk';
 export { cancelUserAction, generateId, resendUserAction, streamWorkflowEvents, submitUserAction, useChat, useVoice } from '@paymanai/payman-typescript-ask-sdk';
-import { createContext, useContext, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
+import { createContext, forwardRef, useState, useRef, useMemo, useImperativeHandle, useEffect, useCallback, useLayoutEffect, useContext } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { motion, AnimatePresence } from 'framer-motion';
@@ -70,6 +70,8 @@ function ChatInput({
   isRecording = false
 }) {
   const textareaRef = useRef(null);
+  const containerRef = useRef(null);
+  const prevWaitingRef = useRef(isWaitingForResponse);
   useEffect(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
@@ -81,6 +83,21 @@ function ChatInput({
       )}px`;
     }
   }, [value]);
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      textareaRef.current?.focus();
+    });
+  }, []);
+  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();
@@ -88,7 +105,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();
@@ -100,6 +116,7 @@ function ChatInput({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref: containerRef,
       className: cn("flex-shrink-0 w-full", className),
       style: { flexShrink: 0 },
       children: /* @__PURE__ */ jsx("div", { className: "px-3 pb-3 pt-1.5 w-full", children: /* @__PURE__ */ jsx("div", { className: "relative w-full max-w-2xl mx-auto", children: /* @__PURE__ */ jsxs(
@@ -169,22 +186,7 @@ function ChatInput({
                   ]
                 }
               ),
-              showPauseButton ? /* @__PURE__ */ 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__ */ jsx(Square, { className: "w-3.5 h-3.5", fill: "currentColor" })
-                }
-              ) : /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -611,7 +613,7 @@ function markdownComponents(_isError) {
     tbody: ({ children }) => /* @__PURE__ */ jsx("tbody", { className: "[&_tr:last-child]:border-0", children }),
     tr: ({ children }) => /* @__PURE__ */ jsx("tr", { className: "border-b transition-colors payman-agent-tr", children }),
     th: ({ children }) => /* @__PURE__ */ jsx("th", { className: "h-10 px-3 text-left align-middle font-medium whitespace-nowrap text-xs", children }),
-    td: ({ children }) => /* @__PURE__ */ jsx("td", { className: "p-3 align-middle text-sm", children })
+    td: ({ children }) => /* @__PURE__ */ jsx("td", { className: "p-3 align-middle text-sm whitespace-nowrap", children })
   };
 }
 function UserMessage({
@@ -1443,7 +1445,7 @@ var DEFAULT_USER_ACTION_STATE = {
 };
 var NOOP_ASYNC = async () => {
 };
-function PaymanChat({
+var PaymanChat = forwardRef(function PaymanChat2({
   config,
   callbacks = {},
   className,
@@ -1452,7 +1454,7 @@ function PaymanChat({
   onLoadMoreMessages,
   isLoadingMoreMessages = false,
   hasMoreMessages = false
-}) {
+}, ref) {
   const [inputValue, setInputValue] = useState("");
   const prevInputValueRef = useRef(inputValue);
   const chat = useChat(config, callbacks);
@@ -1515,6 +1517,13 @@ function PaymanChat({
       isWaitingForResponse
     ]
   );
+  useImperativeHandle(ref, () => ({
+    resetSession,
+    clearMessages,
+    cancelStream,
+    getSessionId,
+    getMessages
+  }), [resetSession, clearMessages, cancelStream, getSessionId, getMessages]);
   const { onExecutionTraceClick } = callbacks;
   const {
     placeholder = "Type your message...",
@@ -1666,7 +1675,7 @@ function PaymanChat({
       ]
     }
   ) });
-}
+});
 
 export { PaymanChat, PaymanChatContext, cn, formatDate, usePaymanChat };
 //# sourceMappingURL=index.mjs.map