@hh.ru/magritte-ui-chat-input 1.0.1

package/internal/useRovingFocusGroup.js

@@ -0,0 +1,151 @@
+import './../index.css';
+import { useRef, useCallback, useEffect } from 'react';
+import { keyboardKeys, keyboardMatches, keyboardMatch } from '@hh.ru/magritte-common-keyboard';
+import { FOCUS_PRIORITY_ATTR } from './focusGroup.js';
+
+// Кандидаты в группу: интерактивные элементы, но без исключения [tabindex="-1"] (в отличие от
+// FOCUSABLE_SELECTOR из common-keyboard) — менеджер сам ставит участникам -1 и должен продолжать
+// их видеть при повторных сканах
+const CANDIDATE_SELECTOR = [
+    'button:not([disabled])',
+    'a[href]',
+    'input:not([disabled]):not([type="hidden"])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]',
+].join(', ');
+const NAV_KEYS = [keyboardKeys.ArrowLeft, keyboardKeys.ArrowRight, keyboardKeys.Home, keyboardKeys.End];
+// метка «tabindex этому элементу писали мы»: его "-1" — не чужое намерение, а членство в группе.
+// Держим её в DOM, а не в JS-коллекции: элементы приложения приходят и уходят без нашего ведома
+const FOCUS_MANAGED_ATTR = 'data-magritte-chat-input-focus-managed';
+// Registry — сам DOM: участники и их порядок вычисляются сканом на каждое обращение, поэтому
+// список никогда не устаревает (кнопки приложения в слотах могут появляться и исчезать без
+// ререндера ChatInput)
+const collectGroup = (root) => {
+    const items = [];
+    const all = [];
+    root.querySelectorAll(CANDIDATE_SELECTOR).forEach((el, index) => {
+        // элемент вне приоритетных контейнеров (textarea, произвольный контент вне слотов) —
+        // не участник, его tabindex не трогаем
+        const container = el.closest(`[${FOCUS_PRIORITY_ATTR}]`);
+        if (!container || !root.contains(container)) {
+            return;
+        }
+        // чужой явный tabindex="-1" уважаем (приложение само вывело элемент из фокуса);
+        // свой (с меткой managed) — просто признак участника группы
+        if (el.getAttribute('tabindex') === '-1' && !el.hasAttribute(FOCUS_MANAGED_ATTR)) {
+            return;
+        }
+        all.push(el);
+        // скрытый слой не участвует в обходе, но остаётся под управлением (см. applyTabStops)
+        if (el.closest('[aria-hidden="true"]')) {
+            return;
+        }
+        items.push({ el, index, priority: Number(container.getAttribute(FOCUS_PRIORITY_ATTR)) });
+    });
+    // сортировка стабильная: при равном приоритете сохраняем исходный DOM-порядок
+    const members = items.sort((a, b) => a.priority - b.priority || a.index - b.index).map(({ el }) => el);
+    return { members, all };
+};
+/**
+ * Roving tabindex для кнопок ChatInput: вся группа кнопок — один tab stop. У всех участников
+ * tabindex="-1", у одного (текущего стопа) — "0"; внутри группы фокус ходит стрелками ←/→
+ * и Home/End (с зацикливанием) в порядке приоритетов (FOCUS_PRIORITY_ATTR на контейнерах).
+ * Tab не перехватывается: страница → textarea → кнопка-стоп → страница, границы нативные.
+ *
+ * Порядок и состав группы вычисляются из DOM лениво, а вот tabindex приходится поддерживать
+ * эагерно — он должен стоять в DOM до нажатия Tab. Расстановка актуализируется по трём каналам:
+ * начальный эффект, focusin (стоп следует за фокусом — клик или стрелка) и MutationObserver
+ * (маунт/анмаунт кнопок приложения, disabled, смена aria-hidden слоя при переключении режима).
+ */
+const useRovingFocusGroup = (root) => {
+    const stopRef = useRef(null);
+    const applyTabStops = useCallback(() => {
+        const rootEl = root.current;
+        if (!rootEl) {
+            return;
+        }
+        const { members, all } = collectGroup(rootEl);
+        const prevStop = stopRef.current;
+        const stop = prevStop && members.includes(prevStop) ? prevStop : (members[0] ?? null);
+        stopRef.current = stop;
+        all.forEach((el) => {
+            const tabIndex = el === stop ? 0 : -1;
+            if (el.tabIndex !== tabIndex) {
+                el.tabIndex = tabIndex;
+                el.setAttribute(FOCUS_MANAGED_ATTR, '');
+            }
+        });
+    }, [root]);
+    const focusStop = useCallback(() => {
+        // observer срабатывает микротаском — пересобираем синхронно, чтобы стоп был свежим
+        applyTabStops();
+        stopRef.current?.focus();
+    }, [applyTabStops]);
+    useEffect(() => {
+        const rootEl = root.current;
+        if (!rootEl) {
+            return undefined;
+        }
+        applyTabStops();
+        const handleKeyDown = (event) => {
+            if (event.defaultPrevented || !keyboardMatches(event, NAV_KEYS)) {
+                return;
+            }
+            if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+                return;
+            }
+            const { members } = collectGroup(rootEl);
+            const activeIndex = members.indexOf(document.activeElement);
+            // фокус вне группы (например, в textarea — там стрелки двигают каретку) — не вмешиваемся
+            if (activeIndex === -1) {
+                return;
+            }
+            event.preventDefault();
+            const lastIndex = members.length - 1;
+            let nextIndex;
+            if (keyboardMatch(event, keyboardKeys.Home)) {
+                nextIndex = 0;
+            }
+            else if (keyboardMatch(event, keyboardKeys.End)) {
+                nextIndex = lastIndex;
+            }
+            else if (keyboardMatch(event, keyboardKeys.ArrowRight)) {
+                nextIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;
+            }
+            else {
+                nextIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;
+            }
+            // focusin перенесёт стоп на новый элемент
+            members[nextIndex].focus();
+        };
+        // стоп следует за фокусом: кликнутый мышью или сфокусированный стрелкой участник
+        // становится единственным tab stop группы
+        const handleFocusIn = (event) => {
+            const target = event.target;
+            if (!(target instanceof HTMLElement) || stopRef.current === target) {
+                return;
+            }
+            if (!collectGroup(rootEl).members.includes(target)) {
+                return;
+            }
+            stopRef.current = target;
+            applyTabStops();
+        };
+        // ремонт расстановки: анмаунт держателя стопа, disabled, aria-hidden при смене режима.
+        // tabindex в фильтре намеренно нет — собственные записи не должны будить observer
+        const observer = new MutationObserver(applyTabStops);
+        observer.observe(rootEl, { subtree: true, childList: true, attributeFilter: ['disabled', 'aria-hidden'] });
+        rootEl.addEventListener('keydown', handleKeyDown);
+        rootEl.addEventListener('focusin', handleFocusIn);
+        return () => {
+            observer.disconnect();
+            rootEl.removeEventListener('keydown', handleKeyDown);
+            rootEl.removeEventListener('focusin', handleFocusIn);
+        };
+    }, [root, applyTabStops]);
+    return { focusStop };
+};
+
+export { useRovingFocusGroup };
+//# sourceMappingURL=useRovingFocusGroup.js.map

package/internal/useRovingFocusGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingFocusGroup.js","sources":["src/internal/useRovingFocusGroup.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from 'react';\n\nimport { keyboardKeys, keyboardMatch, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { FOCUS_PRIORITY_ATTR } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\n\n// Кандидаты в группу: интерактивные элементы, но без исключения [tabindex=\"-1\"] (в отличие от\n// FOCUSABLE_SELECTOR из common-keyboard) — менеджер сам ставит участникам -1 и должен продолжать\n// их видеть при повторных сканах\nconst CANDIDATE_SELECTOR = [\n    'button:not([disabled])',\n    'a[href]',\n    'input:not([disabled]):not([type=\"hidden\"])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    '[tabindex]',\n].join(', ');\n\nconst NAV_KEYS = [keyboardKeys.ArrowLeft, keyboardKeys.ArrowRight, keyboardKeys.Home, keyboardKeys.End];\n\n// метка «tabindex этому элементу писали мы»: его \"-1\" — не чужое намерение, а членство в группе.\n// Держим её в DOM, а не в JS-коллекции: элементы приложения приходят и уходят без нашего ведома\nconst FOCUS_MANAGED_ATTR = 'data-magritte-chat-input-focus-managed';\n\ninterface GroupSnapshot {\n    /** Участники активного слоя в порядке обхода: приоритет контейнера → DOM-порядок */\n    members: HTMLElement[];\n    /** Все участники, включая скрытый aria-hidden слой, — им тоже держим tabindex=\"-1\" */\n    all: HTMLElement[];\n}\n\n// Registry — сам DOM: участники и их порядок вычисляются сканом на каждое обращение, поэтому\n// список никогда не устаревает (кнопки приложения в слотах могут появляться и исчезать без\n// ререндера ChatInput)\nconst collectGroup = (root: HTMLElement): GroupSnapshot => {\n    const items: Array<{ el: HTMLElement; index: number; priority: number }> = [];\n    const all: HTMLElement[] = [];\n    root.querySelectorAll<HTMLElement>(CANDIDATE_SELECTOR).forEach((el, index) => {\n        // элемент вне приоритетных контейнеров (textarea, произвольный контент вне слотов) —\n        // не участник, его tabindex не трогаем\n        const container = el.closest(`[${FOCUS_PRIORITY_ATTR}]`);\n        if (!container || !root.contains(container)) {\n            return;\n        }\n        // чужой явный tabindex=\"-1\" уважаем (приложение само вывело элемент из фокуса);\n        // свой (с меткой managed) — просто признак участника группы\n        if (el.getAttribute('tabindex') === '-1' && !el.hasAttribute(FOCUS_MANAGED_ATTR)) {\n            return;\n        }\n        all.push(el);\n        // скрытый слой не участвует в обходе, но остаётся под управлением (см. applyTabStops)\n        if (el.closest('[aria-hidden=\"true\"]')) {\n            return;\n        }\n        items.push({ el, index, priority: Number(container.getAttribute(FOCUS_PRIORITY_ATTR)) });\n    });\n    // сортировка стабильная: при равном приоритете сохраняем исходный DOM-порядок\n    const members = items.sort((a, b) => a.priority - b.priority || a.index - b.index).map(({ el }) => el);\n    return { members, all };\n};\n\ninterface RovingFocusGroup {\n    /** Перевести фокус на текущий tab stop группы (после смены режима — первый по приоритету\n     * элемент активного слоя, т.е. галочка при входе в запись) */\n    focusStop: () => void;\n}\n\n/**\n * Roving tabindex для кнопок ChatInput: вся группа кнопок — один tab stop. У всех участников\n * tabindex=\"-1\", у одного (текущего стопа) — \"0\"; внутри группы фокус ходит стрелками ←/→\n * и Home/End (с зацикливанием) в порядке приоритетов (FOCUS_PRIORITY_ATTR на контейнерах).\n * Tab не перехватывается: страница → textarea → кнопка-стоп → страница, границы нативные.\n *\n * Порядок и состав группы вычисляются из DOM лениво, а вот tabindex приходится поддерживать\n * эагерно — он должен стоять в DOM до нажатия Tab. Расстановка актуализируется по трём каналам:\n * начальный эффект, focusin (стоп следует за фокусом — клик или стрелка) и MutationObserver\n * (маунт/анмаунт кнопок приложения, disabled, смена aria-hidden слоя при переключении режима).\n */\nexport const useRovingFocusGroup = (root: RefObject<HTMLElement>): RovingFocusGroup => {\n    const stopRef = useRef<HTMLElement | null>(null);\n\n    const applyTabStops = useCallback(() => {\n        const rootEl = root.current;\n        if (!rootEl) {\n            return;\n        }\n        const { members, all } = collectGroup(rootEl);\n        const prevStop = stopRef.current;\n        const stop = prevStop && members.includes(prevStop) ? prevStop : (members[0] ?? null);\n        stopRef.current = stop;\n        all.forEach((el) => {\n            const tabIndex = el === stop ? 0 : -1;\n            if (el.tabIndex !== tabIndex) {\n                el.tabIndex = tabIndex;\n                el.setAttribute(FOCUS_MANAGED_ATTR, '');\n            }\n        });\n    }, [root]);\n\n    const focusStop = useCallback(() => {\n        // observer срабатывает микротаском — пересобираем синхронно, чтобы стоп был свежим\n        applyTabStops();\n        stopRef.current?.focus();\n    }, [applyTabStops]);\n\n    useEffect(() => {\n        const rootEl = root.current;\n        if (!rootEl) {\n            return undefined;\n        }\n\n        applyTabStops();\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.defaultPrevented || !keyboardMatches(event, NAV_KEYS)) {\n                return;\n            }\n            if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n                return;\n            }\n            const { members } = collectGroup(rootEl);\n            const activeIndex = members.indexOf(document.activeElement as HTMLElement);\n            // фокус вне группы (например, в textarea — там стрелки двигают каретку) — не вмешиваемся\n            if (activeIndex === -1) {\n                return;\n            }\n            event.preventDefault();\n            const lastIndex = members.length - 1;\n            let nextIndex: number;\n            if (keyboardMatch(event, keyboardKeys.Home)) {\n                nextIndex = 0;\n            } else if (keyboardMatch(event, keyboardKeys.End)) {\n                nextIndex = lastIndex;\n            } else if (keyboardMatch(event, keyboardKeys.ArrowRight)) {\n                nextIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\n            } else {\n                nextIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\n            }\n            // focusin перенесёт стоп на новый элемент\n            members[nextIndex].focus();\n        };\n\n        // стоп следует за фокусом: кликнутый мышью или сфокусированный стрелкой участник\n        // становится единственным tab stop группы\n        const handleFocusIn = (event: FocusEvent) => {\n            const target = event.target;\n            if (!(target instanceof HTMLElement) || stopRef.current === target) {\n                return;\n            }\n            if (!collectGroup(rootEl).members.includes(target)) {\n                return;\n            }\n            stopRef.current = target;\n            applyTabStops();\n        };\n\n        // ремонт расстановки: анмаунт держателя стопа, disabled, aria-hidden при смене режима.\n        // tabindex в фильтре намеренно нет — собственные записи не должны будить observer\n        const observer = new MutationObserver(applyTabStops);\n        observer.observe(rootEl, { subtree: true, childList: true, attributeFilter: ['disabled', 'aria-hidden'] });\n\n        rootEl.addEventListener('keydown', handleKeyDown);\n        rootEl.addEventListener('focusin', handleFocusIn);\n        return () => {\n            observer.disconnect();\n            rootEl.removeEventListener('keydown', handleKeyDown);\n            rootEl.removeEventListener('focusin', handleFocusIn);\n        };\n    }, [root, applyTabStops]);\n\n    return { focusStop };\n};\n"],"names":[],"mappings":"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"}

package/internal/useSendOnEnter.d.ts

@@ -0,0 +1,13 @@
+import { type KeyboardEventHandler } from 'react';
+interface UseSendOnEnterParams {
+    onSend?: VoidFunction;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+}
+/**
+ * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет
+ * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил
+ * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.
+ * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).
+ */
+export declare const useSendOnEnter: ({ onSend, onKeyDown, }: UseSendOnEnterParams) => KeyboardEventHandler<HTMLTextAreaElement>;
+export {};

package/internal/useSendOnEnter.js

@@ -0,0 +1,42 @@
+import './../index.css';
+import { useRef, useEffect, useCallback } from 'react';
+import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
+
+const COARSE_POINTER_QUERY = '(pointer: coarse)';
+/**
+ * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет
+ * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил
+ * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.
+ * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).
+ */
+const useSendOnEnter = ({ onSend, onKeyDown, }) => {
+    const isCoarsePointerRef = useRef(false);
+    useEffect(() => {
+        if (!('matchMedia' in window)) {
+            return undefined;
+        }
+        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);
+        const update = () => {
+            isCoarsePointerRef.current = mediaQuery.matches;
+        };
+        update();
+        mediaQuery.addEventListener('change', update);
+        return () => mediaQuery.removeEventListener('change', update);
+    }, []);
+    return useCallback((event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || event.nativeEvent.isComposing) {
+            return;
+        }
+        if (isCoarsePointerRef.current) {
+            return;
+        }
+        if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {
+            event.preventDefault();
+            onSend?.();
+        }
+    }, [onSend, onKeyDown]);
+};
+
+export { useSendOnEnter };
+//# sourceMappingURL=useSendOnEnter.js.map

package/internal/useSendOnEnter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendOnEnter.js","sources":["src/internal/useSendOnEnter.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type KeyboardEventHandler } from 'react';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\n\ninterface UseSendOnEnterParams {\n    onSend?: VoidFunction;\n    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n}\n\nconst COARSE_POINTER_QUERY = '(pointer: coarse)';\n\n/**\n * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет\n * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил\n * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.\n * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).\n */\nexport const useSendOnEnter = ({\n    onSend,\n    onKeyDown,\n}: UseSendOnEnterParams): KeyboardEventHandler<HTMLTextAreaElement> => {\n    const isCoarsePointerRef = useRef(false);\n    useEffect(() => {\n        if (!('matchMedia' in window)) {\n            return undefined;\n        }\n        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);\n        const update = () => {\n            isCoarsePointerRef.current = mediaQuery.matches;\n        };\n        update();\n        mediaQuery.addEventListener('change', update);\n        return () => mediaQuery.removeEventListener('change', update);\n    }, []);\n\n    return useCallback(\n        (event: KeyboardEvent<HTMLTextAreaElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented || event.nativeEvent.isComposing) {\n                return;\n            }\n\n            if (isCoarsePointerRef.current) {\n                return;\n            }\n\n            if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {\n                event.preventDefault();\n                onSend?.();\n            }\n        },\n        [onSend, onKeyDown]\n    );\n};\n"],"names":[],"mappings":";;;AASA,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEjD;;;;;AAKG;AACU,MAAA,cAAc,GAAG,CAAC,EAC3B,MAAM,EACN,SAAS,GACU,KAA+C;AAClE,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,EAAE,YAAY,IAAI,MAAM,CAAC,EAAE;AAC3B,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,MAAK;AAChB,YAAA,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;AACpD,SAAC,CAAC;AACF,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC9C,OAAO,MAAM,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KACjE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,WAAW,CACd,CAAC,KAAyC,KAAI;AAC1C,QAAA,SAAS,GAAG,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE;YACzD,OAAO;SACV;AAED,QAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;YAC5B,OAAO;SACV;AAED,QAAA,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC;SACd;AACL,KAAC,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,CACtB,CAAC;AACN;;;;"}

package/internal/useVoiceRecordSession.d.ts

@@ -0,0 +1,51 @@
+import { type VoiceRecordStatus } from '@hh.ru/magritte-ui-chat-input/types';
+interface UseVoiceRecordSessionParams {
+    /** Максимальная длительность записи в секундах; по достижении — авто-финализация, как по кнопке
+     * подтверждения. Не задана — пишем без ограничения */
+    maxDuration?: number;
+    /** Предпочитаемый MIME-тип записи (можно списком по убыванию приоритета). Берётся первый
+     * поддерживаемый `MediaRecorder.isTypeSupported`; иначе кодек выбирает браузер */
+    mimeType?: string | string[];
+    /** Запись фактически началась (микрофон получен). Стримом владеет сессия — останавливать
+     * его треки нельзя, только читать (анализатор, стриминговое распознавание);
+     * для независимого времени жизни — `stream.clone()` */
+    onRecordStart?: (stream: MediaStream) => void;
+    /** Готовая запись — по кнопке подтверждения или `maxDuration`. Если вернуть промис,
+     * статус `processing` держится до его завершения (реджект тоже завершает) */
+    onComplete?: (file: File) => void | Promise<void>;
+    /** Не удалось получить микрофон; статус остался `idle` */
+    onError?: (error: unknown) => void;
+    /** Запись отменена; треки отпущены, файл выброшен */
+    onCancel?: VoidFunction;
+}
+interface VoiceRecordSession {
+    status: VoiceRecordStatus;
+    /** Метка старта записи (`Date.now()`); `null` вне записи. Отображаемое время по ней считает
+     * потребитель (VoiceRecord) локально, чтобы посекундный тик не ререндерил корень */
+    startedAt: number | null;
+    /** Живой стрим микрофона, пока идёт запись (иначе null). Для чтения (визуализация,
+     * распознавание); треки принадлежат сессии — останавливать их нельзя */
+    stream: MediaStream | null;
+    /** Запросить микрофон и начать запись. Вне `idle` — no-op */
+    start: VoidFunction;
+    /** Финализировать запись: собрать файл и отдать в `onComplete` */
+    stop: VoidFunction;
+    /** Отменить запись, ничего не эмитя */
+    cancel: VoidFunction;
+}
+/**
+ * Запрашивает доступ к микрофону и возвращает промис с готовым потоком.
+ *
+ * Владение потоком — на стороне вызывающего: он сам решает, когда его отпустить
+ * (`stream.getTracks().forEach((track) => track.stop())`). VoiceRecord получает уже готовый
+ * `stream` и только пишет, а доступ и жизненный цикл потока остаются снаружи.
+ */
+export declare const requestMicrophone: () => Promise<MediaStream>;
+/**
+ * Сессия записи голоса целиком: владеет микрофоном (getUserMedia в `start`, треки отпускаются
+ * при завершении/отмене/анмаунте), MediaRecorder'ом и таймером. `start` вызывается из обработчика
+ * клика, поэтому запроса доступа на монтировании (и проблем со StrictMode) нет. Актуальные колбэки
+ * держим в рефах — императивные ручки стабильны.
+ */
+export declare const useVoiceRecordSession: ({ maxDuration, mimeType, onRecordStart, onComplete, onError, onCancel, }: UseVoiceRecordSessionParams) => VoiceRecordSession;
+export {};

package/internal/useVoiceRecordSession.js

@@ -0,0 +1,245 @@
+import './../index.css';
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+const RECORDING_MIME_FALLBACK = 'audio/webm';
+const RECORDING_FILE_BASENAME = 'voice-message';
+// расширение файла из фактического MIME записи: браузеры выдают разные форматы (webm в
+// Chrome/Firefox, mp4 в Safari), а бэкенд обычно смотрит на расширение — оно должно совпадать
+// с содержимым, иначе mp4 уедет под именем .webm
+const MIME_SUBTYPE_TO_EXTENSION = {
+    webm: 'webm',
+    ogg: 'ogg',
+    mp4: 'm4a',
+    'x-m4a': 'm4a',
+    mpeg: 'mp3',
+    wav: 'wav',
+    'x-wav': 'wav',
+};
+const fileNameForMime = (mimeType) => {
+    // «audio/webm;codecs=opus» -> «webm»
+    const subtype = mimeType.split(';')[0].trim().split('/')[1] ?? '';
+    const extension = MIME_SUBTYPE_TO_EXTENSION[subtype] ?? (subtype || 'webm');
+    return `${RECORDING_FILE_BASENAME}.${extension}`;
+};
+// первый поддерживаемый браузером тип из предпочтений; null — писать в дефолтном кодеке браузера
+const toMimeTypeList = (preferred) => {
+    if (Array.isArray(preferred)) {
+        return preferred;
+    }
+    return preferred ? [preferred] : [];
+};
+const pickSupportedMimeType = (preferred) => {
+    if (typeof MediaRecorder === 'undefined' || !MediaRecorder.isTypeSupported) {
+        return null;
+    }
+    return toMimeTypeList(preferred).find((type) => MediaRecorder.isTypeSupported(type)) ?? null;
+};
+/**
+ * Запрашивает доступ к микрофону и возвращает промис с готовым потоком.
+ *
+ * Владение потоком — на стороне вызывающего: он сам решает, когда его отпустить
+ * (`stream.getTracks().forEach((track) => track.stop())`). VoiceRecord получает уже готовый
+ * `stream` и только пишет, а доступ и жизненный цикл потока остаются снаружи.
+ */
+const requestMicrophone = () => {
+    if (typeof navigator === 'undefined' || !navigator.mediaDevices?.getUserMedia) {
+        return Promise.reject(new Error('navigator.mediaDevices.getUserMedia is not available'));
+    }
+    return navigator.mediaDevices.getUserMedia({ audio: true });
+};
+/**
+ * Сессия записи голоса целиком: владеет микрофоном (getUserMedia в `start`, треки отпускаются
+ * при завершении/отмене/анмаунте), MediaRecorder'ом и таймером. `start` вызывается из обработчика
+ * клика, поэтому запроса доступа на монтировании (и проблем со StrictMode) нет. Актуальные колбэки
+ * держим в рефах — императивные ручки стабильны.
+ */
+const useVoiceRecordSession = ({ maxDuration, mimeType, onRecordStart, onComplete, onError, onCancel, }) => {
+    const [status, setStatus] = useState('idle');
+    // метка старта записи (Date.now) — по ней таймер VoiceRecord считает время у себя в листе;
+    // меняется дважды за сессию (старт/конец), а не раз в секунду, поэтому корень не ререндерится
+    const [startedAt, setStartedAt] = useState(null);
+    // живой стрим наружу для визуализации/распознавания; выставляется только на время записи
+    const [stream, setStream] = useState(null);
+    const statusRef = useRef(status);
+    const updateStatus = useCallback((next) => {
+        statusRef.current = next;
+        setStatus(next);
+    }, []);
+    const onRecordStartRef = useRef(onRecordStart);
+    onRecordStartRef.current = onRecordStart;
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const onErrorRef = useRef(onError);
+    onErrorRef.current = onError;
+    const onCancelRef = useRef(onCancel);
+    onCancelRef.current = onCancel;
+    const maxDurationRef = useRef(maxDuration);
+    maxDurationRef.current = maxDuration;
+    const mimeTypeRef = useRef(mimeType);
+    mimeTypeRef.current = mimeType;
+    const recordingRef = useRef(null);
+    const unmountedRef = useRef(false);
+    const stop = useCallback(() => {
+        const recording = recordingRef.current;
+        if (!recording || statusRef.current !== 'recording') {
+            return;
+        }
+        updateStatus('processing');
+        setStream(null);
+        setStartedAt(null);
+        clearInterval(recording.intervalId);
+        recording.emitOnStop = true;
+        recordingRef.current = null;
+        if (recording.recorder.state !== 'inactive') {
+            recording.recorder.stop();
+        }
+    }, [updateStatus]);
+    const beginRecording = useCallback((stream) => {
+        const picked = pickSupportedMimeType(mimeTypeRef.current);
+        const recorder = new MediaRecorder(stream, picked ? { mimeType: picked } : undefined);
+        const chunks = [];
+        const startTime = Date.now();
+        const recording = { stream, recorder, emitOnStop: false };
+        recorder.ondataavailable = (event) => {
+            if (event.data.size > 0) {
+                chunks.push(event.data);
+            }
+        };
+        recorder.onstop = () => {
+            stream.getTracks().forEach((track) => track.stop());
+            if (recording.emitOnStop) {
+                const type = recorder.mimeType || RECORDING_MIME_FALLBACK;
+                const file = new File([new Blob(chunks, { type })], fileNameForMime(type), { type });
+                // держим processing, пока приложение обрабатывает запись; ошибки обработки —
+                // зона ответственности приложения, мы по ним только выходим из processing
+                Promise.resolve()
+                    .then(() => onCompleteRef.current?.(file))
+                    .catch(() => undefined)
+                    .finally(() => {
+                    if (!unmountedRef.current && statusRef.current === 'processing') {
+                        updateStatus('idle');
+                    }
+                });
+                return;
+            }
+            // не эмитим: либо это наша отмена/анмаунт (там recordingRef уже очищен до stop()),
+            // либо запись оборвалась сама — микрофон отключили/отозвали доступ. Во втором случае
+            // recordingRef всё ещё указывает на нас: гасим сессию и сообщаем об ошибке, иначе
+            // статус завис бы в recording с мёртвым стримом и без выхода
+            if (recordingRef.current === recording) {
+                recordingRef.current = null;
+                clearInterval(recording.intervalId);
+                if (!unmountedRef.current) {
+                    setStream(null);
+                    setStartedAt(null);
+                    updateStatus('idle');
+                    onErrorRef.current?.(new Error('Voice recording stopped unexpectedly'));
+                }
+            }
+        };
+        // ошибка рекордера — обрываем запись; чистка и переход в idle пойдут через onstop выше
+        recorder.onerror = () => {
+            if (recording.recorder.state !== 'inactive') {
+                recording.recorder.stop();
+            }
+        };
+        // микрофон физически пропал (отключили гарнитуру, отозвали доступ) — аудиотрек завершается;
+        // сами останавливаем рекордер, дальше отрабатывает ветка неожиданной остановки в onstop
+        stream.getAudioTracks().forEach((track) => {
+            track.addEventListener('ended', () => {
+                if (recordingRef.current === recording && recording.recorder.state !== 'inactive') {
+                    recording.recorder.stop();
+                }
+            });
+        });
+        // таймер живёт только ради авто-финализации по maxDuration и не трогает React-стейт;
+        // отображаемое время считает VoiceRecord у себя по startedAt
+        const tick = () => {
+            const max = maxDurationRef.current;
+            if (max !== undefined && Math.floor((Date.now() - startTime) / 1000) >= max) {
+                stop();
+            }
+        };
+        recorder.start();
+        recording.intervalId = setInterval(tick, 1000);
+        recordingRef.current = recording;
+        setStartedAt(startTime);
+        setStream(stream);
+        updateStatus('recording');
+        onRecordStartRef.current?.(stream);
+    }, [stop, updateStatus]);
+    const start = useCallback(() => {
+        if (statusRef.current !== 'idle') {
+            return;
+        }
+        updateStatus('starting');
+        requestMicrophone()
+            .then((stream) => {
+            // пока ждали доступ, хук могли размонтировать — тогда сразу отпускаем треки
+            if (unmountedRef.current || statusRef.current !== 'starting') {
+                stream.getTracks().forEach((track) => track.stop());
+                return;
+            }
+            try {
+                beginRecording(stream);
+            }
+            catch (error) {
+                // не удалось создать/запустить MediaRecorder (неподдержанный кодек, отсутствие API) —
+                // отпускаем уже полученный микрофон, иначе индикатор «микрофон занят» останется гореть
+                stream.getTracks().forEach((track) => track.stop());
+                if (!unmountedRef.current) {
+                    updateStatus('idle');
+                    onErrorRef.current?.(error);
+                }
+            }
+        })
+            .catch((error) => {
+            if (unmountedRef.current || statusRef.current !== 'starting') {
+                return;
+            }
+            updateStatus('idle');
+            onErrorRef.current?.(error);
+        });
+    }, [beginRecording, updateStatus]);
+    const cancel = useCallback(() => {
+        // отмена во время ожидания микрофона: записи ещё нет, но pending-старт надо оборвать —
+        // сбрасываем статус, и requestMicrophone().then увидит !== 'starting' и отпустит треки сам
+        if (statusRef.current === 'starting') {
+            updateStatus('idle');
+            onCancelRef.current?.();
+            return;
+        }
+        const recording = recordingRef.current;
+        if (!recording || statusRef.current !== 'recording') {
+            return;
+        }
+        setStream(null);
+        clearInterval(recording.intervalId);
+        recordingRef.current = null;
+        // emitOnStop остался false: onstop только отпустит треки
+        if (recording.recorder.state !== 'inactive') {
+            recording.recorder.stop();
+        }
+        updateStatus('idle');
+        setStartedAt(null);
+        onCancelRef.current?.();
+    }, [updateStatus]);
+    useEffect(() => {
+        unmountedRef.current = false;
+        return () => {
+            unmountedRef.current = true;
+            const recording = recordingRef.current;
+            if (recording) {
+                clearInterval(recording.intervalId);
+                recordingRef.current = null;
+                if (recording.recorder.state !== 'inactive') {
+                    recording.recorder.stop();
+                }
+            }
+        };
+    }, []);
+    return { status, startedAt, stream, start, stop, cancel };
+};
+
+export { requestMicrophone, useVoiceRecordSession };
+//# sourceMappingURL=useVoiceRecordSession.js.map

package/internal/useVoiceRecordSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVoiceRecordSession.js","sources":["src/internal/useVoiceRecordSession.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { type VoiceRecordStatus } from '@hh.ru/magritte-ui-chat-input/types';\n\ninterface UseVoiceRecordSessionParams {\n    /** Максимальная длительность записи в секундах; по достижении — авто-финализация, как по кнопке\n     * подтверждения. Не задана — пишем без ограничения */\n    maxDuration?: number;\n    /** Предпочитаемый MIME-тип записи (можно списком по убыванию приоритета). Берётся первый\n     * поддерживаемый `MediaRecorder.isTypeSupported`; иначе кодек выбирает браузер */\n    mimeType?: string | string[];\n    /** Запись фактически началась (микрофон получен). Стримом владеет сессия — останавливать\n     * его треки нельзя, только читать (анализатор, стриминговое распознавание);\n     * для независимого времени жизни — `stream.clone()` */\n    onRecordStart?: (stream: MediaStream) => void;\n    /** Готовая запись — по кнопке подтверждения или `maxDuration`. Если вернуть промис,\n     * статус `processing` держится до его завершения (реджект тоже завершает) */\n    onComplete?: (file: File) => void | Promise<void>;\n    /** Не удалось получить микрофон; статус остался `idle` */\n    onError?: (error: unknown) => void;\n    /** Запись отменена; треки отпущены, файл выброшен */\n    onCancel?: VoidFunction;\n}\n\ninterface VoiceRecordSession {\n    status: VoiceRecordStatus;\n    /** Метка старта записи (`Date.now()`); `null` вне записи. Отображаемое время по ней считает\n     * потребитель (VoiceRecord) локально, чтобы посекундный тик не ререндерил корень */\n    startedAt: number | null;\n    /** Живой стрим микрофона, пока идёт запись (иначе null). Для чтения (визуализация,\n     * распознавание); треки принадлежат сессии — останавливать их нельзя */\n    stream: MediaStream | null;\n    /** Запросить микрофон и начать запись. Вне `idle` — no-op */\n    start: VoidFunction;\n    /** Финализировать запись: собрать файл и отдать в `onComplete` */\n    stop: VoidFunction;\n    /** Отменить запись, ничего не эмитя */\n    cancel: VoidFunction;\n}\n\ninterface ActiveRecording {\n    stream: MediaStream;\n    recorder: MediaRecorder;\n    intervalId?: ReturnType<typeof setInterval>;\n    /** Эмитить ли файл в onstop: true только при финализации (stop/maxDuration),\n     * при отмене и анмаунте остаётся false */\n    emitOnStop: boolean;\n}\n\nconst RECORDING_MIME_FALLBACK = 'audio/webm';\nconst RECORDING_FILE_BASENAME = 'voice-message';\n\n// расширение файла из фактического MIME записи: браузеры выдают разные форматы (webm в\n// Chrome/Firefox, mp4 в Safari), а бэкенд обычно смотрит на расширение — оно должно совпадать\n// с содержимым, иначе mp4 уедет под именем .webm\nconst MIME_SUBTYPE_TO_EXTENSION: Record<string, string> = {\n    webm: 'webm',\n    ogg: 'ogg',\n    mp4: 'm4a',\n    'x-m4a': 'm4a',\n    mpeg: 'mp3',\n    wav: 'wav',\n    'x-wav': 'wav',\n};\n\nconst fileNameForMime = (mimeType: string): string => {\n    // «audio/webm;codecs=opus» -> «webm»\n    const subtype = mimeType.split(';')[0].trim().split('/')[1] ?? '';\n    const extension = MIME_SUBTYPE_TO_EXTENSION[subtype] ?? (subtype || 'webm');\n    return `${RECORDING_FILE_BASENAME}.${extension}`;\n};\n\n// первый поддерживаемый браузером тип из предпочтений; null — писать в дефолтном кодеке браузера\nconst toMimeTypeList = (preferred: string | string[] | undefined): string[] => {\n    if (Array.isArray(preferred)) {\n        return preferred;\n    }\n    return preferred ? [preferred] : [];\n};\n\nconst pickSupportedMimeType = (preferred: string | string[] | undefined): string | null => {\n    if (typeof MediaRecorder === 'undefined' || !MediaRecorder.isTypeSupported) {\n        return null;\n    }\n    return toMimeTypeList(preferred).find((type) => MediaRecorder.isTypeSupported(type)) ?? null;\n};\n\n/**\n * Запрашивает доступ к микрофону и возвращает промис с готовым потоком.\n *\n * Владение потоком — на стороне вызывающего: он сам решает, когда его отпустить\n * (`stream.getTracks().forEach((track) => track.stop())`). VoiceRecord получает уже готовый\n * `stream` и только пишет, а доступ и жизненный цикл потока остаются снаружи.\n */\nexport const requestMicrophone = (): Promise<MediaStream> => {\n    if (typeof navigator === 'undefined' || !navigator.mediaDevices?.getUserMedia) {\n        return Promise.reject(new Error('navigator.mediaDevices.getUserMedia is not available'));\n    }\n\n    return navigator.mediaDevices.getUserMedia({ audio: true });\n};\n\n/**\n * Сессия записи голоса целиком: владеет микрофоном (getUserMedia в `start`, треки отпускаются\n * при завершении/отмене/анмаунте), MediaRecorder'ом и таймером. `start` вызывается из обработчика\n * клика, поэтому запроса доступа на монтировании (и проблем со StrictMode) нет. Актуальные колбэки\n * держим в рефах — императивные ручки стабильны.\n */\nexport const useVoiceRecordSession = ({\n    maxDuration,\n    mimeType,\n    onRecordStart,\n    onComplete,\n    onError,\n    onCancel,\n}: UseVoiceRecordSessionParams): VoiceRecordSession => {\n    const [status, setStatus] = useState<VoiceRecordStatus>('idle');\n    // метка старта записи (Date.now) — по ней таймер VoiceRecord считает время у себя в листе;\n    // меняется дважды за сессию (старт/конец), а не раз в секунду, поэтому корень не ререндерится\n    const [startedAt, setStartedAt] = useState<number | null>(null);\n    // живой стрим наружу для визуализации/распознавания; выставляется только на время записи\n    const [stream, setStream] = useState<MediaStream | null>(null);\n\n    const statusRef = useRef(status);\n    const updateStatus = useCallback((next: VoiceRecordStatus) => {\n        statusRef.current = next;\n        setStatus(next);\n    }, []);\n\n    const onRecordStartRef = useRef(onRecordStart);\n    onRecordStartRef.current = onRecordStart;\n    const onCompleteRef = useRef(onComplete);\n    onCompleteRef.current = onComplete;\n    const onErrorRef = useRef(onError);\n    onErrorRef.current = onError;\n    const onCancelRef = useRef(onCancel);\n    onCancelRef.current = onCancel;\n    const maxDurationRef = useRef(maxDuration);\n    maxDurationRef.current = maxDuration;\n    const mimeTypeRef = useRef(mimeType);\n    mimeTypeRef.current = mimeType;\n\n    const recordingRef = useRef<ActiveRecording | null>(null);\n    const unmountedRef = useRef(false);\n\n    const stop = useCallback(() => {\n        const recording = recordingRef.current;\n        if (!recording || statusRef.current !== 'recording') {\n            return;\n        }\n        updateStatus('processing');\n        setStream(null);\n        setStartedAt(null);\n        clearInterval(recording.intervalId);\n        recording.emitOnStop = true;\n        recordingRef.current = null;\n        if (recording.recorder.state !== 'inactive') {\n            recording.recorder.stop();\n        }\n    }, [updateStatus]);\n\n    const beginRecording = useCallback(\n        (stream: MediaStream) => {\n            const picked = pickSupportedMimeType(mimeTypeRef.current);\n            const recorder = new MediaRecorder(stream, picked ? { mimeType: picked } : undefined);\n            const chunks: Blob[] = [];\n            const startTime = Date.now();\n            const recording: ActiveRecording = { stream, recorder, emitOnStop: false };\n\n            recorder.ondataavailable = (event) => {\n                if (event.data.size > 0) {\n                    chunks.push(event.data);\n                }\n            };\n            recorder.onstop = () => {\n                stream.getTracks().forEach((track) => track.stop());\n                if (recording.emitOnStop) {\n                    const type = recorder.mimeType || RECORDING_MIME_FALLBACK;\n                    const file = new File([new Blob(chunks, { type })], fileNameForMime(type), { type });\n                    // держим processing, пока приложение обрабатывает запись; ошибки обработки —\n                    // зона ответственности приложения, мы по ним только выходим из processing\n                    Promise.resolve()\n                        .then(() => onCompleteRef.current?.(file))\n                        .catch(() => undefined)\n                        .finally(() => {\n                            if (!unmountedRef.current && statusRef.current === 'processing') {\n                                updateStatus('idle');\n                            }\n                        });\n                    return;\n                }\n                // не эмитим: либо это наша отмена/анмаунт (там recordingRef уже очищен до stop()),\n                // либо запись оборвалась сама — микрофон отключили/отозвали доступ. Во втором случае\n                // recordingRef всё ещё указывает на нас: гасим сессию и сообщаем об ошибке, иначе\n                // статус завис бы в recording с мёртвым стримом и без выхода\n                if (recordingRef.current === recording) {\n                    recordingRef.current = null;\n                    clearInterval(recording.intervalId);\n                    if (!unmountedRef.current) {\n                        setStream(null);\n                        setStartedAt(null);\n                        updateStatus('idle');\n                        onErrorRef.current?.(new Error('Voice recording stopped unexpectedly'));\n                    }\n                }\n            };\n\n            // ошибка рекордера — обрываем запись; чистка и переход в idle пойдут через onstop выше\n            recorder.onerror = () => {\n                if (recording.recorder.state !== 'inactive') {\n                    recording.recorder.stop();\n                }\n            };\n\n            // микрофон физически пропал (отключили гарнитуру, отозвали доступ) — аудиотрек завершается;\n            // сами останавливаем рекордер, дальше отрабатывает ветка неожиданной остановки в onstop\n            stream.getAudioTracks().forEach((track) => {\n                track.addEventListener('ended', () => {\n                    if (recordingRef.current === recording && recording.recorder.state !== 'inactive') {\n                        recording.recorder.stop();\n                    }\n                });\n            });\n\n            // таймер живёт только ради авто-финализации по maxDuration и не трогает React-стейт;\n            // отображаемое время считает VoiceRecord у себя по startedAt\n            const tick = () => {\n                const max = maxDurationRef.current;\n                if (max !== undefined && Math.floor((Date.now() - startTime) / 1000) >= max) {\n                    stop();\n                }\n            };\n\n            recorder.start();\n            recording.intervalId = setInterval(tick, 1000);\n            recordingRef.current = recording;\n            setStartedAt(startTime);\n            setStream(stream);\n            updateStatus('recording');\n            onRecordStartRef.current?.(stream);\n        },\n        [stop, updateStatus]\n    );\n\n    const start = useCallback(() => {\n        if (statusRef.current !== 'idle') {\n            return;\n        }\n        updateStatus('starting');\n        requestMicrophone()\n            .then((stream) => {\n                // пока ждали доступ, хук могли размонтировать — тогда сразу отпускаем треки\n                if (unmountedRef.current || statusRef.current !== 'starting') {\n                    stream.getTracks().forEach((track) => track.stop());\n                    return;\n                }\n                try {\n                    beginRecording(stream);\n                } catch (error) {\n                    // не удалось создать/запустить MediaRecorder (неподдержанный кодек, отсутствие API) —\n                    // отпускаем уже полученный микрофон, иначе индикатор «микрофон занят» останется гореть\n                    stream.getTracks().forEach((track) => track.stop());\n                    if (!unmountedRef.current) {\n                        updateStatus('idle');\n                        onErrorRef.current?.(error);\n                    }\n                }\n            })\n            .catch((error: unknown) => {\n                if (unmountedRef.current || statusRef.current !== 'starting') {\n                    return;\n                }\n                updateStatus('idle');\n                onErrorRef.current?.(error);\n            });\n    }, [beginRecording, updateStatus]);\n\n    const cancel = useCallback(() => {\n        // отмена во время ожидания микрофона: записи ещё нет, но pending-старт надо оборвать —\n        // сбрасываем статус, и requestMicrophone().then увидит !== 'starting' и отпустит треки сам\n        if (statusRef.current === 'starting') {\n            updateStatus('idle');\n            onCancelRef.current?.();\n            return;\n        }\n\n        const recording = recordingRef.current;\n        if (!recording || statusRef.current !== 'recording') {\n            return;\n        }\n        setStream(null);\n        clearInterval(recording.intervalId);\n        recordingRef.current = null;\n        // emitOnStop остался false: onstop только отпустит треки\n        if (recording.recorder.state !== 'inactive') {\n            recording.recorder.stop();\n        }\n        updateStatus('idle');\n        setStartedAt(null);\n        onCancelRef.current?.();\n    }, [updateStatus]);\n\n    useEffect(() => {\n        unmountedRef.current = false;\n        return () => {\n            unmountedRef.current = true;\n            const recording = recordingRef.current;\n            if (recording) {\n                clearInterval(recording.intervalId);\n                recordingRef.current = null;\n                if (recording.recorder.state !== 'inactive') {\n                    recording.recorder.stop();\n                }\n            }\n        };\n    }, []);\n\n    return { status, startedAt, stream, start, stop, cancel };\n};\n"],"names":[],"mappings":"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"}

package/internal/voiceSlotRegistry.d.ts

@@ -0,0 +1,6 @@
+import { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';
+export declare const ChatInputVoiceSlotProvider: import("react").FC<{
+    children?: import("react").ReactNode | undefined;
+}>;
+export declare const useRegisterVoiceConfig: (config: ChatInputVoiceRecordConfig | null | undefined) => void;
+export declare const useVoiceConfig: () => ChatInputVoiceRecordConfig | undefined;

package/internal/voiceSlotRegistry.js

@@ -0,0 +1,10 @@
+import './../index.css';
+import { createSlotRegistry } from '@hh.ru/magritte-internal-slot-registry';
+
+const { SlotRegistryProvider, useRegisterSlot, useSlotRegistryValue } = createSlotRegistry('ChatInputVoice');
+const ChatInputVoiceSlotProvider = SlotRegistryProvider;
+const useRegisterVoiceConfig = (config) => useRegisterSlot('voiceConfig', config);
+const useVoiceConfig = () => useSlotRegistryValue('voiceConfig');
+
+export { ChatInputVoiceSlotProvider, useRegisterVoiceConfig, useVoiceConfig };
+//# sourceMappingURL=voiceSlotRegistry.js.map

package/internal/voiceSlotRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voiceSlotRegistry.js","sources":["src/internal/voiceSlotRegistry.ts"],"sourcesContent":["import { createSlotRegistry } from '@hh.ru/magritte-internal-slot-registry';\nimport { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\n\ninterface ChatInputVoiceSlots {\n    voiceConfig: ChatInputVoiceRecordConfig;\n}\n\nconst { SlotRegistryProvider, useRegisterSlot, useSlotRegistryValue } =\n    createSlotRegistry<ChatInputVoiceSlots>('ChatInputVoice');\n\nexport const ChatInputVoiceSlotProvider = SlotRegistryProvider;\nexport const useRegisterVoiceConfig = (config: ChatInputVoiceRecordConfig | null | undefined): void =>\n    useRegisterSlot('voiceConfig', config);\nexport const useVoiceConfig = (): ChatInputVoiceRecordConfig | undefined => useSlotRegistryValue('voiceConfig');\n"],"names":[],"mappings":";;AAOA,MAAM,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,GACjE,kBAAkB,CAAsB,gBAAgB,CAAC,CAAC;AAEvD,MAAM,0BAA0B,GAAG,qBAAqB;AACxD,MAAM,sBAAsB,GAAG,CAAC,MAAqD,KACxF,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE;AAC9B,MAAA,cAAc,GAAG,MAA8C,oBAAoB,CAAC,aAAa;;;;"}