@epam/ai-dial-conversation-input 0.0.0-dev.0

package/hooks/useInputHistoryNavigation.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Manages keyboard-driven Up/Down navigation through a list of previously
+ * sent messages from a chat input textarea.
+ *
+ * The hook tracks the current history index (-1 = draft mode) and saves the
+ * unsent draft when the user first enters history mode. The returned object
+ * reference is stable across renders so it does not cause unnecessary
+ * re-renders when passed as a dependency.
+ *
+ * @param messageHistory - Ordered list of previously sent message strings
+ *   (oldest first). Pass `undefined` or an empty array to disable navigation.
+ */
+export declare const useInputHistoryNavigation: (messageHistory: readonly string[] | undefined) => {
+    navigate: (direction: "up" | "down", currentValue: string, cursorPos: number) => string | null;
+    notifyChange: () => void;
+    reset: () => void;
+};
+//# sourceMappingURL=useInputHistoryNavigation.d.ts.map

package/hooks/useInputHistoryNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputHistoryNavigation.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputHistoryNavigation.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,GACpC,gBAAgB,SAAS,MAAM,EAAE,GAAG,SAAS;0BAgB9B,IAAI,GAAG,MAAM,gBACV,MAAM,aACT,MAAM,KAChB,MAAM,GAAG,IAAI;;;CAqDnB,CAAC"}

package/hooks/useMessageState.d.ts

@@ -0,0 +1,24 @@
+import { Dispatch, SetStateAction } from 'react';
+/** Parameters for the {@link useMessageState} hook. */
+interface UseMessageStateParams {
+    /** Controlled message value from the parent. Syncs into local state whenever it changes to a non-empty string. */
+    messageProp: string;
+}
+/** Return value of the {@link useMessageState} hook. */
+export interface UseMessageStateResult {
+    /** Current textarea value. */
+    message: string;
+    /** Update the local message value. */
+    setMessage: Dispatch<SetStateAction<string>>;
+    /** Ref attached to the `<textarea>` element. */
+    textareaRef: React.RefObject<HTMLTextAreaElement | null>;
+    /** `true` when the textarea content spans more than one visual line. */
+    isMultiLine: boolean;
+}
+/**
+ * Manages textarea message value, parent-prop sync, and multi-line detection
+ * for the `Input` component.
+ */
+export declare const useMessageState: ({ messageProp, }: UseMessageStateParams) => UseMessageStateResult;
+export {};
+//# sourceMappingURL=useMessageState.d.ts.map

package/hooks/useMessageState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageState.d.ts","sourceRoot":"","sources":["../../src/hooks/useMessageState.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,uDAAuD;AACvD,UAAU,qBAAqB;IAC7B,kHAAkH;IAClH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wDAAwD;AACxD,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,gDAAgD;IAChD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,wEAAwE;IACxE,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,kBAE7B,qBAAqB,KAAG,qBAgC1B,CAAC"}

package/hooks/useModelSelector.d.ts

@@ -0,0 +1,35 @@
+import { DeploymentItem } from '@epam/ai-dial-chat-shared';
+import { DropdownItem } from '@epam/ai-dial-ui-kit';
+import { ReactNode } from 'react';
+import { ModelSelectorLabels } from '../models/Input';
+/** Options passed to `useModelSelector`. */
+export interface UseModelSelectorOptions {
+    /** Available deployment items. When `undefined`, the selector is hidden. `iconUrl` must already be resolved by the host app. */
+    deployments?: DeploymentItem[];
+    /** Currently selected deployment ID. */
+    selectedDeploymentId?: string | null;
+    /** Called when the user picks a different deployment. */
+    onDeploymentChange?: (id: string) => void;
+    /** Status labels for the selector dropdown. */
+    modelSelectorLabels?: ModelSelectorLabels;
+    /** Class applied to the sticky search header wrapper for theming. Defaults to `'bg-layer-0'`. */
+    searchHeaderClassName?: string;
+}
+/** Values returned by `useModelSelector`. */
+export interface UseModelSelectorResult {
+    /** Icon node for the trigger button. */
+    selectorIcon: ReactNode;
+    /** Accessible label for the trigger button. */
+    selectorAriaLabel: string;
+    /** Display name of the currently selected deployment, or `undefined` when none is selected or loading. */
+    selectedLabel: string | undefined;
+    /** Menu items for the deployment dropdown. */
+    menuItems: DropdownItem[];
+    /** Sticky search header rendered above the menu items. */
+    menuHeader: ReactNode;
+    /** Should be passed to `DialDropdownIcon.onOpenChange` to reset the search on close. */
+    onOpenChange: (isOpen: boolean) => void;
+}
+/** Encapsulates model selector state, filtering, and menu construction. */
+export declare const useModelSelector: ({ deployments, selectedDeploymentId, onDeploymentChange, modelSelectorLabels, searchHeaderClassName, }: UseModelSelectorOptions) => UseModelSelectorResult;
+//# sourceMappingURL=useModelSelector.d.ts.map

package/hooks/useModelSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,2BAA2B,CAAC;AAE9E,OAAO,EAIL,YAAY,EAEb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,gIAAgI;IAChI,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,wFAAwF;IACxF,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,GAAI,wGAM9B,uBAAuB,KAAG,sBA2H5B,CAAC"}

package/hooks/useVoiceRecorder.d.ts

@@ -0,0 +1,48 @@
+/** Possible states of the voice recorder lifecycle. */
+export declare enum VoiceRecorderState {
+    /** Microphone is not active; no recording in progress. */
+    Idle = "idle",
+    /** Microphone is open and audio is being captured. */
+    Recording = "recording",
+    /** Recording has ended; awaiting user confirmation or discard. */
+    Stopped = "stopped",
+    /** Audio is being uploaded and transcribed. */
+    Uploading = "uploading",
+    /** An error occurred during recording, upload, or transcription. */
+    Error = "error"
+}
+/** Options accepted by `useVoiceRecorder`. */
+export interface UseVoiceRecorderOptions {
+    /** Called when the user confirms the recording. Resolves with the DIAL storage URL. */
+    onUploadAudio?: (file: File, contentType: string) => Promise<string>;
+    /** Called after successful upload. Resolves with the transcript text. */
+    onTranscribeAudio?: (audioUrl: string) => Promise<string>;
+    /** Called when transcription completes successfully. */
+    onTranscript?: (transcript: string) => void;
+}
+/** Return value of `useVoiceRecorder`. */
+export interface UseVoiceRecorderResult {
+    /** Current recorder state. */
+    state: VoiceRecorderState;
+    /** Accumulated RMS amplitude history (one value per ~30 fps frame). `null` when idle. Frozen on stop. */
+    waveformData: Float32Array | null;
+    /** Human-readable error message in `error` state, otherwise `null`. */
+    errorMessage: string | null;
+    /** Requests microphone access and starts recording. No-op unless `state === 'idle'`. */
+    startRecording: () => void;
+    /** Stops the active recording. No-op unless `state === 'recording'`. */
+    stopRecording: () => void;
+    /** Uploads and transcribes the recorded audio. No-op unless `state === 'stopped' | 'error'`. */
+    confirmRecording: () => void;
+    /** Discards the current recording and resets to `idle`. Works from any non-idle state. */
+    discardRecording: () => void;
+}
+/**
+ * Manages the five-state voice recording lifecycle:
+ * `idle` → `recording` → `stopped` → `uploading` → `idle` (success) | `error` (failure)
+ *
+ * Waveform data is sampled via `AnalyserNode` at ~30 fps during recording and
+ * frozen on stop. Media resources are released on discard and on unmount.
+ */
+export declare const useVoiceRecorder: ({ onUploadAudio, onTranscribeAudio, onTranscript, }: UseVoiceRecorderOptions) => UseVoiceRecorderResult;
+//# sourceMappingURL=useVoiceRecorder.d.ts.map

package/hooks/useVoiceRecorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVoiceRecorder.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoiceRecorder.ts"],"names":[],"mappings":"AAEA,uDAAuD;AACvD,oBAAY,kBAAkB;IAC5B,0DAA0D;IAC1D,IAAI,SAAS;IACb,sDAAsD;IACtD,SAAS,cAAc;IACvB,kEAAkE;IAClE,OAAO,YAAY;IACnB,+CAA+C;IAC/C,SAAS,cAAc;IACvB,oEAAoE;IACpE,KAAK,UAAU;CAChB;AAED,8CAA8C;AAC9C,MAAM,WAAW,uBAAuB;IACtC,uFAAuF;IACvF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACrE,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,wDAAwD;IACxD,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,0CAA0C;AAC1C,MAAM,WAAW,sBAAsB;IACrC,8BAA8B;IAC9B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,yGAAyG;IACzG,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,uEAAuE;IACvE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,wFAAwF;IACxF,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gGAAgG;IAChG,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,0FAA0F;IAC1F,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAYD;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,qDAI9B,uBAAuB,KAAG,sBAmL5B,CAAC"}

package/index.css

@@ -0,0 +1,2 @@
+@keyframes _slide-up_3xrn0_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._backdrop_3xrn0_9{background:var(--ci-background-Backdrop,#0c101db2)}._sheet_3xrn0_13{background:var(--ci-sheet-bg,var(--bg-layer-0,#fcfcfc));animation:.3s cubic-bezier(.32,.72,0,1) _slide-up_3xrn0_1}._title_3xrn0_18{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_3xrn0_22{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_vou13_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_vou13_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_vou13_1:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_vou13_11{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._container_15iwh_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,var(--stroke-secondary,#d1dbea))}._container_15iwh_1._containerError_15iwh_5{border-color:var(--ci-voice-error,var(--error-default,#f04438))}._waveformCanvas_15iwh_9{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}._recordingDot_15iwh_17{background:var(--ci-voice-accent,var(--error-default,#f04438))}._micRecordingIcon_15iwh_21{color:var(--ci-voice-accent,var(--error-default,#f04438))}._wrapper_1n33j_1{background:var(--ci-bg,var(--bg-layer-0,#fcfcfc));border-color:var(--ci-border,#0000000d);box-shadow:var(--ci-shadow,0 8px 24px #10182814);transition:border-color .15s,box-shadow .15s}._wrapper_1n33j_1:hover:not(:focus-within){border-color:var(--ci-border-hover,#0000001f)}._wrapper_1n33j_1:focus-within{border-color:var(--ci-border-focus,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent));box-shadow:var(--ci-shadow-focus,0 8px 24px #10182814)}._wrapper_1n33j_1._wrapperDisabled_1n33j_14{background:var(--ci-bg-disabled,var(--controls-bg-disable,#d1dbea));cursor:not-allowed}._textarea_1n33j_19{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_1n33j_19::placeholder{color:var(--ci-placeholder,var(--text-secondary,#9fa6bd))}._textarea_1n33j_19:disabled{color:var(--ci-text-disabled,var(--controls-text-primary-disable,#696e7c));cursor:not-allowed}._textarea_1n33j_19:disabled::placeholder{color:var(--ci-placeholder-disabled,var(--controls-text-secondary-disable,#9fa6bd))}._stopIcon_1n33j_33{color:var(--ci-stop-color,var(--text-secondary,#575f73))}._modelSelectorButton_1n33j_37 ._modelSelectorCaret_1n33j_37{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_1n33j_37:hover,._modelSelectorButton_1n33j_37:active{background:var(--ci-model-selector-hover-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._modelSelectorButton_1n33j_37:hover ._modelSelectorCaret_1n33j_37,._modelSelectorButton_1n33j_37:active ._modelSelectorCaret_1n33j_37{background:var(--ci-model-selector-caret-hover-bg,var(--bg-accent-primary-alpha,#7da4ff2e))}._modelSelectorButton_1n33j_37:active ._modelSelectorCaret_1n33j_37{background:var(--ci-model-selector-hover-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._modelSelectorButton_1n33j_37._modelSelectorButtonDisabled_1n33j_49{color:var(--ci-model-selector-disabled-color,var(--controls-text-primary-disable,#696e7c))}._modelSelectorButton_1n33j_37._modelSelectorButtonDisabled_1n33j_49 ._modelSelectorCaret_1n33j_37{color:var(--ci-model-selector-disabled-color,var(--controls-text-primary-disable,#696e7c));background:var(--ci-bg-disabled,var(--controls-bg-disable,#d1dbea))}._sendButton_1n33j_57{background:var(--ci-send-bg,var(--controls-bg-accent-primary,#124ace));color:var(--ci-send-text,var(--controls-text-permanent,#fcfcfc))}._sendButton_1n33j_57:hover{background:var(--ci-send-bg-hover,var(--controls-bg-accent-primary-hover,#2656d9))}._sendButton_1n33j_57:active{background:var(--ci-send-bg-active,var(--controls-bg-accent-primary-active,#3664e2))}._sendButton_1n33j_57:disabled{background:var(--ci-send-bg-disabled,var(--controls-bg-disable,#d1dbea));color:var(--ci-send-text-disabled,var(--controls-text-primary-disable,#696e7c))}._divider_3wv6u_1{background:var(--ci-sheet-divider,var(--bg-layer-4,#d1dbea))}._item_3wv6u_5{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_3wv6u_5:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-3,#fcfcfc))}._item_3wv6u_5:active{background:var(--ci-sheet-item-active,var(--bg-layer-4,#d1dbea))}._itemIcon_3wv6u_15{color:var(--ci-sheet-icon,var(--text-secondary,#575f73))}._checkIcon_3wv6u_19{color:var(--ci-check-icon,var(--text-accent-primary,#124ace))}._stateLabel_3wv6u_23{color:var(--ci-sheet-text,var(--text-secondary,#575f73))}._welcome_n2ph8_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}
+/*$vite$:1*/

package/index.d.ts

@@ -0,0 +1,12 @@
+export { BottomSheetShell } from './components/BottomSheetShell/BottomSheetShell';
+export type { BottomSheetShellProps } from './components/BottomSheetShell/BottomSheetShell';
+export { ConversationInput } from './components/ConversationInput/ConversationInput';
+export { EditMessageInput } from './components/EditMessageInput/EditMessageInput';
+export { Input } from './components/Input/Input';
+export type { ConversationInputColors, ConversationInputProps, ConversationInputStyles, ConversationInputTypography, EditMessageInputProps, } from './models/ConversationInput';
+export { SendOnEnter } from './models/Input';
+export type { ChatSettingsValues, InputColors, InputProps, InputTypography, } from './models/Input';
+export { AttachmentCard, AttachmentTray, FileDndOverlay, getAttachmentIcon, } from '../../attachment-input/src/index.ts';
+export type { BottomSheetItem } from './components/BottomSheet/BottomSheet';
+export { ChatSettingsModal, type ChatSettingsModalProps, } from './components/ChatSettingsModal/ChatSettingsModal';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,iBAAiB,GAClB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,kDAAkD,CAAC"}