@gravity-ui/aikit 2.24.1-beta.883c85d04b93d8521b2733baa3e86da20249b4e7.0 → 2.25.0

package/build/esm/components/organisms/PromptInput/usePromptCommands.js

@@ -0,0 +1,219 @@
+import { useEffect, useId, useRef, useState } from 'react';
+import { findCommandMatch, replaceCommand } from "./commandUtils.js";
+const EMPTY_SELECTIONS = [];
+export function usePromptCommands({ config, resetKey, value, onChange, inputRef, disabled, maxLength, }) {
+    var _a;
+    const [internalSelections, setInternalSelections] = useState([]);
+    const selections = config ? ((_a = config.selections) !== null && _a !== void 0 ? _a : internalSelections) : EMPTY_SELECTIONS;
+    const [session, setSession] = useState();
+    const [result, setResult] = useState();
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [selectionError, setSelectionError] = useState(false);
+    const suppressed = useRef();
+    const selectionRevision = useRef(0);
+    const previousResetKey = useRef(resetKey);
+    useEffect(() => {
+        if (previousResetKey.current === resetKey)
+            return;
+        previousResetKey.current = resetKey;
+        selectionRevision.current++;
+        setInternalSelections([]);
+        setSession(undefined);
+        setResult(undefined);
+        setSelectionError(false);
+        suppressed.current = undefined;
+    }, [resetKey]);
+    const listId = useId();
+    const source = config === null || config === void 0 ? void 0 : config.sources.find((item) => item.id === (session === null || session === void 0 ? void 0 : session.sourceId));
+    const open = Boolean(session && source && !disabled);
+    const items = result && result.source === source && result.session === session ? result.items : [];
+    const loading = open && ((result === null || result === void 0 ? void 0 : result.session) !== session || (result === null || result === void 0 ? void 0 : result.source) !== source);
+    const error = selectionError ||
+        (result && result.source === source && result.session === session && result.error);
+    const mounted = useRef(true);
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    const latest = useRef({ selections, config });
+    if (latest.current.selections.length !== selections.length ||
+        latest.current.selections.some((item, index) => item !== selections[index])) {
+        selectionRevision.current++;
+    }
+    latest.current = { selections, config };
+    const updateSelections = (next) => {
+        var _a, _b;
+        if (!mounted.current)
+            return;
+        selectionRevision.current++;
+        latest.current.selections = next;
+        setInternalSelections(next);
+        (_b = (_a = latest.current.config) === null || _a === void 0 ? void 0 : _a.onSelectionsChange) === null || _b === void 0 ? void 0 : _b.call(_a, next);
+    };
+    const clearSubmitted = (submitted) => {
+        updateSelections(latest.current.selections.filter((item) => !submitted.includes(item)));
+    };
+    const close = () => {
+        suppressed.current = value;
+        setSession(undefined);
+    };
+    const detect = (text, start, end, edited = false) => {
+        if (disabled || !config || (!edited && suppressed.current !== undefined))
+            return;
+        if (edited)
+            suppressed.current = undefined;
+        const match = findCommandMatch(text, start, end, config.sources);
+        setSession((previous) => {
+            if (!match)
+                return undefined;
+            if ((previous === null || previous === void 0 ? void 0 : previous.origin) === 'input' &&
+                previous.sourceId === match.sourceId &&
+                previous.query === match.query &&
+                previous.start === match.start &&
+                previous.end === match.end)
+                return previous;
+            return Object.assign(Object.assign({}, match), { origin: 'input' });
+        });
+    };
+    useEffect(() => {
+        if (disabled)
+            setSession(undefined);
+    }, [disabled]);
+    useEffect(() => {
+        if (!session || !source || !open)
+            return undefined;
+        const controller = new AbortController();
+        setActiveIndex(0);
+        setSelectionError(false);
+        const load = async () => {
+            var _a;
+            try {
+                const matches = source.getItems
+                    ? await source.getItems(session.query, { signal: controller.signal })
+                    : ((_a = source.items) !== null && _a !== void 0 ? _a : []).filter((item) => {
+                        var _a;
+                        return [item.title, item.description, ...((_a = item.keywords) !== null && _a !== void 0 ? _a : [])].some((text) => text === null || text === void 0 ? void 0 : text.toLocaleLowerCase().includes(session.query.toLocaleLowerCase()));
+                    });
+                if (!controller.signal.aborted) {
+                    setResult({ session, source, items: matches });
+                    setActiveIndex(Math.max(0, matches.findIndex((item) => !item.disabled)));
+                }
+            }
+            catch (_b) {
+                if (!controller.signal.aborted)
+                    setResult({ session, source, items: [], error: true });
+            }
+        };
+        load();
+        return () => controller.abort();
+    }, [session, source, open]);
+    const select = (item) => {
+        var _a;
+        if (!session || !source || item.disabled || disabled)
+            return;
+        const replacement = session.origin === 'button' && item.insertText === undefined
+            ? { value, caret: session.start }
+            : replaceCommand(value, session, item.insertText);
+        if (maxLength !== undefined && replacement.value.length > maxLength) {
+            setSelectionError(true);
+            return;
+        }
+        try {
+            (_a = source.onSelect) === null || _a === void 0 ? void 0 : _a.call(source, item, { query: session.query, origin: session.origin });
+        }
+        catch (_b) {
+            setSelectionError(true);
+            return;
+        }
+        if (item.keepSelected !== false) {
+            const selection = Object.assign({ sourceId: source.id, id: item.id, title: item.title }, (item.data && { data: item.data }));
+            updateSelections([
+                ...selections.filter((entry) => entry.sourceId !== source.id || entry.id !== item.id),
+                selection,
+            ]);
+        }
+        onChange(replacement.value);
+        suppressed.current = replacement.value;
+        setSession(undefined);
+        requestAnimationFrame(() => {
+            const input = inputRef.current;
+            if (!(input === null || input === void 0 ? void 0 : input.isConnected))
+                return;
+            input.focus();
+            input.setSelectionRange(replacement.caret, replacement.caret);
+        });
+    };
+    const handleKeyDown = (event) => {
+        if (!open || event.nativeEvent.isComposing)
+            return false;
+        if (event.key === 'Escape' || event.key === 'Tab') {
+            if (event.key === 'Escape')
+                event.preventDefault();
+            close();
+            return true;
+        }
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            const direction = event.key === 'ArrowDown' ? 1 : -1;
+            for (let step = 1; step <= items.length; step++) {
+                const index = (activeIndex + direction * step + items.length) % items.length;
+                if (!items[index].disabled) {
+                    setActiveIndex(index);
+                    break;
+                }
+            }
+            return true;
+        }
+        if (event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey) {
+            event.preventDefault();
+            if (items[activeIndex])
+                select(items[activeIndex]);
+            return true;
+        }
+        return false;
+    };
+    return {
+        selections,
+        clearSubmitted,
+        captureSubmission: () => {
+            const submitted = [...latest.current.selections];
+            clearSubmitted(submitted);
+            let expectedRevision = selectionRevision.current;
+            return {
+                selections: submitted,
+                hasChanged: () => selectionRevision.current !== expectedRevision,
+                restore: () => {
+                    updateSelections(submitted);
+                    expectedRevision = selectionRevision.current;
+                },
+                clear: () => clearSubmitted(submitted),
+            };
+        },
+        open,
+        source,
+        session,
+        items,
+        loading,
+        error,
+        listId,
+        activeIndex,
+        select,
+        close,
+        handleKeyDown,
+        detect,
+        remove: (selection) => updateSelections(selections.filter((item) => item !== selection)),
+        openSource: (sourceId) => {
+            var _a, _b, _c, _d;
+            if (disabled)
+                return;
+            const start = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : value.length;
+            const end = (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.selectionEnd) !== null && _d !== void 0 ? _d : start;
+            setSession({ sourceId, query: '', start, end, origin: 'button' });
+        },
+        search: (query) => setSession((previous) => (previous ? Object.assign(Object.assign({}, previous), { query }) : previous)),
+        retry: () => setSession((previous) => (previous ? Object.assign({}, previous) : previous)),
+    };
+}
+//# sourceMappingURL=usePromptCommands.js.map

package/build/esm/components/organisms/PromptInput/usePromptCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePromptCommands.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/usePromptCommands.ts"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useId, useRef, useState} from 'react';\nimport type {KeyboardEvent, RefObject} from 'react';\n\nimport type {\n    PromptCommandItem,\n    PromptCommandSource,\n    PromptCommandsConfig,\n    PromptSelection,\n} from '../../../types';\n\nimport {type CommandMatch, findCommandMatch, replaceCommand} from './commandUtils';\n\ntype Session = CommandMatch & {origin: 'input' | 'button'};\nconst EMPTY_SELECTIONS: readonly PromptSelection[] = [];\n\nexport function usePromptCommands({\n    config,\n    resetKey,\n    value,\n    onChange,\n    inputRef,\n    disabled,\n    maxLength,\n}: {\n    config?: PromptCommandsConfig;\n    resetKey?: string | number;\n    value: string;\n    onChange: (value: string) => void;\n    inputRef: RefObject<HTMLTextAreaElement>;\n    disabled: boolean;\n    maxLength?: number;\n}) {\n    const [internalSelections, setInternalSelections] = useState<PromptSelection[]>([]);\n    const selections = config ? (config.selections ?? internalSelections) : EMPTY_SELECTIONS;\n    const [session, setSession] = useState<Session>();\n    const [result, setResult] = useState<{\n        session: Session;\n        source: PromptCommandSource;\n        items: readonly PromptCommandItem[];\n        error?: boolean;\n    }>();\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [selectionError, setSelectionError] = useState(false);\n    const suppressed = useRef<string>();\n    const selectionRevision = useRef(0);\n    const previousResetKey = useRef(resetKey);\n    useEffect(() => {\n        if (previousResetKey.current === resetKey) return;\n        previousResetKey.current = resetKey;\n        selectionRevision.current++;\n        setInternalSelections([]);\n        setSession(undefined);\n        setResult(undefined);\n        setSelectionError(false);\n        suppressed.current = undefined;\n    }, [resetKey]);\n    const listId = useId();\n    const source = config?.sources.find((item) => item.id === session?.sourceId);\n    const open = Boolean(session && source && !disabled);\n    const items =\n        result && result.source === source && result.session === session ? result.items : [];\n    const loading = open && (result?.session !== session || result?.source !== source);\n    const error =\n        selectionError ||\n        (result && result.source === source && result.session === session && result.error);\n    const mounted = useRef(true);\n    useEffect(() => {\n        mounted.current = true;\n        return () => {\n            mounted.current = false;\n        };\n    }, []);\n    const latest = useRef({selections, config});\n    if (\n        latest.current.selections.length !== selections.length ||\n        latest.current.selections.some((item, index) => item !== selections[index])\n    ) {\n        selectionRevision.current++;\n    }\n    latest.current = {selections, config};\n\n    const updateSelections = (next: PromptSelection[]) => {\n        if (!mounted.current) return;\n        selectionRevision.current++;\n        latest.current.selections = next;\n        setInternalSelections(next);\n        latest.current.config?.onSelectionsChange?.(next);\n    };\n    const clearSubmitted = (submitted: readonly PromptSelection[]) => {\n        updateSelections(latest.current.selections.filter((item) => !submitted.includes(item)));\n    };\n    const close = () => {\n        suppressed.current = value;\n        setSession(undefined);\n    };\n    const detect = (text: string, start: number, end: number, edited = false) => {\n        if (disabled || !config || (!edited && suppressed.current !== undefined)) return;\n        if (edited) suppressed.current = undefined;\n        const match = findCommandMatch(text, start, end, config.sources);\n        setSession((previous) => {\n            if (!match) return undefined;\n            if (\n                previous?.origin === 'input' &&\n                previous.sourceId === match.sourceId &&\n                previous.query === match.query &&\n                previous.start === match.start &&\n                previous.end === match.end\n            )\n                return previous;\n            return {...match, origin: 'input'};\n        });\n    };\n    useEffect(() => {\n        if (disabled) setSession(undefined);\n    }, [disabled]);\n    useEffect(() => {\n        if (!session || !source || !open) return undefined;\n        const controller = new AbortController();\n        setActiveIndex(0);\n        setSelectionError(false);\n        const load = async () => {\n            try {\n                const matches = source.getItems\n                    ? await source.getItems(session.query, {signal: controller.signal})\n                    : (source.items ?? []).filter((item) =>\n                          [item.title, item.description, ...(item.keywords ?? [])].some((text) =>\n                              text?.toLocaleLowerCase().includes(session.query.toLocaleLowerCase()),\n                          ),\n                      );\n                if (!controller.signal.aborted) {\n                    setResult({session, source, items: matches});\n                    setActiveIndex(\n                        Math.max(\n                            0,\n                            matches.findIndex((item) => !item.disabled),\n                        ),\n                    );\n                }\n            } catch {\n                if (!controller.signal.aborted)\n                    setResult({session, source, items: [], error: true});\n            }\n        };\n        load();\n        return () => controller.abort();\n    }, [session, source, open]);\n\n    const select = (item: PromptCommandItem) => {\n        if (!session || !source || item.disabled || disabled) return;\n        const replacement =\n            session.origin === 'button' && item.insertText === undefined\n                ? {value, caret: session.start}\n                : replaceCommand(value, session, item.insertText);\n        if (maxLength !== undefined && replacement.value.length > maxLength) {\n            setSelectionError(true);\n            return;\n        }\n        try {\n            source.onSelect?.(item, {query: session.query, origin: session.origin});\n        } catch {\n            setSelectionError(true);\n            return;\n        }\n        if (item.keepSelected !== false) {\n            const selection: PromptSelection = {\n                sourceId: source.id,\n                id: item.id,\n                title: item.title,\n                ...(item.data && {data: item.data}),\n            };\n            updateSelections([\n                ...selections.filter(\n                    (entry) => entry.sourceId !== source.id || entry.id !== item.id,\n                ),\n                selection,\n            ]);\n        }\n        onChange(replacement.value);\n        suppressed.current = replacement.value;\n        setSession(undefined);\n        requestAnimationFrame(() => {\n            const input = inputRef.current;\n            if (!input?.isConnected) return;\n            input.focus();\n            input.setSelectionRange(replacement.caret, replacement.caret);\n        });\n    };\n    const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        if (!open || event.nativeEvent.isComposing) return false;\n        if (event.key === 'Escape' || event.key === 'Tab') {\n            if (event.key === 'Escape') event.preventDefault();\n            close();\n            return true;\n        }\n        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            const direction = event.key === 'ArrowDown' ? 1 : -1;\n            for (let step = 1; step <= items.length; step++) {\n                const index = (activeIndex + direction * step + items.length) % items.length;\n                if (!items[index].disabled) {\n                    setActiveIndex(index);\n                    break;\n                }\n            }\n            return true;\n        }\n        if (event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey) {\n            event.preventDefault();\n            if (items[activeIndex]) select(items[activeIndex]);\n            return true;\n        }\n        return false;\n    };\n    return {\n        selections,\n        clearSubmitted,\n        captureSubmission: () => {\n            const submitted = [...latest.current.selections];\n            clearSubmitted(submitted);\n            let expectedRevision = selectionRevision.current;\n            return {\n                selections: submitted,\n                hasChanged: () => selectionRevision.current !== expectedRevision,\n                restore: () => {\n                    updateSelections(submitted);\n                    expectedRevision = selectionRevision.current;\n                },\n                clear: () => clearSubmitted(submitted),\n            };\n        },\n        open,\n        source,\n        session,\n        items,\n        loading,\n        error,\n        listId,\n        activeIndex,\n        select,\n        close,\n        handleKeyDown,\n        detect,\n        remove: (selection: PromptSelection) =>\n            updateSelections(selections.filter((item) => item !== selection)),\n        openSource: (sourceId: string) => {\n            if (disabled) return;\n            const start = inputRef.current?.selectionStart ?? value.length;\n            const end = inputRef.current?.selectionEnd ?? start;\n            setSession({sourceId, query: '', start, end, origin: 'button'});\n        },\n        search: (query: string) =>\n            setSession((previous) => (previous ? {...previous, query} : previous)),\n        retry: () => setSession((previous) => (previous ? {...previous} : previous)),\n    };\n}\n"]}

package/build/esm/components/organisms/PromptInput/usePromptInput.d.ts

@@ -4,7 +4,13 @@ import { ChatStatus, TSubmitData } from "../../../types/index.js";
  */
 export type UsePromptInputProps = {
     /** Callback when message is sent */
-    onSend: (data: TSubmitData) => Promise<void>;
+    onSend: (data: TSubmitData) => Promise<void | false>;
+    resetKey?: string | number;
+    captureSubmission?: () => {
+        restore: () => void;
+        hasChanged: () => boolean;
+        clear: () => void;
+    };
     /** Callback when sending is cancelled */
     onCancel?: () => Promise<void>;
     /** Initial value */
@@ -22,6 +28,7 @@ export type UsePromptInputProps = {
  * Hook return type for PromptInput state management
  */
 export type UsePromptInputReturn = {
+    sendError?: boolean;
     /** Current input value */
     value: string;
     /** Can submit the form */
@@ -36,6 +43,8 @@ export type UsePromptInputReturn = {
     handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     /** Handle submit */
     handleSubmit: () => Promise<void>;
+    submit: (data?: TSubmitData) => Promise<void>;
+    clearFailedDraft: () => boolean;
     /** Attachments */
     attachments: File[];
     /** Set attachments */

package/build/esm/components/organisms/PromptInput/usePromptInput.js

@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 /**
  * Custom hook for managing PromptInput state and behavior
  *
@@ -6,14 +6,36 @@ import { useCallback, useState } from 'react';
  * @returns Hook return value with state and handlers
  */
 export function usePromptInput(props) {
-    const { onSend, onCancel, initialValue = '', maxLength, disabled = false, status = 'ready', onValueChange, } = props;
+    const { onSend, onCancel, initialValue = '', maxLength, disabled = false, status = 'ready', onValueChange, resetKey, captureSubmission, } = props;
     const [value, setValue] = useState(initialValue);
-    const [attachments, setAttachments] = useState([]);
+    const [sending, setSending] = useState(false);
+    const [sendError, setSendError] = useState(false);
+    const mounted = useRef(true);
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    const revision = useRef(0);
+    const inFlight = useRef(false);
+    const [attachments, updateAttachments] = useState([]);
+    const setAttachments = useCallback((files) => {
+        revision.current++;
+        updateAttachments(files);
+    }, []);
+    const failedDraft = useRef(null);
+    useEffect(() => {
+        revision.current++;
+        failedDraft.current = null;
+    }, [resetKey]);
     const updateValue = useCallback((nextValue) => {
+        revision.current++;
+        setSendError(false);
         setValue(nextValue);
         onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
     }, [onValueChange]);
-    const isSubmitted = status === 'submitted';
+    const isSubmitted = status === 'submitted' || sending;
     const trimmedValue = value.trim();
     const canSubmit = !disabled && !isSubmitted && trimmedValue.length > 0;
     // Map ChatStatus to submit button state
@@ -48,6 +70,8 @@ export function usePromptInput(props) {
         }
     }
     // Input is disabled when loading
+    if (sending && submitButtonState !== 'cancelable')
+        submitButtonState = 'loading';
     const isInputDisabled = submitButtonState === 'loading';
     const handleChange = useCallback((newValue) => {
         if (maxLength && newValue.length > maxLength) {
@@ -55,20 +79,82 @@ export function usePromptInput(props) {
         }
         updateValue(newValue);
     }, [maxLength, updateValue]);
+    const submit = useCallback(async (override) => {
+        var _a;
+        const content = (_a = override === null || override === void 0 ? void 0 : override.content.trim()) !== null && _a !== void 0 ? _a : trimmedValue;
+        if (disabled || isSubmitted || inFlight.current || !content)
+            return;
+        const draftValue = value;
+        const submitData = Object.assign(Object.assign(Object.assign({}, override), { content }), (attachments.length > 0 && { attachments }));
+        inFlight.current = true;
+        setSending(true);
+        setSendError(false);
+        failedDraft.current = null;
+        const selectionSnapshot = captureSubmission === null || captureSubmission === void 0 ? void 0 : captureSubmission();
+        updateValue('');
+        updateAttachments([]);
+        const clearedRevision = revision.current;
+        const restore = () => {
+            if (!mounted.current ||
+                revision.current !== clearedRevision ||
+                (selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.hasChanged()))
+                return;
+            updateValue(draftValue);
+            updateAttachments(attachments);
+            selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.restore();
+            const restoredRevision = revision.current;
+            failedDraft.current = () => {
+                if (!mounted.current ||
+                    revision.current !== restoredRevision ||
+                    (selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.hasChanged()))
+                    return false;
+                updateValue('');
+                updateAttachments([]);
+                selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.clear();
+                return true;
+            };
+            return true;
+        };
+        try {
+            const result = await onSend(submitData);
+            if (result === false)
+                restore();
+        }
+        catch (_b) {
+            if (restore())
+                setSendError(true);
+        }
+        finally {
+            inFlight.current = false;
+            if (mounted.current)
+                setSending(false);
+        }
+    }, [
+        disabled,
+        isSubmitted,
+        trimmedValue,
+        value,
+        attachments,
+        onSend,
+        updateValue,
+        captureSubmission,
+    ]);
+    const clearFailedDraft = useCallback(() => {
+        var _a;
+        const clear = failedDraft.current;
+        failedDraft.current = null;
+        return (_a = clear === null || clear === void 0 ? void 0 : clear()) !== null && _a !== void 0 ? _a : false;
+    }, []);
     const handleSubmit = useCallback(async () => {
         if (submitButtonState === 'cancelable' && onCancel) {
             await onCancel();
             return;
         }
-        if (!canSubmit) {
-            return;
-        }
-        const submitData = Object.assign({ content: trimmedValue }, (attachments.length > 0 && { attachments }));
-        onSend(submitData);
-        updateValue('');
-        setAttachments([]);
-    }, [submitButtonState, canSubmit, trimmedValue, attachments, onSend, onCancel, updateValue]);
+        await submit();
+    }, [submitButtonState, onCancel, submit]);
     const handleKeyDown = useCallback((event) => {
+        if (event.nativeEvent.isComposing || event.defaultPrevented)
+            return;
         const isEnter = event.code === 'Enter' || event.code === 'NumpadEnter';
         // Insert new line on Ctrl/Cmd + Enter
         if (isEnter && (event.ctrlKey || event.metaKey)) {
@@ -89,12 +175,15 @@ export function usePromptInput(props) {
     }, [canSubmit, handleSubmit, updateValue, value]);
     return {
         value,
+        sendError,
         canSubmit,
         submitButtonState,
         isInputDisabled,
         handleChange,
         handleKeyDown,
         handleSubmit,
+        submit,
+        clearFailedDraft,
         attachments,
         setAttachments,
     };

package/build/esm/components/organisms/PromptInput/usePromptInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePromptInput.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/usePromptInput.ts"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useState} from 'react';\n\nimport {ChatStatus, TSubmitData} from '../../../types';\n\n/**\n * Hook props for managing PromptInput state\n */\nexport type UsePromptInputProps = {\n    /** Callback when message is sent */\n    onSend: (data: TSubmitData) => Promise<void>;\n    /** Callback when sending is cancelled */\n    onCancel?: () => Promise<void>;\n    /** Initial value */\n    initialValue?: string;\n    /** Maximum length of input */\n    maxLength?: number;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Chat status to determine input behavior */\n    status?: ChatStatus;\n    /** Called whenever the hook changes its internal value. */\n    onValueChange?: (value: string) => void;\n};\n\n/**\n * Hook return type for PromptInput state management\n */\nexport type UsePromptInputReturn = {\n    /** Current input value */\n    value: string;\n    /** Can submit the form */\n    canSubmit: boolean;\n    /** Submit button state */\n    submitButtonState: 'enabled' | 'disabled' | 'loading' | 'cancelable';\n    /** Is input disabled (when loading) */\n    isInputDisabled: boolean;\n    /** Handle input change */\n    handleChange: (value: string) => void;\n    /** Handle key down */\n    handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n    /** Handle submit */\n    handleSubmit: () => Promise<void>;\n    /** Attachments */\n    attachments: File[];\n    /** Set attachments */\n    setAttachments: (files: File[]) => void;\n};\n\n/**\n * Custom hook for managing PromptInput state and behavior\n *\n * @param props - Hook props\n * @returns Hook return value with state and handlers\n */\nexport function usePromptInput(props: UsePromptInputProps): UsePromptInputReturn {\n    const {\n        onSend,\n        onCancel,\n        initialValue = '',\n        maxLength,\n        disabled = false,\n        status = 'ready',\n        onValueChange,\n    } = props;\n\n    const [value, setValue] = useState(initialValue);\n    const [attachments, setAttachments] = useState<File[]>([]);\n\n    const updateValue = useCallback(\n        (nextValue: string) => {\n            setValue(nextValue);\n            onValueChange?.(nextValue);\n        },\n        [onValueChange],\n    );\n    const isSubmitted = status === 'submitted';\n\n    const trimmedValue = value.trim();\n    const canSubmit = !disabled && !isSubmitted && trimmedValue.length > 0;\n\n    // Map ChatStatus to submit button state\n    // ChatStatus.ready → submitButtonState.enabled\n    // ChatStatus.error → submitButtonState.enabled\n    // ChatStatus.streaming → submitButtonState.cancelable\n    // ChatStatus.streaming_loading → submitButtonState.cancelable (same as streaming)\n    // ChatStatus.submitted → submitButtonState.loading\n    let submitButtonState: 'enabled' | 'disabled' | 'loading' | 'cancelable' = 'disabled';\n\n    // disabled by props or empty value and status is ready\n    if (disabled) {\n        submitButtonState = 'disabled';\n    } else if (!trimmedValue && (status === 'ready' || status === 'error')) {\n        submitButtonState = 'disabled';\n    } else {\n        switch (status) {\n            case 'ready':\n            case 'error':\n                submitButtonState = 'enabled';\n                break;\n            case 'streaming':\n            case 'streaming_loading':\n                submitButtonState = onCancel ? 'cancelable' : 'enabled';\n                break;\n            case 'submitted':\n                submitButtonState = 'loading';\n                break;\n            default:\n                submitButtonState = 'enabled';\n        }\n    }\n\n    // Input is disabled when loading\n    const isInputDisabled = submitButtonState === 'loading';\n\n    const handleChange = useCallback(\n        (newValue: string) => {\n            if (maxLength && newValue.length > maxLength) {\n                return;\n            }\n            updateValue(newValue);\n        },\n        [maxLength, updateValue],\n    );\n\n    const handleSubmit = useCallback(async () => {\n        if (submitButtonState === 'cancelable' && onCancel) {\n            await onCancel();\n            return;\n        }\n\n        if (!canSubmit) {\n            return;\n        }\n\n        const submitData: TSubmitData = {\n            content: trimmedValue,\n            ...(attachments.length > 0 && {attachments}),\n        };\n\n        onSend(submitData);\n        updateValue('');\n        setAttachments([]);\n    }, [submitButtonState, canSubmit, trimmedValue, attachments, onSend, onCancel, updateValue]);\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n            const isEnter = event.code === 'Enter' || event.code === 'NumpadEnter';\n\n            // Insert new line on Ctrl/Cmd + Enter\n            if (isEnter && (event.ctrlKey || event.metaKey)) {\n                updateValue(`${value}\\n`);\n                event.preventDefault();\n                return;\n            }\n\n            // Prevent submission if can't submit\n            if (isEnter && !event.shiftKey && !canSubmit) {\n                event.preventDefault();\n                return;\n            }\n\n            // Submit on Enter (without Shift)\n            if (isEnter && !event.shiftKey && canSubmit) {\n                event.preventDefault();\n                handleSubmit();\n            }\n        },\n        [canSubmit, handleSubmit, updateValue, value],\n    );\n\n    return {\n        value,\n        canSubmit,\n        submitButtonState,\n        isInputDisabled,\n        handleChange,\n        handleKeyDown,\n        handleSubmit,\n        attachments,\n        setAttachments,\n    };\n}\n"]}
+{"version":3,"file":"usePromptInput.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/usePromptInput.ts"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useEffect, useRef, useState} from 'react';\n\nimport {ChatStatus, TSubmitData} from '../../../types';\n\n/**\n * Hook props for managing PromptInput state\n */\nexport type UsePromptInputProps = {\n    /** Callback when message is sent */\n    onSend: (data: TSubmitData) => Promise<void | false>;\n    resetKey?: string | number;\n    captureSubmission?: () => {restore: () => void; hasChanged: () => boolean; clear: () => void};\n    /** Callback when sending is cancelled */\n    onCancel?: () => Promise<void>;\n    /** Initial value */\n    initialValue?: string;\n    /** Maximum length of input */\n    maxLength?: number;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Chat status to determine input behavior */\n    status?: ChatStatus;\n    /** Called whenever the hook changes its internal value. */\n    onValueChange?: (value: string) => void;\n};\n\n/**\n * Hook return type for PromptInput state management\n */\nexport type UsePromptInputReturn = {\n    sendError?: boolean;\n    /** Current input value */\n    value: string;\n    /** Can submit the form */\n    canSubmit: boolean;\n    /** Submit button state */\n    submitButtonState: 'enabled' | 'disabled' | 'loading' | 'cancelable';\n    /** Is input disabled (when loading) */\n    isInputDisabled: boolean;\n    /** Handle input change */\n    handleChange: (value: string) => void;\n    /** Handle key down */\n    handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n    /** Handle submit */\n    handleSubmit: () => Promise<void>;\n    submit: (data?: TSubmitData) => Promise<void>;\n    clearFailedDraft: () => boolean;\n    /** Attachments */\n    attachments: File[];\n    /** Set attachments */\n    setAttachments: (files: File[]) => void;\n};\n\n/**\n * Custom hook for managing PromptInput state and behavior\n *\n * @param props - Hook props\n * @returns Hook return value with state and handlers\n */\nexport function usePromptInput(props: UsePromptInputProps): UsePromptInputReturn {\n    const {\n        onSend,\n        onCancel,\n        initialValue = '',\n        maxLength,\n        disabled = false,\n        status = 'ready',\n        onValueChange,\n        resetKey,\n        captureSubmission,\n    } = props;\n\n    const [value, setValue] = useState(initialValue);\n    const [sending, setSending] = useState(false);\n    const [sendError, setSendError] = useState(false);\n    const mounted = useRef(true);\n    useEffect(() => {\n        mounted.current = true;\n        return () => {\n            mounted.current = false;\n        };\n    }, []);\n    const revision = useRef(0);\n    const inFlight = useRef(false);\n    const [attachments, updateAttachments] = useState<File[]>([]);\n    const setAttachments = useCallback((files: File[]) => {\n        revision.current++;\n        updateAttachments(files);\n    }, []);\n    const failedDraft = useRef<(() => boolean) | null>(null);\n    useEffect(() => {\n        revision.current++;\n        failedDraft.current = null;\n    }, [resetKey]);\n\n    const updateValue = useCallback(\n        (nextValue: string) => {\n            revision.current++;\n            setSendError(false);\n            setValue(nextValue);\n            onValueChange?.(nextValue);\n        },\n        [onValueChange],\n    );\n    const isSubmitted = status === 'submitted' || sending;\n\n    const trimmedValue = value.trim();\n    const canSubmit = !disabled && !isSubmitted && trimmedValue.length > 0;\n\n    // Map ChatStatus to submit button state\n    // ChatStatus.ready → submitButtonState.enabled\n    // ChatStatus.error → submitButtonState.enabled\n    // ChatStatus.streaming → submitButtonState.cancelable\n    // ChatStatus.streaming_loading → submitButtonState.cancelable (same as streaming)\n    // ChatStatus.submitted → submitButtonState.loading\n    let submitButtonState: 'enabled' | 'disabled' | 'loading' | 'cancelable' = 'disabled';\n\n    // disabled by props or empty value and status is ready\n    if (disabled) {\n        submitButtonState = 'disabled';\n    } else if (!trimmedValue && (status === 'ready' || status === 'error')) {\n        submitButtonState = 'disabled';\n    } else {\n        switch (status) {\n            case 'ready':\n            case 'error':\n                submitButtonState = 'enabled';\n                break;\n            case 'streaming':\n            case 'streaming_loading':\n                submitButtonState = onCancel ? 'cancelable' : 'enabled';\n                break;\n            case 'submitted':\n                submitButtonState = 'loading';\n                break;\n            default:\n                submitButtonState = 'enabled';\n        }\n    }\n\n    // Input is disabled when loading\n    if (sending && submitButtonState !== 'cancelable') submitButtonState = 'loading';\n    const isInputDisabled = submitButtonState === 'loading';\n\n    const handleChange = useCallback(\n        (newValue: string) => {\n            if (maxLength && newValue.length > maxLength) {\n                return;\n            }\n            updateValue(newValue);\n        },\n        [maxLength, updateValue],\n    );\n\n    const submit = useCallback(\n        async (override?: TSubmitData) => {\n            const content = override?.content.trim() ?? trimmedValue;\n            if (disabled || isSubmitted || inFlight.current || !content) return;\n            const draftValue = value;\n            const submitData: TSubmitData = {\n                ...override,\n                content,\n                ...(attachments.length > 0 && {attachments}),\n            };\n            inFlight.current = true;\n            setSending(true);\n            setSendError(false);\n            failedDraft.current = null;\n            const selectionSnapshot = captureSubmission?.();\n            updateValue('');\n            updateAttachments([]);\n            const clearedRevision = revision.current;\n            const restore = () => {\n                if (\n                    !mounted.current ||\n                    revision.current !== clearedRevision ||\n                    selectionSnapshot?.hasChanged()\n                )\n                    return;\n                updateValue(draftValue);\n                updateAttachments(attachments);\n                selectionSnapshot?.restore();\n                const restoredRevision = revision.current;\n                failedDraft.current = () => {\n                    if (\n                        !mounted.current ||\n                        revision.current !== restoredRevision ||\n                        selectionSnapshot?.hasChanged()\n                    )\n                        return false;\n                    updateValue('');\n                    updateAttachments([]);\n                    selectionSnapshot?.clear();\n                    return true;\n                };\n                return true;\n            };\n            try {\n                const result = await onSend(submitData);\n                if (result === false) restore();\n            } catch {\n                if (restore()) setSendError(true);\n            } finally {\n                inFlight.current = false;\n                if (mounted.current) setSending(false);\n            }\n        },\n        [\n            disabled,\n            isSubmitted,\n            trimmedValue,\n            value,\n            attachments,\n            onSend,\n            updateValue,\n            captureSubmission,\n        ],\n    );\n\n    const clearFailedDraft = useCallback(() => {\n        const clear = failedDraft.current;\n        failedDraft.current = null;\n        return clear?.() ?? false;\n    }, []);\n\n    const handleSubmit = useCallback(async () => {\n        if (submitButtonState === 'cancelable' && onCancel) {\n            await onCancel();\n            return;\n        }\n        await submit();\n    }, [submitButtonState, onCancel, submit]);\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n            if (event.nativeEvent.isComposing || event.defaultPrevented) return;\n            const isEnter = event.code === 'Enter' || event.code === 'NumpadEnter';\n\n            // Insert new line on Ctrl/Cmd + Enter\n            if (isEnter && (event.ctrlKey || event.metaKey)) {\n                updateValue(`${value}\\n`);\n                event.preventDefault();\n                return;\n            }\n\n            // Prevent submission if can't submit\n            if (isEnter && !event.shiftKey && !canSubmit) {\n                event.preventDefault();\n                return;\n            }\n\n            // Submit on Enter (without Shift)\n            if (isEnter && !event.shiftKey && canSubmit) {\n                event.preventDefault();\n                handleSubmit();\n            }\n        },\n        [canSubmit, handleSubmit, updateValue, value],\n    );\n\n    return {\n        value,\n        sendError,\n        canSubmit,\n        submitButtonState,\n        isInputDisabled,\n        handleChange,\n        handleKeyDown,\n        handleSubmit,\n        submit,\n        clearFailedDraft,\n        attachments,\n        setAttachments,\n    };\n}\n"]}