@paymanai/payman-ask-sdk 4.0.15 → 4.0.17

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { createContext, forwardRef, useCallback, useRef, useState, useImperativeHandle, useEffect, useMemo, useLayoutEffect, useContext } from 'react';
+import { createContext, forwardRef, useCallback, useRef, useState, useMemo, useEffect, useImperativeHandle, useLayoutEffect, useContext } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -4209,6 +4209,7 @@ function VerificationInline({
   const [code, setCode] = useState("");
   const [errored, setErrored] = useState(false);
   const [resendSec, setResendSec] = useState(0);
+  const [hiddenAfterResend, setHiddenAfterResend] = useState(false);
   const lastSubmittedRef = useRef(null);
   const resendTimerRef = useRef(void 0);
   const status = prompt.status;
@@ -4222,6 +4223,9 @@ function VerificationInline({
       lastSubmittedRef.current = null;
     }
   }, [prompt.subAction, prompt.userActionId]);
+  useEffect(() => {
+    setHiddenAfterResend(false);
+  }, [prompt.expirySeconds, prompt.message, prompt.subAction, prompt.userActionId]);
   useEffect(() => {
     if (code.length < codeLen) lastSubmittedRef.current = null;
   }, [code, codeLen]);
@@ -4272,11 +4276,13 @@ function VerificationInline({
     if (locked || resendSec > 0) return;
     setErrored(false);
     setCode("");
+    setHiddenAfterResend(true);
     lastSubmittedRef.current = null;
     try {
       await onResend(prompt.userActionId);
       startResendCooldown();
     } catch {
+      setHiddenAfterResend(false);
     }
   }, [locked, onResend, prompt.userActionId, resendSec, startResendCooldown]);
   const handleCancel = useCallback(() => {
@@ -4284,6 +4290,7 @@ function VerificationInline({
     void onCancel(prompt.userActionId);
   }, [busy, onCancel, prompt.userActionId]);
   const description = prompt.message?.trim() || (isNumeric ? `Enter the ${codeLen}-digit code to continue` : "Enter the verification code to continue");
+  if (hiddenAfterResend) return null;
   return /* @__PURE__ */ jsxs("div", { className: "payman-v2-ua", role: "group", "aria-label": "Verification required", children: [
     /* @__PURE__ */ jsxs("div", { className: "payman-v2-ua-head", children: [
       /* @__PURE__ */ jsx(ShieldCheck, { className: "payman-v2-ua-icon", size: 15, strokeWidth: 1.75, "aria-hidden": true }),
@@ -4379,6 +4386,9 @@ function SchemaFormInline({
   const busy = status === "submitting";
   const stale = status === "stale";
   const locked = busy || stale || expired;
+  const isUserConfirmation = prompt.subAction === "UserConfirmation";
+  const messageFormat = prompt.metadata?.["payman/messageFormat"];
+  const renderMarkdown = messageFormat === "markdown";
   const setValue = (key, value) => {
     setValues((prev) => ({ ...prev, [key]: value }));
     setErrors((prev) => {
@@ -4404,8 +4414,8 @@ function SchemaFormInline({
       /* @__PURE__ */ jsx("span", { className: "payman-v2-ua-title", children: "Action required" }),
       typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : `${secondsLeft}s` })
     ] }),
-    prompt.message?.trim() && /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: prompt.message }),
-    stale ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: "This action has no inputs to fill." }) : /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-form", children: fields.map(([key, field]) => {
+    prompt.message?.trim() && (renderMarkdown ? /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-markdown", children: /* @__PURE__ */ jsx(MarkdownRendererV2, { content: prompt.message }) }) : /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: prompt.message })),
+    stale ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? null : /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-form", children: fields.map(([key, field]) => {
       const widget = classifyField(field);
       const label = field.title || key;
       const required = isRequired(schema, key);
@@ -4478,7 +4488,7 @@ function SchemaFormInline({
           className: "payman-v2-ua-btn payman-v2-ua-btn-primary",
           disabled: locked,
           onClick: handleSubmit,
-          children: busy ? "Submitting\u2026" : "Submit"
+          children: busy ? "Submitting\u2026" : isUserConfirmation ? "Confirm" : "Submit"
         }
       ),
       /* @__PURE__ */ jsx(
@@ -4534,10 +4544,25 @@ function useExpiryCountdown(prompt) {
   const expired = initial !== void 0 && secondsLeft === 0;
   return [secondsLeft, expired];
 }
-function UserActionInline({ prompt, onSubmit, onCancel, onResend }) {
+function UserActionInline({
+  prompt,
+  onSubmit,
+  onCancel,
+  onResend,
+  onExpired
+}) {
   const [secondsLeft, expired] = useExpiryCountdown(prompt);
+  useEffect(() => {
+    if (expired && prompt.kind !== "notification") onExpired?.();
+  }, [expired, onExpired, prompt.kind]);
   let body;
-  if (prompt.kind === "verification") {
+  if (expired && prompt.kind !== "notification") {
+    const note = {
+      id: `${prompt.userActionId}-expired`,
+      message: prompt.kind === "verification" ? "Verification Request Expired" : "User Form Expired"
+    };
+    body = /* @__PURE__ */ jsx(NotificationInline, { notification: note });
+  } else if (prompt.kind === "verification") {
     body = /* @__PURE__ */ jsx(
       VerificationInline,
       {
@@ -4577,10 +4602,23 @@ function UserActionInline({ prompt, onSubmit, onCancel, onResend }) {
 }
 var SCROLL_THRESHOLD2 = 100;
 var USER_SCROLL_UP_EPSILON = 4;
+var PROMPT_KEY_SEPARATOR = "";
+function getPromptSlotKey(prompt) {
+  return prompt.toolCallId || prompt.userActionId;
+}
+function getPromptViewKey(prompt) {
+  return [
+    getPromptSlotKey(prompt),
+    prompt.userActionId,
+    prompt.subAction ?? "",
+    prompt.expirySeconds ?? "",
+    prompt.message ?? ""
+  ].join(PROMPT_KEY_SEPARATOR);
+}
 var MessageListV2 = forwardRef(
   function MessageListV22({
     messages,
-    isStreaming: _isStreaming = false,
+    isStreaming = false,
     onEditUserMessage,
     onRetryUserMessage,
     onImageClick,
@@ -4602,6 +4640,7 @@ var MessageListV2 = forwardRef(
     const scrollInnerRef = useRef(null);
     const isNearBottomRef = useRef(true);
     const [showScrollBtn, setShowScrollBtn] = useState(false);
+    const [expiredPromptViewState, setExpiredPromptViewState] = useState({});
     const prevCountRef = useRef(messages.length);
     const pauseStickUntilUserMessageRef = useRef(false);
     const followingBottomRef = useRef(true);
@@ -4612,6 +4651,81 @@ var MessageListV2 = forwardRef(
       if (!el) return 0;
       return el.scrollHeight - el.scrollTop - el.clientHeight;
     }, []);
+    const messageActivityFingerprint = useMemo(() => {
+      const last = messages[messages.length - 1];
+      const promptFingerprint = (userActionPrompts ?? []).map((prompt) => `${getPromptViewKey(prompt)}:${prompt.status}`).join(PROMPT_KEY_SEPARATOR);
+      const notificationFingerprint = (notifications ?? []).map((notification) => notification.id).join(PROMPT_KEY_SEPARATOR);
+      if (!last) {
+        return [
+          0,
+          isStreaming ? "streaming" : "idle",
+          promptFingerprint,
+          notificationFingerprint
+        ].join(PROMPT_KEY_SEPARATOR);
+      }
+      return [
+        messages.length,
+        isStreaming ? "streaming" : "idle",
+        last.id,
+        last.role,
+        last.content ?? "",
+        last.isStreaming ? "streaming" : "done",
+        last.streamProgress ?? "",
+        last.steps?.length ?? 0,
+        last.errorDetails ?? "",
+        promptFingerprint,
+        notificationFingerprint
+      ].join(PROMPT_KEY_SEPARATOR);
+    }, [isStreaming, messages, notifications, userActionPrompts]);
+    const handleUserActionExpired = useCallback(
+      (promptKey) => {
+        setExpiredPromptViewState((prev) => {
+          if (prev[promptKey]) return prev;
+          return {
+            ...prev,
+            [promptKey]: { baseline: messageActivityFingerprint, hidden: false }
+          };
+        });
+      },
+      [messageActivityFingerprint]
+    );
+    useEffect(() => {
+      setExpiredPromptViewState((prev) => {
+        let changed = false;
+        const next = {};
+        for (const [key, state] of Object.entries(prev)) {
+          if (!state.hidden && state.baseline !== messageActivityFingerprint) {
+            next[key] = { ...state, hidden: true };
+            changed = true;
+          } else {
+            next[key] = state;
+          }
+        }
+        return changed ? next : prev;
+      });
+    }, [messageActivityFingerprint]);
+    useEffect(() => {
+      const livePromptKeys = new Set((userActionPrompts ?? []).map(getPromptViewKey));
+      setExpiredPromptViewState((prev) => {
+        let changed = false;
+        const next = {};
+        for (const [key, state] of Object.entries(prev)) {
+          if (livePromptKeys.has(key)) {
+            next[key] = state;
+          } else {
+            changed = true;
+          }
+        }
+        return changed ? next : prev;
+      });
+    }, [userActionPrompts]);
+    const visibleUserActionPrompts = useMemo(
+      () => userActionPrompts?.filter((prompt) => {
+        const promptKey = getPromptViewKey(prompt);
+        return !expiredPromptViewState[promptKey]?.hidden;
+      }),
+      [expiredPromptViewState, userActionPrompts]
+    );
     const pinToBottom = useCallback((behavior = "instant") => {
       const el = scrollRef.current;
       if (!el) return;
@@ -4748,16 +4862,20 @@ var MessageListV2 = forwardRef(
                   },
                   note.id
                 )),
-                userActionPrompts?.map((prompt) => /* @__PURE__ */ jsx(
-                  UserActionInline,
-                  {
-                    prompt,
-                    onSubmit: onSubmitUserAction ?? noop,
-                    onCancel: onCancelUserAction ?? noop,
-                    onResend: onResendUserAction ?? noop
-                  },
-                  prompt.toolCallId || prompt.userActionId
-                ))
+                visibleUserActionPrompts?.map((prompt) => {
+                  const promptKey = getPromptViewKey(prompt);
+                  return /* @__PURE__ */ jsx(
+                    UserActionInline,
+                    {
+                      prompt,
+                      onSubmit: onSubmitUserAction ?? noop,
+                      onCancel: onCancelUserAction ?? noop,
+                      onResend: onResendUserAction ?? noop,
+                      onExpired: () => handleUserActionExpired(promptKey)
+                    },
+                    promptKey
+                  );
+                })
               ]
             }
           )