@paymanai/payman-ask-sdk 4.0.17 → 4.0.19

package/dist/index.native.js

@@ -1099,6 +1099,9 @@ async function cancelUserAction(config, userActionId) {
 async function resendUserAction(config, userActionId) {
   return sendUserActionRequest(config, userActionId, "resend");
 }
+async function expireUserAction(config, userActionId) {
+  return sendUserActionRequest(config, userActionId, "expired");
+}
 var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
 function upsertPrompt(prompts, req) {
   const active = { ...req, status: "pending" };
@@ -1390,6 +1393,19 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
+  const expireUserAction2 = react.useCallback(
+    async (userActionId) => {
+      setPromptStatus(userActionId, "expired");
+      try {
+        await expireUserAction(configRef.current, userActionId);
+      } catch (error) {
+        if (error instanceof UserActionStaleError) return;
+        callbacksRef.current.onError?.(error);
+        throw error;
+      }
+    },
+    [setPromptStatus]
+  );
   const dismissNotification = react.useCallback((id) => {
     setUserActionState((prev) => ({
       ...prev,
@@ -1469,6 +1485,7 @@ function useChatV2(config, callbacks = {}) {
     submitUserAction: submitUserAction2,
     cancelUserAction: cancelUserAction2,
     resendUserAction: resendUserAction2,
+    expireUserAction: expireUserAction2,
     dismissNotification
   };
 }
@@ -1687,6 +1704,122 @@ function useVoice(config = {}, callbacks = {}) {
     reset
   };
 }
+function classifyField(field) {
+  if (!field) return "text";
+  if (Array.isArray(field.oneOf) && field.oneOf.length > 0) return "select";
+  switch (field.type) {
+    case "boolean":
+      return "boolean";
+    case "integer":
+      return "integer";
+    case "number":
+      return "decimal";
+    case "string":
+      return "text";
+    default:
+      return "text";
+  }
+}
+function isNestedOrUnsupported(field) {
+  if (!field) return false;
+  if (field.type === "object" || field.type === "array") return true;
+  if ("properties" in field && field.properties != null) return true;
+  if ("items" in field && field.items != null) return true;
+  return false;
+}
+function getOptions(field) {
+  if (!field || !Array.isArray(field.oneOf)) return [];
+  return field.oneOf.filter(
+    (o) => !!o && typeof o === "object" && typeof o.const === "string"
+  );
+}
+function isRequired(schema, key) {
+  return Array.isArray(schema?.required) && schema.required.includes(key);
+}
+function coerceValue(field, raw) {
+  const widget = classifyField(field);
+  if (widget === "boolean") {
+    if (typeof raw === "boolean") return raw;
+    if (raw === "true") return true;
+    if (raw === "false") return false;
+    return Boolean(raw);
+  }
+  if (widget === "integer" || widget === "decimal") {
+    if (raw === "" || raw == null) return void 0;
+    const num = typeof raw === "number" ? raw : Number(String(raw).trim());
+    if (Number.isNaN(num)) return void 0;
+    return widget === "integer" ? Math.trunc(num) : num;
+  }
+  if (raw == null) return void 0;
+  const str = String(raw);
+  return str === "" ? void 0 : str;
+}
+function defaultValueFor(field) {
+  if (!field || field.default === void 0) {
+    return classifyField(field) === "boolean" ? false : "";
+  }
+  return field.default;
+}
+function validateField(field, value, required) {
+  const widget = classifyField(field);
+  const label = field?.title || "This field";
+  const isEmpty = value === void 0 || value === null || typeof value === "string" && value.trim() === "";
+  if (isEmpty) {
+    if (required && widget !== "boolean") return `${label} is required.`;
+    return null;
+  }
+  if (widget === "integer" || widget === "decimal") {
+    const num = typeof value === "number" ? value : Number(value);
+    if (Number.isNaN(num)) return `${label} must be a number.`;
+    if (widget === "integer" && !Number.isInteger(num)) {
+      return `${label} must be a whole number.`;
+    }
+    if (typeof field?.minimum === "number" && num < field.minimum) {
+      return `${label} must be at least ${field.minimum}.`;
+    }
+    if (typeof field?.maximum === "number" && num > field.maximum) {
+      return `${label} must be at most ${field.maximum}.`;
+    }
+    return null;
+  }
+  if (widget === "select") {
+    const allowed = getOptions(field).map((o) => o.const);
+    if (allowed.length > 0 && !allowed.includes(String(value))) {
+      return `${label} has an invalid selection.`;
+    }
+    return null;
+  }
+  const str = String(value);
+  if (typeof field?.minLength === "number" && str.length < field.minLength) {
+    return `${label} must be at least ${field.minLength} characters.`;
+  }
+  if (typeof field?.maxLength === "number" && str.length > field.maxLength) {
+    return `${label} must be at most ${field.maxLength} characters.`;
+  }
+  return null;
+}
+function renderableFields(schema) {
+  const props = schema?.properties;
+  if (!props) return [];
+  return Object.entries(props).filter(([, field]) => !isNestedOrUnsupported(field));
+}
+function validateForm(schema, values) {
+  const errors = {};
+  for (const [key, field] of renderableFields(schema)) {
+    const coerced = coerceValue(field, values[key]);
+    const err = validateField(field, coerced, isRequired(schema, key));
+    if (err) errors[key] = err;
+  }
+  return errors;
+}
+function buildContent(schema, values) {
+  const content = {};
+  for (const [key, field] of renderableFields(schema)) {
+    const coerced = coerceValue(field, values[key]);
+    if (coerced !== void 0) content[key] = coerced;
+  }
+  return content;
+}
 var PaymanChatContext = react.createContext(void 0);
 function usePaymanChat() {
   const context = react.useContext(PaymanChatContext);
@@ -1767,7 +1900,8 @@ function InputBar({
   onFocus,
   insetBottom
 }) {
-  const canSend = !disabled && value.trim().length > 0;
+  const canSend = !disabled && !isStreaming && value.trim().length > 0;
+  const voiceDisabled = !voiceAvailable || disabled || isStreaming;
   const showVoiceBar = enableVoice && isRecording;
   const showVoiceBtn = enableVoice && !isRecording;
   const [keyboardOpen, setKeyboardOpen] = react.useState(false);
@@ -1875,12 +2009,8 @@ function InputBar({
           reactNative.Pressable,
           {
             onPress: onVoicePress,
-            disabled: !voiceAvailable || disabled,
-            style: ({ pressed }) => [
-              s.iconBtn,
-              (!voiceAvailable || disabled) && s.btnDisabled,
-              pressed && s.pressed
-            ],
+            disabled: voiceDisabled,
+            style: [s.iconBtn, voiceDisabled && s.btnDisabled],
             accessibilityLabel: "Voice input",
             children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: s.iconBtnInner, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Mic, { size: 16, color: "#6B7280", strokeWidth: 2 }) })
           }
@@ -1888,13 +2018,9 @@ function InputBar({
         /* @__PURE__ */ jsxRuntime.jsx(
           reactNative.Pressable,
           {
-            onPress: isStreaming ? onCancel : onSend,
-            disabled: !isStreaming && !canSend,
-            style: ({ pressed }) => [
-              s.sendBtn,
-              !isStreaming && !canSend && s.btnDisabled,
-              pressed && s.pressed
-            ],
+            onPress: onSend,
+            disabled: !canSend,
+            style: [s.sendBtn, !canSend && s.btnDisabled],
             children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [s.sendBtnInner, { backgroundColor: accent }], children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Send, { size: 14, color: "#FFFFFF" }) })
           }
         )
@@ -2161,11 +2287,27 @@ function stripIncompleteImageToken(text) {
   if (/^!\[[^\]]*\]\([^)]*\)/.test(after)) return text;
   return text.slice(0, lastBang);
 }
+function stripDuplicatePromptText(text, promptText) {
+  if (!promptText) return text;
+  const pm = promptText.replace(/\\n/g, "\n").trim();
+  if (!pm) return text;
+  const idx = text.indexOf(pm);
+  if (idx !== -1) {
+    return (text.slice(0, idx) + text.slice(idx + pm.length)).trim();
+  }
+  for (let cut = Math.min(text.length, pm.length); cut >= 24; cut--) {
+    if (text.endsWith(pm.slice(0, cut))) {
+      return text.slice(0, text.length - cut).trim();
+    }
+  }
+  return text;
+}
 function AssistantBubble({
   message,
   shouldType,
   isDark,
-  accent
+  accent,
+  suppressText
 }) {
   const isCurrentlyStreaming = !!message.isStreaming && !message.isCancelled;
   const mdStyles = isDark ? MD_STYLES_DARK : MD_STYLES_LIGHT;
@@ -2176,7 +2318,8 @@ function AssistantBubble({
     const raw = message.isStreaming ? message.streamingContent || message.content : message.content;
     if (!raw) return "";
     const normalized = raw.replace(/\\n/g, "\n");
-    return message.isStreaming ? stripIncompleteImageToken(normalized) : normalized;
+    const cleaned = message.isStreaming ? stripIncompleteImageToken(normalized) : normalized;
+    return stripDuplicatePromptText(cleaned, suppressText);
   })();
   const isThinkingStreaming = isCurrentlyStreaming && !rawResponseContent && !message.isError;
   const hasEverStreamed = react.useRef(!!message.isStreaming);
@@ -2206,10 +2349,740 @@ function AssistantBubble({
     message.isError && displayedText && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: sd.partialErrorText, children: message.errorDetails || "The response was interrupted." })
   ] }) });
 }
-function MessageBubble({ message, accent, shouldType, isDark }) {
+function MessageBubble({ message, accent, shouldType, isDark, suppressText }) {
   if (message.role === "user") return /* @__PURE__ */ jsxRuntime.jsx(UserBubble, { message, accent });
-  return /* @__PURE__ */ jsxRuntime.jsx(AssistantBubble, { message, shouldType, isDark, accent });
+  return /* @__PURE__ */ jsxRuntime.jsx(AssistantBubble, { message, shouldType, isDark, accent, suppressText });
+}
+var RESEND_COOLDOWN_S = 30;
+var DEFAULT_CODE_LEN = 6;
+function uaPalette(isDark) {
+  return isDark ? {
+    sheetBg: "#13201f",
+    text: "rgba(255,255,255,0.95)",
+    muted: "rgba(255,255,255,0.55)",
+    border: "rgba(255,255,255,0.10)",
+    fieldBg: "rgba(255,255,255,0.06)",
+    fieldBorder: "rgba(255,255,255,0.18)",
+    overlay: "rgba(0,0,0,0.62)",
+    grabber: "rgba(255,255,255,0.22)"
+  } : {
+    sheetBg: "#ffffff",
+    text: "#111827",
+    muted: "#6b7280",
+    border: "#eceef1",
+    fieldBg: "#f9fafb",
+    fieldBorder: "#d1d5db",
+    overlay: "rgba(15,23,42,0.45)",
+    grabber: "rgba(15,23,42,0.18)"
+  };
+}
+function promptInitialSeconds(prompt) {
+  return prompt && typeof prompt.expirySeconds === "number" && prompt.expirySeconds > 0 ? Math.floor(prompt.expirySeconds) : void 0;
+}
+function promptTimerKey(prompt) {
+  return prompt ? `${prompt.userActionId}|${prompt.subAction ?? ""}` : "";
+}
+function useExpiredFlag(prompt) {
+  const initial = promptInitialSeconds(prompt);
+  const key = promptTimerKey(prompt);
+  const [expired, setExpired] = react.useState(false);
+  react.useEffect(() => {
+    setExpired(false);
+    if (initial === void 0) return;
+    const t = setTimeout(() => setExpired(true), initial * 1e3);
+    return () => clearTimeout(t);
+  }, [key, initial]);
+  return expired;
+}
+function useSecondsLeft(expirySeconds, restartKey) {
+  const initial = typeof expirySeconds === "number" && expirySeconds > 0 ? Math.floor(expirySeconds) : void 0;
+  const [left, setLeft] = react.useState(initial);
+  react.useEffect(() => {
+    setLeft(initial);
+    if (initial === void 0) return;
+    const id = setInterval(() => {
+      setLeft((s2) => s2 === void 0 ? s2 : s2 <= 1 ? 0 : s2 - 1);
+    }, 1e3);
+    return () => clearInterval(id);
+  }, [restartKey, initial]);
+  return left;
+}
+function SheetTimerPill({
+  prompt,
+  accent,
+  isDark
+}) {
+  const left = useSecondsLeft(prompt.expirySeconds, promptTimerKey(prompt));
+  if (left === void 0 || prompt.status === "stale") return null;
+  const expired = left <= 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      style: [
+        sht.timer,
+        {
+          borderColor: expired ? "#ef4444" : accent + "40",
+          backgroundColor: expired ? "rgba(239,68,68,0.10)" : accent + (isDark ? "1F" : "12")
+        }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: expired ? "#ef4444" : accent, fontSize: 12.5, fontWeight: "700", letterSpacing: 0.2 }, children: expired ? "Expired" : `${left}s` })
+    }
+  );
 }
+function CardTimerPill({
+  prompt,
+  accent,
+  isDark
+}) {
+  const left = useSecondsLeft(prompt.expirySeconds, promptTimerKey(prompt));
+  if (left === void 0 || left <= 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [rc.timer, { backgroundColor: accent + (isDark ? "26" : "14") }], children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: { color: accent, fontSize: 12, fontWeight: "700" }, children: [
+    left,
+    "s"
+  ] }) });
+}
+function CodeInput({
+  value,
+  onChange,
+  length,
+  disabled,
+  error,
+  accent,
+  pal
+}) {
+  const ref = react.useRef(null);
+  react.useEffect(() => {
+    const t = setTimeout(() => ref.current?.focus(), 380);
+    return () => clearTimeout(t);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { onPress: () => ref.current?.focus(), style: ub.codeRow, children: [
+    Array.from({ length }).map((_, i) => {
+      const ch = value[i] ?? "";
+      const isCursor = i === value.length && !disabled;
+      const bc = error ? "#ef4444" : isCursor ? accent : pal.fieldBorder;
+      return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [ub.codeBox, { borderColor: bc, backgroundColor: pal.fieldBg }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.codeChar, { color: pal.text }], children: ch }) }, i);
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TextInput,
+      {
+        ref,
+        value,
+        onChangeText: (t) => onChange(t.replace(/[^0-9]/g, "").slice(0, length)),
+        keyboardType: "number-pad",
+        maxLength: length,
+        editable: !disabled,
+        caretHidden: true,
+        style: ub.codeHidden
+      }
+    )
+  ] });
+}
+function PrimaryButton({
+  label,
+  onPress,
+  disabled,
+  accent
+}) {
+  const bg = accent || DEFAULT_ACCENT;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress,
+      disabled,
+      android_ripple: { color: "rgba(255,255,255,0.22)" },
+      style: [ub.primaryBtn, { backgroundColor: bg, borderColor: bg, opacity: disabled ? 0.5 : 1 }],
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: ub.primaryBtnText, children: label })
+    }
+  );
+}
+function VerificationBody({
+  prompt,
+  expired,
+  pal,
+  accent,
+  onSubmit,
+  onCancel,
+  onResend
+}) {
+  const isNumeric = prompt.verificationType !== "ALPHANUMERIC_CODE";
+  const field = prompt.requestedSchema?.properties?.verificationCode;
+  const codeLen = (typeof field?.maxLength === "number" ? field.maxLength : void 0) ?? (typeof field?.minLength === "number" ? field.minLength : void 0) ?? DEFAULT_CODE_LEN;
+  const [code, setCode] = react.useState("");
+  const [errored, setErrored] = react.useState(false);
+  const [resendSec, setResendSec] = react.useState(0);
+  const lastSubmitted = react.useRef(null);
+  const resendTimer = react.useRef(null);
+  const busy = prompt.status === "submitting";
+  const stale = prompt.status === "stale";
+  const locked = busy || stale || expired;
+  react.useEffect(() => {
+    if (prompt.subAction === "SubmissionInvalid") {
+      setErrored(true);
+      setCode("");
+      lastSubmitted.current = null;
+    }
+  }, [prompt.subAction, prompt.userActionId]);
+  const doSubmit = react.useCallback(
+    (value) => {
+      if (locked || !value) return;
+      if (lastSubmitted.current === value) return;
+      lastSubmitted.current = value;
+      void onSubmit(prompt.userActionId, { verificationCode: value }).catch(() => {
+        lastSubmitted.current = null;
+        setErrored(true);
+      });
+    },
+    [locked, onSubmit, prompt.userActionId]
+  );
+  react.useEffect(() => {
+    if (!isNumeric || locked) return;
+    if (code.length === codeLen && /^\d+$/.test(code)) doSubmit(code);
+  }, [code, codeLen, doSubmit, isNumeric, locked]);
+  react.useEffect(() => () => {
+    if (resendTimer.current) clearInterval(resendTimer.current);
+  }, []);
+  const handleResend = react.useCallback(async () => {
+    if (locked || resendSec > 0) return;
+    setErrored(false);
+    setCode("");
+    lastSubmitted.current = null;
+    try {
+      await onResend(prompt.userActionId);
+      setResendSec(RESEND_COOLDOWN_S);
+      if (resendTimer.current) clearInterval(resendTimer.current);
+      resendTimer.current = setInterval(() => {
+        setResendSec((s2) => {
+          if (s2 <= 1) {
+            if (resendTimer.current) clearInterval(resendTimer.current);
+            return 0;
+          }
+          return s2 - 1;
+        });
+      }, 1e3);
+    } catch {
+    }
+  }, [locked, onResend, prompt.userActionId, resendSec]);
+  const description = prompt.message?.trim() || (isNumeric ? `Enter the ${codeLen}-digit code to continue` : "Enter the verification code to continue");
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.bodyWrap, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.ScrollView,
+      {
+        style: ub.fieldsScroll,
+        contentContainerStyle: ub.fieldsContent,
+        keyboardShouldPersistTaps: "handled",
+        showsVerticalScrollIndicator: false,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: description }),
+          isNumeric ? /* @__PURE__ */ jsxRuntime.jsx(
+            CodeInput,
+            {
+              value: code,
+              onChange: (v) => {
+                setErrored(false);
+                setCode(v);
+              },
+              length: codeLen,
+              disabled: locked,
+              error: errored,
+              accent,
+              pal
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.TextInput,
+            {
+              value: code,
+              onChangeText: (t) => {
+                setErrored(false);
+                setCode(t);
+              },
+              editable: !locked,
+              placeholder: "Verification code",
+              placeholderTextColor: pal.muted,
+              autoComplete: "one-time-code",
+              style: [
+                ub.input,
+                { color: pal.text, backgroundColor: pal.fieldBg, borderColor: errored ? "#ef4444" : pal.fieldBorder }
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.actions, children: [
+      !isNumeric && /* @__PURE__ */ jsxRuntime.jsx(
+        PrimaryButton,
+        {
+          label: busy ? "Verifying\u2026" : "Verify",
+          onPress: () => doSubmit(code.trim()),
+          disabled: locked || !code.trim(),
+          accent
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.linkRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { disabled: locked || resendSec > 0, onPress: () => void handleResend(), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.link, { color: accent, opacity: locked || resendSec > 0 ? 0.4 : 1 }], children: resendSec > 0 ? `Resend (${resendSec}s)` : "Resend" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { disabled: busy, onPress: () => void onCancel(prompt.userActionId), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.link, ub.linkDanger, { opacity: busy ? 0.4 : 1 }], children: "Cancel" }) })
+      ] })
+    ] })
+  ] });
+}
+function FormBody({
+  prompt,
+  pal,
+  accent,
+  isDark,
+  onSubmit,
+  onCancel
+}) {
+  const schema = prompt.requestedSchema;
+  const fields = react.useMemo(() => renderableFields(schema), [schema]);
+  const [values, setValues] = react.useState(() => {
+    const init = {};
+    for (const [key, field] of fields) init[key] = defaultValueFor(field);
+    return init;
+  });
+  const [errors, setErrors] = react.useState({});
+  const busy = prompt.status === "submitting";
+  const stale = prompt.status === "stale";
+  const locked = busy || stale;
+  const isConfirm = prompt.subAction === "UserConfirmation";
+  const setValue = (key, v) => {
+    setValues((prev) => ({ ...prev, [key]: v }));
+    setErrors((prev) => {
+      if (!prev[key]) return prev;
+      const next = { ...prev };
+      delete next[key];
+      return next;
+    });
+  };
+  const handleSubmit = () => {
+    if (locked) return;
+    const validation = validateForm(schema, values);
+    if (Object.keys(validation).length > 0) {
+      setErrors(validation);
+      return;
+    }
+    void onSubmit(prompt.userActionId, buildContent(schema, values)).catch(() => {
+    });
+  };
+  const mdStyles = isDark ? MD_STYLES_DARK : MD_STYLES_LIGHT;
+  const mdRules = react.useMemo(() => makeMdRules(isDark, accent), [isDark, accent]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.bodyWrap, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.ScrollView,
+      {
+        style: ub.fieldsScroll,
+        contentContainerStyle: ub.fieldsContent,
+        keyboardShouldPersistTaps: "handled",
+        showsVerticalScrollIndicator: true,
+        children: [
+          prompt.message?.trim() ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.messageBlock, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown__default.default, { style: mdStyles, rules: mdRules, children: prompt.message.replace(/\\n/g, "\n") }) }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.form, children: fields.map(([key, field]) => {
+            const widget = classifyField(field);
+            const label = field.title || key;
+            const required = isRequired(schema, key);
+            const err = errors[key];
+            if (widget === "boolean") {
+              return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.switchRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: [ub.label, { color: pal.text, flex: 1 }], children: [
+                  label,
+                  required ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: "#ef4444" }, children: " *" }) : null
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  reactNative.Switch,
+                  {
+                    value: Boolean(values[key]),
+                    disabled: locked,
+                    onValueChange: (v) => setValue(key, v),
+                    trackColor: { true: accent }
+                  }
+                )
+              ] }, key);
+            }
+            return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.field, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: [ub.label, { color: pal.text }], children: [
+                label,
+                required ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: "#ef4444" }, children: " *" }) : null
+              ] }),
+              field.description ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.hint, { color: pal.muted }], children: field.description }) : null,
+              widget === "select" ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.optionList, children: getOptions(field).map((opt) => {
+                const selected = String(values[key] ?? "") === opt.const;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  reactNative.Pressable,
+                  {
+                    disabled: locked,
+                    onPress: () => setValue(key, opt.const),
+                    android_ripple: { color: accent + "22" },
+                    style: [
+                      ub.optionRow,
+                      {
+                        borderColor: selected ? accent : pal.fieldBorder,
+                        backgroundColor: selected ? accent + (isDark ? "26" : "14") : pal.fieldBg
+                      }
+                    ],
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        reactNative.View,
+                        {
+                          style: [
+                            ub.radio,
+                            { borderColor: selected ? accent : pal.fieldBorder }
+                          ],
+                          children: selected ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [ub.radioDot, { backgroundColor: accent }] }) : null
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        reactNative.Text,
+                        {
+                          style: [
+                            ub.optionLabel,
+                            { color: pal.text, fontWeight: selected ? "600" : "500" }
+                          ],
+                          children: opt.title || opt.const
+                        }
+                      )
+                    ]
+                  },
+                  opt.const
+                );
+              }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                reactNative.TextInput,
+                {
+                  value: String(values[key] ?? ""),
+                  editable: !locked,
+                  onChangeText: (t) => setValue(key, t),
+                  placeholder: field.description ? void 0 : label,
+                  placeholderTextColor: pal.muted,
+                  keyboardType: widget === "integer" ? "number-pad" : widget === "decimal" ? "decimal-pad" : "default",
+                  style: [
+                    ub.input,
+                    { color: pal.text, backgroundColor: pal.fieldBg, borderColor: err ? "#ef4444" : pal.fieldBorder }
+                  ]
+                }
+              ),
+              err ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: ub.error, children: err }) : null
+            ] }, key);
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: ub.actions, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PrimaryButton,
+        {
+          label: busy ? "Submitting\u2026" : isConfirm ? "Confirm" : "Next",
+          onPress: handleSubmit,
+          disabled: locked,
+          accent
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.linkRow, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { disabled: busy, onPress: () => void onCancel(prompt.userActionId), children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.link, ub.linkDanger, { opacity: busy ? 0.4 : 1 }], children: "Cancel" }) }) })
+    ] })
+  ] });
+}
+function UserActionSheet({
+  open,
+  active,
+  expired,
+  isDark,
+  accent,
+  insetBottom,
+  onSubmit,
+  onCancel,
+  onResend,
+  onMinimize
+}) {
+  const pal = uaPalette(isDark);
+  const screenH = reactNative.Dimensions.get("window").height;
+  const [shown, setShown] = react.useState(active);
+  react.useEffect(() => {
+    if (active) setShown(active);
+  }, [active]);
+  const translateY = react.useRef(new reactNative.Animated.Value(screenH)).current;
+  const backdrop = react.useRef(new reactNative.Animated.Value(0)).current;
+  const minimizeRef = react.useRef(onMinimize);
+  react.useEffect(() => {
+    minimizeRef.current = onMinimize;
+  });
+  const [kbHeight, setKbHeight] = react.useState(0);
+  react.useEffect(() => {
+    const showEvt = reactNative.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
+    const hideEvt = reactNative.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const s1 = reactNative.Keyboard.addListener(showEvt, (e) => setKbHeight(e?.endCoordinates?.height ?? 0));
+    const s2 = reactNative.Keyboard.addListener(hideEvt, () => setKbHeight(0));
+    return () => {
+      s1.remove();
+      s2.remove();
+    };
+  }, []);
+  react.useEffect(() => {
+    if (open) {
+      reactNative.Animated.parallel([
+        reactNative.Animated.spring(translateY, { toValue: 0, useNativeDriver: true, damping: 30, stiffness: 360, mass: 0.85 }),
+        reactNative.Animated.timing(backdrop, { toValue: 1, duration: 190, useNativeDriver: true })
+      ]).start();
+    } else {
+      reactNative.Animated.parallel([
+        reactNative.Animated.timing(translateY, { toValue: screenH, duration: 210, easing: reactNative.Easing.in(reactNative.Easing.cubic), useNativeDriver: true }),
+        reactNative.Animated.timing(backdrop, { toValue: 0, duration: 170, useNativeDriver: true })
+      ]).start();
+    }
+  }, [open, translateY, backdrop, screenH]);
+  const pan = react.useRef(
+    reactNative.PanResponder.create({
+      onMoveShouldSetPanResponder: (_evt, g) => g.dy > 6 && Math.abs(g.dy) > Math.abs(g.dx) * 1.4,
+      onPanResponderMove: (_evt, g) => {
+        if (g.dy > 0) translateY.setValue(g.dy);
+      },
+      onPanResponderRelease: (_evt, g) => {
+        if (g.dy > 110 || g.vy > 0.8) {
+          minimizeRef.current();
+        } else {
+          reactNative.Animated.spring(translateY, { toValue: 0, useNativeDriver: true, damping: 30, stiffness: 360 }).start();
+        }
+      }
+    })
+  ).current;
+  const a = active ?? shown;
+  if (!a) return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { pointerEvents: "none" });
+  const isVerification = a.kind === "verification";
+  const title = isVerification ? "Verification required" : "Action required";
+  const subtitle = isVerification ? "Confirm the one-time code to continue" : "Review the details and confirm to continue";
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [reactNative.StyleSheet.absoluteFill, sht.overlay], pointerEvents: open ? "auto" : "none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Animated.View,
+      {
+        pointerEvents: "none",
+        style: [sht.backdrop, { backgroundColor: pal.overlay, opacity: backdrop }]
+      }
+    ),
+    open ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: () => minimizeRef.current(), accessibilityLabel: "Dismiss" }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.kav, { paddingBottom: kbHeight }], pointerEvents: "box-none", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.Animated.View,
+      {
+        style: [
+          sht.sheet,
+          {
+            backgroundColor: pal.sheetBg,
+            borderColor: pal.border,
+            // Cap to the space above the keyboard (and a top margin) so the
+            // header stays visible and the footer sits above the keyboard;
+            // the field area scrolls within whatever's left.
+            maxHeight: Math.min(screenH * 0.9, screenH - kbHeight - 72),
+            paddingBottom: kbHeight > 0 ? 16 : Math.max(insetBottom, 16) + 6,
+            transform: [{ translateY }]
+          }
+        ],
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...pan.panHandlers, style: sht.handleZone, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.grabber, { backgroundColor: pal.grabber }] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.header, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [sht.iconCircle, { backgroundColor: accent + (isDark ? "26" : "14") }], children: isVerification ? /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ShieldCheck, { size: 20, color: accent, strokeWidth: 2 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Pencil, { size: 18, color: accent, strokeWidth: 2 }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.headerText, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [sht.title, { color: pal.text }], children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [sht.subtitle, { color: pal.muted }], numberOfLines: 1, children: subtitle })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(SheetTimerPill, { prompt: a, accent, isDark }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => minimizeRef.current(), hitSlop: 10, style: [sht.closeBtn, { backgroundColor: pal.fieldBg }], children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 16, color: pal.muted, strokeWidth: 2.2 }) })
+          ] }),
+          a.status === "stale" ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: sht.simpleBody, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: "This request is no longer available." }) }) : expired ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: sht.simpleBody, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.desc, { color: pal.muted }], children: isVerification ? "This verification request expired." : "This request expired." }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.actions, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { label: "Close", onPress: () => void onCancel(a.userActionId), accent }) })
+          ] }) : isVerification ? /* @__PURE__ */ jsxRuntime.jsx(
+            VerificationBody,
+            {
+              prompt: a,
+              expired,
+              pal,
+              accent,
+              onSubmit,
+              onCancel,
+              onResend
+            },
+            a.userActionId
+          ) : /* @__PURE__ */ jsxRuntime.jsx(FormBody, { prompt: a, pal, accent, isDark, onSubmit, onCancel }, a.userActionId)
+        ]
+      }
+    ) })
+  ] });
+}
+function UserActionReopenCard({
+  active,
+  expired,
+  isDark,
+  accent,
+  onReopen
+}) {
+  if (expired || active.status === "stale") return null;
+  const pal = uaPalette(isDark);
+  const isVerification = active.kind === "verification";
+  const title = isVerification ? "Verification required" : "Action required";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.Pressable,
+    {
+      onPress: onReopen,
+      accessibilityRole: "button",
+      accessibilityLabel: `${title}. Tap to respond.`,
+      android_ripple: { color: accent + "22" },
+      style: [
+        rc.card,
+        {
+          backgroundColor: pal.sheetBg,
+          borderColor: accent + (isDark ? "59" : "40")
+        }
+      ],
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [rc.iconCircle, { backgroundColor: accent + (isDark ? "26" : "14") }], children: isVerification ? /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ShieldCheck, { size: 18, color: accent, strokeWidth: 2 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Pencil, { size: 16, color: accent, strokeWidth: 2 }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: rc.textWrap, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [rc.title, { color: pal.text }], numberOfLines: 1, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [rc.subtitle, { color: pal.muted }], numberOfLines: 1, children: "Tap to respond and continue" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardTimerPill, { prompt: active, accent, isDark }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ChevronRight, { size: 18, color: pal.muted, strokeWidth: 2 })
+      ]
+    }
+  );
+}
+function NotificationStack({
+  notifications,
+  isDark,
+  onDismiss
+}) {
+  if (notifications.length === 0) return null;
+  const pal = uaPalette(isDark);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: ub.noteStack, children: notifications.map((n) => /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [ub.note, { backgroundColor: pal.fieldBg, borderColor: pal.border }], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Info, { size: 14, color: pal.muted, strokeWidth: 1.9 }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [ub.noteText, { color: pal.text }], children: n.message }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: () => onDismiss(n.id), hitSlop: 8, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.X, { size: 14, color: pal.muted, strokeWidth: 2 }) })
+  ] }, n.id)) });
+}
+var ub = reactNative.StyleSheet.create({
+  // Body wrapper can shrink within the sheet's (bounded) maxHeight so the inner
+  // field scroll takes over for tall forms while the footer stays pinned.
+  bodyWrap: { flexShrink: 1 },
+  // Field scroll region. flexShrink:1 + no flexGrow → hugs content for short
+  // forms (no scroll), shrinks and scrolls only when the form exceeds the sheet.
+  fieldsScroll: { flexShrink: 1 },
+  fieldsContent: { paddingBottom: 6 },
+  messageBlock: { marginBottom: 18, marginTop: 2 },
+  desc: { fontSize: 14.5, lineHeight: 21, marginBottom: 16 },
+  form: { gap: 18 },
+  field: { gap: 7 },
+  label: { fontSize: 14, fontWeight: "600" },
+  hint: { fontSize: 12.5, lineHeight: 17 },
+  input: {
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 13,
+    fontSize: 16
+  },
+  error: { color: "#ef4444", fontSize: 12.5, marginTop: 2 },
+  switchRow: { flexDirection: "row", alignItems: "center", gap: 12 },
+  // Selectable option "boxes" for oneOf / enum single-select fields.
+  optionList: { gap: 10 },
+  optionRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    borderWidth: 1.5,
+    borderRadius: 14,
+    paddingHorizontal: 14,
+    paddingVertical: 14
+  },
+  radio: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  radioDot: { width: 10, height: 10, borderRadius: 5 },
+  optionLabel: { flex: 1, fontSize: 15, letterSpacing: -0.1 },
+  // Pinned footer (outside the fields scroll) — always visible.
+  actions: { paddingTop: 16, gap: 14 },
+  primaryBtn: { minHeight: 52, borderRadius: 14, borderWidth: 1, paddingVertical: 15, alignItems: "center", justifyContent: "center" },
+  primaryBtnText: { color: "#fff", fontSize: 15.5, fontWeight: "600", letterSpacing: -0.1 },
+  linkRow: { flexDirection: "row", justifyContent: "center", gap: 24 },
+  link: { fontSize: 14, fontWeight: "500" },
+  linkDanger: { color: "#dc2626" },
+  codeRow: { flexDirection: "row", justifyContent: "center", gap: 9, position: "relative" },
+  codeBox: {
+    width: 46,
+    height: 56,
+    borderWidth: 1.5,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  codeChar: { fontSize: 24, fontWeight: "600" },
+  codeHidden: { ...reactNative.StyleSheet.absoluteFillObject, opacity: 0 },
+  noteStack: { paddingHorizontal: 16, paddingBottom: 6, gap: 6 },
+  note: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  noteText: { flex: 1, fontSize: 13.5, lineHeight: 19 }
+});
+var sht = reactNative.StyleSheet.create({
+  // High stacking so the sheet sits above the chat input bar (which carries its
+  // own zIndex/elevation) and everything else in the chat.
+  overlay: { zIndex: 100, ...reactNative.Platform.select({ android: { elevation: 100 }, default: {} }) },
+  backdrop: { ...reactNative.StyleSheet.absoluteFillObject },
+  kav: { flex: 1, justifyContent: "flex-end" },
+  sheet: {
+    borderTopLeftRadius: 28,
+    borderTopRightRadius: 28,
+    borderWidth: reactNative.StyleSheet.hairlineWidth,
+    borderBottomWidth: 0,
+    paddingHorizontal: 22,
+    paddingTop: 6,
+    maxWidth: 640,
+    width: "100%",
+    alignSelf: "center",
+    ...reactNative.Platform.select({
+      ios: {
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: -6 },
+        shadowOpacity: 0.18,
+        shadowRadius: 24
+      },
+      android: { elevation: 24 }
+    })
+  },
+  handleZone: { alignItems: "center", paddingVertical: 10 },
+  grabber: { width: 40, height: 5, borderRadius: 3 },
+  header: { flexDirection: "row", alignItems: "center", gap: 12, marginTop: 2, marginBottom: 18 },
+  iconCircle: { width: 40, height: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" },
+  headerText: { flex: 1, gap: 2 },
+  title: { fontSize: 18, fontWeight: "700", letterSpacing: -0.3 },
+  subtitle: { fontSize: 13, letterSpacing: -0.1 },
+  timer: { borderWidth: 1, borderRadius: 999, paddingHorizontal: 11, paddingVertical: 5, minWidth: 46, alignItems: "center" },
+  closeBtn: { width: 30, height: 30, borderRadius: 15, alignItems: "center", justifyContent: "center" },
+  // Short, non-scrolling bodies (stale / expired notices).
+  simpleBody: { paddingBottom: 8 }
+});
+var rc = reactNative.StyleSheet.create({
+  card: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    borderWidth: 1.5,
+    borderRadius: 18,
+    paddingHorizontal: 14,
+    paddingVertical: 13,
+    marginVertical: 6
+  },
+  iconCircle: { width: 34, height: 34, borderRadius: 17, alignItems: "center", justifyContent: "center" },
+  textWrap: { flex: 1, gap: 1 },
+  title: { fontSize: 14.5, fontWeight: "700", letterSpacing: -0.2 },
+  subtitle: { fontSize: 12.5, letterSpacing: -0.1 },
+  timer: { borderRadius: 999, paddingHorizontal: 9, paddingVertical: 4, minWidth: 40, alignItems: "center" }
+});
 var PaymanChat = react.forwardRef(
   function PaymanChat2({ config, callbacks, children, onLoadMoreMessages, isLoadingMoreMessages = false, hasMoreMessages = false }, ref) {
     const accent = config.accent ?? DEFAULT_ACCENT;
@@ -2236,8 +3109,14 @@ var PaymanChat = react.forwardRef(
       },
       onStatusMessage: (m) => callbacksRef.current?.onStatusMessage?.(m),
       onStepsUpdate: (steps) => callbacksRef.current?.onStepsUpdate?.(steps),
-      onUserActionRequired: (r) => callbacksRef.current?.onUserActionRequired?.(r),
-      onUserNotification: (n) => callbacksRef.current?.onUserNotification?.(n)
+      onUserActionRequired: (r) => {
+        console.log("[PaymanChat] USER_ACTION_REQUIRED:", JSON.stringify({ kind: r?.kind, rawAction: r?.rawAction, userActionId: r?.userActionId, hasSchema: !!r?.requestedSchema }));
+        callbacksRef.current?.onUserActionRequired?.(r);
+      },
+      onUserNotification: (n) => {
+        console.log("[PaymanChat] USER_NOTIFICATION:", JSON.stringify({ id: n?.id, message: n?.message }));
+        callbacksRef.current?.onUserNotification?.(n);
+      }
     }), []);
     const {
       messages,
@@ -2248,8 +3127,37 @@ var PaymanChat = react.forwardRef(
       prependMessages,
       cancelStream,
       getSessionId,
-      getMessages
+      getMessages,
+      userActionState,
+      submitUserAction: submitUserAction2,
+      cancelUserAction: cancelUserAction2,
+      resendUserAction: resendUserAction2,
+      dismissNotification
     } = useChatV2(config, stableCallbacks);
+    react.useEffect(() => {
+      console.log(
+        "[PaymanChat] userActionState ->",
+        "prompts:",
+        userActionState.prompts.length,
+        userActionState.prompts.map((p) => `${p.kind}:${p.status}`).join(","),
+        "| notifications:",
+        userActionState.notifications.length
+      );
+    }, [userActionState]);
+    const activePrompt = react.useMemo(
+      () => userActionState.prompts.find((p) => p.kind !== "notification"),
+      [userActionState.prompts]
+    );
+    const expired = useExpiredFlag(activePrompt);
+    const [dismissedActionId, setDismissedActionId] = react.useState(null);
+    react.useEffect(() => {
+      if (activePrompt) setDismissedActionId(null);
+    }, [activePrompt?.userActionId, activePrompt?.subAction]);
+    const sheetOpen = !!activePrompt && dismissedActionId !== activePrompt.userActionId;
+    const showReopenCard = !!activePrompt && !sheetOpen && !expired && activePrompt.status !== "stale";
+    const minimizeActivePrompt = react.useCallback(() => {
+      setDismissedActionId((prev) => activePrompt?.userActionId ?? prev);
+    }, [activePrompt?.userActionId]);
     const {
       transcribedText,
       isAvailable: voiceAvailable,
@@ -2326,7 +3234,7 @@ var PaymanChat = react.forwardRef(
       stopRecording();
       clearTranscript();
     }, [stopRecording, clearTranscript]);
-    const isInputDisabled = isWaitingForResponse || !config.sessionParams?.id?.trim();
+    const isInputDisabled = !config.sessionParams?.id?.trim();
     const enableVoice = config.enableVoice !== false;
     const isEmpty = messages.length === 0;
     const prevMessageCountRef = react.useRef(messages.length);
@@ -2376,14 +3284,33 @@ var PaymanChat = react.forwardRef(
                     message: msg,
                     accent,
                     shouldType: typingMessageIds.current.has(msg.id),
-                    isDark
+                    isDark,
+                    suppressText: activePrompt?.message && msg.role === "assistant" && msg.id === messages[messages.length - 1]?.id ? activePrompt.message : void 0
                   },
                   msg.id
                 )),
+                showReopenCard && activePrompt ? /* @__PURE__ */ jsxRuntime.jsx(
+                  UserActionReopenCard,
+                  {
+                    active: activePrompt,
+                    expired,
+                    isDark,
+                    accent,
+                    onReopen: () => setDismissedActionId(null)
+                  }
+                ) : null,
                 /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { height: 4 } })
               ]
             }
           ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NotificationStack,
+            {
+              notifications: userActionState.notifications,
+              isDark,
+              onDismiss: dismissNotification
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: s.inputBarWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
             InputBar,
             {
@@ -2407,7 +3334,22 @@ var PaymanChat = react.forwardRef(
               },
               insetBottom: config.contentInsetBottom ?? (reactNative.Platform.OS === "ios" ? 20 : 8)
             }
-          ) })
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            UserActionSheet,
+            {
+              open: sheetOpen,
+              active: activePrompt,
+              expired,
+              isDark,
+              accent,
+              insetBottom: config.contentInsetBottom ?? (reactNative.Platform.OS === "ios" ? 20 : 8),
+              onSubmit: submitUserAction2,
+              onCancel: cancelUserAction2,
+              onResend: resendUserAction2,
+              onMinimize: minimizeActivePrompt
+            }
+          )
         ]
       }
     ) });