@gravity-ui/markdown-editor 14.12.3 → 15.0.1

package/build/cjs/extensions/additional/GPT/gptExtension/view.js

@@ -1,68 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GptWidgetDecoView = exports.cnGptPopup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_1 = require("@gravity-ui/uikit");
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const react_use_1 = require("react-use");
-const classname_1 = require("../../../../classname");
-const behavior_1 = require("../../../behavior");
-const GptDialog_1 = require("../GptDialog/GptDialog");
-const constants_1 = require("../constants");
-const plugin_1 = require("../plugin");
+const classname_1 = require("../../../../classname.js");
+const behavior_1 = require("../../../behavior/index.js");
+const GptDialog_1 = require("../GptDialog/GptDialog.js");
+const constants_1 = require("../constants.js");
+const plugin_1 = require("../plugin.js");
+require("./view.css");
 exports.cnGptPopup = (0, classname_1.cn)('gpt-popup');
 class GptWidgetDecoView {
+    _view;
+    _renderer;
+    _decoElem = null;
+    _params;
+    _serializer;
+    _parser;
+    _confirmOpen;
     constructor(view, params) {
-        this._decoElem = null;
-        this._onConfirmCancel = () => {
-            this._confirmOpen = false;
-            this._renderer.rerender();
-        };
-        this._onConfirmOk = () => {
-            this._onClose();
-        };
-        this._onGptAnswerUpdate = (answer) => {
-            var _a, _b;
-            (_b = (_a = this._params).onUpdate) === null || _b === void 0 ? void 0 : _b.call(_a, answer);
-        };
-        this._onSubmit = (answer) => {
-            var _a, _b;
-            const deco = this._getCurrentDecoration();
-            if (!deco)
-                return;
-            const { from, to } = deco;
-            const answerNode = this._parser.parse(answer);
-            const tr = this._view.state.tr;
-            const meta = { action: 'hide' };
-            tr.setMeta(plugin_1.pluginKey, meta);
-            tr.replace(from, to, new prosemirror_model_1.Slice(answerNode.content, 1, 1));
-            tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, tr.mapping.map(to)));
-            this._view.dispatch(tr);
-            setTimeout(() => {
-                this._view.focus();
-            }, 0);
-            (_b = (_a = this._params).onApplyResult) === null || _b === void 0 ? void 0 : _b.call(_a, answer);
-            this._resetState();
-        };
-        this._onClose = () => {
-            var _a, _b;
-            const deco = this._getCurrentDecoration();
-            if (!deco) {
-                return;
-            }
-            const tr = this._view.state.tr;
-            const meta = { action: 'hide' };
-            tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, deco.from, deco.to));
-            tr.setMeta(plugin_1.pluginKey, meta);
-            this._view.dispatch(tr);
-            setTimeout(() => {
-                this._view.focus();
-            }, 0);
-            (_b = (_a = this._params).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-            this._resetState();
-        };
         this._view = view;
         this._params = params;
         this._serializer = params.serializer;
@@ -71,7 +31,6 @@ class GptWidgetDecoView {
         this._renderer = (0, behavior_1.getReactRendererFromState)(view.state).createItem('gpt-widget-view', this._render.bind(this));
     }
     update(view, prevState) {
-        var _a;
         const { state, dispatch } = view;
         if (this._decoElem && !state.selection.eq(prevState.selection)) {
             const transaction = state.tr;
@@ -81,7 +40,7 @@ class GptWidgetDecoView {
             return;
         }
         const decoElements = Array.from(view.dom.querySelectorAll(`.${constants_1.WIDGET_DECO_CLASS_NAME}`));
-        this._decoElem = (_a = decoElements.at(-1)) !== null && _a !== void 0 ? _a : null;
+        this._decoElem = decoElements.at(-1) ?? null;
         this._renderer.rerender();
     }
     destroy() {
@@ -92,6 +51,13 @@ class GptWidgetDecoView {
         this._decoElem = null;
         this._confirmOpen = false;
     }
+    _onConfirmCancel = () => {
+        this._confirmOpen = false;
+        this._renderer.rerender();
+    };
+    _onConfirmOk = () => {
+        this._onClose();
+    };
     _render() {
         if (!this._decoElem)
             return null;
@@ -99,36 +65,52 @@ class GptWidgetDecoView {
         if (markup === undefined) {
             return null;
         }
-        return (react_1.default.createElement(Widget, { markup: markup, anchorRef: { current: this._decoElem }, answerRender: this._params.answerRender, promptPresets: this._params.promptPresets, disablePromptPresets: this._params.disablePromptPresets, customPromptPlaceholder: this._params.customPromptPlaceholder, disabledPromptPlaceholder: this._params.disabledPromptPlaceholder, gptAlertProps: this._params.gptAlertProps, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onApplyResult: this._onSubmit, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onCustomPromptApply: this._params.onCustomPromptApply, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onPromptPresetClick: this._params.onPromptPresetClick, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onTryAgain: this._params.onTryAgain, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onLike: this._params.onLike, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onDislike: this._params.onDislike, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onClose: this._onClose, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onUpdate: this._onGptAnswerUpdate, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            confirmOpen: this._confirmOpen, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onConfirmOk: this._onConfirmOk, 
-            /* eslint-disable-next-line react/jsx-handler-names */
-            onConfirmCancel: this._onConfirmCancel, container: this._params.gptPopupContainer }));
+        return ((0, jsx_runtime_1.jsx)(Widget, { markup: markup, anchorElement: this._decoElem, answerRender: this._params.answerRender, promptPresets: this._params.promptPresets, disablePromptPresets: this._params.disablePromptPresets, customPromptPlaceholder: this._params.customPromptPlaceholder, disabledPromptPlaceholder: this._params.disabledPromptPlaceholder, gptAlertProps: this._params.gptAlertProps, onApplyResult: this._onSubmit, onCustomPromptApply: this._params.onCustomPromptApply, onPromptPresetClick: this._params.onPromptPresetClick, onTryAgain: this._params.onTryAgain, onLike: this._params.onLike, onDislike: this._params.onDislike, onClose: this._onClose, onUpdate: this._onGptAnswerUpdate, confirmOpen: this._confirmOpen, onConfirmOk: this._onConfirmOk, onConfirmCancel: this._onConfirmCancel }));
     }
+    _onGptAnswerUpdate = (answer) => {
+        this._params.onUpdate?.(answer);
+    };
+    _onSubmit = (answer) => {
+        const deco = this._getCurrentDecoration();
+        if (!deco)
+            return;
+        const { from, to } = deco;
+        const answerNode = this._parser.parse(answer);
+        const tr = this._view.state.tr;
+        const meta = { action: 'hide' };
+        tr.setMeta(plugin_1.pluginKey, meta);
+        tr.replace(from, to, new prosemirror_model_1.Slice(answerNode.content, 1, 1));
+        tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, tr.mapping.map(to)));
+        this._view.dispatch(tr);
+        setTimeout(() => {
+            this._view.focus();
+        }, 0);
+        this._params.onApplyResult?.(answer);
+        this._resetState();
+    };
+    _onClose = () => {
+        const deco = this._getCurrentDecoration();
+        if (!deco) {
+            return;
+        }
+        const tr = this._view.state.tr;
+        const meta = { action: 'hide' };
+        tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, deco.from, deco.to));
+        tr.setMeta(plugin_1.pluginKey, meta);
+        this._view.dispatch(tr);
+        setTimeout(() => {
+            this._view.focus();
+        }, 0);
+        this._params.onClose?.();
+        this._resetState();
+    };
     _getContentOfDecoration() {
         const deco = this._getCurrentDecoration();
         if (!deco)
             return undefined;
         const { from, to } = deco;
         try {
+            // FIXME: Verify and use Node instead of Fragment
             const fragment = this._view.state.doc.slice(from, to, true).content;
             const yfmMarkup = this._serializer.serialize(fragment);
             return yfmMarkup;
@@ -139,8 +121,7 @@ class GptWidgetDecoView {
         }
     }
     _getCurrentDecoration() {
-        var _a;
-        return (_a = this._getPluginState()) === null || _a === void 0 ? void 0 : _a.find(undefined, undefined, 
+        return this._getPluginState()?.find(undefined, undefined, 
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
         (spec) => spec[constants_1.WIDGET_DECO_SPEC_FLAG])[0];
     }
@@ -149,19 +130,21 @@ class GptWidgetDecoView {
     }
 }
 exports.GptWidgetDecoView = GptWidgetDecoView;
-function Widget({ markup, anchorRef, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onApplyResult, onPromptPresetClick, onTryAgain, onLike, onDislike, onClose, onUpdate, container, gptAlertProps, }) {
+function Widget({ markup, anchorElement, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onApplyResult, onPromptPresetClick, onTryAgain, onLike, onDislike, onClose, onUpdate, gptAlertProps, }) {
     (0, react_use_1.useMount)(() => {
-        if ((anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) && 'scrollIntoView' in anchorRef.current) {
-            anchorRef.current.scrollIntoView({
+        if (anchorElement && 'scrollIntoView' in anchorElement) {
+            anchorElement.scrollIntoView({
                 behavior: 'smooth',
                 block: 'center',
             });
         }
     });
     const handleUpdate = (0, react_1.useCallback)((result) => {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(result);
+        onUpdate?.(result);
     }, [onUpdate]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(uikit_1.Popup, { className: (0, exports.cnGptPopup)(), contentClassName: (0, exports.cnGptPopup)('content'), open: true, anchorRef: anchorRef, placement: constants_1.gptPopupPlacement, onOutsideClick: onClose, focusTrap: true, autoFocus: !onCustomPromptApply && true, strategy: "absolute", container: container, onEscapeKeyDown: onClose },
-            react_1.default.createElement(GptDialog_1.GptDialog, { markup: markup, answerRender: answerRender, promptPresets: promptPresets, disablePromptPresets: disablePromptPresets, customPromptPlaceholder: customPromptPlaceholder, disabledPromptPlaceholder: disabledPromptPlaceholder, onApplyResult: onApplyResult, onCustomPromptApply: onCustomPromptApply, onPromptPresetClick: onPromptPresetClick, onTryAgain: onTryAgain, onLike: onLike, onDislike: onDislike, onClose: onClose, onUpdate: handleUpdate, gptAlertProps: gptAlertProps }))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(uikit_1.Popup, { className: (0, exports.cnGptPopup)(), open: true, anchorElement: anchorElement, placement: constants_1.gptPopupPlacement, onOpenChange: (open) => {
+                if (!open)
+                    onClose();
+            }, strategy: "absolute", children: (0, jsx_runtime_1.jsx)("div", { className: (0, exports.cnGptPopup)('content'), children: (0, jsx_runtime_1.jsx)(GptDialog_1.GptDialog, { markup: markup, answerRender: answerRender, promptPresets: promptPresets, disablePromptPresets: disablePromptPresets, customPromptPlaceholder: customPromptPlaceholder, disabledPromptPlaceholder: disabledPromptPlaceholder, onApplyResult: onApplyResult, onCustomPromptApply: onCustomPromptApply, onPromptPresetClick: onPromptPresetClick, onTryAgain: onTryAgain, onLike: onLike, onDislike: onDislike, onClose: onClose, onUpdate: handleUpdate, gptAlertProps: gptAlertProps }) }) }) }));
 }
+//# sourceMappingURL=view.js.map

package/build/cjs/extensions/additional/GPT/gptExtension/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/gptExtension/view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport type {PopupProps} from '@gravity-ui/uikit';\nimport {Slice} from 'prosemirror-model';\nimport type {EditorState, PluginView} from 'prosemirror-state';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\nimport {useMount} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport type {Parser, Serializer} from '../../../../core';\nimport {getReactRendererFromState} from '../../../behavior';\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport {GptDialog} from '../GptDialog/GptDialog';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG, gptPopupPlacement} from '../constants';\nimport type {GptWidgetMeta} from '../plugin';\nimport {pluginKey} from '../plugin';\n\nimport './view.scss';\n\nexport const cnGptPopup = cn('gpt-popup');\n\nexport type GptWidgetDecoViewParams<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Omit<GptDialogProps<AnswerData, PromptData>, 'markup' | 'onApplyResult'> & {\n    serializer: Serializer;\n    parser: Parser;\n} & {\n    onApplyResult?: GptDialogProps['onApplyResult'];\n};\n\nexport class GptWidgetDecoView<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> implements Required<PluginView>\n{\n    private readonly _view;\n    private readonly _renderer;\n\n    private _decoElem: Element | null = null;\n    private _params: GptWidgetDecoViewParams<AnswerData, PromptData>;\n    private _serializer: Serializer;\n    private _parser: Parser;\n    private _confirmOpen: boolean;\n\n    constructor(view: EditorView, params: GptWidgetDecoViewParams<AnswerData, PromptData>) {\n        this._view = view;\n\n        this._params = params;\n        this._serializer = params.serializer;\n        this._parser = params.parser;\n        this._confirmOpen = false;\n\n        this._renderer = getReactRendererFromState(view.state).createItem(\n            'gpt-widget-view',\n            this._render.bind(this),\n        );\n    }\n\n    update(view: EditorView, prevState: EditorState): void {\n        const {state, dispatch} = view;\n\n        if (this._decoElem && !state.selection.eq(prevState.selection)) {\n            const transaction = state.tr;\n            const meta: GptWidgetMeta = {action: 'hide'};\n\n            dispatch(transaction.setMeta(pluginKey, meta));\n            this._view.focus();\n\n            return;\n        }\n\n        const decoElements = Array.from(view.dom.querySelectorAll(`.${WIDGET_DECO_CLASS_NAME}`));\n\n        this._decoElem = decoElements.at(-1) ?? null;\n        this._renderer.rerender();\n    }\n\n    destroy(): void {\n        this._resetState();\n\n        this._renderer.remove();\n    }\n\n    private _resetState() {\n        this._decoElem = null;\n        this._confirmOpen = false;\n    }\n\n    private _onConfirmCancel = () => {\n        this._confirmOpen = false;\n\n        this._renderer.rerender();\n    };\n\n    private _onConfirmOk = () => {\n        this._onClose();\n    };\n\n    private _render() {\n        if (!this._decoElem) return null;\n\n        const markup = this._getContentOfDecoration();\n\n        if (markup === undefined) {\n            return null;\n        }\n\n        return (\n            <Widget\n                markup={markup}\n                anchorElement={this._decoElem}\n                answerRender={this._params.answerRender}\n                promptPresets={this._params.promptPresets}\n                disablePromptPresets={this._params.disablePromptPresets}\n                customPromptPlaceholder={this._params.customPromptPlaceholder}\n                disabledPromptPlaceholder={this._params.disabledPromptPlaceholder}\n                gptAlertProps={this._params.gptAlertProps}\n                onApplyResult={this._onSubmit}\n                onCustomPromptApply={this._params.onCustomPromptApply}\n                onPromptPresetClick={this._params.onPromptPresetClick}\n                onTryAgain={this._params.onTryAgain}\n                onLike={this._params.onLike}\n                onDislike={this._params.onDislike}\n                onClose={this._onClose}\n                onUpdate={this._onGptAnswerUpdate}\n                confirmOpen={this._confirmOpen}\n                onConfirmOk={this._onConfirmOk}\n                onConfirmCancel={this._onConfirmCancel}\n            />\n        );\n    }\n\n    private _onGptAnswerUpdate: NonNullable<WidgetProps<AnswerData, PromptData>['onUpdate']> = (\n        answer,\n    ) => {\n        this._params.onUpdate?.(answer);\n    };\n\n    private _onSubmit: NonNullable<WidgetProps['onApplyResult']> = (answer: string) => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return;\n\n        const {from, to} = deco;\n\n        const answerNode = this._parser.parse(answer);\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setMeta(pluginKey, meta);\n        tr.replace(from, to, new Slice(answerNode.content, 1, 1));\n        tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onApplyResult?.(answer);\n\n        this._resetState();\n    };\n\n    private _onClose = () => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) {\n            return;\n        }\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setSelection(TextSelection.create(tr.doc, deco.from, deco.to));\n\n        tr.setMeta(pluginKey, meta);\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onClose?.();\n\n        this._resetState();\n    };\n\n    private _getContentOfDecoration(): string | undefined {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return undefined;\n\n        const {from, to} = deco;\n\n        try {\n            // FIXME: Verify and use Node instead of Fragment\n            const fragment = this._view.state.doc.slice(from, to, true).content;\n            const yfmMarkup = this._serializer.serialize(fragment as any);\n\n            return yfmMarkup;\n        } catch (error) {\n            console.error(error);\n\n            return this._view.state.doc.textBetween(from, to, '\\n', '');\n        }\n    }\n\n    private _getCurrentDecoration() {\n        return this._getPluginState()?.find(\n            undefined,\n            undefined,\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return\n            (spec) => spec[WIDGET_DECO_SPEC_FLAG],\n        )[0];\n    }\n\n    private _getPluginState() {\n        return pluginKey.getState(this._view.state);\n    }\n}\n\ntype WidgetProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<PopupProps, 'anchorElement'> & {\n    markup: string;\n    onClose: () => void;\n    confirmOpen: boolean;\n    onConfirmOk: () => void;\n    onConfirmCancel: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nfunction Widget<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    anchorElement,\n    answerRender,\n    promptPresets,\n    disablePromptPresets,\n    customPromptPlaceholder,\n    disabledPromptPlaceholder,\n    onCustomPromptApply,\n    onApplyResult,\n    onPromptPresetClick,\n    onTryAgain,\n    onLike,\n    onDislike,\n    onClose,\n    onUpdate,\n    gptAlertProps,\n}: WidgetProps<AnswerData, PromptData>) {\n    useMount(() => {\n        if (anchorElement && 'scrollIntoView' in anchorElement) {\n            anchorElement.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n            });\n        }\n    });\n\n    const handleUpdate = useCallback(\n        (result?: AnswerData) => {\n            onUpdate?.(result);\n        },\n        [onUpdate],\n    );\n\n    return (\n        <>\n            <Popup\n                className={cnGptPopup()}\n                open\n                anchorElement={anchorElement}\n                placement={gptPopupPlacement}\n                onOpenChange={(open) => {\n                    if (!open) onClose();\n                }}\n                strategy=\"absolute\"\n            >\n                <div className={cnGptPopup('content')}>\n                    <GptDialog\n                        markup={markup}\n                        answerRender={answerRender}\n                        promptPresets={promptPresets}\n                        disablePromptPresets={disablePromptPresets}\n                        customPromptPlaceholder={customPromptPlaceholder}\n                        disabledPromptPlaceholder={disabledPromptPlaceholder}\n                        onApplyResult={onApplyResult}\n                        onCustomPromptApply={onCustomPromptApply}\n                        onPromptPresetClick={onPromptPresetClick}\n                        onTryAgain={onTryAgain}\n                        onLike={onLike}\n                        onDislike={onDislike}\n                        onClose={onClose}\n                        onUpdate={handleUpdate}\n                        gptAlertProps={gptAlertProps}\n                    />\n                </div>\n            </Popup>\n        </>\n    );\n}\n"]}

package/build/cjs/extensions/additional/GPT/hooks/useGpt.d.ts

@@ -1,6 +1,6 @@
-import type { CommonAnswer, GptRequestData } from '../ErrorScreen/types';
-import type { GptDialogProps } from '../GptDialog/GptDialog';
-declare type UseGptProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'markup' | 'promptPresets' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onApplyResult' | 'onUpdate'>;
+import type { CommonAnswer, GptRequestData } from "../ErrorScreen/types.js";
+import type { GptDialogProps } from "../GptDialog/GptDialog.js";
+type UseGptProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'markup' | 'promptPresets' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onApplyResult' | 'onUpdate'>;
 export declare const useGpt: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ markup, promptPresets, onCustomPromptApply, onPromptPresetClick, onTryAgain, onLike, onDislike, onApplyResult, onUpdate, }: UseGptProps<AnswerData, PromptData>) => {
     answer: AnswerData | undefined;
     customPrompt: string;

package/build/cjs/extensions/additional/GPT/hooks/useGpt.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGpt = void 0;
 const react_1 = require("react");
-const utils_1 = require("../utils");
+const utils_1 = require("../utils.js");
 const useGpt = ({ markup, promptPresets, onCustomPromptApply, onPromptPresetClick, onTryAgain, onLike, onDislike, onApplyResult, onUpdate, }) => {
     const [answer, setAnswer] = (0, react_1.useState)();
     const [lastRequestData, setLastRequestData] = (0, react_1.useState)();
@@ -39,7 +39,7 @@ const useGpt = ({ markup, promptPresets, onCustomPromptApply, onPromptPresetClic
                 // the popup does not handle height changes.
                 window.dispatchEvent(new CustomEvent('scroll'));
             });
-            onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(result);
+            onUpdate?.(result);
         }
     }, [onUpdate]);
     const handleLike = (0, react_1.useCallback)(async () => {
@@ -106,26 +106,25 @@ const useGpt = ({ markup, promptPresets, onCustomPromptApply, onPromptPresetClic
         await makeRequest(onTryAgain, lastRequestData);
     }, [lastRequestData, makeRequest, onTryAgain]);
     const handleApplyResult = (0, react_1.useCallback)(() => {
-        var _a;
-        onApplyResult((_a = answer === null || answer === void 0 ? void 0 : answer.rawText) !== null && _a !== void 0 ? _a : '');
-    }, [answer === null || answer === void 0 ? void 0 : answer.rawText, onApplyResult]);
+        onApplyResult(answer?.rawText ?? '');
+    }, [answer?.rawText, onApplyResult]);
     const handleFreshStart = (0, react_1.useCallback)(() => {
         setError(false);
         setLastRequestData(undefined);
         setAnswer(undefined);
         setCustomPrompt('');
         setFeedbackType(undefined);
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(undefined);
+        onUpdate?.(undefined);
     }, [onUpdate]);
     const showTryAgainButton = Boolean(lastRequestData && onTryAgain && !loading);
     const showAnswer = Boolean(answer && !loading && !error);
     const showError = error && !loading;
     const showAnswerActions = (onLike || onDislike) && showAnswer;
     let mode = 'custom-and-presets';
-    if (onCustomPromptApply && !(promptPresets === null || promptPresets === void 0 ? void 0 : promptPresets.length)) {
+    if (onCustomPromptApply && !promptPresets?.length) {
         mode = 'only-custom';
     }
-    else if (!onCustomPromptApply && (promptPresets === null || promptPresets === void 0 ? void 0 : promptPresets.length)) {
+    else if (!onCustomPromptApply && promptPresets?.length) {
         mode = 'only-presets';
     }
     return {
@@ -153,3 +152,4 @@ const useGpt = ({ markup, promptPresets, onCustomPromptApply, onPromptPresetClic
     };
 };
 exports.useGpt = useGpt;
+//# sourceMappingURL=useGpt.js.map

package/build/cjs/extensions/additional/GPT/hooks/useGpt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGpt.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/hooks/useGpt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useState} from 'react';\n\nimport type {TextInputProps} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer, GptRequestData} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport type {PresetListProps} from '../PresetList/PresetList';\nimport {isEnter} from '../utils';\n\ntype UseGptProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<\n    GptDialogProps<AnswerData, PromptData>,\n    | 'markup'\n    | 'promptPresets'\n    | 'onCustomPromptApply'\n    | 'onPromptPresetClick'\n    | 'onTryAgain'\n    | 'onLike'\n    | 'onDislike'\n    | 'onApplyResult'\n    | 'onUpdate'\n>;\n\nexport const useGpt = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    promptPresets,\n    onCustomPromptApply,\n    onPromptPresetClick,\n    onTryAgain,\n    onLike,\n    onDislike,\n    onApplyResult,\n    onUpdate,\n}: UseGptProps<AnswerData, PromptData>) => {\n    const [answer, setAnswer] = useState<AnswerData>();\n    const [lastRequestData, setLastRequestData] = useState<GptRequestData<PromptData>>();\n    const [customPrompt, setCustomPrompt] = useState('');\n    const [loading, setLoading] = useState(false);\n    const [error, setError] = useState(false);\n    const [feedbackType, setFeedbackType] = useState<'like' | 'dislike' | undefined>(undefined);\n    const [feedbackTypeLoading, setFeedbackTypeLoading] = useState<'like' | 'dislike' | undefined>(\n        undefined,\n    );\n\n    const makeRequest: (\n        requestFunction: UseGptProps<AnswerData, PromptData>['onPromptPresetClick'],\n        data: GptRequestData<PromptData>,\n    ) => Promise<void> = useCallback(\n        async (requestFunction, data) => {\n            if (!requestFunction) {\n                return;\n            }\n\n            let result;\n\n            try {\n                setLoading(true);\n                setError(false);\n                setLastRequestData(data);\n\n                result = await requestFunction(data);\n\n                if (result) {\n                    setAnswer(result);\n                    setFeedbackType(undefined);\n                }\n            } catch (error) {\n                console.error(error);\n\n                setError(true);\n            } finally {\n                setLoading(false);\n                setTimeout(() => {\n                    // hack for popup rerender\n                    // When a lot of text is entered into the GPT popup,\n                    // it expands and goes beyond the boundaries. However,\n                    // the popup does not handle height changes.\n                    window.dispatchEvent(new CustomEvent('scroll'));\n                });\n                onUpdate?.(result);\n            }\n        },\n        [onUpdate],\n    );\n\n    const handleLike = useCallback(async () => {\n        if (!onLike || !lastRequestData) {\n            return;\n        }\n\n        try {\n            setFeedbackType(undefined);\n            setFeedbackTypeLoading('like');\n\n            await onLike(lastRequestData);\n\n            setFeedbackType('like');\n        } catch (error) {\n            console.error(error);\n        } finally {\n            setFeedbackTypeLoading(undefined);\n        }\n    }, [lastRequestData, onLike]);\n\n    const handleDislike = useCallback(async () => {\n        if (!onDislike || !lastRequestData) {\n            return;\n        }\n\n        try {\n            setFeedbackType(undefined);\n            setFeedbackTypeLoading('dislike');\n\n            await onDislike(lastRequestData);\n\n            setFeedbackType('dislike');\n        } catch (error) {\n            console.error(error);\n        } finally {\n            setFeedbackTypeLoading(undefined);\n        }\n    }, [lastRequestData, onDislike]);\n\n    const handleCustomPromptApply = useCallback(async () => {\n        if (!customPrompt) {\n            return;\n        }\n\n        const gptRequestData: GptRequestData<PromptData> = {\n            markup,\n            customPrompt,\n        };\n\n        await makeRequest(onCustomPromptApply, gptRequestData);\n    }, [customPrompt, makeRequest, markup, onCustomPromptApply]);\n\n    const handleCustomPromptKeyPress = useCallback<NonNullable<TextInputProps['onKeyPress']>>(\n        async (event) => {\n            if (!isEnter(event)) {\n                return;\n            }\n\n            await handleCustomPromptApply();\n        },\n        [handleCustomPromptApply],\n    );\n\n    const handlePresetClick = useCallback<PresetListProps<AnswerData, PromptData>['onPresetClick']>(\n        async (data) => {\n            const gptRequestData: GptRequestData<PromptData> = {\n                markup,\n                promptData: data,\n            };\n\n            await makeRequest(onPromptPresetClick, gptRequestData);\n        },\n        [makeRequest, markup, onPromptPresetClick],\n    );\n\n    const handleTryAgain = useCallback(async () => {\n        if (!lastRequestData) {\n            return;\n        }\n\n        await makeRequest(onTryAgain, lastRequestData);\n    }, [lastRequestData, makeRequest, onTryAgain]);\n\n    const handleApplyResult = useCallback(() => {\n        onApplyResult(answer?.rawText ?? '');\n    }, [answer?.rawText, onApplyResult]);\n\n    const handleFreshStart = useCallback(() => {\n        setError(false);\n        setLastRequestData(undefined);\n        setAnswer(undefined);\n        setCustomPrompt('');\n        setFeedbackType(undefined);\n\n        onUpdate?.(undefined);\n    }, [onUpdate]);\n\n    const showTryAgainButton = Boolean(lastRequestData && onTryAgain && !loading);\n    const showAnswer = Boolean(answer && !loading && !error);\n    const showError = error && !loading;\n    const showAnswerActions = (onLike || onDislike) && showAnswer;\n\n    let mode: 'custom-and-presets' | 'only-custom' | 'only-presets' = 'custom-and-presets';\n\n    if (onCustomPromptApply && !promptPresets?.length) {\n        mode = 'only-custom';\n    } else if (!onCustomPromptApply && promptPresets?.length) {\n        mode = 'only-presets';\n    }\n\n    return {\n        answer,\n        customPrompt,\n        lastRequestData,\n        loading,\n        error,\n        mode,\n        feedbackType,\n        feedbackTypeLoading,\n        handleLike,\n        handleDislike,\n        handleCustomPromptUpdate: setCustomPrompt,\n        handleCustomPromptKeyPress,\n        handleCustomPromptApply,\n        handlePresetClick,\n        handleTryAgain,\n        handleFreshStart,\n        handleApplyResult,\n        showTryAgainButton,\n        showAnswer,\n        showError,\n        showAnswerActions,\n    };\n};\n"]}

package/build/cjs/extensions/additional/GPT/hooks/useGptHotKeys.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGptHotKeys = void 0;
+exports.useGptHotKeys = useGptHotKeys;
 const react_hotkeys_hook_1 = require("react-hotkeys-hook");
 function useGptHotKeys(key, callback, options = {}, dependencies) {
-    (0, react_hotkeys_hook_1.useHotkeys)(key, callback, Object.assign({ preventDefault: true }, options), dependencies);
+    (0, react_hotkeys_hook_1.useHotkeys)(key, callback, { preventDefault: true, ...options }, dependencies);
 }
-exports.useGptHotKeys = useGptHotKeys;
+//# sourceMappingURL=useGptHotKeys.js.map

package/build/cjs/extensions/additional/GPT/hooks/useGptHotKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGptHotKeys.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/hooks/useGptHotKeys.ts"],"names":[],"mappings":";;AAGA,sCAOC;AATD,2DAA8C;AAE9C,SAAgB,aAAa,CACzB,GAAW,EACX,QAAoB,EACpB,UAAmB,EAAE,EACrB,YAAwB;IAExB,IAAA,+BAAU,EAAC,GAAG,EAAE,QAAQ,EAAE,EAAC,cAAc,EAAE,IAAI,EAAE,GAAG,OAAO,EAAC,EAAE,YAAY,CAAC,CAAC;AAChF,CAAC","sourcesContent":["import type {Options} from 'react-hotkeys-hook';\nimport {useHotkeys} from 'react-hotkeys-hook';\n\nexport function useGptHotKeys(\n    key: string,\n    callback: () => void,\n    options: Options = {},\n    dependencies?: unknown[],\n) {\n    useHotkeys(key, callback, {preventDefault: true, ...options}, dependencies);\n}\n"]}

package/build/cjs/extensions/additional/GPT/hooks/useOverflowingHorizontalItems.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
-export declare type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {
+export type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {
     containerRef: RefObject<HTMLElement>;
     items?: ItemType[];
     itemSelector: string;

package/build/cjs/extensions/additional/GPT/hooks/useOverflowingHorizontalItems.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOverflowingHorizontalItems = void 0;
+exports.useOverflowingHorizontalItems = useOverflowingHorizontalItems;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
 function useOverflowingHorizontalItems({ containerRef, items, itemSelector, moreButtonSelector, marginBetweenItems = 0, }) {
     const [containerWidth, setContainerWidth] = (0, react_1.useState)(0);
     const [itemWidths, setItemWidths] = (0, react_1.useState)([]);
     const [moreButtonWidth, setMoreButtonWidth] = (0, react_1.useState)(0);
     (0, react_1.useLayoutEffect)(() => {
         const measureItemSizes = () => {
-            var _a, _b, _c;
-            const itemElements = Array.from((_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(itemSelector)) !== null && _b !== void 0 ? _b : []);
-            const moreButton = (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.querySelector(moreButtonSelector);
+            const itemElements = Array.from(containerRef.current?.querySelectorAll(itemSelector) ?? []);
+            const moreButton = containerRef.current?.querySelector(moreButtonSelector);
             setItemWidths(itemElements.map((item) => item.clientWidth));
             if (moreButton) {
                 setMoreButtonWidth(moreButton.clientWidth);
@@ -37,10 +36,9 @@ function useOverflowingHorizontalItems({ containerRef, items, itemSelector, more
     }, [containerRef]);
     const isMeasured = itemWidths.length > 0;
     const { visibleItems, hiddenItems } = (0, react_1.useMemo)(() => {
-        var _a, _b;
         if (!isMeasured) {
             return {
-                visibleItems: items !== null && items !== void 0 ? items : [],
+                visibleItems: items ?? [],
                 hiddenItems: [],
             };
         }
@@ -61,10 +59,10 @@ function useOverflowingHorizontalItems({ containerRef, items, itemSelector, more
             visibleItemsCount++;
         }
         return {
-            visibleItems: (_a = items === null || items === void 0 ? void 0 : items.slice(0, visibleItemsCount)) !== null && _a !== void 0 ? _a : [],
-            hiddenItems: (_b = items === null || items === void 0 ? void 0 : items.slice(visibleItemsCount)) !== null && _b !== void 0 ? _b : [],
+            visibleItems: items?.slice(0, visibleItemsCount) ?? [],
+            hiddenItems: items?.slice(visibleItemsCount) ?? [],
         };
     }, [containerWidth, isMeasured, itemWidths, items, marginBetweenItems, moreButtonWidth]);
     return { visibleItems, hiddenItems, measured: isMeasured };
 }
-exports.useOverflowingHorizontalItems = useOverflowingHorizontalItems;
+//# sourceMappingURL=useOverflowingHorizontalItems.js.map

package/build/cjs/extensions/additional/GPT/hooks/useOverflowingHorizontalItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowingHorizontalItems.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/hooks/useOverflowingHorizontalItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useLayoutEffect, useMemo, useState} from 'react';\nimport type {RefObject} from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nexport type UseOverflowingContainerListItemsProps<ItemType extends unknown> = {\n    containerRef: RefObject<HTMLElement>;\n    items?: ItemType[];\n    itemSelector: string;\n    moreButtonSelector: string;\n    marginBetweenItems?: number;\n};\n\nexport function useOverflowingHorizontalItems<ItemType>({\n    containerRef,\n    items,\n    itemSelector,\n    moreButtonSelector,\n    marginBetweenItems = 0,\n}: UseOverflowingContainerListItemsProps<ItemType>) {\n    const [containerWidth, setContainerWidth] = useState<number>(0);\n    const [itemWidths, setItemWidths] = useState<number[]>([]);\n    const [moreButtonWidth, setMoreButtonWidth] = useState<number>(0);\n\n    useLayoutEffect(() => {\n        const measureItemSizes = () => {\n            const itemElements = Array.from(\n                containerRef.current?.querySelectorAll(itemSelector) ?? [],\n            );\n\n            const moreButton = containerRef.current?.querySelector(moreButtonSelector);\n\n            setItemWidths(itemElements.map((item) => item.clientWidth));\n\n            if (moreButton) {\n                setMoreButtonWidth(moreButton.clientWidth);\n            }\n        };\n\n        requestAnimationFrame(measureItemSizes);\n    }, [containerRef, itemSelector, moreButtonSelector]);\n\n    useLayoutEffect(() => {\n        const container = containerRef.current;\n\n        if (!container) {\n            return;\n        }\n\n        const updateContainerSize = (entries: ResizeObserverEntry[]) => {\n            if (entries.length > 0) {\n                setContainerWidth(entries[0]!.contentRect.width);\n            }\n        };\n\n        const updateContainerSizeDebounced = debounceFn(updateContainerSize, 100);\n        const containerResizeObserver = new ResizeObserver(updateContainerSizeDebounced);\n\n        containerResizeObserver.observe(container);\n\n        return () => containerResizeObserver.unobserve(container);\n    }, [containerRef]);\n\n    const isMeasured = itemWidths.length > 0;\n\n    const {visibleItems, hiddenItems} = useMemo(() => {\n        if (!isMeasured) {\n            return {\n                visibleItems: items ?? [],\n                hiddenItems: [],\n            };\n        }\n\n        const itemsCount = itemWidths.length;\n        let visibleItemsCount = 0;\n\n        const spaceForMoreButton = moreButtonWidth + marginBetweenItems;\n        let remainingContainerWidth = containerWidth;\n\n        for (const width of itemWidths) {\n            const itemWidthWithMargin = width + marginBetweenItems;\n\n            remainingContainerWidth -= itemWidthWithMargin;\n\n            if (remainingContainerWidth < spaceForMoreButton) {\n                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;\n                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;\n\n                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {\n                    break;\n                }\n            }\n\n            visibleItemsCount++;\n        }\n\n        return {\n            visibleItems: items?.slice(0, visibleItemsCount) ?? [],\n            hiddenItems: items?.slice(visibleItemsCount) ?? [],\n        };\n    }, [containerWidth, isMeasured, itemWidths, items, marginBetweenItems, moreButtonWidth]);\n\n    return {visibleItems, hiddenItems, measured: isMeasured};\n}\n"]}

package/build/cjs/extensions/additional/GPT/hooks/usePresetList.d.ts

@@ -1,15 +1,15 @@
 import type { DropdownMenuItem } from '@gravity-ui/uikit';
-import { CommonAnswer } from '../ErrorScreen/types';
-import type { GptDialogProps } from '../GptDialog/GptDialog';
-import type { PresetListProps } from '../PresetList/PresetList';
-declare type UsePresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'promptPresets'> & {
+import type { CommonAnswer } from "../ErrorScreen/types.js";
+import type { GptDialogProps } from "../GptDialog/GptDialog.js";
+import type { PresetListProps } from "../PresetList/PresetList.js";
+type UsePresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'promptPresets'> & {
     onPresetClick: PresetListProps<AnswerData, PromptData>['onPresetClick'];
 };
 export declare const usePresetList: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ promptPresets, onPresetClick, }: UsePresetListProps<AnswerData, PromptData>) => {
     measured: boolean;
     showMoreButton: boolean;
     presetsContainerRef: import("react").RefObject<HTMLDivElement>;
-    visiblePresets: import("../ErrorScreen/types").PromptPreset<PromptData>[];
-    hiddenPresets: DropdownMenuItem<unknown>[];
+    visiblePresets: import("../ErrorScreen/types.js").PromptPreset<PromptData>[];
+    hiddenPresets: DropdownMenuItem[];
 };
 export {};

package/build/cjs/extensions/additional/GPT/hooks/usePresetList.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePresetList = void 0;
 const react_1 = require("react");
-const PresetList_1 = require("../PresetList/PresetList");
-const useOverflowingHorizontalItems_1 = require("./useOverflowingHorizontalItems");
+const PresetList_1 = require("../PresetList/PresetList.js");
+const useOverflowingHorizontalItems_1 = require("./useOverflowingHorizontalItems.js");
 const usePresetList = ({ promptPresets, onPresetClick, }) => {
     const presetsContainerRef = (0, react_1.useRef)(null);
     const { visibleItems, hiddenItems, measured } = (0, useOverflowingHorizontalItems_1.useOverflowingHorizontalItems)({
@@ -34,3 +34,4 @@ const usePresetList = ({ promptPresets, onPresetClick, }) => {
     };
 };
 exports.usePresetList = usePresetList;
+//# sourceMappingURL=usePresetList.js.map

package/build/cjs/extensions/additional/GPT/hooks/usePresetList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresetList.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/hooks/usePresetList.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAOtC,4DAA+D;AAE/D,sFAA8E;AASvE,MAAM,aAAa,GAAG,CAG3B,EACE,aAAa,EACb,aAAa,GAC4B,EAAE,EAAE;IAC7C,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,EAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAC,GAAG,IAAA,6DAA6B,EAAC;QACxE,YAAY,EAAE,mBAAmB;QACjC,KAAK,EAAE,aAAa;QACpB,YAAY,EAAE,IAAI,IAAA,kCAAqB,EAAC,QAAQ,CAAC,EAAE;QACnD,kBAAkB,EAAE,IAAI,IAAA,kCAAqB,EAAC,qBAAqB,CAAC,EAAE;QACtE,kBAAkB,EAAE,CAAC;KACxB,CAAC,CAAC;IAEH,MAAM,aAAa,GAAuB,IAAA,eAAO,EAAC,GAAG,EAAE;QACnD,MAAM,KAAK,GAAuB,EAAE,CAAC;QAErC,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;YAC7B,KAAK,CAAC,IAAI,CAAC;gBACP,IAAI,EAAE,IAAI,CAAC,OAAO;gBAClB,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;gBACtC,KAAK,EAAE,EAAE;aACZ,CAAC,CAAC;QACP,CAAC;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7D,OAAO;QACH,QAAQ;QACR,cAAc;QACd,mBAAmB;QACnB,cAAc,EAAE,YAAY;QAC5B,aAAa;KAChB,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,aAAa,iBAwCxB","sourcesContent":["import {useMemo, useRef} from 'react';\n\nimport type {DropdownMenuItem} from '@gravity-ui/uikit';\n\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport type {PresetListProps} from '../PresetList/PresetList';\nimport {cnGptDialogPresetList} from '../PresetList/PresetList';\n\nimport {useOverflowingHorizontalItems} from './useOverflowingHorizontalItems';\n\ntype UsePresetListProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<GptDialogProps<AnswerData, PromptData>, 'promptPresets'> & {\n    onPresetClick: PresetListProps<AnswerData, PromptData>['onPresetClick'];\n};\n\nexport const usePresetList = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    promptPresets,\n    onPresetClick,\n}: UsePresetListProps<AnswerData, PromptData>) => {\n    const presetsContainerRef = useRef<HTMLDivElement>(null);\n\n    const {visibleItems, hiddenItems, measured} = useOverflowingHorizontalItems({\n        containerRef: presetsContainerRef,\n        items: promptPresets,\n        itemSelector: `.${cnGptDialogPresetList('preset')}`,\n        moreButtonSelector: `.${cnGptDialogPresetList('more-button-wrapper')}`,\n        marginBetweenItems: 8,\n    });\n\n    const hiddenPresets: DropdownMenuItem[] = useMemo(() => {\n        const items: DropdownMenuItem[] = [];\n\n        for (const item of hiddenItems) {\n            items.push({\n                text: item.display,\n                action: () => onPresetClick(item.data),\n                items: [],\n            });\n        }\n\n        return items;\n    }, [onPresetClick, hiddenItems]);\n\n    const showMoreButton = !measured || hiddenPresets.length > 0;\n\n    return {\n        measured,\n        showMoreButton,\n        presetsContainerRef,\n        visiblePresets: visibleItems,\n        hiddenPresets,\n    };\n};\n"]}

package/build/cjs/extensions/additional/GPT/index.d.ts

@@ -1,3 +1,3 @@
-export * from './wGptItemData';
-export * from './gptExtension/gptExtension';
-export * from './MarkupGpt';
+export * from "./wGptItemData.js";
+export * from "./gptExtension/gptExtension.js";
+export * from "./MarkupGpt/index.js";

package/build/cjs/extensions/additional/GPT/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./wGptItemData"), exports);
-tslib_1.__exportStar(require("./gptExtension/gptExtension"), exports);
-tslib_1.__exportStar(require("./MarkupGpt"), exports);
+tslib_1.__exportStar(require("./wGptItemData.js"), exports);
+tslib_1.__exportStar(require("./gptExtension/gptExtension.js"), exports);
+tslib_1.__exportStar(require("./MarkupGpt/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/additional/GPT/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/index.ts"],"names":[],"mappings":";;;AAAA,4DAA+B;AAC/B,yEAA4C;AAC5C,+DAA4B","sourcesContent":["export * from './wGptItemData';\nexport * from './gptExtension/gptExtension';\nexport * from './MarkupGpt';\n"]}

package/build/cjs/extensions/additional/GPT/plugin.d.ts

@@ -1,8 +1,8 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
-import { CommonAnswer } from './ErrorScreen/types';
-import type { GptWidgetDecoViewParams } from './gptExtension/view';
-export declare type GptWidgetMeta = {
+import type { CommonAnswer } from "./ErrorScreen/types.js";
+import type { GptWidgetDecoViewParams } from "./gptExtension/view.js";
+export type GptWidgetMeta = {
     action: 'show';
     from: number;
     to: number;

package/build/cjs/extensions/additional/GPT/plugin.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.gptWidgetPlugin = exports.pluginKey = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const constants_1 = require("./constants");
-const view_1 = require("./gptExtension/view");
-const utils_1 = require("./utils");
+const constants_1 = require("./constants.js");
+const view_1 = require("./gptExtension/view.js");
+const utils_1 = require("./utils.js");
 const key = new prosemirror_state_1.PluginKey('gpt-widget');
 exports.pluginKey = key;
 const gptWidgetPlugin = (params) => {
@@ -17,7 +17,7 @@ const gptWidgetPlugin = (params) => {
                 const meta = tr.getMeta(key);
                 const paramsGpt = params;
                 paramsGpt.disablePromptPresets = false;
-                if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'show') {
+                if (meta?.action === 'show') {
                     if (meta.to === meta.from) {
                         const spanElem = document.createElement('span');
                         spanElem.className = constants_1.WIDGET_DECO_CLASS_NAME;
@@ -37,7 +37,7 @@ const gptWidgetPlugin = (params) => {
                         prosemirror_view_1.Decoration.inline(meta.from, meta.to, { nodeName: 'span', class: constants_1.WIDGET_DECO_CLASS_NAME }, { [constants_1.WIDGET_DECO_SPEC_FLAG]: true }),
                     ]);
                 }
-                if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'hide') {
+                if (meta?.action === 'hide') {
                     paramsGpt.disablePromptPresets = false;
                     return prosemirror_view_1.DecorationSet.empty;
                 }
@@ -51,3 +51,4 @@ const gptWidgetPlugin = (params) => {
     });
 };
 exports.gptWidgetPlugin = gptWidgetPlugin;
+//# sourceMappingURL=plugin.js.map

package/build/cjs/extensions/additional/GPT/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"../../../../../src","sources":["extensions/additional/GPT/plugin.ts"],"names":[],"mappings":";;;AAAA,yDAAoD;AACpD,uDAA2D;AAG3D,8CAA0E;AAE1E,iDAAsD;AACtD,sCAA0C;AAY1C,MAAM,GAAG,GAAG,IAAI,6BAAS,CAAgB,YAAY,CAAC,CAAC;AAExC,wBAAS;AAEjB,MAAM,eAAe,GAAG,CAI3B,MAAuD,EACjD,EAAE;IACR,OAAO,IAAI,0BAAM,CAAC;QACd,GAAG;QACH,KAAK,EAAE;YACH,IAAI,EAAE,GAAG,EAAE,CAAC,gCAAa,CAAC,KAAK;YAC/B,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;gBACjB,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAA8B,CAAC;gBAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;gBAEzB,SAAS,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAEvC,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;wBACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAChD,QAAQ,CAAC,SAAS,GAAG,kCAAsB,CAAC;wBAC5C,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;wBAE3B,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC;wBAEtC,IAAI,IAAA,yBAAiB,EAAC,SAAS,EAAE,IAAI,CAAC;4BAAE,OAAO,gCAAa,CAAC,KAAK,CAAC;wBAEnE,OAAO,gCAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;4BAChC,6BAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE;gCACnC,CAAC,iCAAqB,CAAC,EAAE,IAAI;6BAChC,CAAC;yBACL,CAAC,CAAC;oBACP,CAAC;oBAED,IAAI,IAAA,yBAAiB,EAAC,SAAS,EAAE,KAAK,CAAC;wBAAE,OAAO,gCAAa,CAAC,KAAK,CAAC;oBAEpE,OAAO,gCAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;wBAChC,6BAAU,CAAC,MAAM,CACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,EAAE,EACP,EAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,kCAAsB,EAAC,EACjD,EAAC,CAAC,iCAAqB,CAAC,EAAE,IAAI,EAAC,CAClC;qBACJ,CAAC,CAAC;gBACP,CAAC;gBAED,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;oBAC1B,SAAS,CAAC,oBAAoB,GAAG,KAAK,CAAC;oBAEvC,OAAO,gCAAa,CAAC,KAAK,CAAC;gBAC/B,CAAC;gBAED,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;SACJ;QACD,KAAK,EAAE;YACH,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;SAC9C;QACD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,wBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC;KACtD,CAAC,CAAC;AACP,CAAC,CAAC;AA3DW,QAAA,eAAe,mBA2D1B","sourcesContent":["import {Plugin, PluginKey} from 'prosemirror-state';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {CommonAnswer} from './ErrorScreen/types';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG} from './constants';\nimport type {GptWidgetDecoViewParams} from './gptExtension/view';\nimport {GptWidgetDecoView} from './gptExtension/view';\nimport {isEmptyGptPrompts} from './utils';\n\nexport type GptWidgetMeta =\n    | {\n          action: 'show';\n          from: number;\n          to: number;\n      }\n    | {\n          action: 'hide';\n      };\n\nconst key = new PluginKey<DecorationSet>('gpt-widget');\n\nexport {key as pluginKey};\n\nexport const gptWidgetPlugin = <\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>(\n    params: GptWidgetDecoViewParams<AnswerData, PromptData>,\n): Plugin => {\n    return new Plugin({\n        key,\n        state: {\n            init: () => DecorationSet.empty,\n            apply: (tr, decos) => {\n                const meta = tr.getMeta(key) as GptWidgetMeta | undefined;\n                const paramsGpt = params;\n\n                paramsGpt.disablePromptPresets = false;\n\n                if (meta?.action === 'show') {\n                    if (meta.to === meta.from) {\n                        const spanElem = document.createElement('span');\n                        spanElem.className = WIDGET_DECO_CLASS_NAME;\n                        spanElem.textContent = ' ';\n\n                        paramsGpt.disablePromptPresets = true;\n\n                        if (isEmptyGptPrompts(paramsGpt, true)) return DecorationSet.empty;\n\n                        return DecorationSet.create(tr.doc, [\n                            Decoration.widget(meta.from, spanElem, {\n                                [WIDGET_DECO_SPEC_FLAG]: true,\n                            }),\n                        ]);\n                    }\n\n                    if (isEmptyGptPrompts(paramsGpt, false)) return DecorationSet.empty;\n\n                    return DecorationSet.create(tr.doc, [\n                        Decoration.inline(\n                            meta.from,\n                            meta.to,\n                            {nodeName: 'span', class: WIDGET_DECO_CLASS_NAME},\n                            {[WIDGET_DECO_SPEC_FLAG]: true},\n                        ),\n                    ]);\n                }\n\n                if (meta?.action === 'hide') {\n                    paramsGpt.disablePromptPresets = false;\n\n                    return DecorationSet.empty;\n                }\n\n                return decos.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations: (state) => key.getState(state),\n        },\n        view: (view) => new GptWidgetDecoView(view, params),\n    });\n};\n"]}

package/build/cjs/extensions/additional/GPT/utils.d.ts

@@ -1,11 +1,11 @@
 import type React from 'react';
-import { CommonAnswer } from './ErrorScreen/types';
-import { GptDialogProps } from './GptDialog/GptDialog';
-import { GptWidgetOptions } from './gptExtension/gptExtension';
-declare type CombinedKeyboardEvent = KeyboardEvent | React.KeyboardEvent;
+import type { CommonAnswer } from "./ErrorScreen/types.js";
+import type { GptDialogProps } from "./GptDialog/GptDialog.js";
+import type { GptWidgetOptions } from "./gptExtension/gptExtension.js";
+type CombinedKeyboardEvent = KeyboardEvent | React.KeyboardEvent;
 export declare function getAlertGptInfo(gptAlert: GptDialogProps['gptAlertProps']): {
     alertMessage: string;
-    alertTheme: import("@gravity-ui/uikit/build/esm/components/Alert/types").AlertTheme;
+    alertTheme: import("node_modules/@gravity-ui/uikit/build/cjs/components/Alert/types").AlertTheme;
     alertClassName: string | undefined;
 };
 export declare function getDisableReplaceButtonText(disablePromptPresets?: boolean): string;