@paymanai/payman-ask-sdk 4.0.15 → 4.0.16

package/dist/index.js

@@ -4236,6 +4236,7 @@ function VerificationInline({
   const [code, setCode] = react.useState("");
   const [errored, setErrored] = react.useState(false);
   const [resendSec, setResendSec] = react.useState(0);
+  const [hiddenAfterResend, setHiddenAfterResend] = react.useState(false);
   const lastSubmittedRef = react.useRef(null);
   const resendTimerRef = react.useRef(void 0);
   const status = prompt.status;
@@ -4249,6 +4250,9 @@ function VerificationInline({
       lastSubmittedRef.current = null;
     }
   }, [prompt.subAction, prompt.userActionId]);
+  react.useEffect(() => {
+    setHiddenAfterResend(false);
+  }, [prompt.expirySeconds, prompt.message, prompt.subAction, prompt.userActionId]);
   react.useEffect(() => {
     if (code.length < codeLen) lastSubmittedRef.current = null;
   }, [code, codeLen]);
@@ -4299,11 +4303,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 = react.useCallback(() => {
@@ -4311,6 +4317,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__ */ jsxRuntime.jsxs("div", { className: "payman-v2-ua", role: "group", "aria-label": "Verification required", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-ua-head", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "payman-v2-ua-icon", size: 15, strokeWidth: 1.75, "aria-hidden": true }),
@@ -4406,6 +4413,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) => {
@@ -4431,8 +4441,8 @@ function SchemaFormInline({
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-title", children: "Action required" }),
       typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : `${secondsLeft}s` })
     ] }),
-    prompt.message?.trim() && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-desc", children: prompt.message }),
-    stale ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-desc", children: "This action has no inputs to fill." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-form", children: fields.map(([key, field]) => {
+    prompt.message?.trim() && (renderMarkdown ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-markdown", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRendererV2, { content: prompt.message }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-desc", children: prompt.message })),
+    stale ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? null : /* @__PURE__ */ jsxRuntime.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);
@@ -4505,7 +4515,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__ */ jsxRuntime.jsx(
@@ -4561,10 +4571,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);
+  react.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__ */ jsxRuntime.jsx(NotificationInline, { notification: note });
+  } else if (prompt.kind === "verification") {
     body = /* @__PURE__ */ jsxRuntime.jsx(
       VerificationInline,
       {
@@ -4604,10 +4629,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 = react.forwardRef(
   function MessageListV22({
     messages,
-    isStreaming: _isStreaming = false,
+    isStreaming = false,
     onEditUserMessage,
     onRetryUserMessage,
     onImageClick,
@@ -4629,6 +4667,7 @@ var MessageListV2 = react.forwardRef(
     const scrollInnerRef = react.useRef(null);
     const isNearBottomRef = react.useRef(true);
     const [showScrollBtn, setShowScrollBtn] = react.useState(false);
+    const [expiredPromptViewState, setExpiredPromptViewState] = react.useState({});
     const prevCountRef = react.useRef(messages.length);
     const pauseStickUntilUserMessageRef = react.useRef(false);
     const followingBottomRef = react.useRef(true);
@@ -4639,6 +4678,81 @@ var MessageListV2 = react.forwardRef(
       if (!el) return 0;
       return el.scrollHeight - el.scrollTop - el.clientHeight;
     }, []);
+    const messageActivityFingerprint = react.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 = react.useCallback(
+      (promptKey) => {
+        setExpiredPromptViewState((prev) => {
+          if (prev[promptKey]) return prev;
+          return {
+            ...prev,
+            [promptKey]: { baseline: messageActivityFingerprint, hidden: false }
+          };
+        });
+      },
+      [messageActivityFingerprint]
+    );
+    react.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]);
+    react.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 = react.useMemo(
+      () => userActionPrompts?.filter((prompt) => {
+        const promptKey = getPromptViewKey(prompt);
+        return !expiredPromptViewState[promptKey]?.hidden;
+      }),
+      [expiredPromptViewState, userActionPrompts]
+    );
     const pinToBottom = react.useCallback((behavior = "instant") => {
       const el = scrollRef.current;
       if (!el) return;
@@ -4775,16 +4889,20 @@ var MessageListV2 = react.forwardRef(
                   },
                   note.id
                 )),
-                userActionPrompts?.map((prompt) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                    UserActionInline,
+                    {
+                      prompt,
+                      onSubmit: onSubmitUserAction ?? noop,
+                      onCancel: onCancelUserAction ?? noop,
+                      onResend: onResendUserAction ?? noop,
+                      onExpired: () => handleUserActionExpired(promptKey)
+                    },
+                    promptKey
+                  );
+                })
               ]
             }
           )